@k3-universe/react-kit 0.0.13 → 0.0.14

package/dist/index.js

@@ -8081,6 +8081,58 @@ function TableCaption({
     }
   );
 }
+function FormBuilderActions({
+  onSubmit,
+  onCancel,
+  onReset,
+  submitLabel = "Save",
+  cancelLabel = "Cancel",
+  resetLabel = "Reset",
+  isSubmitting = false,
+  isValid: isValid2 = true,
+  showReset = false,
+  customActions,
+  className,
+  submitButtonProps,
+  cancelButtonProps,
+  resetButtonProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn$1("flex items-center justify-end space-x-4", className), children: [
+    customActions,
+    showReset && onReset && /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: onReset,
+        disabled: isSubmitting,
+        ...resetButtonProps,
+        children: resetLabel
+      }
+    ),
+    onCancel && /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: onCancel,
+        disabled: isSubmitting,
+        ...cancelButtonProps,
+        children: cancelLabel
+      }
+    ),
+    onSubmit && /* @__PURE__ */ jsx(
+      Button$1,
+      {
+        type: "submit",
+        onClick: onSubmit,
+        disabled: isSubmitting || !isValid2,
+        ...submitButtonProps,
+        children: isSubmitting ? "Saving..." : submitLabel
+      }
+    )
+  ] });
+}
 var isCheckBoxInput = (element) => element.type === "checkbox";
 var isDateObject = (value) => value instanceof Date;
 var isNullOrUndefined = (value) => value == null;
@@ -18165,8 +18217,12 @@ function Autocomplete({
     if (controlledValue !== void 0) setValue(controlledValue);
   }, [controlledValue]);
   const labelMapRef = useRef(/* @__PURE__ */ new Map());
