@letar/forms 1.0.3 → 1.1.0

package/index.js

@@ -1,26 +1,29 @@
+import { FieldFileUpload, FieldColorPicker, FieldOTPInput, FieldPinInput, FieldCity, FieldAddress, FieldPhone } from './chunk-GOELIS6T.js';
 import { FormSyncStatus, FormOfflineIndicator, useOfflineForm } from './chunk-4V6WBJ76.js';
 export { FormOfflineIndicator, FormSyncStatus, useOfflineForm, useOfflineStatus, useSyncQueue } from './chunk-4V6WBJ76.js';
-import { useFormI18n, getLocalizedValue, useLocalizedOptions } from './chunk-7FEQFDJ7.js';
+import { FieldRichText, FieldEditable, FieldMaskedInput, FieldPasswordStrength, FieldPassword, FieldTextarea, FieldString } from './chunk-M2PNAAIR.js';
+export { FieldString } from './chunk-M2PNAAIR.js';
+import { FieldRating, FieldSlider, FieldPercentage, FieldCurrency, FieldNumberInput, FieldNumber } from './chunk-XKKJKYWZ.js';
+export { FieldNumber } from './chunk-XKKJKYWZ.js';
+import { FieldSchedule, FieldDuration, FieldTime, FieldDateTimePicker, FieldDateRange, FieldDate } from './chunk-KUNT5MSU.js';
+import { FieldTags, FieldSegmentedGroup, FieldRadioCard, FieldRadioGroup, FieldListbox, FieldAutocomplete, FieldCombobox, FieldCascadingSelect, FieldNativeSelect, FieldSelect, FieldCheckboxCard } from './chunk-PJETA6YN.js';
+export { FieldCombobox, FieldListbox, FieldSegmentedGroup, FieldSelect } from './chunk-PJETA6YN.js';
+import { FieldSwitch, FieldCheckbox } from './chunk-6QOPSQ3Z.js';
+import { useDeclarativeForm, useFormGroup, getZodConstraints, FormGroup, DeclarativeFormContext, unwrapSchema } from './chunk-HWVOFWAT.js';
+export { DeclarativeFormContext, FieldLabel, FieldTooltip, FormGroup, useAsyncSearch, useDebounce, useDeclarativeField, useDeclarativeForm, useDeclarativeFormOptional, useFormGroup } from './chunk-HWVOFWAT.js';
 export { FormI18nProvider, getLocalizedValue, useFormI18n, useLocalizedOptions } from './chunk-7FEQFDJ7.js';
 import { createFormHookContexts, createFormHook } from '@tanstack/react-form';
-import { createContext, forwardRef, memo, useMemo, useCallback, useContext, Fragment, useState, useRef, useEffect, Children, isValidElement, useSyncExternalStore, lazy, Suspense } from 'react';
+import { createContext, forwardRef, useContext, Fragment, useState, useRef, useMemo, useCallback, useEffect, Children, isValidElement, useSyncExternalStore, lazy, Suspense } from 'react';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { Field, Stack, Box, Text, HStack, Button, Input, IconButton, Steps, ButtonGroup, VStack, Heading, Alert, List, FileUpload, Icon, parseColor, ColorPicker, Portal, PinInput, Spinner, Group, TagsInput, SegmentGroup, RadioCard, RadioGroup, Listbox, Combobox, useFilter, createListCollection, NativeSelect, Select, Switch, Fieldset, CheckboxGroup, Flex, CheckboxCard, Checkbox, NumberInput, Menu, RatingGroup, Slider, For, Editable, Progress, InputGroup, Textarea, Tooltip, Circle, useFileUploadContext, Float, Popover, Center, Image, Dialog, CloseButton, Skeleton } from '@chakra-ui/react';
+import { Field, IconButton, Button, Steps, ButtonGroup, Box, VStack, HStack, Heading, Alert, List, Text, Dialog, Portal, CloseButton, Skeleton } from '@chakra-ui/react';
 import { useRouter } from 'next/navigation';
-import { LuCheck, LuUpload, LuCalendar, LuChevronDown, LuEyeOff, LuEye, LuX, LuCircleHelp, LuFile, LuUnlink, LuLink, LuImage, LuRedo, LuUndo, LuQuote, LuListOrdered, LuList, LuHeading3, LuHeading2, LuHeading1, LuCode, LuStrikethrough, LuUnderline, LuItalic, LuBold } from 'react-icons/lu';
-import TiptapImage from '@tiptap/extension-image';
-import { Link } from '@tiptap/extension-link';
-import Placeholder from '@tiptap/extension-placeholder';
-import Underline from '@tiptap/extension-underline';
-import { useEditor, EditorContent } from '@tiptap/react';
-import StarterKit from '@tiptap/starter-kit';
-import { withMask } from 'use-mask-input';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import JsonView from '@uiw/react-json-view';
 import { githubDarkTheme } from '@uiw/react-json-view/githubDark';
 import { githubLightTheme } from '@uiw/react-json-view/githubLight';
+import { LuCheck } from 'react-icons/lu';
 import { AnimatePresence, motion } from 'framer-motion';
 import { z } from 'zod/v4';
 
@@ -83,18 +86,6 @@ var { useAppForm, withForm } = createFormHook({
   fieldComponents,
   formComponents
 });
