From 301ff2daf8c98fcd223f3f89be3e7b8ed1d8f2fb Mon Sep 17 00:00:00 2001
From: Luca <lucapribilovic466@gmail.com>
Date: Sat, 26 Jul 2025 22:34:01 +1000
Subject: [PATCH] feat(interface/input): add size to input dialog options (#32)

---
 resource/interface/client/input.lua     | 1 +
 web/src/features/dialog/InputDialog.tsx | 2 +-
 web/src/typings/dialog.ts               | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/resource/interface/client/input.lua b/resource/interface/client/input.lua
index fe85e6f..3ab7a70 100644
--- a/resource/interface/client/input.lua
+++ b/resource/interface/client/input.lua
@@ -35,6 +35,7 @@ local input
 
 ---@class InputDialogOptionsProps
 ---@field allowCancel? boolean
+---@field size? 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 
 ---@param heading string
 ---@param rows string[] | InputDialogRowProps[]
diff --git a/web/src/features/dialog/InputDialog.tsx b/web/src/features/dialog/InputDialog.tsx
index 565e6df..5112191 100644
--- a/web/src/features/dialog/InputDialog.tsx
+++ b/web/src/features/dialog/InputDialog.tsx
@@ -103,7 +103,7 @@ const InputDialog: React.FC = () => {
         centered
         closeOnEscape={fields.options?.allowCancel !== false}
         closeOnClickOutside={false}
-        size="xs"
+        size={fields.options?.size || 'xs'}
         styles={{ title: { textAlign: 'center', width: '100%', fontSize: 18 } }}
         title={fields.heading}
         withCloseButton={false}
diff --git a/web/src/typings/dialog.ts b/web/src/typings/dialog.ts
index 607b0e1..51ad7f0 100644
--- a/web/src/typings/dialog.ts
+++ b/web/src/typings/dialog.ts
@@ -5,6 +5,7 @@ export interface InputProps {
   rows: Array<IInput | ICheckbox | ISelect | INumber | ISlider | IColorInput | IDateInput | ITextarea | ITimeInput>;
   options?: {
     allowCancel?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   };
 }