+  const rawMapRef = useRef(/* @__PURE__ */ new Map());
   const addToLabelMap = useCallback((opt) => {
     labelMapRef.current.set(opt.value, opt.label);
+    if (Object.prototype.hasOwnProperty.call(opt, "raw") && opt.raw !== void 0) {
+      rawMapRef.current.set(opt.value, opt.raw);
+    }
   }, []);
   const [labelTick, setLabelTick] = useState(0);
   const getLabel2 = useCallback(
@@ -18186,13 +18242,15 @@ function Autocomplete({
         if (controlledValue === void 0) setValue(newValues);
         const selectedOptions = newValues.map((v) => ({
           value: v,
-          label: getLabel2(v)
+          label: getLabel2(v),
+          raw: rawMapRef.current.get(v)
         }));
-        onChange == null ? void 0 : onChange(newValues, selectedOptions);
+        const raws = selectedOptions.map((o2) => o2.raw);
+        onChange == null ? void 0 : onChange(newValues, selectedOptions, raws);
       } else {
         const newValue = next.value;
         if (controlledValue === void 0) setValue(newValue);
-        onChange == null ? void 0 : onChange(newValue, next);
+        onChange == null ? void 0 : onChange(newValue, next, next.raw ?? null);
         setOpen(false);
       }
     },
@@ -18322,16 +18380,16 @@ function Autocomplete({
     [isMultiple, value]
   );
   const selectedOptionsMulti = useMemo(
-    () => selectedValues.map((v) => ({ value: v, label: getLabel2(v) })),
+    () => selectedValues.map((v) => ({ value: v, label: getLabel2(v), raw: rawMapRef.current.get(v) })),
     [getLabel2, selectedValues, labelTick]
   );
   const handleClear = useCallback(() => {
     if (isMultiple) {
       if (controlledValue === void 0) setValue([]);
-      onChange == null ? void 0 : onChange([], []);
+      onChange == null ? void 0 : onChange([], [], []);
     } else {
       if (controlledValue === void 0) setValue(null);
-      onChange == null ? void 0 : onChange(null, null);
+      onChange == null ? void 0 : onChange(null, null, null);
     }
   }, [controlledValue, isMultiple, onChange]);
   const addCustomValue = useCallback(
@@ -18347,13 +18405,15 @@ function Autocomplete({
         if (controlledValue === void 0) setValue(newValues);
         const newOptions = newValues.map((v) => ({
           value: v,
-          label: getLabel2(v)
+          label: getLabel2(v),
+          raw: rawMapRef.current.get(v)
         }));
-        onChange == null ? void 0 : onChange(newValues, newOptions);
+        const raws = newOptions.map((o2) => o2.raw);
+        onChange == null ? void 0 : onChange(newValues, newOptions, raws);
         setSearch("");
       } else {
         if (controlledValue === void 0) setValue(created.value);
-        onChange == null ? void 0 : onChange(created.value, created);
+        onChange == null ? void 0 : onChange(created.value, created, created.raw ?? null);
         setSearch("");
         setOpen(false);
       }
@@ -18722,7 +18782,7 @@ function Autocomplete({
   ] });
 }
 function AutocompleteField({ field, value, onChange, className }) {
-  const options = (field.options ?? []).filter((o2) => o2.value !== null && o2.value !== void 0).map((o2) => ({ label: o2.label, value: o2.value }));
+  const options = (field.options ?? []).filter((o2) => o2.value !== null && o2.value !== void 0).map((o2) => ({ label: o2.label, value: o2.value, raw: o2.raw }));
   let defaultValueShaped = void 0;
   if (field.defaultValue !== void 0) {
     if (field.multiple) {
@@ -18755,7 +18815,7 @@ function AutocompleteField({ field, value, onChange, className }) {
       initialSelectedOptions: field.initialSelectedOptions ?? null,
       loadSelected: field.loadSelected,
       value: field.multiple ? Array.isArray(value) ? value : value ? [value] : [] : value ?? null,
-      onChange: (val) => onChange(val),
+      onChange: (val, option, raw) => onChange(val, option, raw),
       placeholder: field.placeholder,
       searchPlaceholder: field.searchPlaceholder,
       renderOption: field.renderOption,
@@ -31886,9 +31946,9 @@ function FormBuilderField({ field, control, onChange, parentPath }) {
     control,
     disabled: field.disabled
   });
-  const handleChange = useCallback((value) => {
+  const handleChange = useCallback((value, ...extras) => {
     controllerField.onChange(value);
-    onChange == null ? void 0 : onChange(value);
+    onChange == null ? void 0 : onChange(value, ...extras);
   }, [controllerField, onChange]);
   const baseClassName = cn$1(
     error && "border-destructive focus-visible:ring-destructive",
@@ -32755,7 +32815,7 @@ function SectionBuilder({ sections, className, renderLeaf }) {
 function FormBuilder({
   sections,
   schema,
-  defaultValues = {},
+  defaultValues,
   onSubmit,
   onCancel,
   onReset,
@@ -32977,7 +33037,7 @@ function FormBuilder({
     return object(schemaObject);
   }, [sections, schema]);
   const generatedDefaultValues = useMemo(() => {
-    const values = { ...defaultValues };
+    const values = { ...defaultValues ?? {} };
     const processFields = (fields) => {
       for (const field of fields) {
         if (values[field.name] === void 0 && field.defaultValue !== void 0) {
@@ -33098,9 +33158,10 @@ function FormBuilder({
     }
     pendingValueUpdatesRef.current = [];
     for (const [name, value] of updatesMap) {
-      const current = getValues(name);
+      const pathName = name;
+      const current = getValues(pathName);
       if (current !== value) {
-        setValue(name, value, {
+        setValue(pathName, value, {
           shouldDirty: false,
           shouldTouch: false,
           shouldValidate: false
@@ -33109,9 +33170,9 @@ function FormBuilder({
     }
   }, [setValue, getValues]);
   const handleFieldChange = useCallback(
-    (field, value) => {
+    (field, value, ...extras) => {
       if (field.onChange) {
-        field.onChange(value, setValue, getValues);
+        field.onChange(value, extras, setValue, getValues);
       }
     },
     [setValue, getValues]
@@ -33148,8 +33209,8 @@ function FormBuilder({
               disabled: field.disabled || fieldState.disabled
             },
             control,
-            onChange: (value) => {
-              handleFieldChange(field, value);
+            onChange: (value, ...extras) => {
+              handleFieldChange(field, value, ...extras);
               onFieldChange == null ? void 0 : onFieldChange(field.name, value, getValues());
             },
             onFieldChange
@@ -33262,6 +33323,329 @@ function FormBuilder({
     }
   ) });
 }
+const commonValidations = {
+  email: string().email("Please enter a valid email address"),
+  phone: string().regex(/^[\+]?[1-9][\d]{0,15}$/, "Please enter a valid phone number"),
+  url: string().url("Please enter a valid URL"),
+  password: string().min(8, "Password must be at least 8 characters"),
+  strongPassword: string().min(8, "Password must be at least 8 characters").regex(
+    /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,
+    "Password must contain uppercase, lowercase, number and special character"
+  ),
+  required: string().min(1, "This field is required"),
+  optionalString: string().optional(),
+  positiveNumber: number().positive("Must be a positive number"),
+  nonNegativeNumber: number().min(0, "Must be 0 or greater")
+};
+const createField = {
+  text: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "text",
+    required: false,
+    ...options
+  }),
+  email: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "email",
+    required: false,
+    validation: commonValidations.email,
+    ...options
+  }),
+  password: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "password",
+    required: false,
+    validation: commonValidations.password,
+    ...options
+  }),
+  number: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "number",
+    required: false,
+    ...options
+  }),
+  textarea: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "textarea",
+    required: false,
+    gridCols: 2,
+    // Default to full width
+    ...options
+  }),
+  select: (name, label, options, fieldOptions = {}) => ({
+    name,
+    label,
+    type: "select",
+    options,
+    required: false,
+    ...fieldOptions
+  }),
+  checkbox: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "checkbox",
+    required: false,
+    defaultValue: false,
+    ...options
+  }),
+  switch: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "switch",
+    required: false,
+    defaultValue: false,
+    ...options
+  }),
+  radio: (name, label, options, fieldOptions = {}) => ({
+    name,
+    label,
+    type: "radio",
+    options,
+    required: false,
+    ...fieldOptions
+  }),
+  date: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "date",
+    required: false,
+    ...options
+  }),
+  file: (name, label, options = {}) => ({
+    name,
+    label,
+    type: "file",
+    required: false,
+    ...options
+  }),
+  object: (name, label, fields, options = {}) => ({
+    name,
+    label,
+    type: "object",
+    fields,
+    required: false,
+    gridCols: 2,
+    // Default to full width
+    ...options
+  }),
+  array: (name, label, fields, options = {}) => ({
+    name,
+    label,
+    type: "array",
+    fields,
+    required: false,
+    gridCols: 2,
+    // Default to full width
+    defaultValue: [],
+    ...options
+  })
+};
+const createSection = {
+  card: (title, fields, options = {}) => ({
+    title,
+    fields,
+    variant: "card",
+    ...options
+  }),
+  separator: (title, fields, options = {}) => ({
+    title,
+    fields,
+    variant: "separator",
+    ...options
+  }),
+  plain: (fields, options = {}) => ({
+    fields,
+    variant: "plain",
+    ...options
+  })
+};
+const createDependency = {
+  showWhen: (field, condition) => ({
+    field,
+    condition,
+    action: "show"
+  }),
+  hideWhen: (field, condition) => ({
+    field,
+    condition,
+    action: "hide"
+  }),
+  enableWhen: (field, condition) => ({
+    field,
+    condition,
+    action: "enable"
+  }),
+  disableWhen: (field, condition) => ({
+    field,
+    condition,
+    action: "disable"
+  }),
+  setValueWhen: (field, condition, value) => ({
+    field,
+    condition,
+    action: "setValue",
+    value
+  })
+};
+const conditions = {
+  equals: (value) => (fieldValue) => fieldValue === value,
+  notEquals: (value) => (fieldValue) => fieldValue !== value,
+  includes: (value) => (fieldValue) => Array.isArray(fieldValue) && fieldValue.includes(value),
+  notIncludes: (value) => (fieldValue) => Array.isArray(fieldValue) && !fieldValue.includes(value),
+  isEmpty: () => (fieldValue) => !fieldValue || Array.isArray(fieldValue) && fieldValue.length === 0,
+  isNotEmpty: () => (fieldValue) => fieldValue && (!Array.isArray(fieldValue) || fieldValue.length > 0),
+  greaterThan: (value) => (fieldValue) => Number(fieldValue) > value,
+  lessThan: (value) => (fieldValue) => Number(fieldValue) < value,
+  isTrue: () => (fieldValue) => fieldValue === true,
+  isFalse: () => (fieldValue) => fieldValue === false
+};
+const transformers = {
+  // Transform form data before submission
+  cleanEmptyStrings: (data) => {
+    const clean = (obj) => {
+      if (Array.isArray(obj)) {
+        return obj.map(clean).filter((item) => item !== null && item !== void 0);
+      }
+      if (obj && typeof obj === "object") {
+        const cleaned = {};
+        Object.keys(obj).forEach((key) => {
+          const value = clean(obj[key]);
+          if (value !== "" && value !== null && value !== void 0) {
+            cleaned[key] = value;
+          }
+        });
+        return cleaned;
+      }
+      return obj === "" ? void 0 : obj;
+    };
+    return clean(data);
+  },
+  // Convert string numbers to actual numbers
+  parseNumbers: (data, numberFields) => {
+    const parsed = { ...data };
+    const parseValue = (obj, path = []) => {
+      if (Array.isArray(obj)) {
+        return obj.map(
+          (item, index2) => parseValue(item, [...path, String(index2)])
+        );
+      }
+      if (obj && typeof obj === "object") {
+        const result = {};
+        Object.keys(obj).forEach((key) => {
+          const currentPath = [...path, key].join(".");
+          result[key] = parseValue(obj[key], [...path, key]);
+          if (numberFields.includes(currentPath) && typeof result[key] === "string") {
+            const num = Number(result[key]);
+            if (!isNaN(num)) {
+              result[key] = num;
+            }
+          }
+        });
+        return result;
+      }
+      return obj;
+    };
+    return parseValue(parsed);
+  },
+  // Convert dates to ISO strings
+  formatDates: (data, dateFields) => {
+    const formatted = { ...data };
+    const formatValue = (obj, path = []) => {
+      if (Array.isArray(obj)) {
+        return obj.map(
+          (item, index2) => formatValue(item, [...path, String(index2)])
+        );
+      }
+      if (obj && typeof obj === "object") {
+        const result = {};
+        Object.keys(obj).forEach((key) => {
+          const currentPath = [...path, key].join(".");
+          result[key] = formatValue(obj[key], [...path, key]);
+          if (dateFields.includes(currentPath) && result[key] instanceof Date) {
+            result[key] = result[key].toISOString();
+          }
+        });
+        return result;
+      }
+      return obj;
+    };
+    return formatValue(formatted);
+  }
+};
+const validators = {
+  // Create conditional validation
+  when: (condition, schema) => any().refine(condition, { message: "Condition not met" }).pipe(schema),
+  // Cross-field validation - returns a refinement function to be used on object schemas
+  matchField: (fieldName, targetField) => (data) => data[fieldName] === data[targetField],
+  // Array validation
+  minItems: (min2, message2) => array(any()).min(min2, message2 || `Must have at least ${min2} items`),
+  maxItems: (max2, message2) => array(any()).max(max2, message2 || `Must have at most ${max2} items`)
+};
+const commonForms = {
+  // User registration form
+  userRegistration: () => [
+    createSection.card("Personal Information", [
+      createField.text("firstName", "First Name", { required: true }),
+      createField.text("lastName", "Last Name", { required: true }),
+      createField.email("email", "Email Address", { required: true }),
+      createField.password("password", "Password", { required: true }),
+      createField.password("confirmPassword", "Confirm Password", {
+        required: true
+      })
+    ]),
+    createSection.card("Additional Information", [
+      createField.text("phone", "Phone Number", {
+        validation: commonValidations.phone
+      }),
+      createField.date("dateOfBirth", "Date of Birth"),
+      createField.checkbox(
+        "agreeToTerms",
+        "I agree to the terms and conditions",
+        { required: true }
+      )
+    ])
+  ],
+  // Contact form
+  contact: () => [
+    createSection.plain([
+      createField.text("name", "Full Name", { required: true }),
+      createField.email("email", "Email Address", { required: true }),
+      createField.text("subject", "Subject", { required: true }),
+      createField.textarea("message", "Message", {
+        required: true,
+        gridCols: 2
+      })
+    ])
+  ],
+  // Address form
+  address: () => [
+    createSection.card("Address Information", [
+      createField.text("street", "Street Address", {
+        required: true,
+        gridCols: 2
+      }),
+      createField.text("city", "City", { required: true }),
+      createField.text("state", "State/Province", { required: true }),
+      createField.text("postalCode", "Postal Code", { required: true }),
+      createField.select(
+        "country",
+        "Country",
+        [
+          { label: "United States", value: "US" },
+          { label: "Canada", value: "CA" },
+          { label: "United Kingdom", value: "UK" }
+          // Add more countries as needed
+        ],
+        { required: true }
+      )
+    ])
+  ]
+};
 function DataTablePagination({ table }) {
   const pagination = table.getState().pagination ?? { pageIndex: 0, pageSize: 10 };
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
@@ -40811,381 +41195,6 @@ function DialogProvider({ children }) {
   ] });
 }
 const useDialog = useDialogController;
-function FormBuilderActions({
-  onSubmit,
-  onCancel,
-  onReset,
-  submitLabel = "Save",
-  cancelLabel = "Cancel",
-  resetLabel = "Reset",
-  isSubmitting = false,
-  isValid: isValid2 = true,
-  showReset = false,
-  customActions,
-  className,
-  submitButtonProps,
-  cancelButtonProps,
-  resetButtonProps
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: cn$1("flex items-center justify-end space-x-4", className), children: [
-    customActions,
-    showReset && onReset && /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        type: "button",
-        variant: "outline",
-        onClick: onReset,
-        disabled: isSubmitting,
-        ...resetButtonProps,
-        children: resetLabel
-      }
-    ),
-    onCancel && /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        type: "button",
-        variant: "outline",
-        onClick: onCancel,
-        disabled: isSubmitting,
-        ...cancelButtonProps,
-        children: cancelLabel
-      }
-    ),
-    onSubmit && /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        type: "submit",
-        onClick: onSubmit,
-        disabled: isSubmitting || !isValid2,
-        ...submitButtonProps,
-        children: isSubmitting ? "Saving..." : submitLabel
-      }
-    )
-  ] });
-}
-const commonValidations = {
-  email: string().email("Please enter a valid email address"),
-  phone: string().regex(/^[\+]?[1-9][\d]{0,15}$/, "Please enter a valid phone number"),
-  url: string().url("Please enter a valid URL"),
-  password: string().min(8, "Password must be at least 8 characters"),
-  strongPassword: string().min(8, "Password must be at least 8 characters").regex(
-    /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]/,
-    "Password must contain uppercase, lowercase, number and special character"
-  ),
-  required: string().min(1, "This field is required"),
-  optionalString: string().optional(),
-  positiveNumber: number().positive("Must be a positive number"),
-  nonNegativeNumber: number().min(0, "Must be 0 or greater")
-};
-const createField = {
-  text: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "text",
-    required: false,
-    ...options
-  }),
-  email: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "email",
-    required: false,
-    validation: commonValidations.email,
-    ...options
-  }),
-  password: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "password",
-    required: false,
-    validation: commonValidations.password,
-    ...options
-  }),
-  number: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "number",
-    required: false,
-    ...options
-  }),
-  textarea: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "textarea",
-    required: false,
-    gridCols: 2,
-    // Default to full width
-    ...options
-  }),
-  select: (name, label, options, fieldOptions = {}) => ({
-    name,
-    label,
-    type: "select",
-    options,
-    required: false,
-    ...fieldOptions
-  }),
-  checkbox: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "checkbox",
-    required: false,
-    defaultValue: false,
-    ...options
-  }),
-  switch: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "switch",
-    required: false,
-    defaultValue: false,
-    ...options
-  }),
-  radio: (name, label, options, fieldOptions = {}) => ({
-    name,
-    label,
-    type: "radio",
-    options,
-    required: false,
-    ...fieldOptions
-  }),
-  date: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "date",
-    required: false,
-    ...options
-  }),
-  file: (name, label, options = {}) => ({
-    name,
-    label,
-    type: "file",
-    required: false,
-    ...options
-  }),
-  object: (name, label, fields, options = {}) => ({
-    name,
-    label,
-    type: "object",
-    fields,
-    required: false,
-    gridCols: 2,
-    // Default to full width
-    ...options
-  }),
-  array: (name, label, fields, options = {}) => ({
-    name,
-    label,
-    type: "array",
-    fields,
-    required: false,
-    gridCols: 2,
-    // Default to full width
-    defaultValue: [],
-    ...options
-  })
-};
-const createSection = {
-  card: (title, fields, options = {}) => ({
-    title,
-    fields,
-    variant: "card",
-    ...options
-  }),
-  separator: (title, fields, options = {}) => ({
-    title,
-    fields,
-    variant: "separator",
-    ...options
-  }),
-  plain: (fields, options = {}) => ({
-    fields,
-    variant: "plain",
-    ...options
-  })
-};
-const createDependency = {
-  showWhen: (field, condition) => ({
-    field,
-    condition,
-    action: "show"
-  }),
-  hideWhen: (field, condition) => ({
-    field,
-    condition,
-    action: "hide"
-  }),
-  enableWhen: (field, condition) => ({
-    field,
-    condition,
-    action: "enable"
-  }),
-  disableWhen: (field, condition) => ({
-    field,
-    condition,
-    action: "disable"
-  }),
-  setValueWhen: (field, condition, value) => ({
-    field,
-    condition,
-    action: "setValue",
-    value
-  })
-};
-const conditions = {
-  equals: (value) => (fieldValue) => fieldValue === value,
-  notEquals: (value) => (fieldValue) => fieldValue !== value,
-  includes: (value) => (fieldValue) => Array.isArray(fieldValue) && fieldValue.includes(value),
-  notIncludes: (value) => (fieldValue) => Array.isArray(fieldValue) && !fieldValue.includes(value),
-  isEmpty: () => (fieldValue) => !fieldValue || Array.isArray(fieldValue) && fieldValue.length === 0,
-  isNotEmpty: () => (fieldValue) => fieldValue && (!Array.isArray(fieldValue) || fieldValue.length > 0),
-  greaterThan: (value) => (fieldValue) => Number(fieldValue) > value,
-  lessThan: (value) => (fieldValue) => Number(fieldValue) < value,
-  isTrue: () => (fieldValue) => fieldValue === true,
-  isFalse: () => (fieldValue) => fieldValue === false
-};
-const transformers = {
-  // Transform form data before submission
-  cleanEmptyStrings: (data) => {
-    const clean = (obj) => {
-      if (Array.isArray(obj)) {
-        return obj.map(clean).filter((item) => item !== null && item !== void 0);
-      }
-      if (obj && typeof obj === "object") {
-        const cleaned = {};
-        Object.keys(obj).forEach((key) => {
-          const value = clean(obj[key]);
-          if (value !== "" && value !== null && value !== void 0) {
-            cleaned[key] = value;
-          }
-        });
-        return cleaned;
-      }
-      return obj === "" ? void 0 : obj;
-    };
-    return clean(data);
-  },
-  // Convert string numbers to actual numbers
-  parseNumbers: (data, numberFields) => {
-    const parsed = { ...data };
-    const parseValue = (obj, path = []) => {
-      if (Array.isArray(obj)) {
-        return obj.map(
-          (item, index2) => parseValue(item, [...path, String(index2)])
-        );
-      }
-      if (obj && typeof obj === "object") {
-        const result = {};
-        Object.keys(obj).forEach((key) => {
-          const currentPath = [...path, key].join(".");
-          result[key] = parseValue(obj[key], [...path, key]);
-          if (numberFields.includes(currentPath) && typeof result[key] === "string") {
-            const num = Number(result[key]);
-            if (!isNaN(num)) {
-              result[key] = num;
-            }
-          }
-        });
-        return result;
-      }
-      return obj;
-    };
-    return parseValue(parsed);
-  },
-  // Convert dates to ISO strings
-  formatDates: (data, dateFields) => {
-    const formatted = { ...data };
-    const formatValue = (obj, path = []) => {
-      if (Array.isArray(obj)) {
-        return obj.map(
-          (item, index2) => formatValue(item, [...path, String(index2)])
-        );
-      }
-      if (obj && typeof obj === "object") {
-        const result = {};
-        Object.keys(obj).forEach((key) => {
-          const currentPath = [...path, key].join(".");
-          result[key] = formatValue(obj[key], [...path, key]);
-          if (dateFields.includes(currentPath) && result[key] instanceof Date) {
-            result[key] = result[key].toISOString();
-          }
-        });
-        return result;
-      }
-      return obj;
-    };
-    return formatValue(formatted);
-  }
-};
-const validators = {
-  // Create conditional validation
-  when: (condition, schema) => any().refine(condition, { message: "Condition not met" }).pipe(schema),
-  // Cross-field validation - returns a refinement function to be used on object schemas
-  matchField: (fieldName, targetField) => (data) => data[fieldName] === data[targetField],
-  // Array validation
-  minItems: (min2, message2) => array(any()).min(min2, message2 || `Must have at least ${min2} items`),
-  maxItems: (max2, message2) => array(any()).max(max2, message2 || `Must have at most ${max2} items`)
-};
-const commonForms = {
-  // User registration form
-  userRegistration: () => [
-    createSection.card("Personal Information", [
-      createField.text("firstName", "First Name", { required: true }),
-      createField.text("lastName", "Last Name", { required: true }),
-      createField.email("email", "Email Address", { required: true }),
-      createField.password("password", "Password", { required: true }),
-      createField.password("confirmPassword", "Confirm Password", {
-        required: true
-      })
-    ]),
-    createSection.card("Additional Information", [
-      createField.text("phone", "Phone Number", {
-        validation: commonValidations.phone
-      }),
-      createField.date("dateOfBirth", "Date of Birth"),
-      createField.checkbox(
-        "agreeToTerms",
-        "I agree to the terms and conditions",
-        { required: true }
-      )
-    ])
-  ],
-  // Contact form
-  contact: () => [
-    createSection.plain([
-      createField.text("name", "Full Name", { required: true }),
-      createField.email("email", "Email Address", { required: true }),
-      createField.text("subject", "Subject", { required: true }),
-      createField.textarea("message", "Message", {
-        required: true,
-        gridCols: 2
-      })
-    ])
-  ],
-  // Address form
-  address: () => [
-    createSection.card("Address Information", [
-      createField.text("street", "Street Address", {
-        required: true,
-        gridCols: 2
-      }),
-      createField.text("city", "City", { required: true }),
-      createField.text("state", "State/Province", { required: true }),
-      createField.text("postalCode", "Postal Code", { required: true }),
-      createField.select(
-        "country",
-        "Country",
-        [
-          { label: "United States", value: "US" },
-          { label: "Canada", value: "CA" },
-          { label: "United Kingdom", value: "UK" }
-          // Add more countries as needed
-        ],
-        { required: true }
-      )
-    ])
-  ]
-};
 const widthToClass = {
   full: "max-w-none",
   sm: "max-w-screen-sm",
@@ -41299,19 +41308,19 @@ function StackDialogRenderer(props2) {
   const handleCloseDialog = (id) => () => {
     props2.closeDialog(id);
   };
-  return props2.dialogs.map((dialog) => /* @__PURE__ */ jsx(
+  return props2.dialogs.map((dialog, i2) => /* @__PURE__ */ jsx(
     Dialog,
     {
-      open: true,
-      onOpenChange: (open) => !open && handleCloseDialog(dialog.id),
+      open: !!props2.dialogs[i2],
+      onOpenChange: handleCloseDialog(dialog.id),
       children: /* @__PURE__ */ jsx(
-        DialogContent$1,
+        DialogContent,
         {
           onEscapeKeyDown: (e) => {
-            if (!dialog.closeOnEscapePressed) e.preventDefault();
+            if (dialog.closeOnEscapePressed === false) e.preventDefault();
           },
           onInteractOutside: (e) => {
-            if (!dialog.closeOnInteractOutside) e.preventDefault();
+            if (dialog.closeOnInteractOutside === false) e.preventDefault();
           },
           children: dialog.template
         }
@@ -41340,7 +41349,8 @@ function StackDialogContextProvider(props2) {
   const handleCloseDialog = useCallback((id) => {
     setActiveDialogs((prev) => {
       const clone2 = [...prev];
-      clone2.splice(clone2.findIndex((d) => d.id === (id || "")));
+      if (!id) clone2.splice(clone2.length - 1, 1);
+      else clone2.splice(clone2.findIndex((d) => d.id === id));
       return clone2;
     });
   }, [setActiveDialogs]);