-var FormGroupContext = createContext(null);
-function FormGroup({ name, children }) {
-  const parentContext = useContext(FormGroupContext);
-  const contextValue = {
-    originalName: name,
-    name: parentContext ? `${parentContext.name}.${name}` : name
-  };
-  return /* @__PURE__ */ jsx(FormGroupContext.Provider, { value: contextValue, children });
-}
-function useFormGroup() {
-  return useContext(FormGroupContext);
-}
 var FormFieldContext = createContext(null);
 function FormField({ name, children }) {
   const formGroupContext = useFormGroup();
@@ -189,17 +180,6 @@ function useFormGroupList() {
 function useFormGroupListItem() {
   return useContext(FormGroupListItemContext);
 }
-var DeclarativeFormContext = createContext(null);
-function useDeclarativeForm() {
-  const context = useContext(DeclarativeFormContext);
-  if (!context) {
-    throw new Error("useDeclarativeForm must be used inside a Form component");
-  }
-  return context;
-}
-function useDeclarativeFormOptional() {
-  return useContext(DeclarativeFormContext);
-}
 function DirtyGuard({
   message = "You have unsaved changes. Are you sure you want to leave?",
   dialogTitle = "Unsaved changes",
@@ -262,4203 +242,133 @@ function DirtyGuard({
       if (event.ctrlKey || event.metaKey) {
         return;
       }
-      const shouldBlock = onBlock?.();
-      if (shouldBlock === false) {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      pendingHref.current = href;
-      setShowDialog(true);
-    };
-    document.addEventListener("click", handleClick, { capture: true });
-    return () => document.removeEventListener("click", handleClick, { capture: true });
-  }, [enabled, onBlock, checkIsDirty]);
-  const handleConfirm = useCallback(() => {
-    setShowDialog(false);
-    if (pendingHref.current) {
-      form.reset();
-      router.push(pendingHref.current);
-      pendingHref.current = null;
-    }
-  }, [form, router]);
-  const handleCancel = useCallback(() => {
-    setShowDialog(false);
-    pendingHref.current = null;
-  }, []);
-  if (!showDialog) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex: 9999,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: "rgba(0, 0, 0, 0.5)"
-      },
-      onClick: handleCancel,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            backgroundColor: "var(--chakra-colors-bg-panel, white)",
-            borderRadius: "12px",
-            padding: "24px",
-            maxWidth: "400px",
-            width: "90%",
-            boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
-          },
-          onClick: (e) => e.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsx(
-              "h2",
-              {
-                style: {
-                  margin: "0 0 8px 0",
-                  fontSize: "1.125rem",
-                  fontWeight: 600,
-                  color: "var(--chakra-colors-fg, inherit)"
-                },
-                children: dialogTitle
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "p",
-              {
-                style: {
-                  margin: "0 0 24px 0",
-                  fontSize: "0.875rem",
-                  color: "var(--chakra-colors-fg-muted, #666)"
-                },
-                children: dialogDescription
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  gap: "12px",
-                  justifyContent: "flex-end"
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      onClick: handleCancel,
-                      style: {
-                        padding: "8px 16px",
-                        borderRadius: "6px",
-                        border: "1px solid var(--chakra-colors-border, #e2e8f0)",
-                        backgroundColor: "transparent",
-                        cursor: "pointer",
-                        fontSize: "0.875rem",
-                        fontWeight: 500
-                      },
-                      children: cancelText
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      onClick: handleConfirm,
-                      style: {
-                        padding: "8px 16px",
-                        borderRadius: "6px",
-                        border: "none",
-                        backgroundColor: "var(--chakra-colors-red-500, #e53e3e)",
-                        color: "white",
-                        cursor: "pointer",
-                        fontSize: "0.875rem",
-                        fontWeight: 500
-                      },
-                      children: confirmText
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}
-function FieldTooltip({ title, description, example, impact }) {
-  return /* @__PURE__ */ jsxs(Tooltip.Root, { openDelay: 200, positioning: { placement: "top" }, children: [
-    /* @__PURE__ */ jsx(Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Circle,
-      {
-        size: "5",
-        cursor: "help",
-        color: "fg.muted",
-        _hover: { color: "colorPalette.fg" },
-        transition: "color 0.2s",
-        display: "inline-flex",
-        children: /* @__PURE__ */ jsx(LuCircleHelp, { size: 16 })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip.Content, { children: [
-      /* @__PURE__ */ jsx(Tooltip.Arrow, { children: /* @__PURE__ */ jsx(Tooltip.ArrowTip, {}) }),
-      /* @__PURE__ */ jsxs(VStack, { align: "start", gap: 2, maxW: "280px", p: 1, children: [
-        title && /* @__PURE__ */ jsx(Text, { fontWeight: "semibold", fontSize: "sm", children: title }),
-        /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: description }),
-        example && /* @__PURE__ */ jsxs(Box, { bg: "bg.emphasized", px: 2, py: 1, borderRadius: "md", w: "full", children: [
-          /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "fg.muted", children: "Example:" }),
-          /* @__PURE__ */ jsxs(Text, { fontSize: "sm", fontStyle: "italic", children: [
-            '"',
-            example,
-            '"'
-          ] })
-        ] }),
-        impact && /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "green.fg", children: impact })
-      ] })
-    ] }) }) })
-  ] });
-}
-function FieldLabel({ label, tooltip, required }) {
-  if (!label) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Field.Label, { children: [
-    tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-      /* @__PURE__ */ jsx("span", { children: label }),
-      /* @__PURE__ */ jsx(FieldTooltip, { ...tooltip })
-    ] }) : label,
-    required && /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
-  ] });
-}
-
-// src/lib/declarative/form-fields/base/field-utils.ts
-function formatFieldErrors(errors) {
-  return errors.map((e) => extractErrorMessage(e)).filter(Boolean).join(", ");
-}
-function extractErrorMessage(e) {
-  if (typeof e === "string") {
-    return e;
-  }
-  if (e === null || e === void 0) {
-    return "";
-  }
-  if (typeof e === "object") {
-    if (Array.isArray(e)) {
-      return e.map((item) => {
-        if (typeof item === "object" && item && "message" in item) {
-          return item.message;
-        }
-        if (typeof item === "string") {
-          return item;
-        }
-        return "";
-      }).filter(Boolean).join(", ");
-    }
-    if ("message" in e && typeof e.message === "string") {
-      return e.message;
-    }
-    if ("issues" in e && Array.isArray(e.issues)) {
-      return e.issues.map((issue) => {
-        if (typeof issue === "object" && issue && "message" in issue) {
-          return issue.message;
-        }
-        return "";
-      }).filter(Boolean).join(", ");
-    }
-    if ("fieldErrors" in e && typeof e.fieldErrors === "object" && e.fieldErrors) {
-      const fieldErrors = e.fieldErrors;
-      return Object.values(fieldErrors).flat().filter(Boolean).join(", ");
-    }
-    if ("_errors" in e && Array.isArray(e._errors)) {
-      return e._errors.filter(Boolean).join(", ");
-    }
-    try {
-      const json = JSON.stringify(e);
-      if (json === "{}" || json.length > 200) {
-        return "";
-      }
-      if (process.env.NODE_ENV === "development") {
-        console.warn("[form-components] Unknown error format:", e);
-      }
-      return json;
-    } catch {
-      return "";
-    }
-  }
-  return String(e);
-}
-function hasFieldErrors(errors) {
-  return Boolean(errors && errors.length > 0);
-}
-function getFieldErrors(field) {
-  const errors = field.state.meta.errors ?? [];
-  const hasError = hasFieldErrors(errors);
-  const errorMessage = hasError ? formatFieldErrors(errors) : "";
-  return { errors, hasError, errorMessage };
-}
-
-// src/lib/declarative/constraint-hints.ts
-var EN_TRANSLATIONS = {
-  string_exact: "Exactly {n} {chars}",
-  string_range: "From {min} to {max} characters",
-  string_max: "Maximum {n} {chars}",
-  string_min: "Minimum {n} {chars}",
-  number_range: "From {min} to {max}{suffix}",
-  number_max: "Maximum {max}{suffix}",
-  number_min: "Minimum {min}{suffix}",
-  number_integer: "Integer",
-  number_integer_suffix: " (integer)",
-  date_range: "From {min} to {max}",
-  date_after: "Not before {min}",
-  date_before: "Not after {max}",
-  array_exact: "Exactly {n} {items}",
-  array_range: "From {min} to {max} items",
-  array_max: "Maximum {n} {items}",
-  array_min: "Minimum {n} {items}"
-};
-var RU_TRANSLATIONS = {
-  string_exact: "\u0420\u043E\u0432\u043D\u043E {n} {chars}",
-  string_range: "\u041E\u0442 {min} \u0434\u043E {max} \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432",
-  string_max: "\u041C\u0430\u043A\u0441\u0438\u043C\u0443\u043C {n} {chars}",
-  string_min: "\u041C\u0438\u043D\u0438\u043C\u0443\u043C {n} {chars}",
-  number_range: "\u041E\u0442 {min} \u0434\u043E {max}{suffix}",
-  number_max: "\u041C\u0430\u043A\u0441\u0438\u043C\u0443\u043C {max}{suffix}",
-  number_min: "\u041C\u0438\u043D\u0438\u043C\u0443\u043C {min}{suffix}",
-  number_integer: "\u0426\u0435\u043B\u043E\u0435 \u0447\u0438\u0441\u043B\u043E",
-  number_integer_suffix: " (\u0446\u0435\u043B\u043E\u0435)",
-  date_range: "\u0421 {min} \u043F\u043E {max}",
-  date_after: "\u041D\u0435 \u0440\u0430\u043D\u0435\u0435 {min}",
-  date_before: "\u041D\u0435 \u043F\u043E\u0437\u0434\u043D\u0435\u0435 {max}",
-  array_exact: "\u0420\u043E\u0432\u043D\u043E {n} {items}",
-  array_range: "\u041E\u0442 {min} \u0434\u043E {max} \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432",
-  array_max: "\u041C\u0430\u043A\u0441\u0438\u043C\u0443\u043C {n} {items}",
-  array_min: "\u041C\u0438\u043D\u0438\u043C\u0443\u043C {n} {items}"
-};
-var BUILTIN_TRANSLATIONS = {
-  en: EN_TRANSLATIONS,
-  ru: RU_TRANSLATIONS
-};
-var CHAR_PLURALS = {
-  en: { one: "character", other: "characters" },
-  ru: { one: "\u0441\u0438\u043C\u0432\u043E\u043B", few: "\u0441\u0438\u043C\u0432\u043E\u043B\u0430", many: "\u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432", other: "\u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432" }
-};
-var ITEM_PLURALS = {
-  en: { one: "item", other: "items" },
-  ru: { one: "\u044D\u043B\u0435\u043C\u0435\u043D\u0442", few: "\u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430", many: "\u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432", other: "\u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432" }
-};
-function pluralizeWord(n, locale, plurals) {
-  const lang = locale.split("-")[0];
-  const forms = plurals[lang] ?? plurals.en;
-  const rule = new Intl.PluralRules(locale).select(n);
-  return forms[rule] ?? forms.other;
-}
-function formatNumber(n, locale) {
-  if (Number.isInteger(n)) {
-    return new Intl.NumberFormat(locale).format(n);
-  }
-  return new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }).format(n);
-}
-function formatDate(dateStr, locale) {
-  try {
-    const date = new Date(dateStr);
-    return new Intl.DateTimeFormat(locale, {
-      day: "numeric",
-      month: "long",
-      year: "numeric"
-    }).format(date);
-  } catch {
-    return dateStr;
-  }
-}
-function template(str, vars) {
-  return str.replace(/\{(\w+)\}/g, (_, key) => String(vars[key] ?? ""));
-}
-function getTranslations(locale, custom) {
-  const lang = locale.split("-")[0];
-  const base = BUILTIN_TRANSLATIONS[lang] ?? BUILTIN_TRANSLATIONS[locale] ?? EN_TRANSLATIONS;
-  return base;
-}
-function generateConstraintHint(constraints, locale = "en", customTranslations) {
-  if (!constraints) {
-    return void 0;
-  }
-  const t = getTranslations(locale);
-  switch (constraints.schemaType) {
-    case "string":
-      return generateStringHint(constraints.string, locale, t);
-    case "number":
-      return generateNumberHint(constraints.number, locale, t);
-    case "date":
-      return generateDateHint(constraints.date, locale, t);
-    case "array":
-      return generateArrayHint(constraints.array, locale, t);
-    default:
-      return void 0;
-  }
-}
-function generateStringHint(constraints, locale, t) {
-  if (!constraints) return void 0;
-  const { minLength, maxLength, inputType } = constraints;
-  if (inputType === "email" || inputType === "url") {
-    if (maxLength) {
-      return template(t.string_max, { n: maxLength, chars: pluralizeWord(maxLength, locale, CHAR_PLURALS) });
-    }
-    return void 0;
-  }
-  if (minLength !== void 0 && maxLength !== void 0) {
-    if (minLength === maxLength) {
-      return template(t.string_exact, { n: minLength, chars: pluralizeWord(minLength, locale, CHAR_PLURALS) });
-    }
-    return template(t.string_range, { min: minLength, max: maxLength });
-  }
-  if (maxLength !== void 0) {
-    return template(t.string_max, { n: maxLength, chars: pluralizeWord(maxLength, locale, CHAR_PLURALS) });
-  }
-  if (minLength !== void 0) {
-    return template(t.string_min, { n: minLength, chars: pluralizeWord(minLength, locale, CHAR_PLURALS) });
-  }
-  return void 0;
-}
-function generateNumberHint(constraints, locale, t) {
-  if (!constraints) return void 0;
-  const { min, max, isInteger } = constraints;
-  const suffix = isInteger ? t.number_integer_suffix : "";
-  if (min !== void 0 && max !== void 0) {
-    return template(t.number_range, { min: formatNumber(min, locale), max: formatNumber(max, locale), suffix });
-  }
-  if (max !== void 0) {
-    return template(t.number_max, { max: formatNumber(max, locale), suffix });
-  }
-  if (min !== void 0) {
-    return template(t.number_min, { min: formatNumber(min, locale), suffix });
-  }
-  if (isInteger) {
-    return t.number_integer;
-  }
-  return void 0;
-}
-function generateDateHint(constraints, locale, t) {
-  if (!constraints) return void 0;
-  const { min, max } = constraints;
-  if (min && max) {
-    return template(t.date_range, { min: formatDate(min, locale), max: formatDate(max, locale) });
-  }
-  if (min) {
-    return template(t.date_after, { min: formatDate(min, locale) });
-  }
-  if (max) {
-    return template(t.date_before, { max: formatDate(max, locale) });
-  }
-  return void 0;
-}
-function generateArrayHint(constraints, locale, t) {
-  if (!constraints) return void 0;
-  const { minItems, maxItems } = constraints;
-  if (minItems !== void 0 && maxItems !== void 0) {
-    if (minItems === maxItems) {
-      return template(t.array_exact, { n: minItems, items: pluralizeWord(minItems, locale, ITEM_PLURALS) });
-    }
-    return template(t.array_range, { min: minItems, max: maxItems });
-  }
-  if (maxItems !== void 0) {
-    return template(t.array_max, { n: maxItems, items: pluralizeWord(maxItems, locale, ITEM_PLURALS) });
-  }
-  if (minItems !== void 0) {
-    return template(t.array_min, { n: minItems, items: pluralizeWord(minItems, locale, ITEM_PLURALS) });
-  }
-  return void 0;
-}
-
-// src/lib/declarative/zod-utils.ts
-function unwrapSchema(schema) {
-  if (!schema?._zod?.def) {
-    return schema;
-  }
-  const type = schema._zod.def.type;
-  if (type === "optional" || type === "nullable" || type === "default") {
-    const inner = schema._zod.def.inner ?? schema._zod.def.innerType;
-    if (inner) {
-      return unwrapSchema(inner);
-    }
-  }
-  return schema;
-}
-function unwrapSchemaWithRequired(schema) {
-  if (!schema?._zod?.def) {
-    return { schema, required: true };
-  }
-  const type = schema._zod.def.type;
-  if (type === "optional" || type === "nullable") {
-    const inner = schema._zod.def.inner ?? schema._zod.def.innerType;
-    if (inner) {
-      const result = unwrapSchemaWithRequired(inner);
-      return { schema: result.schema, required: false };
-    }
-  }
-  if (type === "default") {
-    const inner = schema._zod.def.inner ?? schema._zod.def.innerType;
-    if (inner) {
-      const result = unwrapSchemaWithRequired(inner);
-      return { schema: result.schema, required: false };
-    }
-  }
-  return { schema, required: true };
-}
-
-// src/lib/declarative/schema-constraints.ts
-function getZodConstraints(schema, path) {
-  if (!schema) {
-    return { schemaType: "unknown" };
-  }
-  const fieldSchema = getSchemaAtPath(schema, path);
-  if (!fieldSchema) {
-    return { schemaType: "unknown" };
-  }
-  const def = fieldSchema._zod?.def;
-  if (!def) {
-    return { schemaType: "unknown" };
-  }
-  const type = def.type;
-  const checks = def.checks || [];
-  switch (type) {
-    case "string":
-      return {
-        schemaType: "string",
-        string: extractStringConstraints(checks)
-      };
-    case "number":
-      return {
-        schemaType: "number",
-        number: extractNumberConstraints(checks)
-      };
-    case "date":
-      return {
-        schemaType: "date",
-        date: extractDateConstraints(checks)
-      };
-    case "array":
-      return {
-        schemaType: "array",
-        array: extractArrayConstraints(checks)
-      };
-    case "boolean":
-      return { schemaType: "boolean" };
-    case "enum":
-      return { schemaType: "enum" };
-    default:
-      return { schemaType: "unknown" };
-  }
-}
-function extractConstraints(checks, handlers) {
-  const constraints = {};
-  for (const check of checks) {
-    const checkDef = check._zod?.def;
-    if (!checkDef) {
-      continue;
-    }
-    const handler = handlers[checkDef.check];
-    if (handler) {
-      handler(constraints, checkDef);
-    }
-  }
-  return constraints;
-}
-var stringConstraintHandlers = {
-  min_length: (c, def) => {
-    c.minLength = def.minimum;
-  },
-  max_length: (c, def) => {
-    c.maxLength = def.maximum;
-  },
-  length_equals: (c, def) => {
-    c.minLength = def.length;
-    c.maxLength = def.length;
-  },
-  string_format: (c, def) => {
-    if (def.format === "email") {
-      c.inputType = "email";
-    } else if (def.format === "url") {
-      c.inputType = "url";
-    } else if (def.format === "regex" && def.pattern?.source) {
-      c.pattern = def.pattern.source;
-    }
-  }
-};
-function extractStringConstraints(checks) {
-  return extractConstraints(checks, stringConstraintHandlers);
-}
-var numberConstraintHandlers = {
-  greater_than: (c, def) => {
-    c.min = def.value;
-  },
-  less_than: (c, def) => {
-    c.max = def.value;
-  },
-  number_format: (c, def) => {
-    if (def.format === "safeint") {
-      c.isInteger = true;
-      c.step = 1;
-    }
-  },
-  multiple_of: (c, def) => {
-    c.step = def.value;
-  }
-};
-function extractNumberConstraints(checks) {
-  return extractConstraints(checks, numberConstraintHandlers);
-}
-var dateConstraintHandlers = {
-  greater_than: (c, def) => {
-    if (def.value) {
-      c.min = formatDateToISO(def.value);
-    }
-  },
-  less_than: (c, def) => {
-    if (def.value) {
-      c.max = formatDateToISO(def.value);
-    }
-  }
-};
-function extractDateConstraints(checks) {
-  return extractConstraints(checks, dateConstraintHandlers);
-}
-var arrayConstraintHandlers = {
-  min_length: (c, def) => {
-    c.minItems = def.minimum;
-  },
-  max_length: (c, def) => {
-    c.maxItems = def.maximum;
-  },
-  length: (c, def) => {
-    c.minItems = def.length;
-    c.maxItems = def.length;
-  }
-};
-function extractArrayConstraints(checks) {
-  return extractConstraints(checks, arrayConstraintHandlers);
-}
-function getSchemaAtPath(schema, path) {
-  if (!schema || !path) {
-    return schema;
-  }
-  const parts = path.split(".");
-  let current = schema;
-  for (const part of parts) {
-    current = unwrapSchema(current);
-    if (!current) {
-      return void 0;
-    }
-    if (/^\d+$/.test(part)) {
-      if (current._zod?.def?.type === "array") {
-        current = current._zod.def.element;
-      }
-      continue;
-    }
-    if (current._zod?.def?.type === "object") {
-      const shape = current._zod.def.shape;
-      if (shape && part in shape) {
-        current = shape[part];
-      } else {
-        return void 0;
-      }
-    } else {
-      return void 0;
-    }
-  }
-  return unwrapSchema(current);
-}
-function formatDateToISO(value) {
-  let date;
-  if (value instanceof Date) {
-    date = value;
-  } else if (typeof value === "string") {
-    date = new Date(value);
-  } else if (typeof value === "number") {
-    date = new Date(value);
-  } else {
-    return "";
-  }
-  if (isNaN(date.getTime())) {
-    return "";
-  }
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-
-// src/lib/declarative/schema-meta.ts
-function getFieldMeta(schema, path) {
-  if (!schema) {
-    return { required: false };
-  }
-  const result = getSchemaAtPath2(schema, path);
-  if (!result.schema) {
-    return { required: false };
-  }
-  const fieldSchema = result.schema;
-  const meta = typeof fieldSchema?.meta === "function" ? fieldSchema.meta() : void 0;
-  return {
-    ui: meta?.ui,
-    required: result.required
-  };
-}
-function unwrapToBaseSchema(schema) {
-  if (!schema?._zod?.def) {
-    return schema;
-  }
-  const type = schema._zod.def.type;
-  if (type === "effects" || type === "transform" || type === "preprocess") {
-    const inner = schema._zod.def.inner ?? schema._zod.def.schema;
-    if (inner) {
-      return unwrapToBaseSchema(inner);
-    }
-  }
-  if (type === "pipeline") {
-    const inner = schema._zod.def.in;
-    if (inner) {
-      return unwrapToBaseSchema(inner);
-    }
-  }
-  return schema;
-}
-function getSchemaAtPath2(schema, path) {
-  if (!schema || !path) {
-    return { schema, required: true };
-  }
-  const parts = path.split(".");
-  let current = schema;
-  let isRequired2 = true;
-  for (const part of parts) {
-    current = unwrapToBaseSchema(current);
-    const unwrapped = unwrapSchemaWithRequired(current);
-    current = unwrapped.schema;
-    if (!unwrapped.required) {
-      isRequired2 = false;
-    }
-    if (!current) {
-      return { schema: void 0, required: false };
-    }
-    current = unwrapToBaseSchema(current);
-    if (/^\d+$/.test(part)) {
-      if (current._zod?.def?.type === "array") {
-        current = current._zod.def.element;
-      }
-      continue;
-    }
-    if (current._zod?.def?.type === "object") {
-      const shape = current._zod.def.shape;
-      if (shape && part in shape) {
-        current = shape[part];
-      } else {
-        return { schema: void 0, required: false };
-      }
-    } else {
-      return { schema: void 0, required: false };
-    }
-  }
-  current = unwrapToBaseSchema(current);
-  const finalUnwrap = unwrapSchemaWithRequired(current);
-  return {
-    // Возвращаем схему ДО unwrap — на ней can быть мета (.default().meta())
-    schema: current,
-    required: isRequired2 && finalUnwrap.required
-  };
-}
-
-// src/lib/declarative/form-fields/base/base-field.tsx
-function useDeclarativeField(name) {
-  const { form, schema, primitiveArrayIndex, disabled, readOnly } = useDeclarativeForm();
-  const parentGroup = useFormGroup();
-  let fullPath;
-  if (name) {
-    fullPath = parentGroup ? `${parentGroup.name}.${name}` : name;
-  } else if (parentGroup) {
-    fullPath = parentGroup.name;
-  } else {
-    throw new Error("Field must have a name prop or be inside Form.Group.List for primitive arrays");
-  }
-  const schemaInfo = getFieldMeta(schema, fullPath);
-  const constraints = getZodConstraints(schema, fullPath);
-  return {
-    form,
-    fullPath,
-    name: name ?? String(primitiveArrayIndex),
-    meta: schemaInfo.ui,
-    required: schemaInfo.required,
-    formDisabled: disabled ?? false,
-    formReadOnly: readOnly ?? false,
-    constraints
-  };
-}
-
-// src/lib/declarative/form-fields/base/use-resolved-field-props.ts
-function useResolvedFieldProps(name, props) {
-  const {
-    form,
-    fullPath,
-    meta,
-    required: schemaRequired,
-    formDisabled,
-    formReadOnly,
-    constraints
-  } = useDeclarativeField(name);
-  const i18n = useFormI18n();
-  const i18nKey = meta?.i18nKey;
-  const resolvedTitle = getLocalizedValue(i18n, i18nKey, "title", meta?.title);
-  const resolvedPlaceholder = getLocalizedValue(i18n, i18nKey, "placeholder", meta?.placeholder);
-  const resolvedDescription = getLocalizedValue(i18n, i18nKey, "description", meta?.description);
-  const autoHint = generateConstraintHint(constraints, i18n?.locale ?? "en");
-  const helperText = props.helperText ?? resolvedDescription ?? autoHint;
-  const localizedOptions = useLocalizedOptions(meta?.options);
-  return {
-    form,
-    fullPath,
-    // Props override i18n override schema meta
-    label: props.label ?? resolvedTitle,
-    placeholder: props.placeholder ?? resolvedPlaceholder,
-    helperText,
-    // Tooltip from props or schema meta
-    tooltip: props.tooltip ?? meta?.tooltip,
-    // Required from schema or prop
-    required: props.required ?? schemaRequired,
-    // Form-level + local props (local wins)
-    disabled: props.disabled ?? formDisabled,
-    readOnly: props.readOnly ?? formReadOnly,
-    // Constraints for additional component configuration
-    constraints,
-    // Options with i18n translations
-    options: localizedOptions
-  };
-}
-function createField(options) {
-  const { displayName, render } = options;
-  const useFieldState = options.useFieldState ?? (() => ({}));
-  function FieldComponent(props) {
-    const { name, label, placeholder, helperText, required, disabled, readOnly, tooltip, ...componentProps } = props;
-    const { form, fullPath, ...resolvedRest } = useResolvedFieldProps(name, {
-      label,
-      placeholder,
-      helperText,
-      required,
-      disabled,
-      readOnly,
-      tooltip
-    });
-    const resolved = {
-      label: resolvedRest.label,
-      placeholder: resolvedRest.placeholder,
-      helperText: resolvedRest.helperText,
-      tooltip: resolvedRest.tooltip,
-      required: resolvedRest.required,
-      disabled: resolvedRest.disabled,
-      readOnly: resolvedRest.readOnly,
-      constraints: resolvedRest.constraints,
-      options: resolvedRest.options
-    };
-    const fieldState = useFieldState(componentProps, resolved);
-    return /* @__PURE__ */ jsx(form.Field, { name: fullPath, children: (field) => {
-      const errors = field.state.meta.errors;
-      const isTouched = field.state.meta.isTouched;
-      const hasError = isTouched && hasFieldErrors(errors);
-      const errorMessage = hasError ? formatFieldErrors(errors) : "";
-      return render({
-        field,
-        value: field.state.value,
-        fullPath,
-        resolved,
-        hasError,
-        errorMessage,
-        fieldState,
-        componentProps
-      });
-    } });
-  }
-  FieldComponent.displayName = displayName;
-  return FieldComponent;
-}
-function FieldError({
-  hasError,
-  errorMessage,
-  helperText
-}) {
-  if (hasError) {
-    return /* @__PURE__ */ jsx(Field.ErrorText, { children: errorMessage });
-  }
-  if (helperText) {
-    return /* @__PURE__ */ jsx(Field.HelperText, { children: helperText });
-  }
-  return null;
-}
-var FieldWrapper = memo(function FieldWrapper2({
-  resolved,
-  hasError,
-  errorMessage,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    Field.Root,
-    {
-      invalid: hasError,
-      required: resolved.required,
-      disabled: resolved.disabled,
-      readOnly: resolved.readOnly,
-      children: [
-        /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-        children,
-        /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-      ]
-    }
-  );
-});
-function useDebounce(value, delay = 300) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const timer = setTimeout(() => setDebouncedValue(value), delay);
-    return () => clearTimeout(timer);
-  }, [value, delay]);
-  return debouncedValue;
-}
-function useAsyncSearch(options = {}) {
-  const { useQuery, debounce = 300, minChars = 1, initialValue = "" } = options;
-  const [inputValue, setInputValue] = useState(initialValue);
-  const debouncedSearch = useDebounce(inputValue, debounce);
-  const shouldQuery = debouncedSearch.length >= minChars;
-  const queryResult = useQuery?.(shouldQuery ? debouncedSearch : "");
-  const { data, isLoading = false, error } = queryResult ?? {};
-  return {
-    inputValue,
-    setInputValue,
-    debouncedSearch,
-    shouldQuery,
-    isLoading,
-    data,
-    error
-  };
-}
-function SelectionFieldLabel({ label, tooltip, required }) {
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-      /* @__PURE__ */ jsx("span", { children: label }),
-      /* @__PURE__ */ jsx(FieldTooltip, { ...tooltip })
-    ] }) : label,
-    required && /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
-  ] });
-}
-function getOptionLabel(item) {
-  return typeof item.label === "string" ? item.label : String(item.value);
-}
-function useGroupedOptions(options) {
-  const collection = useMemo(() => {
-    const hasGroups = options.some((opt) => opt.group);
-    return createListCollection({
-      items: options,
-      itemToString: getOptionLabel,
-      itemToValue: (item) => item.value,
-      isItemDisabled: (item) => item.disabled ?? false,
-      ...hasGroups && {
-        groupBy: (item) => item.group ?? ""
-      }
-    });
-  }, [options]);
-  const groups = useMemo(() => {
-    const hasGroups = options.some((opt) => opt.group);
-    if (!hasGroups) {
-      return null;
-    }
-    const groupMap = /* @__PURE__ */ new Map();
-    for (const opt of options) {
-      const group = opt.group ?? "";
-      const existing = groupMap.get(group) ?? [];
-      groupMap.set(group, [...existing, opt]);
-    }
-    return groupMap;
-  }, [options]);
-  return { collection, groups };
-}
-var FieldEditable = createField({
-  displayName: "FieldEditable",
-  render: ({ field, resolved, hasError, errorMessage, componentProps }) => {
-    const {
-      multiline = false,
-      activationMode = "click",
-      showControls = false,
-      editIcon,
-      cancelIcon,
-      submitIcon,
-      submitOnBlur = true
-    } = componentProps;
-    const currentValue = field.state.value || "";
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(
-            Editable.Root,
-            {
-              value: currentValue,
-              onValueChange: (details) => field.handleChange(details.value),
-              disabled: resolved.disabled,
-              readOnly: resolved.readOnly,
-              placeholder: resolved.placeholder ?? "Click to edit",
-              activationMode,
-              submitMode: submitOnBlur ? "blur" : "enter",
-              children: [
-                /* @__PURE__ */ jsx(
-                  Editable.Preview,
-                  {
-                    minH: multiline ? "48px" : void 0,
-                    alignItems: multiline ? "flex-start" : void 0,
-                    width: "full"
-                  }
-                ),
-                multiline ? /* @__PURE__ */ jsx(Editable.Textarea, {}) : /* @__PURE__ */ jsx(Editable.Input, {}),
-                showControls && /* @__PURE__ */ jsxs(Editable.Control, { children: [
-                  /* @__PURE__ */ jsx(Editable.EditTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", size: "xs", children: editIcon ?? "\u270F\uFE0F" }) }),
-                  /* @__PURE__ */ jsx(Editable.CancelTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { variant: "outline", size: "xs", children: cancelIcon ?? "\u2715" }) }),
-                  /* @__PURE__ */ jsx(Editable.SubmitTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { variant: "outline", size: "xs", children: submitIcon ?? "\u2713" }) })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldPassword = createField({
-  displayName: "FieldPassword",
-  useFieldState: (props) => {
-    const [visible, setVisible] = useState(props.defaultVisible ?? false);
-    return {
-      visible,
-      toggle: () => setVisible((v) => !v)
-    };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsx(
-    InputGroup,
-    {
-      endElement: /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          tabIndex: -1,
-          me: "-2",
-          aspectRatio: "square",
-          size: "sm",
-          variant: "ghost",
-          height: "calc(100% - {spacing.2})",
-          "aria-label": "Toggle password visibility",
-          disabled: resolved.disabled,
-          onPointerDown: (e) => {
-            if (resolved.disabled) {
-              return;
-            }
-            if (e.button !== 0) {
-              return;
-            }
-            e.preventDefault();
-            fieldState.toggle();
-          },
-          children: fieldState.visible ? /* @__PURE__ */ jsx(LuEyeOff, {}) : /* @__PURE__ */ jsx(LuEye, {})
-        }
-      ),
-      children: /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: fieldState.visible ? "text" : "password",
-          value: field.state.value ?? "",
-          onChange: (e) => field.handleChange(e.target.value),
-          onBlur: field.handleBlur,
-          placeholder: resolved.placeholder,
-          maxLength: componentProps.maxLength,
-          autoComplete: componentProps.autoComplete,
-          "data-field-name": fullPath
-        }
-      )
-    }
-  ) })
-});
-var DEFAULT_REQUIREMENTS = ["minLength:8", "uppercase", "lowercase", "number", "special"];
-var REQUIREMENT_LABELS = {
-  "minLength:8": "Minimum 8 characters",
-  uppercase: "At least one uppercase letter",
-  lowercase: "At least one lowercase letter",
-  number: "At least one digit",
-  special: "At least one special character (!@#$%^&*)"
-};
-function checkRequirement(password, requirement) {
-  switch (requirement) {
-    case "minLength:8":
-      return password.length >= 8;
-    case "uppercase":
-      return /[A-Z]/.test(password);
-    case "lowercase":
-      return /[a-z]/.test(password);
-    case "number":
-      return /[0-9]/.test(password);
-    case "special":
-      return /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(password);
-    default:
-      return false;
-  }
-}
-function calculateStrength(password, requirements) {
-  if (!password) {
-    return 0;
-  }
-  const metCount = requirements.filter((req) => checkRequirement(password, req)).length;
-  return Math.round(metCount / requirements.length * 100);
-}
-function getStrengthInfo(strength) {
-  if (strength < 25) {
-    return { label: "Weak", colorPalette: "red" };
-  }
-  if (strength < 50) {
-    return { label: "Medium", colorPalette: "orange" };
-  }
-  if (strength < 75) {
-    return { label: "Good", colorPalette: "yellow" };
-  }
-  return { label: "Strong", colorPalette: "green" };
-}
-var FieldPasswordStrength = createField({
-  displayName: "FieldPasswordStrength",
-  useFieldState: (props) => {
-    const [visible, setVisible] = useState(props.defaultVisible ?? false);
-    return { visible, toggle: () => setVisible((v) => !v) };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const { requirements = DEFAULT_REQUIREMENTS, showRequirements = true } = componentProps;
-    const { visible, toggle } = fieldState;
-    const value = field.state.value ?? "";
-    const strength = calculateStrength(value, requirements);
-    const { label: strengthLabel, colorPalette } = getStrengthInfo(strength);
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(VStack, { gap: 2, align: "stretch", width: "100%", children: [
-            /* @__PURE__ */ jsxs(HStack, { children: [
-              /* @__PURE__ */ jsx(
-                Input,
-                {
-                  type: visible ? "text" : "password",
-                  value,
-                  onChange: (e) => field.handleChange(e.target.value),
-                  onBlur: field.handleBlur,
-                  placeholder: resolved.placeholder ?? "Enter password",
-                  "data-field-name": fullPath,
-                  flex: 1
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  "aria-label": visible ? "Hide password" : "Show password",
-                  onClick: toggle,
-                  variant: "ghost",
-                  size: "sm",
-                  children: visible ? /* @__PURE__ */ jsx(LuEyeOff, {}) : /* @__PURE__ */ jsx(LuEye, {})
-                }
-              )
-            ] }),
-            value && /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsxs(HStack, { justify: "space-between", mb: 1, children: [
-                /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "fg.muted", children: "Strength" }),
-                /* @__PURE__ */ jsx(Text, { fontSize: "xs", fontWeight: "medium", color: `${colorPalette}.600`, children: strengthLabel })
-              ] }),
-              /* @__PURE__ */ jsx(Progress.Root, { value: strength, colorPalette, size: "xs", children: /* @__PURE__ */ jsx(Progress.Track, { children: /* @__PURE__ */ jsx(Progress.Range, {}) }) })
-            ] }),
-            showRequirements && value && /* @__PURE__ */ jsx(List.Root, { fontSize: "sm", gap: 1, children: requirements.map((req) => {
-              const met = checkRequirement(value, req);
-              return /* @__PURE__ */ jsxs(List.Item, { display: "flex", alignItems: "center", gap: 2, children: [
-                /* @__PURE__ */ jsx(Box, { color: met ? "green.500" : "gray.400", children: met ? /* @__PURE__ */ jsx(LuCheck, { size: 14 }) : /* @__PURE__ */ jsx(LuX, { size: 14 }) }),
-                /* @__PURE__ */ jsx(Text, { color: met ? "fg.default" : "fg.muted", children: REQUIREMENT_LABELS[req] })
-              ] }, req);
-            }) })
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-function ImagePopover({ editor, config, disabled }) {
-  const [isOpen, setIsOpen] = useState(false);
-  const [uploadState, setUploadState] = useState("idle");
-  const [errorMessage, setErrorMessage] = useState(null);
-  const [previewUrl, setPreviewUrl] = useState(null);
-  const [isDragging, setIsDragging] = useState(false);
-  const fileInputRef = useRef(null);
-  const maxSize = config.maxSize ?? 10 * 1024 * 1024;
-  const acceptTypes = config.acceptTypes ?? ["image/*"];
-  const handleUpload = useCallback(
-    async (file) => {
-      if (!file.type.startsWith("image/")) {
-        setErrorMessage("File must be an image");
-        setUploadState("error");
-        return;
-      }
-      if (file.size > maxSize) {
-        const maxSizeMB = (maxSize / 1024 / 1024).toFixed(0);
-        setErrorMessage(`Size file\u0430 \u043D\u0435 must \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0442\u044C ${maxSizeMB}MB`);
-        setUploadState("error");
-        return;
-      }
-      const preview = URL.createObjectURL(file);
-      setPreviewUrl(preview);
-      setUploadState("uploading");
-      setErrorMessage(null);
-      try {
-        const formData = new FormData();
-        formData.append("file", file);
-        if (config.category) {
-          formData.append("category", config.category);
-        }
-        const response = await fetch(config.endpoint, {
-          method: "POST",
-          body: formData
-        });
-        const result = await response.json();
-        if (!response.ok) {
-          throw new Error(result.error || "Upload error");
-        }
-        if (result.url) {
-          ;
-          editor.chain().focus().setImage({ src: result.url }).run();
-          handleClose();
-        } else {
-          throw new Error("Image URL not received");
-        }
-      } catch (err) {
-        setErrorMessage(err instanceof Error ? err.message : "Upload error");
-        setUploadState("error");
-      } finally {
-        if (preview) {
-          URL.revokeObjectURL(preview);
-        }
-      }
-    },
-    [editor, config, maxSize]
-  );
-  const handleFileSelect = useCallback(
-    (e) => {
-      const file = e.target.files?.[0];
-      if (file) {
-        handleUpload(file);
-      }
-      e.target.value = "";
-    },
-    [handleUpload]
-  );
-  const handleDrop = useCallback(
-    (e) => {
-      e.preventDefault();
-      setIsDragging(false);
-      const file = e.dataTransfer.files[0];
-      if (file) {
-        handleUpload(file);
-      }
-    },
-    [handleUpload]
-  );
-  const handleClose = useCallback(() => {
-    setIsOpen(false);
-    setUploadState("idle");
-    setErrorMessage(null);
-    setPreviewUrl(null);
-    setIsDragging(false);
-  }, []);
-  const handleRetry = useCallback(() => {
-    setUploadState("idle");
-    setErrorMessage(null);
-    setPreviewUrl(null);
-  }, []);
-  return /* @__PURE__ */ jsxs(Popover.Root, { open: isOpen, onOpenChange: (details) => setIsOpen(details.open), children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        "aria-label": "Insert image",
-        size: "sm",
-        variant: "ghost",
-        onClick: () => setIsOpen(true),
-        disabled,
-        children: /* @__PURE__ */ jsx(LuImage, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, { width: "320px", children: [
-      /* @__PURE__ */ jsx(Popover.Arrow, { children: /* @__PURE__ */ jsx(Popover.ArrowTip, {}) }),
-      /* @__PURE__ */ jsxs(Popover.Body, { p: 3, children: [
-        uploadState === "idle" && /* @__PURE__ */ jsxs(VStack, { gap: 3, align: "stretch", children: [
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              p: 6,
-              borderWidth: "2px",
-              borderStyle: "dashed",
-              borderColor: isDragging ? "colorPalette.500" : "border",
-              borderRadius: "md",
-              bg: isDragging ? "colorPalette.50" : "bg.subtle",
-              transition: "all 0.2s",
-              cursor: "pointer",
-              _hover: { borderColor: "colorPalette.400" },
-              onDragOver: (e) => {
-                e.preventDefault();
-                setIsDragging(true);
-              },
-              onDragLeave: (e) => {
-                e.preventDefault();
-                setIsDragging(false);
-              },
-              onDrop: handleDrop,
-              onClick: () => fileInputRef.current?.click(),
-              children: /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsxs(VStack, { gap: 2, children: [
-                /* @__PURE__ */ jsx(Icon, { fontSize: "2xl", color: "fg.muted", children: /* @__PURE__ */ jsx(LuUpload, {}) }),
-                /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "medium", textAlign: "center", children: "Drag image here" }),
-                /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "fg.muted", children: "or click to select" })
-              ] }) })
-            }
-          ),
-          /* @__PURE__ */ jsxs(Text, { fontSize: "xs", color: "fg.muted", textAlign: "center", children: [
-            "PNG, JPG, WEBP up to ",
-            (maxSize / 1024 / 1024).toFixed(0),
-            "MB"
-          ] }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: acceptTypes.join(","),
-              onChange: handleFileSelect,
-              style: { display: "none" }
-            }
-          ),
-          /* @__PURE__ */ jsx(HStack, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: handleClose, children: "Cancel" }) })
-        ] }),
-        uploadState === "uploading" && /* @__PURE__ */ jsxs(VStack, { gap: 3, align: "stretch", children: [
-          previewUrl && /* @__PURE__ */ jsx(Box, { borderRadius: "md", overflow: "hidden", bg: "bg.subtle", children: /* @__PURE__ */ jsx(Image, { src: previewUrl, alt: "Preview", maxH: "150px", w: "100%", objectFit: "contain" }) }),
-          /* @__PURE__ */ jsx(Center, { py: 2, children: /* @__PURE__ */ jsxs(HStack, { gap: 2, children: [
-            /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "colorPalette.500" }),
-            /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "fg.muted", children: "Loading..." })
-          ] }) })
-        ] }),
-        uploadState === "error" && /* @__PURE__ */ jsxs(VStack, { gap: 3, align: "stretch", children: [
-          previewUrl && /* @__PURE__ */ jsxs(Box, { borderRadius: "md", overflow: "hidden", bg: "bg.subtle", position: "relative", children: [
-            /* @__PURE__ */ jsx(Image, { src: previewUrl, alt: "Preview", maxH: "150px", w: "100%", objectFit: "contain", opacity: 0.5 }),
-            /* @__PURE__ */ jsx(Center, { position: "absolute", inset: 0, bg: "blackAlpha.500", borderRadius: "md", children: /* @__PURE__ */ jsx(Icon, { color: "red.400", fontSize: "2xl", children: /* @__PURE__ */ jsx(LuX, {}) }) })
-          ] }),
-          /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "red.400", textAlign: "center", children: errorMessage }),
-          /* @__PURE__ */ jsxs(HStack, { justify: "center", gap: 2, children: [
-            /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: handleClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { size: "sm", colorPalette: "brand", onClick: handleRetry, children: "Try again" })
-          ] })
-        ] })
-      ] })
-    ] }) }) })
-  ] });
-}
-function LinkPopover({ editor, disabled }) {
-  const [url, setUrl] = useState("");
-  const [isOpen, setIsOpen] = useState(false);
-  const isActive = editor.isActive("link");
-  const handleOpen = useCallback(() => {
-    if (isActive) {
-      editor.chain().focus().unsetLink().run();
-    } else {
-      const currentUrl = editor.getAttributes("link").href ?? "";
-      setUrl(currentUrl);
-      setIsOpen(true);
-    }
-  }, [editor, isActive]);
-  const handleClose = useCallback(() => {
-    setIsOpen(false);
-    setUrl("");
-  }, []);
-  const handleSubmit = useCallback(() => {
-    if (url) {
-      editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-    }
-    handleClose();
-  }, [editor, url, handleClose]);
-  const handleRemove = useCallback(() => {
-    editor.chain().focus().unsetLink().run();
-    handleClose();
-  }, [editor, handleClose]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        handleSubmit();
-      } else if (e.key === "Escape") {
-        handleClose();
-      }
-    },
-    [handleSubmit, handleClose]
-  );
-  return /* @__PURE__ */ jsxs(Popover.Root, { open: isOpen, onOpenChange: (details) => setIsOpen(details.open), children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        "aria-label": isActive ? "Remove \u0441\u0441\u044B\u043B\u043A\u0443" : "Add \u0441\u0441\u044B\u043B\u043A\u0443",
-        size: "sm",
-        variant: isActive ? "solid" : "ghost",
-        colorPalette: isActive ? "brand" : void 0,
-        onClick: handleOpen,
-        disabled,
-        children: isActive ? /* @__PURE__ */ jsx(LuUnlink, {}) : /* @__PURE__ */ jsx(LuLink, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, { width: "300px", children: [
-      /* @__PURE__ */ jsx(Popover.Arrow, { children: /* @__PURE__ */ jsx(Popover.ArrowTip, {}) }),
-      /* @__PURE__ */ jsx(Popover.Body, { p: 3, children: /* @__PURE__ */ jsxs(VStack, { gap: 3, align: "stretch", children: [
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: "https://example.com",
-            value: url,
-            onChange: (e) => setUrl(e.target.value),
-            onKeyDown: handleKeyDown,
-            size: "sm",
-            autoFocus: true
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(HStack, { gap: 2, justify: "flex-end", children: [
-          editor.isActive("link") && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", colorPalette: "red", onClick: handleRemove, children: "Remove" }),
-          /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx(Button, { size: "sm", colorPalette: "brand", onClick: handleSubmit, disabled: !url.trim(), children: "Apply" })
-        ] })
-      ] }) })
-    ] }) }) })
-  ] });
-}
-var DEFAULT_TOOLBAR_BUTTONS = [
-  "bold",
-  "italic",
-  "underline",
-  "strike",
-  "code",
-  "heading1",
-  "heading2",
-  "heading3",
-  "bulletList",
-  "orderedList",
-  "blockquote",
-  "link",
-  "undo",
-  "redo"
-];
-var TOOLBAR_CONFIG = {
-  bold: {
-    icon: /* @__PURE__ */ jsx(LuBold, {}),
-    label: "Bold",
-    action: (editor) => editor?.chain().focus().toggleBold().run(),
-    isActive: (editor) => editor?.isActive("bold") ?? false
-  },
-  italic: {
-    icon: /* @__PURE__ */ jsx(LuItalic, {}),
-    label: "Italic",
-    action: (editor) => editor?.chain().focus().toggleItalic().run(),
-    isActive: (editor) => editor?.isActive("italic") ?? false
-  },
-  underline: {
-    icon: /* @__PURE__ */ jsx(LuUnderline, {}),
-    label: "\u041F\u043E\u0434\u0447\u0451\u0440\u043A\u043D\u0443\u0442\u044B\u0439",
-    action: (editor) => editor?.chain().focus().toggleUnderline().run(),
-    isActive: (editor) => editor?.isActive("underline") ?? false
-  },
-  strike: {
-    icon: /* @__PURE__ */ jsx(LuStrikethrough, {}),
-    label: "Strikethrough",
-    action: (editor) => editor?.chain().focus().toggleStrike().run(),
-    isActive: (editor) => editor?.isActive("strike") ?? false
-  },
-  code: {
-    icon: /* @__PURE__ */ jsx(LuCode, {}),
-    label: "\u041A\u043E\u0434",
-    action: (editor) => editor?.chain().focus().toggleCode().run(),
-    isActive: (editor) => editor?.isActive("code") ?? false
-  },
-  heading1: {
-    icon: /* @__PURE__ */ jsx(LuHeading1, {}),
-    label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 1",
-    action: (editor) => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
-    isActive: (editor) => editor?.isActive("heading", { level: 1 }) ?? false
-  },
-  heading2: {
-    icon: /* @__PURE__ */ jsx(LuHeading2, {}),
-    label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 2",
-    action: (editor) => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
-    isActive: (editor) => editor?.isActive("heading", { level: 2 }) ?? false
-  },
-  heading3: {
-    icon: /* @__PURE__ */ jsx(LuHeading3, {}),
-    label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 3",
-    action: (editor) => editor?.chain().focus().toggleHeading({ level: 3 }).run(),
-    isActive: (editor) => editor?.isActive("heading", { level: 3 }) ?? false
-  },
-  bulletList: {
-    icon: /* @__PURE__ */ jsx(LuList, {}),
-    label: "Bullet list",
-    action: (editor) => editor?.chain().focus().toggleBulletList().run(),
-    isActive: (editor) => editor?.isActive("bulletList") ?? false
-  },
-  orderedList: {
-    icon: /* @__PURE__ */ jsx(LuListOrdered, {}),
-    label: "Ordered list",
-    action: (editor) => editor?.chain().focus().toggleOrderedList().run(),
-    isActive: (editor) => editor?.isActive("orderedList") ?? false
-  },
-  blockquote: {
-    icon: /* @__PURE__ */ jsx(LuQuote, {}),
-    label: "Quote",
-    action: (editor) => editor?.chain().focus().toggleBlockquote().run(),
-    isActive: (editor) => editor?.isActive("blockquote") ?? false
-  },
-  link: {
-    icon: /* @__PURE__ */ jsx(LuLink, {}),
-    label: "\u0421\u0441\u044B\u043B\u043A\u0430",
-    action: (editor) => {
-      if (editor?.isActive("link")) {
-        editor.chain().focus().unsetLink().run();
-      } else {
-        const url = window.prompt("URL");
-        if (url) {
-          editor?.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-        }
-      }
-    },
-    isActive: (editor) => editor?.isActive("link") ?? false
-  },
-  undo: {
-    icon: /* @__PURE__ */ jsx(LuUndo, {}),
-    label: "Undo",
-    action: (editor) => editor?.chain().focus().undo().run()
-  },
-  redo: {
-    icon: /* @__PURE__ */ jsx(LuRedo, {}),
-    label: "Redo",
-    action: (editor) => editor?.chain().focus().redo().run()
-  },
-  // Кнопка image processesся отдельно через ImagePopover (аналогично link)
-  image: {
-    icon: /* @__PURE__ */ jsx(LuImage, {}),
-    label: "Insert image",
-    action: () => {
-    }
-  }
-};
-function safeParseJSON(value) {
-  try {
-    return JSON.parse(value);
-  } catch {
-    console.warn("RichText: Invalid JSON content, using empty document");
-    return "";
-  }
-}
-function FieldRichText({
-  name,
-  label,
-  placeholder,
-  helperText,
-  required,
-  disabled,
-  readOnly,
-  tooltip,
-  minHeight = "150px",
-  maxHeight,
-  showToolbar = true,
-  toolbarButtons = DEFAULT_TOOLBAR_BUTTONS,
-  outputFormat = "html",
-  imageUpload
-}) {
-  const {
-    form,
-    fullPath,
-    label: resolvedLabel,
-    placeholder: resolvedPlaceholder,
-    helperText: resolvedHelperText,
-    tooltip: resolvedTooltip,
-    required: resolvedRequired,
-    disabled: resolvedDisabled,
-    readOnly: resolvedReadOnly
-  } = useResolvedFieldProps(name, { label, placeholder, helperText, required, disabled, readOnly, tooltip });
-  return /* @__PURE__ */ jsx(form.Field, { name: fullPath, children: (field) => {
-    const { hasError, errorMessage } = getFieldErrors(field);
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolvedRequired,
-        disabled: resolvedDisabled,
-        readOnly: resolvedReadOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolvedLabel, tooltip: resolvedTooltip, required: resolvedRequired }),
-          /* @__PURE__ */ jsx(
-            RichTextEditor,
-            {
-              value: field.state.value,
-              onChange: (value) => field.handleChange(value),
-              onBlur: field.handleBlur,
-              placeholder: resolvedPlaceholder,
-              minHeight,
-              maxHeight,
-              showToolbar,
-              toolbarButtons,
-              outputFormat,
-              disabled,
-              readOnly,
-              hasError,
-              fieldName: fullPath,
-              imageUpload
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolvedHelperText })
-        ]
-      }
-    );
-  } });
-}
-function RichTextEditor({
-  value,
-  onChange,
-  onBlur,
-  placeholder,
-  minHeight,
-  maxHeight,
-  showToolbar,
-  toolbarButtons,
-  outputFormat,
-  disabled,
-  readOnly,
-  hasError,
-  fieldName,
-  imageUpload
-}) {
-  const extensions = useMemo(() => {
-    const baseExtensions = [
-      StarterKit,
-      Underline,
-      Link.configure({
-        openOnClick: false,
-        HTMLAttributes: {
-          rel: "noopener noreferrer",
-          target: "_blank"
-        }
-      }),
-      Placeholder.configure({
-        placeholder: placeholder ?? "Start typing..."
-      }),
-      // Add Image extension only if imageUpload is configured
-      ...imageUpload ? [
-        TiptapImage.configure({
-          inline: false,
-          allowBase64: false,
-          HTMLAttributes: {
-            class: "richtext-image"
-          }
-        })
-      ] : []
-    ];
-    return baseExtensions;
-  }, [placeholder, imageUpload]);
-  const editor = useEditor({
-    // Cast needed: minor @tiptap/core version drift (e.g. 3.20.0 vs 3.20.1) causes nominal type mismatch
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- @tiptap/core version incompatibility
-    extensions,
-    content: outputFormat === "json" && value ? safeParseJSON(value) : value || "",
-    editable: !disabled && !readOnly,
-    onUpdate: ({ editor: editor2 }) => {
-      if (outputFormat === "json") {
-        onChange(JSON.stringify(editor2.getJSON()));
-      } else {
-        onChange(editor2.getHTML());
-      }
-    },
-    onBlur: () => {
-      onBlur();
-    },
-    immediatelyRender: false
-  });
-  useEffect(() => {
-    if (!editor) {
-      return;
-    }
-    const currentContent = outputFormat === "json" ? JSON.stringify(editor.getJSON()) : editor.getHTML();
-    if (value !== currentContent) {
-      const content = outputFormat === "json" && value ? safeParseJSON(value) : value || "";
-      editor.commands.setContent(content, { emitUpdate: false });
-    }
-  }, [editor, value, outputFormat]);
-  useEffect(() => {
-    if (editor) {
-      editor.setEditable(!disabled && !readOnly);
-    }
-  }, [editor, disabled, readOnly]);
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      borderWidth: "1px",
-      borderRadius: "md",
-      borderColor: hasError ? "border.error" : "border",
-      overflow: "hidden",
-      "data-field-name": fieldName,
-      _focusWithin: {
-        borderColor: hasError ? "border.error" : "colorPalette.500",
-        boxShadow: hasError ? "0 0 0 1px var(--chakra-colors-border-error)" : "0 0 0 1px var(--chakra-colors-colorPalette-500)"
-      },
-      children: [
-        showToolbar && !readOnly && /* @__PURE__ */ jsx(HStack, { p: 1, gap: 0.5, borderBottomWidth: "1px", borderColor: "border", bg: "bg.subtle", flexWrap: "wrap", children: toolbarButtons.map((button) => {
-          if (button === "link") {
-            return /* @__PURE__ */ jsx(LinkPopover, { editor, disabled }, button);
-          }
-          if (button === "image") {
-            if (!imageUpload) {
-              return null;
-            }
-            return /* @__PURE__ */ jsx(ImagePopover, { editor, config: imageUpload, disabled }, button);
-          }
-          const config = TOOLBAR_CONFIG[button];
-          const isActive = config.isActive?.(editor) ?? false;
-          return /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": config.label,
-              size: "sm",
-              variant: isActive ? "solid" : "ghost",
-              colorPalette: isActive ? "brand" : void 0,
-              onClick: () => config.action(editor),
-              disabled,
-              children: config.icon
-            },
-            button
-          );
-        }) }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            minHeight,
-            maxHeight,
-            overflowY: maxHeight ? "auto" : void 0,
-            p: 3,
-            css: {
-              "& .tiptap": {
-                outline: "none",
-                minHeight: typeof minHeight === "number" ? `${minHeight}px` : minHeight
-              },
-              "& .tiptap p.is-editor-empty:first-child::before": {
-                color: "var(--chakra-colors-fg-muted)",
-                content: "attr(data-placeholder)",
-                float: "left",
-                height: 0,
-                pointerEvents: "none"
-              },
-              "& .tiptap h1": {
-                fontSize: "2xl",
-                fontWeight: "bold",
-                marginTop: "1em",
-                marginBottom: "0.5em"
-              },
-              "& .tiptap h2": {
-                fontSize: "xl",
-                fontWeight: "bold",
-                marginTop: "1em",
-                marginBottom: "0.5em"
-              },
-              "& .tiptap h3": {
-                fontSize: "lg",
-                fontWeight: "semibold",
-                marginTop: "1em",
-                marginBottom: "0.5em"
-              },
-              "& .tiptap ul, & .tiptap ol": {
-                paddingLeft: "1.5em",
-                marginTop: "0.5em",
-                marginBottom: "0.5em"
-              },
-              "& .tiptap blockquote": {
-                borderLeft: "3px solid var(--chakra-colors-border)",
-                paddingLeft: "1em",
-                marginLeft: 0,
-                marginTop: "0.5em",
-                marginBottom: "0.5em",
-                fontStyle: "italic",
-                color: "var(--chakra-colors-fg-muted)"
-              },
-              "& .tiptap code": {
-                backgroundColor: "var(--chakra-colors-bg-subtle)",
-                borderRadius: "3px",
-                padding: "0.2em 0.4em",
-                fontFamily: "mono",
-                fontSize: "0.9em"
-              },
-              "& .tiptap a": {
-                color: "var(--chakra-colors-colorPalette-500)",
-                textDecoration: "underline",
-                cursor: "pointer"
-              },
-              "& .tiptap p": {
-                marginTop: "0.25em",
-                marginBottom: "0.25em"
-              },
-              "& .tiptap img, & .tiptap .richtext-image": {
-                maxWidth: "100%",
-                height: "auto",
-                borderRadius: "4px",
-                marginTop: "0.5em",
-                marginBottom: "0.5em"
-              }
-            },
-            children: /* @__PURE__ */ jsx(EditorContent, { editor })
-          }
-        )
-      ]
-    }
-  );
-}
-function getInputModeFromType(type) {
-  switch (type) {
-    case "email":
-      return "email";
-    case "tel":
-      return "tel";
-    case "url":
-      return "url";
-    default:
-      return "text";
-  }
-}
-var FieldString = createField({
-  displayName: "FieldString",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { constraints } = resolved;
-    const type = componentProps.type ?? constraints.string?.inputType ?? "text";
-    const maxLength = componentProps.maxLength ?? constraints.string?.maxLength;
-    const minLength = componentProps.minLength ?? constraints.string?.minLength;
-    const pattern = componentProps.pattern ?? constraints.string?.pattern;
-    const inputMode = componentProps.inputMode ?? getInputModeFromType(type);
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsx(
-      Input,
-      {
-        type,
-        inputMode,
-        value: field.state.value ?? "",
-        onChange: (e) => field.handleChange(e.target.value),
-        onBlur: field.handleBlur,
-        placeholder: resolved.placeholder,
-        maxLength,
-        minLength,
-        pattern,
-        autoComplete: componentProps.autoComplete,
-        "data-field-name": fullPath
-      }
-    ) });
-  }
-});
-var FieldTextarea = createField({
-  displayName: "FieldTextarea",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { constraints } = resolved;
-    const maxLength = componentProps.maxLength ?? constraints.string?.maxLength;
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsx(
-      Textarea,
-      {
-        value: field.state.value ?? "",
-        onChange: (e) => field.handleChange(e.target.value),
-        onBlur: field.handleBlur,
-        placeholder: resolved.placeholder,
-        rows: componentProps.rows,
-        autoresize: componentProps.autoresize,
-        resize: componentProps.resize ?? "vertical",
-        maxLength,
-        "data-field-name": fullPath
-      }
-    ) });
-  }
-});
-var FieldCurrency = createField({
-  displayName: "FieldCurrency",
-  useFieldState: (props) => {
-    const { currency = "RUB", currencyDisplay = "symbol", decimalScale = 2 } = props;
-    const formatOptions = useMemo(
-      () => ({
-        style: "currency",
-        currency,
-        currencyDisplay,
-        minimumFractionDigits: decimalScale,
-        maximumFractionDigits: decimalScale
-      }),
-      [currency, currencyDisplay, decimalScale]
-    );
-    return { formatOptions };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const value = field.state.value;
-    const { min, max, step = 0.01, size } = componentProps;
-    const { formatOptions } = fieldState;
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
-      NumberInput.Root,
-      {
-        value: value?.toString() ?? "",
-        onValueChange: (details) => {
-          const num = details.valueAsNumber;
-          field.handleChange(Number.isNaN(num) ? void 0 : num);
-        },
-        onBlur: field.handleBlur,
-        min,
-        max,
-        step,
-        formatOptions,
-        clampValueOnBlur: true,
-        size,
-        children: [
-          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-          ] }),
-          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath })
-        ]
-      }
-    ) });
-  }
-});
-var FieldNumber = createField({
-  displayName: "FieldNumber",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const value = field.state.value;
-    const { constraints } = resolved;
-    const min = componentProps.min ?? constraints.number?.min;
-    const max = componentProps.max ?? constraints.number?.max;
-    const step = componentProps.step ?? constraints.number?.step;
-    const isOptional = resolved.required === false;
-    const isEmpty = value === void 0 || value === null;
-    const shouldApplyMinMax = !isOptional || !isEmpty;
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
-      NumberInput.Root,
-      {
-        value: value?.toString() ?? "",
-        onValueChange: (details) => {
-          const num = details.valueAsNumber;
-          field.handleChange(Number.isNaN(num) ? void 0 : num);
-        },
-        onBlur: field.handleBlur,
-        min: shouldApplyMinMax ? min : void 0,
-        max: shouldApplyMinMax ? max : void 0,
-        step,
-        children: [
-          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-          ] }),
-          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath, inputMode: "decimal" })
-        ]
-      }
-    ) });
-  }
-});
-var FieldNumberInput = createField({
-  displayName: "FieldNumberInput",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const value = field.state.value;
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
-      NumberInput.Root,
-      {
-        value: value?.toString() ?? "",
-        onValueChange: (details) => {
-          const num = details.valueAsNumber;
-          field.handleChange(Number.isNaN(num) ? void 0 : num);
-        },
-        onBlur: field.handleBlur,
-        min: componentProps.min,
-        max: componentProps.max,
-        step: componentProps.step,
-        formatOptions: componentProps.formatOptions,
-        allowMouseWheel: componentProps.allowMouseWheel,
-        clampValueOnBlur: componentProps.clampValueOnBlur ?? true,
-        spinOnPress: componentProps.spinOnPress ?? true,
-        size: componentProps.size,
-        children: [
-          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-          ] }),
-          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath, inputMode: "decimal" })
-        ]
-      }
-    ) });
-  }
-});
-var FieldPercentage = createField({
-  displayName: "FieldPercentage",
-  useFieldState: (props) => {
-    const { decimalScale = 0 } = props;
-    const formatOptions = useMemo(
-      () => ({
-        style: "unit",
-        unit: "percent",
-        unitDisplay: "short",
-        minimumFractionDigits: decimalScale,
-        maximumFractionDigits: decimalScale
-      }),
-      [decimalScale]
-    );
-    return { formatOptions };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const value = field.state.value;
-    const { min = 0, max = 100, step = 1, size } = componentProps;
-    const { formatOptions } = fieldState;
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
-      NumberInput.Root,
-      {
-        value: value?.toString() ?? "",
-        onValueChange: (details) => {
-          const num = details.valueAsNumber;
-          field.handleChange(Number.isNaN(num) ? void 0 : num);
-        },
-        onBlur: field.handleBlur,
-        min,
-        max,
-        step,
-        formatOptions,
-        clampValueOnBlur: true,
-        size,
-        children: [
-          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-          ] }),
-          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath })
-        ]
-      }
-    ) });
-  }
-});
-var FieldRating = createField({
-  displayName: "FieldRating",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { count = 5, allowHalf = false, size = "md", colorPalette, icon, onValueChange } = componentProps;
-    const value = field.state.value ?? 0;
-    const handleValueChange = (details) => {
-      field.handleChange(details.value);
-      onValueChange?.(details.value);
-    };
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            RatingGroup.Root,
-            {
-              value,
-              onValueChange: handleValueChange,
-              count,
-              allowHalf,
-              size,
-              colorPalette,
-              disabled: resolved.disabled,
-              readOnly: resolved.readOnly,
-              "data-field-name": fullPath,
-              children: [
-                resolved.label && /* @__PURE__ */ jsx(RatingGroup.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-                  /* @__PURE__ */ jsx("span", { children: resolved.label }),
-                  /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
-                ] }) : resolved.label }),
-                /* @__PURE__ */ jsx(RatingGroup.HiddenInput, { onBlur: field.handleBlur }),
-                /* @__PURE__ */ jsx(RatingGroup.Control, { children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(RatingGroup.Item, { index: index + 1, children: /* @__PURE__ */ jsx(RatingGroup.ItemIndicator, { icon }) }, index)) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldSlider = createField({
-  displayName: "FieldSlider",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { constraints } = resolved;
-    const min = componentProps.min ?? constraints.number?.min ?? 0;
-    const max = componentProps.max ?? constraints.number?.max ?? 100;
-    const step = componentProps.step ?? constraints.number?.step ?? 1;
-    const {
-      showValue,
-      orientation = "horizontal",
-      size = "md",
-      variant = "outline",
-      colorPalette,
-      marks,
-      origin,
-      onValueChange,
-      onValueChangeEnd
-    } = componentProps;
-    const normalizedMarks = marks?.map((mark) => typeof mark === "number" ? { value: mark, label: void 0 } : mark);
-    const numValue = field.state.value ?? min;
-    const arrayValue = [numValue];
-    const handleValueChange = (details) => {
-      const newValue = details.value[0] ?? min;
-      field.handleChange(newValue);
-      onValueChange?.(newValue);
-    };
-    const handleValueChangeEnd = (details) => {
-      const newValue = details.value[0] ?? min;
-      onValueChangeEnd?.(newValue);
-    };
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            Slider.Root,
-            {
-              value: arrayValue,
-              onValueChange: handleValueChange,
-              onValueChangeEnd: handleValueChangeEnd,
-              min,
-              max,
-              step,
-              orientation,
-              size,
-              variant,
-              colorPalette,
-              origin,
-              disabled: resolved.disabled,
-              readOnly: resolved.readOnly,
-              invalid: hasError,
-              thumbAlignment: "center",
-              onBlur: field.handleBlur,
-              "data-field-name": fullPath,
-              children: [
-                resolved.label && !showValue && /* @__PURE__ */ jsx(Slider.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-                  /* @__PURE__ */ jsx("span", { children: resolved.label }),
-                  /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
-                ] }) : resolved.label }),
-                resolved.label && showValue && /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
-                  /* @__PURE__ */ jsx(Slider.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-                    /* @__PURE__ */ jsx("span", { children: resolved.label }),
-                    /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
-                  ] }) : resolved.label }),
-                  /* @__PURE__ */ jsx(Slider.ValueText, {})
-                ] }),
-                /* @__PURE__ */ jsxs(Slider.Control, { children: [
-                  /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.Range, {}) }),
-                  /* @__PURE__ */ jsx(For, { each: arrayValue, children: (_, index) => /* @__PURE__ */ jsx(Slider.Thumb, { index, children: /* @__PURE__ */ jsx(Slider.HiddenInput, {}) }, index) }),
-                  normalizedMarks && normalizedMarks.length > 0 && /* @__PURE__ */ jsx(Slider.MarkerGroup, { children: normalizedMarks.map((mark, index) => /* @__PURE__ */ jsxs(Slider.Marker, { value: mark.value, children: [
-                    /* @__PURE__ */ jsx(Slider.MarkerIndicator, {}),
-                    mark.label
-                  ] }, index)) })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldDate = createField({
-  displayName: "FieldDate",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { constraints } = resolved;
-    const rawValue = field.state.value;
-    let stringValue = "";
-    if (rawValue instanceof Date) {
-      stringValue = rawValue.toISOString().split("T")[0];
-    } else if (typeof rawValue === "string") {
-      stringValue = rawValue;
-    }
-    const min = componentProps.min ?? constraints.date?.min;
-    const max = componentProps.max ?? constraints.date?.max;
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsx(
-      Input,
-      {
-        type: "date",
-        value: stringValue,
-        onChange: (e) => field.handleChange(e.target.value),
-        onBlur: field.handleBlur,
-        placeholder: resolved.placeholder,
-        min,
-        max,
-        "data-field-name": fullPath
-      }
-    ) });
-  }
-});
-function getPresetRange(preset) {
-  const today = /* @__PURE__ */ new Date();
-  const formatDate2 = (d) => d.toISOString().split("T")[0];
-  switch (preset) {
-    case "today":
-      return { start: formatDate2(today), end: formatDate2(today) };
-    case "yesterday": {
-      const yesterday = new Date(today);
-      yesterday.setDate(today.getDate() - 1);
-      return { start: formatDate2(yesterday), end: formatDate2(yesterday) };
-    }
-    case "thisWeek": {
-      const startOfWeek = new Date(today);
-      startOfWeek.setDate(today.getDate() - today.getDay() + 1);
-      const endOfWeek = new Date(startOfWeek);
-      endOfWeek.setDate(startOfWeek.getDate() + 6);
-      return { start: formatDate2(startOfWeek), end: formatDate2(endOfWeek) };
-    }
-    case "lastWeek": {
-      const startOfLastWeek = new Date(today);
-      startOfLastWeek.setDate(today.getDate() - today.getDay() - 6);
-      const endOfLastWeek = new Date(startOfLastWeek);
-      endOfLastWeek.setDate(startOfLastWeek.getDate() + 6);
-      return { start: formatDate2(startOfLastWeek), end: formatDate2(endOfLastWeek) };
-    }
-    case "thisMonth": {
-      const startOfMonth = new Date(today.getFullYear(), today.getMonth(), 1);
-      const endOfMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
-      return { start: formatDate2(startOfMonth), end: formatDate2(endOfMonth) };
-    }
-    case "lastMonth": {
-      const startOfLastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);
-      const endOfLastMonth = new Date(today.getFullYear(), today.getMonth(), 0);
-      return { start: formatDate2(startOfLastMonth), end: formatDate2(endOfLastMonth) };
-    }
-    case "thisYear": {
-      const startOfYear = new Date(today.getFullYear(), 0, 1);
-      const endOfYear = new Date(today.getFullYear(), 11, 31);
-      return { start: formatDate2(startOfYear), end: formatDate2(endOfYear) };
-    }
-  }
-}
-function getPresetLabel(preset) {
-  switch (preset) {
-    case "today":
-      return "Today";
-    case "yesterday":
-      return "Yesterday";
-    case "thisWeek":
-      return "This week";
-    case "lastWeek":
-      return "Last week";
-    case "thisMonth":
-      return "This month";
-    case "lastMonth":
-      return "Last month";
-    case "thisYear":
-      return "This year";
-  }
-}
-var FieldDateRange = createField({
-  displayName: "FieldDateRange",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const {
-      startLabel = "Start",
-      endLabel = "End",
-      startPlaceholder,
-      endPlaceholder,
-      min,
-      max,
-      presets,
-      orientation = "horizontal",
-      size = "md"
-    } = componentProps;
-    const value = field.state.value ?? { start: "", end: "" };
-    const handleStartChange = (newStart) => {
-      field.handleChange({ ...value, start: newStart });
-    };
-    const handleEndChange = (newEnd) => {
-      field.handleChange({ ...value, end: newEnd });
-    };
-    const handlePreset = (preset) => {
-      field.handleChange(getPresetRange(preset));
-    };
-    const Container = orientation === "horizontal" ? HStack : Box;
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, direction: orientation === "horizontal" ? "row" : "column", align: "stretch", width: "full", children: [
-            /* @__PURE__ */ jsxs(Container, { gap: 2, flex: 1, alignItems: "flex-end", children: [
-              /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxs(Field.Root, { disabled: resolved.disabled, readOnly: resolved.readOnly, children: [
-                /* @__PURE__ */ jsx(Field.Label, { fontSize: "sm", color: "fg.muted", children: startLabel }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "date",
-                    value: value.start,
-                    onChange: (e) => handleStartChange(e.target.value),
-                    onBlur: field.handleBlur,
-                    placeholder: startPlaceholder,
-                    min,
-                    max: value.end || max,
-                    size,
-                    "data-field-name": `${fullPath}.start`
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsxs(Field.Root, { disabled: resolved.disabled, readOnly: resolved.readOnly, children: [
-                /* @__PURE__ */ jsx(Field.Label, { fontSize: "sm", color: "fg.muted", children: endLabel }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: "date",
-                    value: value.end,
-                    onChange: (e) => handleEndChange(e.target.value),
-                    onBlur: field.handleBlur,
-                    placeholder: endPlaceholder,
-                    min: value.start || min,
-                    max,
-                    size,
-                    "data-field-name": `${fullPath}.end`
-                  }
-                )
-              ] }) })
-            ] }),
-            presets && presets.length > 0 && !resolved.readOnly && /* @__PURE__ */ jsxs(Menu.Root, { children: [
-              /* @__PURE__ */ jsx(Menu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size, disabled: resolved.disabled, children: [
-                /* @__PURE__ */ jsx(LuCalendar, {}),
-                "Presets",
-                /* @__PURE__ */ jsx(LuChevronDown, {})
-              ] }) }),
-              /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: presets.map((preset) => /* @__PURE__ */ jsx(Menu.Item, { value: preset, onClick: () => handlePreset(preset), children: getPresetLabel(preset) }, preset)) }) }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-function parseDateTime(value) {
-  if (!value) {
-    return { date: "", time: "" };
-  }
-  const match = value.match(/^(\d{4}-\d{2}-\d{2})(?:T(\d{2}:\d{2}))?/);
-  if (match) {
-    return { date: match[1], time: match[2] || "" };
-  }
-  return { date: "", time: "" };
-}
-function combineDateTime(date, time) {
-  if (!date) {
-    return "";
-  }
-  if (!time) {
-    return date;
-  }
-  return `${date}T${time}:00`;
-}
-var FieldDateTimePicker = createField({
-  displayName: "FieldDateTimePicker",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { minDateTime, maxDateTime, timeStep = 15 } = componentProps;
-    const minDateTimeStr = minDateTime instanceof Date ? minDateTime.toISOString().slice(0, 16) : minDateTime?.slice(0, 16);
-    const maxDateTimeStr = maxDateTime instanceof Date ? maxDateTime.toISOString().slice(0, 16) : maxDateTime?.slice(0, 16);
-    const minDate = minDateTimeStr?.slice(0, 10);
-    const maxDate = maxDateTimeStr?.slice(0, 10);
-    const value = field.state.value;
-    const { date, time } = parseDateTime(value);
-    const handleDateChange = (newDate) => {
-      const combined = combineDateTime(newDate, time);
-      field.handleChange(combined || void 0);
-    };
-    const handleTimeChange = (newTime) => {
-      const combined = combineDateTime(date, newTime);
-      field.handleChange(combined || void 0);
-    };
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(HStack, { gap: 2, children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "date",
-                value: date,
-                onChange: (e) => handleDateChange(e.target.value),
-                onBlur: field.handleBlur,
-                min: minDate,
-                max: maxDate,
-                "data-field-name": `${fullPath}-date`,
-                flex: 1
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "time",
-                value: time,
-                onChange: (e) => handleTimeChange(e.target.value),
-                onBlur: field.handleBlur,
-                step: timeStep * 60,
-                "data-field-name": `${fullPath}-time`,
-                width: "150px"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-function minutesToHHMM(minutes) {
-  return {
-    hours: Math.floor(minutes / 60),
-    mins: minutes % 60
-  };
-}
-function hhmmToMinutes(hours, mins) {
-  return hours * 60 + mins;
-}
-var FieldDuration = createField({
-  displayName: "FieldDuration",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const { format = "HH:MM", min = 0, max = 1440, step = 15 } = componentProps;
-    const value = field.state.value ?? 0;
-    const { hours, mins } = minutesToHHMM(value);
-    const handleHoursChange = (newHours) => {
-      const newValue = hhmmToMinutes(newHours, mins);
-      const clampedValue = Math.max(min, Math.min(max, newValue));
-      field.handleChange(clampedValue);
-    };
-    const handleMinsChange = (newMins) => {
-      const newValue = hhmmToMinutes(hours, newMins);
-      const clampedValue = Math.max(min, Math.min(max, newValue));
-      field.handleChange(clampedValue);
-    };
-    const handleMinutesChange = (newValue) => {
-      const clampedValue = Math.max(min, Math.min(max, newValue));
-      field.handleChange(clampedValue);
-    };
-    if (format === "minutes") {
-      return /* @__PURE__ */ jsxs(
-        Field.Root,
-        {
-          invalid: hasError,
-          required: resolved.required,
-          disabled: resolved.disabled,
-          readOnly: resolved.readOnly,
-          children: [
-            /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-            /* @__PURE__ */ jsxs(
-              NumberInput.Root,
-              {
-                value: value.toString(),
-                onValueChange: (details) => {
-                  const num = details.valueAsNumber;
-                  if (!Number.isNaN(num)) {
-                    handleMinutesChange(num);
-                  }
-                },
-                onBlur: field.handleBlur,
-                min,
-                max,
-                step,
-                children: [
-                  /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-                    /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-                    /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-                  ] }),
-                  /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder ?? "min", "data-field-name": fullPath })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(HStack, { gap: 2, children: [
-            /* @__PURE__ */ jsxs(
-              NumberInput.Root,
-              {
-                value: hours.toString(),
-                onValueChange: (details) => {
-                  const num = details.valueAsNumber;
-                  if (!Number.isNaN(num)) {
-                    handleHoursChange(num);
-                  }
-                },
-                onBlur: field.handleBlur,
-                min: 0,
-                max: Math.floor(max / 60),
-                width: "80px",
-                children: [
-                  /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-                    /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-                    /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-                  ] }),
-                  /* @__PURE__ */ jsx(NumberInput.Input, { "data-field-name": `${fullPath}-hours` })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(Text, { fontWeight: "bold", children: ":" }),
-            /* @__PURE__ */ jsxs(
-              NumberInput.Root,
-              {
-                value: mins.toString().padStart(2, "0"),
-                onValueChange: (details) => {
-                  const num = details.valueAsNumber;
-                  if (!Number.isNaN(num)) {
-                    handleMinsChange(num);
-                  }
-                },
-                onBlur: field.handleBlur,
-                min: 0,
-                max: 59,
-                step,
-                width: "80px",
-                children: [
-                  /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
-                    /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
-                    /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
-                  ] }),
-                  /* @__PURE__ */ jsx(NumberInput.Input, { "data-field-name": `${fullPath}-mins` })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var DAYS_OF_WEEK = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
-var DEFAULT_DAY_NAMES = {
-  monday: "Monday",
-  tuesday: "Tuesday",
-  wednesday: "Wednesday",
-  thursday: "Thursday",
-  friday: "Friday",
-  saturday: "Saturday",
-  sunday: "Sunday"
-};
-var DEFAULT_WORKING_HOURS = {
-  monday: { open: "09:00", close: "18:00" },
-  tuesday: { open: "09:00", close: "18:00" },
-  wednesday: { open: "09:00", close: "18:00" },
-  thursday: { open: "09:00", close: "18:00" },
-  friday: { open: "09:00", close: "18:00" },
-  saturday: null,
-  sunday: null
-};
-var SWITCH_STYLES = {
-  /** Switch track width */
-  trackWidth: "36px",
-  /** Switch track height */
-  trackHeight: "20px",
-  /** Round indicator (thumb) size */
-  thumbSize: "16px",
-  /** Thumb offset from edge (2px each side for centering in 20px track) */
-  thumbOffset: "2px",
-  /** Thumb position in enabled state (trackWidth - thumbSize - thumbOffset = 36 - 16 - 2 = 18) */
-  thumbEnabledLeft: "18px"
-};
-function isValidTimeRange(open, close) {
-  const [openH, openM] = open.split(":").map(Number);
-  const [closeH, closeM] = close.split(":").map(Number);
-  const openMinutes = openH * 60 + openM;
-  const closeMinutes = closeH * 60 + closeM;
-  return closeMinutes > openMinutes;
-}
-var ScheduleContent = memo(function ScheduleContent2({
-  field,
-  schedule,
-  days,
-  mergedDayNames,
-  showCopyToWeekdays,
-  offLabel,
-  copyToWeekdaysLabel,
-  defaultOpenTime,
-  defaultCloseTime,
-  disabled,
-  readOnly,
-  resolvedLabel,
-  resolvedHelperText,
-  resolvedRequired,
-  resolvedTooltip,
-  fullPath
-}) {
-  const { hasError, errorMessage } = getFieldErrors(field);
-  const invalidDays = useMemo(() => {
-    const invalid = [];
-    for (const day of days) {
-      const daySchedule = schedule[day];
-      if (daySchedule && !isValidTimeRange(daySchedule.open, daySchedule.close)) {
-        invalid.push(day);
-      }
-    }
-    return invalid;
-  }, [schedule, days]);
-  const handleDayToggle = useCallback(
-    (day, enabled) => {
-      const newSchedule = {
-        ...schedule,
-        [day]: enabled ? { open: defaultOpenTime, close: defaultCloseTime } : null
-      };
-      field.handleChange(newSchedule);
-    },
-    [schedule, field, defaultOpenTime, defaultCloseTime]
-  );
-  const handleTimeChange = useCallback(
-    (day, timeField, value) => {
-      const current = schedule[day];
-      if (!current) {
-        return;
-      }
-      const newSchedule = {
-        ...schedule,
-        [day]: { ...current, [timeField]: value }
-      };
-      field.handleChange(newSchedule);
-    },
-    [schedule, field]
-  );
-  const handleCopyToWeekdays = useCallback(() => {
-    const mondaySchedule = schedule.monday;
-    if (!mondaySchedule) {
-      return;
-    }
-    const newSchedule = {
-      ...schedule,
-      monday: mondaySchedule,
-      tuesday: mondaySchedule,
-      wednesday: mondaySchedule,
-      thursday: mondaySchedule,
-      friday: mondaySchedule
-    };
-    field.handleChange(newSchedule);
-  }, [schedule, field]);
-  return /* @__PURE__ */ jsxs(
-    Field.Root,
-    {
-      invalid: hasError,
-      required: resolvedRequired,
-      disabled,
-      readOnly,
-      "data-field-name": fullPath,
-      children: [
-        /* @__PURE__ */ jsx(FieldLabel, { label: resolvedLabel, tooltip: resolvedTooltip, required: resolvedRequired }),
-        /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
-          invalidDays.length > 0 && /* @__PURE__ */ jsx(Box, { p: 3, bg: "red.50", borderWidth: "1px", borderColor: "red.200", borderRadius: "md", children: /* @__PURE__ */ jsxs(Text, { color: "red.600", fontSize: "sm", fontWeight: "medium", children: [
-            "End time must be after start time: ",
-            invalidDays.map((d) => mergedDayNames[d]).join(", ")
-          ] }) }),
-          showCopyToWeekdays && days.includes("monday") && /* @__PURE__ */ jsxs(HStack, { gap: 2, flexWrap: "wrap", children: [
-            /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "fg.muted", children: "Quick actions:" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                size: "xs",
-                variant: "ghost",
-                colorPalette: "blue",
-                onClick: handleCopyToWeekdays,
-                disabled: disabled || readOnly || !schedule.monday,
-                children: copyToWeekdaysLabel
-              }
-            )
-          ] }),
-          days.map((day) => {
-            const daySchedule = schedule[day];
-            const isEnabled = daySchedule !== null && daySchedule !== void 0;
-            const dayHasError = invalidDays.includes(day);
-            return /* @__PURE__ */ jsx(
-              Box,
-              {
-                "data-day": day,
-                p: 3,
-                bg: dayHasError ? "red.50" : isEnabled ? "bg.panel" : "bg.muted",
-                borderRadius: "md",
-                borderWidth: dayHasError ? "2px" : "1px",
-                borderColor: dayHasError ? "red.300" : "border.muted",
-                children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", flexWrap: "wrap", gap: 3, children: [
-                  /* @__PURE__ */ jsxs(HStack, { gap: 3, minW: "140px", children: [
-                    /* @__PURE__ */ jsxs(
-                      Box,
-                      {
-                        as: "label",
-                        display: "inline-flex",
-                        alignItems: "center",
-                        cursor: disabled || readOnly ? "not-allowed" : "pointer",
-                        position: "relative",
-                        opacity: disabled || readOnly ? 0.4 : 1,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "input",
-                            {
-                              type: "checkbox",
-                              checked: isEnabled,
-                              onChange: (e) => handleDayToggle(day, e.target.checked),
-                              disabled: disabled || readOnly,
-                              "data-switch": day,
-                              style: {
-                                position: "absolute",
-                                opacity: 0,
-                                width: 0,
-                                height: 0
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            Box,
-                            {
-                              w: SWITCH_STYLES.trackWidth,
-                              h: SWITCH_STYLES.trackHeight,
-                              bg: isEnabled ? "green.500" : "gray.300",
-                              borderRadius: "full",
-                              position: "relative",
-                              transition: "background 0.2s",
-                              children: /* @__PURE__ */ jsx(
-                                Box,
-                                {
-                                  position: "absolute",
-                                  top: SWITCH_STYLES.thumbOffset,
-                                  left: isEnabled ? SWITCH_STYLES.thumbEnabledLeft : SWITCH_STYLES.thumbOffset,
-                                  w: SWITCH_STYLES.thumbSize,
-                                  h: SWITCH_STYLES.thumbSize,
-                                  bg: "white",
-                                  borderRadius: "full",
-                                  transition: "left 0.2s",
-                                  boxShadow: "sm"
-                                }
-                              )
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Text, { fontWeight: "medium", color: isEnabled ? "fg" : "fg.muted", children: mergedDayNames[day] })
-                  ] }),
-                  isEnabled ? /* @__PURE__ */ jsxs(HStack, { gap: 2, children: [
-                    /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        type: "time",
-                        size: "sm",
-                        width: "120px",
-                        value: daySchedule?.open || defaultOpenTime,
-                        onChange: (e) => handleTimeChange(day, "open", e.target.value),
-                        disabled: disabled || readOnly
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Text, { color: "fg.muted", children: "\u2014" }),
-                    /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        type: "time",
-                        size: "sm",
-                        width: "120px",
-                        value: daySchedule?.close || defaultCloseTime,
-                        onChange: (e) => handleTimeChange(day, "close", e.target.value),
-                        disabled: disabled || readOnly
-                      }
-                    )
-                  ] }) : /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "fg.muted", children: offLabel })
-                ] })
-              },
-              day
-            );
-          })
-        ] }),
-        /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolvedHelperText })
-      ]
-    }
-  );
-});
-function FieldSchedule({
-  name,
-  label,
-  helperText,
-  required,
-  disabled,
-  readOnly,
-  tooltip,
-  dayNames = {},
-  defaultSchedule = DEFAULT_WORKING_HOURS,
-  days = DAYS_OF_WEEK,
-  showCopyToWeekdays = true,
-  offLabel = "Day off",
-  copyToWeekdaysLabel = "Copy Mon to weekdays",
-  defaultOpenTime = "09:00",
-  defaultCloseTime = "18:00"
-}) {
-  const {
-    form,
-    fullPath,
-    label: resolvedLabel,
-    helperText: resolvedHelperText,
-    tooltip: resolvedTooltip,
-    required: resolvedRequired,
-    disabled: resolvedDisabled,
-    readOnly: resolvedReadOnly
-  } = useResolvedFieldProps(name, { label, helperText, required, disabled, readOnly, tooltip });
-  const mergedDayNames = { ...DEFAULT_DAY_NAMES, ...dayNames };
-  return /* @__PURE__ */ jsx(form.Field, { name: fullPath, children: (field) => {
-    const schedule = field.state.value || defaultSchedule;
-    return /* @__PURE__ */ jsx(
-      ScheduleContent,
-      {
-        field,
-        schedule,
-        defaultSchedule,
-        days,
-        mergedDayNames,
-        showCopyToWeekdays,
-        offLabel,
-        copyToWeekdaysLabel,
-        defaultOpenTime,
-        defaultCloseTime,
-        disabled: resolvedDisabled,
-        readOnly: resolvedReadOnly,
-        resolvedLabel,
-        resolvedHelperText,
-        resolvedRequired,
-        resolvedTooltip,
-        fullPath
-      }
-    );
-  } });
-}
-var FieldTime = createField({
-  displayName: "FieldTime",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsx(
-    Input,
-    {
-      type: "time",
-      value: field.state.value ?? "",
-      onChange: (e) => field.handleChange(e.target.value),
-      onBlur: field.handleBlur,
-      placeholder: resolved.placeholder,
-      min: componentProps.min,
-      max: componentProps.max,
-      step: componentProps.step,
-      "data-field-name": fullPath
-    }
-  ) })
-});
-var FieldCheckbox = createField({
-  displayName: "FieldCheckbox",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => /* @__PURE__ */ jsxs(
-    Field.Root,
-    {
-      invalid: hasError,
-      required: resolved.required,
-      disabled: resolved.disabled,
-      readOnly: resolved.readOnly,
-      children: [
-        /* @__PURE__ */ jsxs(
-          Checkbox.Root,
-          {
-            checked: !!field.state.value,
-            onCheckedChange: (e) => field.handleChange(!!e.checked),
-            colorPalette: componentProps.colorPalette ?? "brand",
-            size: componentProps.size ?? "md",
-            disabled: resolved.disabled,
-            readOnly: resolved.readOnly,
-            "data-field-name": fullPath,
-            children: [
-              /* @__PURE__ */ jsx(Checkbox.HiddenInput, { onBlur: field.handleBlur }),
-              /* @__PURE__ */ jsx(Checkbox.Control, {}),
-              resolved.label && /* @__PURE__ */ jsx(Checkbox.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-                /* @__PURE__ */ jsx("span", { children: resolved.label }),
-                /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
-              ] }) : resolved.label })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-      ]
-    }
-  )
-});
-var FieldSwitch = createField({
-  displayName: "FieldSwitch",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => /* @__PURE__ */ jsxs(
-    Field.Root,
-    {
-      invalid: hasError,
-      required: resolved.required,
-      disabled: resolved.disabled,
-      readOnly: resolved.readOnly,
-      children: [
-        /* @__PURE__ */ jsxs(
-          Switch.Root,
-          {
-            checked: !!field.state.value,
-            onCheckedChange: (e) => field.handleChange(e.checked),
-            colorPalette: componentProps.colorPalette ?? "brand",
-            size: componentProps.size ?? "md",
-            disabled: resolved.disabled,
-            readOnly: resolved.readOnly,
-            "data-field-name": fullPath,
-            children: [
-              /* @__PURE__ */ jsx(Switch.HiddenInput, { onBlur: field.handleBlur }),
-              /* @__PURE__ */ jsx(Switch.Control, { children: /* @__PURE__ */ jsx(Switch.Thumb, {}) }),
-              resolved.label && /* @__PURE__ */ jsx(Switch.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-                /* @__PURE__ */ jsx("span", { children: resolved.label }),
-                /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
-              ] }) : resolved.label })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-      ]
-    }
-  )
-});
-var FieldAutocomplete = createField({
-  displayName: "FieldAutocomplete",
-  useFieldState: (componentProps) => {
-    const {
-      inputValue,
-      setInputValue,
-      isLoading,
-      data: queryData
-    } = useAsyncSearch({
-      useQuery: componentProps.useQuery,
-      debounce: componentProps.debounce ?? 300,
-      minChars: componentProps.minChars ?? 1
-    });
-    const { contains } = useFilter({ sensitivity: "base" });
-    const suggestions = useMemo(() => {
-      if (componentProps.suggestions) {
-        const filtered = inputValue ? componentProps.suggestions.filter((s) => contains(s, inputValue)) : componentProps.suggestions.slice(0, 10);
-        return filtered.map((s) => ({ label: s, value: s }));
-      }
-      if (queryData && componentProps.getLabel) {
-        const getLabel = componentProps.getLabel;
-        return queryData.map((item) => {
-          const itemLabel = getLabel(item);
-          return { label: itemLabel, value: itemLabel };
-        });
-      }
-      return [];
-    }, [componentProps.suggestions, queryData, componentProps.getLabel, inputValue, contains]);
-    const collection = useMemo(() => {
-      return createListCollection({
-        items: suggestions,
-        itemToString: (item) => item.label,
-        itemToValue: (item) => item.value
-      });
-    }, [suggestions]);
-    return {
-      inputValue,
-      setInputValue,
-      isLoading,
-      suggestions,
-      collection
-    };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const currentValue = field.state.value ?? "";
-    const minChars = componentProps.minChars ?? 1;
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            Combobox.Root,
-            {
-              collection: fieldState.collection,
-              size: componentProps.size ?? "md",
-              variant: componentProps.variant ?? "outline",
-              value: currentValue ? [currentValue] : [],
-              inputValue: fieldState.inputValue,
-              onInputValueChange: (details) => {
-                fieldState.setInputValue(details.inputValue);
-                field.handleChange(details.inputValue);
-              },
-              onValueChange: (details) => {
-                const newValue = details.value[0] ?? "";
-                fieldState.setInputValue(newValue);
-                field.handleChange(newValue);
-              },
-              onInteractOutside: () => field.handleBlur(),
-              disabled: resolved.disabled,
-              allowCustomValue: true,
-              openOnClick: true,
-              "data-field-name": fullPath,
-              children: [
-                resolved.label && /* @__PURE__ */ jsx(Combobox.Label, { children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-                /* @__PURE__ */ jsxs(Combobox.Control, { children: [
-                  /* @__PURE__ */ jsx(Combobox.Input, { placeholder: resolved.placeholder ?? "Start typing..." }),
-                  /* @__PURE__ */ jsxs(Combobox.IndicatorGroup, { children: [
-                    fieldState.isLoading && /* @__PURE__ */ jsx(Spinner, { size: "xs" }),
-                    /* @__PURE__ */ jsx(Combobox.Trigger, {})
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
-                  fieldState.isLoading && fieldState.suggestions.length === 0 && /* @__PURE__ */ jsx(Combobox.Empty, { children: componentProps.loadingMessage ?? "Loading..." }),
-                  !fieldState.isLoading && fieldState.suggestions.length === 0 && fieldState.inputValue.length >= minChars && /* @__PURE__ */ jsx(Combobox.Empty, { children: componentProps.emptyMessage ?? "No suggestions" }),
-                  !fieldState.isLoading && fieldState.suggestions.length === 0 && fieldState.inputValue.length < minChars && fieldState.inputValue.length > 0 && /* @__PURE__ */ jsxs(Combobox.Empty, { children: [
-                    "Enter at least ",
-                    minChars,
-                    " characters"
-                  ] }),
-                  fieldState.suggestions.map((item) => /* @__PURE__ */ jsxs(Combobox.Item, { item, children: [
-                    /* @__PURE__ */ jsx(Combobox.ItemText, { children: item.label }),
-                    /* @__PURE__ */ jsx(Combobox.ItemIndicator, {})
-                  ] }, item.value))
-                ] }) }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldCheckboxCard = createField({
-  displayName: "FieldCheckboxCard",
-  render: ({ field, resolved, hasError, errorMessage, componentProps }) => {
-    const currentValue = field.state.value;
-    const valueArray = currentValue ?? [];
-    return /* @__PURE__ */ jsxs(Fieldset.Root, { invalid: hasError, disabled: resolved.disabled, children: [
-      /* @__PURE__ */ jsxs(
-        CheckboxGroup,
-        {
-          value: valueArray,
-          onValueChange: (value) => field.handleChange(value),
-          disabled: resolved.disabled,
-          invalid: hasError,
-          children: [
-            resolved.label && /* @__PURE__ */ jsx(Fieldset.Legend, { mb: 2, children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-            /* @__PURE__ */ jsx(
-              Flex,
-              {
-                gap: componentProps.gap ?? 2,
-                direction: (componentProps.orientation ?? "horizontal") === "vertical" ? "column" : "row",
-                wrap: (componentProps.orientation ?? "horizontal") === "horizontal" ? "wrap" : void 0,
-                children: componentProps.options.map((opt) => /* @__PURE__ */ jsxs(
-                  CheckboxCard.Root,
-                  {
-                    value: opt.value,
-                    size: componentProps.size ?? "md",
-                    variant: componentProps.variant ?? "outline",
-                    colorPalette: componentProps.colorPalette,
-                    align: componentProps.align ?? "start",
-                    disabled: opt.disabled,
-                    children: [
-                      /* @__PURE__ */ jsx(CheckboxCard.HiddenInput, {}),
-                      /* @__PURE__ */ jsxs(CheckboxCard.Control, { children: [
-                        /* @__PURE__ */ jsxs(CheckboxCard.Content, { children: [
-                          opt.icon,
-                          /* @__PURE__ */ jsx(CheckboxCard.Label, { children: opt.label }),
-                          opt.description && /* @__PURE__ */ jsx(CheckboxCard.Description, { children: opt.description })
-                        ] }),
-                        /* @__PURE__ */ jsx(CheckboxCard.Indicator, {})
-                      ] })
-                    ]
-                  },
-                  opt.value
-                ))
-              }
-            )
-          ]
-        }
-      ),
-      hasError ? /* @__PURE__ */ jsx(Fieldset.ErrorText, { children: errorMessage }) : resolved.helperText && /* @__PURE__ */ jsx(Fieldset.HelperText, { children: resolved.helperText })
-    ] });
-  }
-});
-var FieldCombobox = createField({
-  displayName: "FieldCombobox",
-  useFieldState: (componentProps, resolved) => {
-    const {
-      inputValue,
-      setInputValue,
-      isLoading,
-      data: queryData
-    } = useAsyncSearch({
-      useQuery: componentProps.useQuery,
-      debounce: componentProps.debounce ?? 300,
-      minChars: componentProps.minChars ?? 1
-    });
-    const { contains } = useFilter({ sensitivity: "base" });
-    const options = useMemo(() => {
-      if (componentProps.options) {
-        if (!inputValue) {
-          return componentProps.options;
-        }
-        return componentProps.options.filter((opt) => {
-          return contains(getOptionLabel(opt), inputValue);
-        });
-      }
-      if (queryData && componentProps.getLabel && componentProps.getValue) {
-        const getLabel = componentProps.getLabel;
-        const getValue = componentProps.getValue;
-        return queryData.map((item) => ({
-          label: getLabel(item),
-          value: getValue(item),
-          group: componentProps.getGroup?.(item),
-          disabled: componentProps.getDisabled?.(item)
-        }));
-      }
-      return [];
-    }, [
-      componentProps.options,
-      queryData,
-      componentProps.getLabel,
-      componentProps.getValue,
-      componentProps.getGroup,
-      componentProps.getDisabled,
-      inputValue,
-      contains
-    ]);
-    const { collection, groups } = useGroupedOptions(options);
-    const resolvedClearable = componentProps.clearable ?? !resolved.required;
-    return {
-      inputValue,
-      setInputValue,
-      isLoading,
-      options,
-      collection,
-      groups,
-      resolvedClearable
-    };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const currentValue = field.state.value;
-    const minChars = componentProps.minChars ?? 1;
-    return /* @__PURE__ */ jsxs(Field.Root, { invalid: hasError, required: resolved.required, disabled: resolved.disabled, children: [
-      /* @__PURE__ */ jsxs(
-        Combobox.Root,
-        {
-          collection: fieldState.collection,
-          size: componentProps.size ?? "md",
-          variant: componentProps.variant ?? "outline",
-          value: currentValue ? [currentValue] : [],
-          inputValue: fieldState.inputValue,
-          onInputValueChange: (details) => fieldState.setInputValue(details.inputValue),
-          onValueChange: (details) => {
-            const newValue = details.value[0];
-            field.handleChange(newValue ?? "");
-          },
-          onInteractOutside: () => field.handleBlur(),
-          disabled: resolved.disabled,
-          allowCustomValue: componentProps.allowCustomValue ?? false,
-          openOnClick: true,
-          "data-field-name": fullPath,
-          children: [
-            resolved.label && /* @__PURE__ */ jsx(Combobox.Label, { children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-            /* @__PURE__ */ jsxs(Combobox.Control, { children: [
-              /* @__PURE__ */ jsx(Combobox.Input, { placeholder: resolved.placeholder ?? "Search..." }),
-              /* @__PURE__ */ jsxs(Combobox.IndicatorGroup, { children: [
-                fieldState.isLoading && /* @__PURE__ */ jsx(Spinner, { size: "xs" }),
-                fieldState.resolvedClearable && /* @__PURE__ */ jsx(Combobox.ClearTrigger, {}),
-                /* @__PURE__ */ jsx(Combobox.Trigger, {})
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
-              fieldState.isLoading && fieldState.options.length === 0 && /* @__PURE__ */ jsx(Combobox.Empty, { children: componentProps.loadingMessage ?? "Loading..." }),
-              !fieldState.isLoading && fieldState.options.length === 0 && fieldState.inputValue.length >= minChars && /* @__PURE__ */ jsx(Combobox.Empty, { children: componentProps.emptyMessage ?? "Nothing found" }),
-              !fieldState.isLoading && fieldState.options.length === 0 && fieldState.inputValue.length < minChars && fieldState.inputValue.length > 0 && /* @__PURE__ */ jsxs(Combobox.Empty, { children: [
-                "Enter at least ",
-                minChars,
-                " characters"
-              ] }),
-              fieldState.groups ? Array.from(fieldState.groups.entries()).map(([groupName, groupOptions]) => /* @__PURE__ */ jsxs(Combobox.ItemGroup, { children: [
-                groupName && /* @__PURE__ */ jsx(Combobox.ItemGroupLabel, { children: groupName }),
-                groupOptions.map((opt) => /* @__PURE__ */ jsxs(Combobox.Item, { item: opt, children: [
-                  /* @__PURE__ */ jsx(Combobox.ItemText, { children: getOptionLabel(opt) }),
-                  /* @__PURE__ */ jsx(Combobox.ItemIndicator, {})
-                ] }, opt.value))
-              ] }, groupName)) : (
-                /* Flat options */
-                fieldState.options.map((opt) => /* @__PURE__ */ jsxs(Combobox.Item, { item: opt, children: [
-                  /* @__PURE__ */ jsx(Combobox.ItemText, { children: getOptionLabel(opt) }),
-                  /* @__PURE__ */ jsx(Combobox.ItemIndicator, {})
-                ] }, opt.value))
-              )
-            ] }) }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-    ] });
-  }
-});
-var FieldListbox = createField({
-  displayName: "FieldListbox",
-  useFieldState: (componentProps) => {
-    return useGroupedOptions(componentProps.options);
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const currentValue = field.state.value;
-    const valueArray = Array.isArray(currentValue) ? currentValue : currentValue ? [currentValue] : [];
-    const selectionMode = componentProps.selectionMode ?? "single";
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            Listbox.Root,
-            {
-              collection: fieldState.collection,
-              selectionMode,
-              orientation: componentProps.orientation ?? "vertical",
-              variant: componentProps.variant ?? "subtle",
-              colorPalette: componentProps.colorPalette,
-              value: valueArray,
-              onValueChange: (details) => {
-                if (selectionMode === "single") {
-                  const newValue = details.value[0];
-                  field.handleChange(newValue ?? "");
-                } else {
-                  field.handleChange(details.value);
-                }
-              },
-              disabled: resolved.disabled,
-              "data-field-name": fullPath,
-              children: [
-                resolved.label && /* @__PURE__ */ jsx(Listbox.Label, { fontSize: componentProps.size ?? "md", children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-                /* @__PURE__ */ jsx(Listbox.Content, { maxH: componentProps.maxHeight, children: fieldState.groups ? (
-                  /* Grouped options */
-                  Array.from(fieldState.groups.entries()).map(([groupName, groupOptions]) => /* @__PURE__ */ jsxs(Listbox.ItemGroup, { children: [
-                    groupName && /* @__PURE__ */ jsx(Listbox.ItemGroupLabel, { children: groupName }),
-                    groupOptions.map((opt) => /* @__PURE__ */ jsxs(Listbox.Item, { item: opt, children: [
-                      /* @__PURE__ */ jsx(Listbox.ItemText, { children: getOptionLabel(opt) }),
-                      /* @__PURE__ */ jsx(Listbox.ItemIndicator, {})
-                    ] }, opt.value))
-                  ] }, groupName))
-                ) : (
-                  /* Flat options */
-                  componentProps.options.map((opt) => /* @__PURE__ */ jsxs(Listbox.Item, { item: opt, children: [
-                    /* @__PURE__ */ jsx(Listbox.ItemText, { children: getOptionLabel(opt) }),
-                    /* @__PURE__ */ jsx(Listbox.ItemIndicator, {})
-                  ] }, opt.value))
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldNativeSelect = createField({
-  displayName: "FieldNativeSelect",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(NativeSelect.Root, { children: [
-    /* @__PURE__ */ jsxs(
-      NativeSelect.Field,
-      {
-        value: field.state.value ?? "",
-        onChange: (e) => field.handleChange(e.target.value),
-        onBlur: field.handleBlur,
-        "data-field-name": fullPath,
-        children: [
-          resolved.placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: resolved.placeholder }),
-          componentProps.options.map((opt, idx) => /* @__PURE__ */ jsx("option", { value: opt.value, children: typeof opt.title === "string" ? opt.title : opt.value }, idx))
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(NativeSelect.Indicator, {})
-  ] }) })
-});
-var FieldRadioCard = createField({
-  displayName: "FieldRadioCard",
-  useFieldState: (componentProps) => {
-    const enabledOptions = componentProps.options.filter((opt) => !opt.disabled);
-    const handleKeyDown = useCallback(
-      (e, currentValue, handleChange) => {
-        if (!componentProps.keyboardNavigation || enabledOptions.length === 0) {
-          return;
-        }
-        const isHorizontal = (componentProps.orientation ?? "horizontal") === "horizontal";
-        const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
-        const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
-        if (e.key !== prevKey && e.key !== nextKey) {
-          return;
-        }
-        e.preventDefault();
-        const currentIndex = currentValue ? enabledOptions.findIndex((opt) => opt.value === currentValue) : -1;
-        let newIndex;
-        if (e.key === nextKey) {
-          newIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % enabledOptions.length;
-        } else {
-          newIndex = currentIndex === -1 ? enabledOptions.length - 1 : (currentIndex - 1 + enabledOptions.length) % enabledOptions.length;
-        }
-        handleChange(enabledOptions[newIndex].value);
-      },
-      [componentProps.keyboardNavigation, enabledOptions, componentProps.orientation]
-    );
-    return { enabledOptions, handleKeyDown };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const currentValue = field.state.value;
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            RadioCard.Root,
-            {
-              value: currentValue ?? "",
-              onValueChange: (details) => field.handleChange(details.value),
-              onKeyDown: componentProps.keyboardNavigation ? (e) => fieldState.handleKeyDown(e, currentValue, field.handleChange) : void 0,
-              disabled: resolved.disabled,
-              name: fullPath,
-              size: componentProps.size ?? "md",
-              variant: componentProps.variant ?? "outline",
-              colorPalette: componentProps.colorPalette,
-              align: componentProps.align ?? "start",
-              orientation: componentProps.orientation ?? "horizontal",
-              gap: componentProps.gap ?? 2,
-              children: [
-                resolved.label && /* @__PURE__ */ jsx(RadioCard.Label, { children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-                componentProps.options.map((opt) => /* @__PURE__ */ jsxs(RadioCard.Item, { value: opt.value, disabled: opt.disabled, children: [
-                  /* @__PURE__ */ jsx(RadioCard.ItemHiddenInput, {}),
-                  /* @__PURE__ */ jsxs(RadioCard.ItemControl, { children: [
-                    /* @__PURE__ */ jsxs(RadioCard.ItemContent, { children: [
-                      opt.icon,
-                      /* @__PURE__ */ jsx(RadioCard.ItemText, { children: opt.label }),
-                      opt.description && /* @__PURE__ */ jsx(RadioCard.ItemDescription, { children: opt.description })
-                    ] }),
-                    /* @__PURE__ */ jsx(RadioCard.ItemIndicator, {})
-                  ] })
-                ] }, opt.value))
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldRadioGroup = createField({
-  displayName: "FieldRadioGroup",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => /* @__PURE__ */ jsxs(
-    Field.Root,
-    {
-      invalid: hasError,
-      required: resolved.required,
-      disabled: resolved.disabled,
-      readOnly: resolved.readOnly,
-      children: [
-        /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-        /* @__PURE__ */ jsx(
-          RadioGroup.Root,
-          {
-            value: field.state.value ?? void 0,
-            onValueChange: (details) => field.handleChange(details.value),
-            orientation: componentProps.orientation ?? "vertical",
-            size: componentProps.size ?? "md",
-            variant: componentProps.variant ?? "solid",
-            colorPalette: componentProps.colorPalette ?? "brand",
-            disabled: resolved.disabled,
-            readOnly: resolved.readOnly,
-            "data-field-name": fullPath,
-            display: "flex",
-            flexDirection: componentProps.orientation === "horizontal" ? "row" : "column",
-            gap: componentProps.orientation === "horizontal" ? 4 : 2,
-            flexWrap: "wrap",
-            children: componentProps.options.map((opt) => /* @__PURE__ */ jsxs(RadioGroup.Item, { value: opt.value, disabled: opt.disabled, children: [
-              /* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, { onBlur: field.handleBlur }),
-              /* @__PURE__ */ jsx(RadioGroup.ItemIndicator, {}),
-              /* @__PURE__ */ jsx(RadioGroup.ItemText, { children: getOptionLabel(opt) })
-            ] }, opt.value))
-          }
-        ),
-        /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-      ]
-    }
-  )
-});
-var FieldSegmentedGroup = createField({
-  displayName: "FieldSegmentedGroup",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => /* @__PURE__ */ jsxs(
-    Field.Root,
-    {
-      invalid: hasError,
-      required: resolved.required,
-      disabled: resolved.disabled,
-      readOnly: resolved.readOnly,
-      children: [
-        /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-        /* @__PURE__ */ jsxs(
-          SegmentGroup.Root,
-          {
-            value: field.state.value ?? "",
-            onValueChange: (details) => field.handleChange(details.value),
-            disabled: resolved.disabled,
-            name: fullPath,
-            size: componentProps.size ?? "md",
-            orientation: componentProps.orientation ?? "horizontal",
-            colorPalette: componentProps.colorPalette,
-            children: [
-              /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
-              componentProps.options.map((opt) => /* @__PURE__ */ jsxs(SegmentGroup.Item, { value: opt.value, disabled: opt.disabled, children: [
-                /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: opt.label }),
-                /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
-              ] }, opt.value))
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-      ]
-    }
-  )
-});
-var FieldSelect = createField({
-  displayName: "FieldSelect",
-  useFieldState: (componentProps, resolved) => {
-    const sourceOptions = componentProps.options ?? resolved.options ?? [];
-    const normalizedOptions = useMemo(
-      () => sourceOptions.map((opt) => ({
-        label: opt.label,
-        value: String(opt.value),
-        disabled: opt.disabled
-      })),
-      [sourceOptions]
-    );
-    const collection = useMemo(
-      () => createListCollection({
-        items: normalizedOptions,
-        itemToString: getOptionLabel,
-        itemToValue: (item) => item.value
-      }),
-      [normalizedOptions]
-    );
-    const resolvedClearable = componentProps.clearable ?? !resolved.required;
-    return { collection, normalizedOptions, resolvedClearable };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const currentValue = field.state.value;
-    const stringValue = currentValue !== null && currentValue !== void 0 ? String(currentValue) : void 0;
-    return /* @__PURE__ */ jsxs(Field.Root, { invalid: hasError, required: resolved.required, disabled: resolved.disabled, children: [
-      /* @__PURE__ */ jsxs(
-        Select.Root,
-        {
-          collection: fieldState.collection,
-          size: componentProps.size ?? "md",
-          variant: componentProps.variant ?? "outline",
-          value: stringValue ? [stringValue] : [],
-          onValueChange: (details) => {
-            const newStringValue = details.value[0];
-            if (componentProps.valueType === "number") {
-              field.handleChange(newStringValue ? Number(newStringValue) : 0);
-            } else {
-              field.handleChange(newStringValue ?? "");
-            }
-          },
-          onInteractOutside: () => field.handleBlur(),
-          disabled: resolved.disabled,
-          "data-field-name": fullPath,
-          children: [
-            /* @__PURE__ */ jsx(Select.HiddenSelect, {}),
-            resolved.label && /* @__PURE__ */ jsx(Select.Label, { children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-            /* @__PURE__ */ jsxs(Select.Control, { children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: resolved.placeholder }) }),
-              /* @__PURE__ */ jsxs(Select.IndicatorGroup, { children: [
-                fieldState.resolvedClearable && /* @__PURE__ */ jsx(Select.ClearTrigger, {}),
-                /* @__PURE__ */ jsx(Select.Indicator, {})
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { children: fieldState.normalizedOptions.map((opt) => /* @__PURE__ */ jsxs(Select.Item, { item: opt, children: [
-              getOptionLabel(opt),
-              /* @__PURE__ */ jsx(Select.ItemIndicator, {})
-            ] }, opt.value)) }) }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-    ] });
-  }
-});
-var FieldTags = createField({
-  displayName: "FieldTags",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const {
-      maxTags,
-      minTagLength = 1,
-      delimiter,
-      addOnBlur = false,
-      addOnPaste = true,
-      editable = false,
-      clearable = false,
-      size = "md",
-      variant = "outline",
-      colorPalette
-    } = componentProps;
-    const value = field.state.value ?? [];
-    const handleValueChange = (details) => {
-      field.handleChange(details.value);
-    };
-    const validateTag = (details) => {
-      return details.inputValue.length >= minTagLength;
-    };
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            TagsInput.Root,
-            {
-              value,
-              onValueChange: handleValueChange,
-              max: maxTags,
-              validate: validateTag,
-              delimiter,
-              blurBehavior: addOnBlur ? "add" : void 0,
-              addOnPaste,
-              editable,
-              disabled: resolved.disabled,
-              readOnly: resolved.readOnly,
-              size,
-              variant,
-              colorPalette,
-              "data-field-name": fullPath,
-              children: [
-                resolved.label && /* @__PURE__ */ jsx(TagsInput.Label, { children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-                /* @__PURE__ */ jsxs(TagsInput.Control, { children: [
-                  /* @__PURE__ */ jsx(TagsInput.Items, {}),
-                  /* @__PURE__ */ jsx(TagsInput.Input, { placeholder: resolved.placeholder, onBlur: field.handleBlur }),
-                  clearable && /* @__PURE__ */ jsx(TagsInput.ClearTrigger, {})
-                ] }),
-                /* @__PURE__ */ jsx(TagsInput.HiddenInput, {})
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-
-// src/lib/declarative/form-fields/specialized/providers/dadata.ts
-var DADATA_URL = "https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address";
-function createDaDataProvider(config) {
-  const { token, baseUrl = DADATA_URL } = config;
-  return {
-    async getSuggestions(query, options) {
-      const body = {
-        query,
-        count: options?.count ?? 10
-      };
-      if (options?.bounds) {
-        if (options.bounds.from) body.from_bound = { value: options.bounds.from };
-        if (options.bounds.to) body.to_bound = { value: options.bounds.to };
-      }
-      if (options?.filters) {
-        body.locations = [options.filters];
-      }
-      const response = await fetch(baseUrl, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Accept: "application/json",
-          Authorization: `Token ${token}`
-        },
-        body: JSON.stringify(body)
-      });
-      if (!response.ok) {
-        return [];
-      }
-      const data = await response.json();
-      const suggestions = data.suggestions ?? [];
-      return suggestions.map(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (s) => ({
-          label: s.value,
-          value: s.value,
-          data: s.data
-        })
-      );
-    }
-  };
-}
-function useAddressProvider(propProvider, token) {
-  const formContext2 = useDeclarativeFormOptional();
-  if (propProvider) return propProvider;
-  if (formContext2?.addressProvider) return formContext2.addressProvider;
-  if (token) return createDaDataProvider({ token });
-  return null;
-}
-var FieldAddress = createField({
-  displayName: "FieldAddress",
-  useFieldState: (props) => {
-    const { provider: propProvider, token, minChars = 3, debounceMs = 300, locations } = props;
-    const provider = useAddressProvider(propProvider, token);
-    const [inputValue, setInputValue] = useState("");
-    const [suggestions, setSuggestions] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const [highlightedIndex, setHighlightedIndex] = useState(-1);
-    const containerRef = useRef(null);
-    const initializedRef = useRef(false);
-    const debouncedQuery = useDebounce(inputValue, debounceMs);
-    const fetchSuggestions = useCallback(
-      async (query) => {
-        if (query.length < minChars || !provider) {
-          setSuggestions([]);
-          return;
-        }
-        setIsLoading(true);
-        try {
-          const results = await provider.getSuggestions(query, {
-            count: 10,
-            filters: locations ? Object.assign({}, ...locations) : void 0
-          });
-          setSuggestions(results);
-          setIsOpen(true);
-        } catch (error) {
-          console.error("Error loading address suggestions:", error);
-          setSuggestions([]);
-        } finally {
-          setIsLoading(false);
-        }
-      },
-      [provider, minChars, locations]
-    );
-    useEffect(() => {
-      if (debouncedQuery) {
-        fetchSuggestions(debouncedQuery);
-      } else {
-        setSuggestions([]);
-        setIsOpen(false);
-      }
-    }, [debouncedQuery, fetchSuggestions]);
-    useEffect(() => {
-      const handleClickOutside = (event) => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setIsOpen(false);
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, []);
-    return {
-      inputValue,
-      setInputValue,
-      suggestions,
-      setSuggestions,
-      isLoading,
-      setIsLoading,
-      isOpen,
-      setIsOpen,
-      highlightedIndex,
-      setHighlightedIndex,
-      containerRef,
-      debouncedQuery,
-      fetchSuggestions,
-      initializedRef
-    };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const { valueOnly = false } = componentProps;
-    const {
-      inputValue,
-      setInputValue,
-      suggestions,
-      setSuggestions,
-      isLoading,
-      isOpen,
-      setIsOpen,
-      highlightedIndex,
-      setHighlightedIndex,
-      containerRef,
-      initializedRef
-    } = fieldState;
-    const fieldValue = field.state.value;
-    if (!initializedRef.current && fieldValue) {
-      const displayValue = typeof fieldValue === "string" ? fieldValue : fieldValue.value;
-      if (displayValue && displayValue !== inputValue) {
-        setInputValue(displayValue);
-      }
-      initializedRef.current = true;
-    }
-    const handleSelect = (suggestion) => {
-      setInputValue(suggestion.value);
-      setIsOpen(false);
-      setSuggestions([]);
-      if (valueOnly) {
-        field.handleChange(suggestion.value);
-      } else {
-        const addressValue = {
-          value: suggestion.value,
-          data: suggestion.data
-        };
-        field.handleChange(addressValue);
-      }
-    };
-    const handleKeyDown = (e) => {
-      if (!isOpen || suggestions.length === 0) {
-        return;
-      }
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          setHighlightedIndex(highlightedIndex < suggestions.length - 1 ? highlightedIndex + 1 : 0);
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setHighlightedIndex(highlightedIndex > 0 ? highlightedIndex - 1 : suggestions.length - 1);
-          break;
-        case "Enter":
-          e.preventDefault();
-          if (highlightedIndex >= 0) {
-            handleSelect(suggestions[highlightedIndex]);
-          }
-          break;
-        case "Escape":
-          setIsOpen(false);
-          break;
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(Box, { ref: containerRef, position: "relative", width: "100%", children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: inputValue,
-                onChange: (e) => {
-                  setInputValue(e.target.value);
-                  setHighlightedIndex(-1);
-                },
-                onFocus: () => {
-                  if (suggestions.length > 0) {
-                    setIsOpen(true);
-                  }
-                },
-                onBlur: field.handleBlur,
-                onKeyDown: handleKeyDown,
-                placeholder: resolved.placeholder ?? "Start typing address...",
-                "data-field-name": fullPath
-              }
-            ),
-            isLoading && /* @__PURE__ */ jsx(Box, { position: "absolute", right: 3, top: "50%", transform: "translateY(-50%)", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) }),
-            isOpen && suggestions.length > 0 && /* @__PURE__ */ jsx(
-              List.Root,
-              {
-                position: "absolute",
-                zIndex: 10,
-                width: "100%",
-                bg: "bg.panel",
-                borderWidth: "1px",
-                borderRadius: "md",
-                shadow: "md",
-                maxH: "200px",
-                overflowY: "auto",
-                mt: 1,
-                children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
-                  List.Item,
-                  {
-                    px: 3,
-                    py: 2,
-                    cursor: "pointer",
-                    bg: highlightedIndex === index ? "bg.muted" : void 0,
-                    _hover: { bg: "bg.muted" },
-                    onClick: () => handleSelect(suggestion),
-                    onMouseEnter: () => setHighlightedIndex(index),
-                    children: /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: suggestion.label })
-                  },
-                  suggestion.value + index
-                ))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var defaultSwatches = [
-  "#000000",
-  "#4A5568",
-  "#F56565",
-  "#ED64A6",
-  "#9F7AEA",
-  "#6B46C1",
-  "#4299E1",
-  "#0BC5EA",
-  "#38B2AC",
-  "#48BB78",
-  "#ECC94B",
-  "#DD6B20"
-];
-var FieldColorPicker = createField({
-  displayName: "FieldColorPicker",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const {
-      swatches = defaultSwatches,
-      size = "md",
-      showArea = true,
-      showEyeDropper = true,
-      showSliders = true,
-      showInput = true
-    } = componentProps;
-    const currentValue = field.state.value || "#000000";
-    let parsedColor;
-    try {
-      parsedColor = parseColor(currentValue);
-    } catch {
-      parsedColor = parseColor("#000000");
-    }
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsxs(
-            ColorPicker.Root,
-            {
-              value: parsedColor,
-              onValueChange: (details) => {
-                field.handleChange(details.valueAsString);
-              },
-              disabled: resolved.disabled,
-              readOnly: resolved.readOnly,
-              size,
-              children: [
-                /* @__PURE__ */ jsx(ColorPicker.HiddenInput, { name: fullPath }),
-                resolved.label && /* @__PURE__ */ jsxs(ColorPicker.Label, { children: [
-                  resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
-                    /* @__PURE__ */ jsx("span", { children: resolved.label }),
-                    /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
-                  ] }) : resolved.label,
-                  resolved.required && /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
-                ] }),
-                /* @__PURE__ */ jsxs(ColorPicker.Control, { children: [
-                  showInput && /* @__PURE__ */ jsx(ColorPicker.ChannelInput, { channel: "hex" }),
-                  /* @__PURE__ */ jsx(ColorPicker.Trigger, {})
-                ] }),
-                /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ColorPicker.Positioner, { children: /* @__PURE__ */ jsxs(ColorPicker.Content, { children: [
-                  showArea && /* @__PURE__ */ jsx(ColorPicker.Area, {}),
-                  (showEyeDropper || showSliders) && /* @__PURE__ */ jsxs(HStack, { children: [
-                    showEyeDropper && /* @__PURE__ */ jsx(ColorPicker.EyeDropper, { size: "xs", variant: "outline" }),
-                    showSliders && /* @__PURE__ */ jsx(ColorPicker.Sliders, {})
-                  ] }),
-                  swatches.length > 0 && /* @__PURE__ */ jsx(ColorPicker.SwatchGroup, { children: swatches.map((swatch) => /* @__PURE__ */ jsx(ColorPicker.SwatchTrigger, { value: swatch, children: /* @__PURE__ */ jsx(ColorPicker.Swatch, { value: swatch, boxSize: "4.5" }) }, swatch)) })
-                ] }) }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-function FileImageList({ clearable }) {
-  const fileUpload = useFileUploadContext();
-  if (fileUpload.acceptedFiles.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(HStack, { wrap: "wrap", gap: "3", mt: "2", children: fileUpload.acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUpload.Item, { file, p: "2", width: "auto", pos: "relative", children: [
-    clearable && /* @__PURE__ */ jsx(Float, { placement: "top-end", children: /* @__PURE__ */ jsx(FileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { size: "2xs", variant: "solid", colorPalette: "red", rounded: "full", children: /* @__PURE__ */ jsx(LuX, {}) }) }) }),
-    /* @__PURE__ */ jsx(FileUpload.ItemPreview, { type: "image/*", asChild: true, children: /* @__PURE__ */ jsx(FileUpload.ItemPreviewImage, { boxSize: "16", rounded: "md", objectFit: "cover" }) }),
-    /* @__PURE__ */ jsx(FileUpload.ItemPreview, { type: ".*", asChild: true, children: /* @__PURE__ */ jsx(Icon, { fontSize: "4xl", color: "fg.muted", children: /* @__PURE__ */ jsx(LuFile, {}) }) })
-  ] }, file.name)) });
-}
-function FileList({ showSize, clearable }) {
-  const fileUpload = useFileUploadContext();
-  if (fileUpload.acceptedFiles.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(FileUpload.ItemGroup, { mt: "2", children: fileUpload.acceptedFiles.map((file) => /* @__PURE__ */ jsxs(FileUpload.Item, { file, children: [
-    /* @__PURE__ */ jsx(FileUpload.ItemPreview, { asChild: true, children: /* @__PURE__ */ jsx(Icon, { fontSize: "lg", color: "fg.muted", children: /* @__PURE__ */ jsx(LuFile, {}) }) }),
-    showSize ? /* @__PURE__ */ jsxs(FileUpload.ItemContent, { children: [
-      /* @__PURE__ */ jsx(FileUpload.ItemName, {}),
-      /* @__PURE__ */ jsx(FileUpload.ItemSizeText, {})
-    ] }) : /* @__PURE__ */ jsx(FileUpload.ItemName, { flex: "1" }),
-    clearable && /* @__PURE__ */ jsx(FileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", color: "fg.muted", size: "xs", children: /* @__PURE__ */ jsx(LuX, {}) }) })
-  ] }, file.name)) });
-}
-var FieldFileUpload = createField({
-  displayName: "FieldFileUpload",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const {
-      accept,
-      maxFileSize,
-      maxFiles = 1,
-      variant = "button",
-      showSize = false,
-      clearable = true,
-      dropzoneLabel = "Drag and drop files here",
-      dropzoneDescription,
-      buttonText = "Upload file"
-    } = componentProps;
-    const placeholder = resolved.placeholder ?? "Select file(s)";
-    const normalizedAccept = accept ? typeof accept === "string" ? accept.split(",").map((s) => s.trim()) : accept : void 0;
-    const isImageUpload = normalizedAccept?.some((type) => type.startsWith("image/") || type === "image/*");
-    return /* @__PURE__ */ jsxs(Field.Root, { invalid: hasError, required: resolved.required, disabled: resolved.disabled, children: [
-      /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-      /* @__PURE__ */ jsxs(
-        FileUpload.Root,
-        {
-          maxFiles,
-          maxFileSize,
-          accept: normalizedAccept,
-          disabled: resolved.disabled,
-          onFileChange: (details) => {
-            field.handleChange(details.acceptedFiles);
-          },
-          "data-field-name": fullPath,
-          children: [
-            /* @__PURE__ */ jsx(FileUpload.HiddenInput, { onBlur: field.handleBlur }),
-            variant === "button" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsx(FileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", children: [
-                /* @__PURE__ */ jsx(LuUpload, {}),
-                buttonText
-              ] }) }),
-              isImageUpload ? /* @__PURE__ */ jsx(FileImageList, { clearable }) : /* @__PURE__ */ jsx(FileList, { showSize, clearable })
-            ] }),
-            variant === "dropzone" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsxs(FileUpload.Dropzone, { children: [
-                /* @__PURE__ */ jsx(Icon, { size: "md", color: "fg.muted", children: /* @__PURE__ */ jsx(LuUpload, {}) }),
-                /* @__PURE__ */ jsxs(FileUpload.DropzoneContent, { children: [
-                  /* @__PURE__ */ jsx(Box, { children: dropzoneLabel }),
-                  dropzoneDescription && /* @__PURE__ */ jsx(Text, { color: "fg.muted", children: dropzoneDescription })
-                ] })
-              ] }),
-              isImageUpload ? /* @__PURE__ */ jsx(FileImageList, { clearable }) : /* @__PURE__ */ jsx(FileList, { showSize, clearable })
-            ] }),
-            variant === "input" && /* @__PURE__ */ jsx(Input, { asChild: true, children: /* @__PURE__ */ jsx(FileUpload.Trigger, { children: /* @__PURE__ */ jsx(FileUpload.Context, { children: ({ acceptedFiles }) => {
-              if (acceptedFiles.length === 1) {
-                return /* @__PURE__ */ jsx("span", { children: acceptedFiles[0].name });
-              }
-              if (acceptedFiles.length > 1) {
-                return /* @__PURE__ */ jsxs("span", { children: [
-                  acceptedFiles.length,
-                  " files"
-                ] });
-              }
-              return /* @__PURE__ */ jsx(Text, { color: "fg.subtle", children: placeholder });
-            } }) }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-    ] });
-  }
-});
-var FieldOTPInput = createField({
-  displayName: "FieldOTPInput",
-  useFieldState: (props) => {
-    const [countdown, setCountdown] = useState(0);
-    const [isResending, setIsResending] = useState(false);
-    useEffect(() => {
-      if (countdown <= 0) {
-        return;
-      }
-      const timer = setInterval(() => {
-        setCountdown((prev) => prev - 1);
-      }, 1e3);
-      return () => clearInterval(timer);
-    }, [countdown]);
-    const handleResend = useCallback(async () => {
-      if (!props.onResend || countdown > 0) {
+      const shouldBlock = onBlock?.();
+      if (shouldBlock === false) {
         return;
       }
-      setIsResending(true);
-      try {
-        await props.onResend();
-        setCountdown(props.resendTimeout ?? 60);
-      } finally {
-        setIsResending(false);
-      }
-    }, [props.onResend, countdown, props.resendTimeout]);
-    const formatCountdown = (seconds) => {
-      const mins = Math.floor(seconds / 60);
-      const secs = seconds % 60;
-      return `${mins}:${secs.toString().padStart(2, "0")}`;
-    };
-    const formContext2 = useDeclarativeForm();
-    return { countdown, isResending, handleResend, formatCountdown, formContext: formContext2 };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const { length = 6, autoSubmit = false, type = "numeric", mask = false, onResend } = componentProps;
-    const { countdown, isResending, handleResend, formatCountdown, formContext: formContext2 } = fieldState;
-    const value = field.state.value ?? "";
-    const handleValueComplete = (details) => {
-      field.handleChange(details.valueAsString);
-      if (autoSubmit && details.valueAsString.length === length) {
-        formContext2.form.handleSubmit();
-      }
+      event.preventDefault();
+      event.stopPropagation();
+      pendingHref.current = href;
+      setShowDialog(true);
     };
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(
-        PinInput.Root,
-        {
-          value: value.split(""),
-          onValueComplete: handleValueComplete,
-          onValueChange: (details) => field.handleChange(details.valueAsString),
-          count: length,
-          type,
-          mask,
-          otp: true,
-          children: [
-            /* @__PURE__ */ jsx(PinInput.Control, { children: /* @__PURE__ */ jsx(HStack, { gap: 2, children: Array.from({ length }).map((_, index) => /* @__PURE__ */ jsx(PinInput.Input, { index, "data-field-name": index === 0 ? fullPath : void 0 }, index)) }) }),
-            /* @__PURE__ */ jsx(PinInput.HiddenInput, {})
-          ]
-        }
-      ),
-      onResend && /* @__PURE__ */ jsx(HStack, { mt: 3, justify: "center", children: countdown > 0 ? /* @__PURE__ */ jsxs(Text, { fontSize: "sm", color: "fg.muted", children: [
-        "Redo in ",
-        formatCountdown(countdown)
-      ] }) : /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: handleResend, disabled: isResending, loading: isResending, children: "Submit again" }) })
-    ] }) });
+    document.addEventListener("click", handleClick, { capture: true });
+    return () => document.removeEventListener("click", handleClick, { capture: true });
+  }, [enabled, onBlock, checkIsDirty]);
+  const handleConfirm = useCallback(() => {
+    setShowDialog(false);
+    if (pendingHref.current) {
+      form.reset();
+      router.push(pendingHref.current);
+      pendingHref.current = null;
+    }
+  }, [form, router]);
+  const handleCancel = useCallback(() => {
+    setShowDialog(false);
+    pendingHref.current = null;
+  }, []);
+  if (!showDialog) {
+    return null;
   }
-});
-var PHONE_MASKS = {
-  RU: "+7 (999) 999-99-99",
-  US: "+1 (999) 999-9999",
-  UK: "+44 9999 999999",
-  DE: "+49 999 99999999",
-  FR: "+33 9 99 99 99 99",
-  IT: "+39 999 999 9999",
-  ES: "+34 999 99 99 99",
-  CN: "+86 999 9999 9999",
-  JP: "+81 99 9999 9999",
-  KR: "+82 99 9999 9999",
-  BY: "+375 (99) 999-99-99",
-  KZ: "+7 (999) 999-99-99",
-  UA: "+380 (99) 999-99-99"
-};
-var COUNTRY_FLAGS = {
-  RU: "\u{1F1F7}\u{1F1FA}",
-  US: "\u{1F1FA}\u{1F1F8}",
-  UK: "\u{1F1EC}\u{1F1E7}",
-  DE: "\u{1F1E9}\u{1F1EA}",
-  FR: "\u{1F1EB}\u{1F1F7}",
-  IT: "\u{1F1EE}\u{1F1F9}",
-  ES: "\u{1F1EA}\u{1F1F8}",
-  CN: "\u{1F1E8}\u{1F1F3}",
-  JP: "\u{1F1EF}\u{1F1F5}",
-  KR: "\u{1F1F0}\u{1F1F7}",
-  BY: "\u{1F1E7}\u{1F1FE}",
-  KZ: "\u{1F1F0}\u{1F1FF}",
-  UA: "\u{1F1FA}\u{1F1E6}"
-};
-var FieldPhone = createField({
-  displayName: "FieldPhone",
-  useFieldState: (props) => {
-    const { country = "RU", autoUnmask = false } = props;
-    const mask = PHONE_MASKS[country];
-    const maskRef = useCallback(
-      (element) => {
-        if (element && mask) {
-          const maskCallback = withMask(mask, {
-            showMaskOnFocus: true,
-            clearIncomplete: true,
-            autoUnmask
-          });
-          maskCallback(element);
-        }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 9999,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: "rgba(0, 0, 0, 0.5)"
       },
-      [mask, autoUnmask]
-    );
-    return { maskRef };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
-    const { country = "RU", showFlag = false } = componentProps;
-    const flag = COUNTRY_FLAGS[country];
-    const mask = PHONE_MASKS[country];
-    const value = field.state.value ?? "";
-    const resolvedPlaceholder = resolved.placeholder ?? mask?.toString().replace(/9/g, "_");
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(Group, { attached: true, children: [
-            showFlag && /* @__PURE__ */ jsx(Text, { px: 3, display: "flex", alignItems: "center", bg: "bg.muted", borderWidth: "1px", borderRightWidth: "0", children: flag }),
+      onClick: handleCancel,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            backgroundColor: "var(--chakra-colors-bg-panel, white)",
+            borderRadius: "12px",
+            padding: "24px",
+            maxWidth: "400px",
+            width: "90%",
+            boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(
+              "h2",
+              {
+                style: {
+                  margin: "0 0 8px 0",
+                  fontSize: "1.125rem",
+                  fontWeight: 600,
+                  color: "var(--chakra-colors-fg, inherit)"
+                },
+                children: dialogTitle
+              }
+            ),
             /* @__PURE__ */ jsx(
-              Input,
+              "p",
+              {
+                style: {
+                  margin: "0 0 24px 0",
+                  fontSize: "0.875rem",
+                  color: "var(--chakra-colors-fg-muted, #666)"
+                },
+                children: dialogDescription
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
               {
-                ref: fieldState.maskRef,
-                value,
-                onChange: (e) => field.handleChange(e.target.value),
-                onBlur: field.handleBlur,
-                placeholder: resolvedPlaceholder,
-                "data-field-name": fullPath,
-                type: "tel",
-                inputMode: "tel",
-                autoComplete: "tel"
+                style: {
+                  display: "flex",
+                  gap: "12px",
+                  justifyContent: "flex-end"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: handleCancel,
+                      style: {
+                        padding: "8px 16px",
+                        borderRadius: "6px",
+                        border: "1px solid var(--chakra-colors-border, #e2e8f0)",
+                        backgroundColor: "transparent",
+                        cursor: "pointer",
+                        fontSize: "0.875rem",
+                        fontWeight: 500
+                      },
+                      children: cancelText
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: handleConfirm,
+                      style: {
+                        padding: "8px 16px",
+                        borderRadius: "6px",
+                        border: "none",
+                        backgroundColor: "var(--chakra-colors-red-500, #e53e3e)",
+                        color: "white",
+                        cursor: "pointer",
+                        fontSize: "0.875rem",
+                        fontWeight: 500
+                      },
+                      children: confirmText
+                    }
+                  )
+                ]
               }
             )
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
-var FieldPinInput = createField({
-  displayName: "FieldPinInput",
-  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
-    const {
-      count = 4,
-      mask,
-      otp,
-      type = "numeric",
-      size = "md",
-      variant = "outline",
-      attached,
-      onComplete
-    } = componentProps;
-    const stringValue = field.state.value ?? "";
-    const arrayValue = stringValue.split("").slice(0, count);
-    while (arrayValue.length < count) {
-      arrayValue.push("");
-    }
-    const handleValueChange = (details) => {
-      const newValue = details.value.join("");
-      field.handleChange(newValue);
-    };
-    const handleValueComplete = (details) => {
-      const completeValue = details.value.join("");
-      onComplete?.(completeValue);
-    };
-    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
-      PinInput.Root,
-      {
-        value: arrayValue,
-        onValueChange: handleValueChange,
-        onValueComplete: handleValueComplete,
-        placeholder: resolved.placeholder,
-        mask,
-        otp,
-        type,
-        size,
-        variant,
-        attached,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        invalid: hasError,
-        count,
-        onBlur: field.handleBlur,
-        "data-field-name": fullPath,
-        children: [
-          /* @__PURE__ */ jsx(PinInput.HiddenInput, {}),
-          /* @__PURE__ */ jsx(PinInput.Control, { children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(PinInput.Input, { index }, index)) })
-        ]
-      }
-    ) });
-  }
-});
-var FieldMaskedInput = createField({
-  displayName: "FieldMaskedInput",
-  useFieldState: (props) => {
-    const {
-      mask,
-      placeholderChar = "_",
-      showMaskOnFocus = true,
-      showMaskOnHover = false,
-      clearIncomplete = false,
-      autoUnmask = false
-    } = props;
-    const maskRef = useCallback(
-      (element) => {
-        if (element && mask) {
-          const maskCallback = withMask(mask, {
-            placeholder: placeholderChar,
-            showMaskOnFocus,
-            showMaskOnHover,
-            clearIncomplete,
-            autoUnmask
-          });
-          maskCallback(element);
+          ]
         }
-      },
-      [mask, placeholderChar, showMaskOnFocus, showMaskOnHover, clearIncomplete, autoUnmask]
-    );
-    return { maskRef };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, fieldState }) => /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsx(
-    Input,
-    {
-      ref: fieldState.maskRef,
-      value: field.state.value ?? "",
-      onChange: (e) => field.handleChange(e.target.value),
-      onBlur: field.handleBlur,
-      placeholder: resolved.placeholder,
-      "data-field-name": fullPath
+      )
     }
-  ) })
-});
+  );
+}
 function getZodType(schema) {
   if (!schema?._zod?.def) {
     return void 0;
@@ -4504,7 +414,7 @@ function getUIMeta(schema) {
     return void 0;
   }
 }
-function getSchemaAtPath3(schema, path) {
+function getSchemaAtPath(schema, path) {
   if (!schema || !path) {
     return schema;
   }
@@ -4546,7 +456,7 @@ function FieldAuto({ name, config, ...baseProps }) {
     throw new Error("Form.Field.Auto requires a name prop");
   }
   const fullPath = parentGroup ? `${parentGroup.name}.${name}` : name;
-  const fieldSchema = getSchemaAtPath3(schema, fullPath);
+  const fieldSchema = getSchemaAtPath(schema, fullPath);
   const zodType = getZodType(fieldSchema);
   const enumValues = getEnumValues(fieldSchema);
   const maxLength = getMaxLength(fieldSchema);
@@ -5431,6 +1341,7 @@ function ButtonReset({
 }
 function ButtonSubmit({
   children = "Submit",
+  loadingText,
   disabled,
   colorPalette,
   size,
@@ -5443,6 +1354,7 @@ function ButtonSubmit({
     {
       type: "submit",
       loading: isSubmitting,
+      loadingText,
       disabled: disabled || isSubmitting,
       colorPalette,
       size,
@@ -5452,376 +1364,6 @@ function ButtonSubmit({
     }
   ) });
 }
-function CascadingSelectContent({
-  parentValue,
-  form,
-  fullPath,
-  resolved,
-  loadOptions,
-  initialOptions,
-  clearOnParentChange,
-  disableWhenParentEmpty,
-  clearable,
-  size,
-  variant,
-  placeholderWhenDisabled
-}) {
-  const [options, setOptions] = useState(initialOptions);
-  const [isLoading, setIsLoading] = useState(false);
-  const prevParentValueRef = useRef(parentValue);
-  const loadOptionsRef = useRef(loadOptions);
-  loadOptionsRef.current = loadOptions;
-  useEffect(() => {
-    const doLoad = async () => {
-      if (parentValue === void 0 || parentValue === null || parentValue === "") {
-        setOptions(initialOptions);
-        return;
-      }
-      setIsLoading(true);
-      try {
-        const result = await loadOptionsRef.current(parentValue);
-        const newOptions = Array.isArray(result) ? result : result.options;
-        setOptions(newOptions);
-      } catch (error) {
-        console.error("Error loading cascading select options:", error);
-        setOptions([]);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-    void doLoad();
-  }, [parentValue, initialOptions]);
-  useEffect(() => {
-    if (clearOnParentChange && prevParentValueRef.current !== parentValue) {
-      if (prevParentValueRef.current !== void 0) {
-        form.setFieldValue(fullPath, "");
-      }
-      prevParentValueRef.current = parentValue;
-    }
-  }, [parentValue, clearOnParentChange, form, fullPath]);
-  const isParentEmpty = parentValue === void 0 || parentValue === null || parentValue === "";
-  const isDisabled = resolved.disabled || disableWhenParentEmpty && isParentEmpty;
-  const effectivePlaceholder = isParentEmpty && placeholderWhenDisabled ? placeholderWhenDisabled : resolved.placeholder;
-  const resolvedClearable = clearable ?? !resolved.required;
-  const collection = useMemo(
-    () => createListCollection({
-      items: options,
-      itemToString: getOptionLabel,
-      itemToValue: (item) => item.value
-    }),
-    [options]
-  );
-  return /* @__PURE__ */ jsx(form.Field, { name: fullPath, children: (field) => {
-    const { hasError, errorMessage } = getFieldErrors(field);
-    const currentValue = field.state.value;
-    return /* @__PURE__ */ jsxs(Field.Root, { invalid: hasError, required: resolved.required, disabled: isDisabled, children: [
-      /* @__PURE__ */ jsxs(
-        Select.Root,
-        {
-          collection,
-          size,
-          variant,
-          value: currentValue ? [currentValue] : [],
-          onValueChange: (details) => {
-            const newValue = details.value[0];
-            field.handleChange(newValue ?? "");
-          },
-          onInteractOutside: () => field.handleBlur(),
-          disabled: isDisabled,
-          "data-field-name": fullPath,
-          children: [
-            /* @__PURE__ */ jsx(Select.HiddenSelect, {}),
-            resolved.label && /* @__PURE__ */ jsx(Select.Label, { children: /* @__PURE__ */ jsx(SelectionFieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }) }),
-            /* @__PURE__ */ jsxs(Select.Control, { children: [
-              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: effectivePlaceholder }) }),
-              /* @__PURE__ */ jsxs(Select.IndicatorGroup, { children: [
-                isLoading && /* @__PURE__ */ jsx(Spinner, { size: "xs" }),
-                resolvedClearable && !isLoading && /* @__PURE__ */ jsx(Select.ClearTrigger, {}),
-                /* @__PURE__ */ jsx(Select.Indicator, {})
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { children: options.map((opt) => /* @__PURE__ */ jsxs(Select.Item, { item: opt, children: [
-              getOptionLabel(opt),
-              /* @__PURE__ */ jsx(Select.ItemIndicator, {})
-            ] }, opt.value)) }) }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(FieldError, { hasError: !!hasError, errorMessage, helperText: resolved.helperText })
-    ] });
-  } });
-}
-function FieldCascadingSelect(props) {
-  const {
-    name,
-    dependsOn,
-    loadOptions,
-    initialOptions = [],
-    clearOnParentChange = true,
-    disableWhenParentEmpty = true,
-    clearable,
-    size = "md",
-    variant = "outline",
-    placeholderWhenDisabled,
-    ...baseProps
-  } = props;
-  const { form } = useDeclarativeForm();
-  const parentGroup = useFormGroup();
-  const { form: _formFromProps, fullPath, ...resolvedRest } = useResolvedFieldProps(name, baseProps);
-  const resolved = {
-    label: resolvedRest.label,
-    placeholder: resolvedRest.placeholder,
-    helperText: resolvedRest.helperText,
-    tooltip: resolvedRest.tooltip,
-    required: resolvedRest.required,
-    disabled: resolvedRest.disabled,
-    readOnly: resolvedRest.readOnly,
-    constraints: resolvedRest.constraints,
-    options: resolvedRest.options
-  };
-  const fullDependsOnPath = parentGroup ? `${parentGroup.name}.${dependsOn}` : dependsOn;
-  const parentSelector = (state) => {
-    const parts = fullDependsOnPath.split(".");
-    let value = state.values;
-    for (const part of parts) {
-      if (value && typeof value === "object") {
-        value = value[part];
-      } else {
-        value = void 0;
-        break;
-      }
-    }
-    return value;
-  };
-  return /* @__PURE__ */ jsx(form.Subscribe, { selector: parentSelector, children: (parentValue) => /* @__PURE__ */ jsx(
-    CascadingSelectContent,
-    {
-      parentValue,
-      form,
-      fullPath,
-      resolved,
-      loadOptions,
-      initialOptions,
-      clearOnParentChange,
-      disableWhenParentEmpty,
-      clearable,
-      size,
-      variant,
-      placeholderWhenDisabled
-    }
-  ) });
-}
-FieldCascadingSelect.displayName = "FieldCascadingSelect";
-function useCityProvider(propProvider, token) {
-  const formContext2 = useDeclarativeFormOptional();
-  if (propProvider) return propProvider;
-  if (formContext2?.addressProvider) return formContext2.addressProvider;
-  if (token) return createDaDataProvider({ token });
-  const envKey = typeof window !== "undefined" ? process.env.NEXT_PUBLIC_DADATA_API_KEY : "";
-  if (envKey) return createDaDataProvider({ token: envKey });
-  return null;
-}
-var FieldCity = createField({
-  displayName: "FieldCity",
-  useFieldState: (props) => {
-    const { provider: propProvider, token, minChars = 2, debounceMs = 300 } = props;
-    const provider = useCityProvider(propProvider, token);
-    const [inputValue, setInputValue] = useState("");
-    const [suggestions, setSuggestions] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const [highlightedIndex, setHighlightedIndex] = useState(-1);
-    const containerRef = useRef(null);
-    const debouncedQuery = useDebounce(inputValue, debounceMs);
-    const justSelectedRef = useRef(false);
-    const initializedRef = useRef(false);
-    const fetchSuggestions = useCallback(
-      async (query) => {
-        if (query.length < minChars || !provider) {
-          setSuggestions([]);
-          return;
-        }
-        setIsLoading(true);
-        try {
-          const results = await provider.getSuggestions(query, {
-            count: 7,
-            bounds: { from: "city", to: "settlement" }
-          });
-          setSuggestions(results);
-          setIsOpen(results.length > 0);
-        } catch (error) {
-          console.error("Error loading city suggestions:", error);
-          setSuggestions([]);
-        } finally {
-          setIsLoading(false);
-        }
-      },
-      [provider, minChars]
-    );
-    useEffect(() => {
-      if (justSelectedRef.current) {
-        justSelectedRef.current = false;
-        return;
-      }
-      if (debouncedQuery) {
-        fetchSuggestions(debouncedQuery);
-      } else {
-        setSuggestions([]);
-        setIsOpen(false);
-      }
-    }, [debouncedQuery, fetchSuggestions]);
-    useEffect(() => {
-      const handleClickOutside = (event) => {
-        if (containerRef.current && !containerRef.current.contains(event.target)) {
-          setIsOpen(false);
-        }
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, []);
-    return {
-      inputValue,
-      setInputValue,
-      suggestions,
-      setSuggestions,
-      isLoading,
-      setIsLoading,
-      isOpen,
-      setIsOpen,
-      highlightedIndex,
-      setHighlightedIndex,
-      containerRef,
-      debouncedQuery,
-      justSelectedRef,
-      initializedRef
-    };
-  },
-  render: ({ field, fullPath, resolved, hasError, errorMessage, fieldState }) => {
-    const {
-      inputValue,
-      setInputValue,
-      suggestions,
-      setSuggestions,
-      isLoading,
-      isOpen,
-      setIsOpen,
-      highlightedIndex,
-      setHighlightedIndex,
-      containerRef
-    } = fieldState;
-    const { justSelectedRef, initializedRef } = fieldState;
-    const fieldValue = field.state.value;
-    if (!initializedRef.current && fieldValue && fieldValue !== inputValue) {
-      initializedRef.current = true;
-      setInputValue(fieldValue);
-    }
-    const handleSelect = (suggestion) => {
-      const cityName = suggestion.data?.city || suggestion.data?.settlement || suggestion.value;
-      justSelectedRef.current = true;
-      setInputValue(cityName);
-      setIsOpen(false);
-      setSuggestions([]);
-      field.handleChange(cityName);
-    };
-    const handleKeyDown = (e) => {
-      if (!isOpen || suggestions.length === 0) {
-        return;
-      }
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          setHighlightedIndex(highlightedIndex < suggestions.length - 1 ? highlightedIndex + 1 : 0);
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          setHighlightedIndex(highlightedIndex > 0 ? highlightedIndex - 1 : suggestions.length - 1);
-          break;
-        case "Enter":
-          e.preventDefault();
-          if (highlightedIndex >= 0) {
-            handleSelect(suggestions[highlightedIndex]);
-          }
-          break;
-        case "Escape":
-          setIsOpen(false);
-          break;
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        invalid: hasError,
-        required: resolved.required,
-        disabled: resolved.disabled,
-        readOnly: resolved.readOnly,
-        children: [
-          /* @__PURE__ */ jsx(FieldLabel, { label: resolved.label, tooltip: resolved.tooltip, required: resolved.required }),
-          /* @__PURE__ */ jsxs(Box, { ref: containerRef, position: "relative", width: "100%", children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: inputValue,
-                onChange: (e) => {
-                  setInputValue(e.target.value);
-                  setHighlightedIndex(-1);
-                  if (!e.target.value) {
-                    field.handleChange("");
-                  }
-                },
-                onFocus: () => {
-                  if (suggestions.length > 0) {
-                    setIsOpen(true);
-                  }
-                },
-                onBlur: () => {
-                  if (inputValue && inputValue !== field.state.value) {
-                    field.handleChange(inputValue);
-                  }
-                  field.handleBlur();
-                },
-                onKeyDown: handleKeyDown,
-                placeholder: resolved.placeholder ?? "Enter city",
-                "data-field-name": fullPath
-              }
-            ),
-            isLoading && /* @__PURE__ */ jsx(Box, { position: "absolute", right: 3, top: "50%", transform: "translateY(-50%)", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) }),
-            isOpen && suggestions.length > 0 && /* @__PURE__ */ jsx(
-              List.Root,
-              {
-                position: "absolute",
-                zIndex: 10,
-                width: "100%",
-                bg: "bg.panel",
-                borderWidth: "1px",
-                borderRadius: "md",
-                shadow: "md",
-                maxH: "250px",
-                overflowY: "auto",
-                mt: 1,
-                listStyle: "none",
-                children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsx(
-                  List.Item,
-                  {
-                    px: 3,
-                    py: 2,
-                    cursor: "pointer",
-                    bg: highlightedIndex === index ? "bg.muted" : void 0,
-                    _hover: { bg: "bg.muted" },
-                    onClick: () => handleSelect(suggestion),
-                    onMouseEnter: () => setHighlightedIndex(index),
-                    children: /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: suggestion.label })
-                  },
-                  `${suggestion.value}-${index}`
-                ))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
-        ]
-      }
-    );
-  }
-});
 function useIsDarkMode() {
   const [isDark, setIsDark] = useState(false);
   useEffect(() => {
@@ -6903,6 +2445,7 @@ function useStepPersistence(currentStep, config) {
 }
 function useStepState() {
   const [steps, setSteps] = useState([]);
+  const claimedIndicesRef = useRef(/* @__PURE__ */ new Set());
   const [hiddenFields, setHiddenFields] = useState(/* @__PURE__ */ new Set());
   const sortedSteps = useMemo(() => [...steps].sort((a, b) => a.index - b.index), [steps]);
   const stepCount = sortedSteps.length;
@@ -6922,6 +2465,7 @@ function useStepState() {
     });
   }, []);
   const unregisterStep = useCallback((index) => {
+    claimedIndicesRef.current.delete(index);
     setSteps((prev) => prev.filter((s) => s.index !== index));
   }, []);
   const hideFieldsFromValidation = useCallback((fieldNames) => {
@@ -6947,6 +2491,7 @@ function useStepState() {
     stepCount,
     registerStep,
     unregisterStep,
+    claimedIndicesRef,
     hiddenFields,
     hideFieldsFromValidation,
     showFieldsForValidation
@@ -6980,6 +2525,7 @@ function FormSteps({
     stepCount,
     registerStep,
     unregisterStep,
+    claimedIndicesRef,
     hiddenFields,
     hideFieldsFromValidation,
     showFieldsForValidation
@@ -7023,6 +2569,7 @@ function FormSteps({
       isFirstStep: currentStep === 0,
       registerStep,
       unregisterStep,
+      claimedIndicesRef,
       validateOnNext,
       linear,
       orientation,
@@ -7303,7 +2850,7 @@ function FormStepsStep({
   segment
 }) {
   const { form } = useDeclarativeForm();
-  const { registerStep, unregisterStep, steps, currentStep, animated, animationDuration, direction } = useFormStepsContext();
+  const { registerStep, unregisterStep, claimedIndicesRef, currentStep, animated, animationDuration, direction } = useFormStepsContext();
   const wrappedChildren = segment ? /* @__PURE__ */ jsx(FormGroupDeclarative, { name: segment, children }) : children;
   const fieldExtractionPath = segment ?? "";
   const [isVisible, setIsVisible] = useState(() => {
@@ -7329,8 +2876,6 @@ function FormStepsStep({
     });
     return () => subscription.unsubscribe();
   }, [form, when]);
-  const stepsRef = useRef(steps);
-  stepsRef.current = steps;
   useEffect(() => {
     if (!isVisible) {
       if (indexRef.current >= 0) {
@@ -7339,13 +2884,14 @@ function FormStepsStep({
       }
       return;
     }
-    const existingIndices = stepsRef.current.map((s) => s.index);
-    let nextIndex = 0;
-    while (existingIndices.includes(nextIndex)) {
-      nextIndex++;
-    }
     if (indexRef.current < 0) {
+      const claimed = claimedIndicesRef.current;
+      let nextIndex = 0;
+      while (claimed.has(nextIndex)) {
+        nextIndex++;
+      }
       indexRef.current = nextIndex;
+      claimed.add(nextIndex);
     }
     const fieldNames = extractFieldNames(children, fieldExtractionPath);
     const stepInfo = {
@@ -7361,9 +2907,20 @@ function FormStepsStep({
     return () => {
       if (indexRef.current >= 0) {
         unregisterStep(indexRef.current);
+        indexRef.current = -1;
       }
     };
-  }, [description, registerStep, title, unregisterStep, onEnter, onLeave, isVisible, fieldExtractionPath]);
+  }, [
+    description,
+    registerStep,
+    title,
+    unregisterStep,
+    onEnter,
+    onLeave,
+    isVisible,
+    fieldExtractionPath,
+    claimedIndicesRef
+  ]);
   const fieldNamesRef = useRef([]);
   const currentFieldNames = useMemo(
     () => extractFieldNames(children, fieldExtractionPath),
@@ -8001,6 +3558,6 @@ function createNamedGroupContext(contextName) {
   return createSafeContext(contextName);
 }
 
-export { ButtonSubmit, ChakraFormField, DeclarativeFormContext, FieldCombobox, FieldLabel, FieldListbox, FieldNumber, FieldSegmentedGroup, FieldSelect, FieldString, FieldTooltip, Form2 as Form, FormField, FormGroup, FormGroupDeclarative, FormGroupList, FormGroupListDeclarative, FormGroupListItem, RelationFieldProvider, TanStackFormField, booleanMeta, commonMeta, createForm, createNamedGroupContext, createSafeContext, dateMeta, enumMeta, fieldContext, formContext, numberMeta, relationMeta, textMeta, useAppForm, useAsyncSearch, useDebounce, useDeclarativeField, useDeclarativeForm, useDeclarativeFormOptional, useFieldActions, useFieldContext, useFormApi, useFormContext, useFormField, useFormGroup, useFormGroupList, useFormGroupListItem, useFormStepsContext, useRelationFieldContext, useRelationOptions, useTanStackFormField, useTypedFormContext, useTypedFormSubscribe, withForm, withRelations, withUIMeta, withUIMetaDeep };
+export { ButtonSubmit, ChakraFormField, Form2 as Form, FormField, FormGroupDeclarative, FormGroupList, FormGroupListDeclarative, FormGroupListItem, RelationFieldProvider, TanStackFormField, booleanMeta, commonMeta, createForm, createNamedGroupContext, createSafeContext, dateMeta, enumMeta, fieldContext, formContext, numberMeta, relationMeta, textMeta, useAppForm, useFieldActions, useFieldContext, useFormApi, useFormContext, useFormField, useFormGroupList, useFormGroupListItem, useFormStepsContext, useRelationFieldContext, useRelationOptions, useTanStackFormField, useTypedFormContext, useTypedFormSubscribe, withForm, withRelations, withUIMeta, withUIMetaDeep };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map