@algodomain/smart-forms 0.1.3 → 0.1.5

package/dist/{chunk-TJ6EFR2O.cjs → chunk-OJXMZ2QM.cjs}

@@ -1,17 +1,20 @@
 'use strict';
 
-var chunkMBC5TYXA_cjs = require('./chunk-MBC5TYXA.cjs');
-var React4 = require('react');
+var chunkWIBCOQPP_cjs = require('./chunk-WIBCOQPP.cjs');
+var React6 = require('react');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var SelectPrimitive = require('@radix-ui/react-select');
-var dateFns = require('date-fns');
+var PopoverPrimitive = require('@radix-ui/react-popover');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
+var cmdk = require('cmdk');
+var dateFns = require('date-fns');
 var reactDayPicker = require('react-day-picker');
-var PopoverPrimitive = require('@radix-ui/react-popover');
+var CollapsiblePrimitive = require('@radix-ui/react-collapsible');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -31,11 +34,13 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var CollapsiblePrimitive__namespace = /*#__PURE__*/_interopNamespace(CollapsiblePrimitive);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 
 function Checkbox({
   className,
@@ -45,7 +50,7 @@ function Checkbox({
     CheckboxPrimitive__namespace.Root,
     {
       "data-slot": "checkbox",
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
@@ -73,26 +78,26 @@ var SmartCheckbox = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
-  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
-  const hasRegistered = React4.useRef(false);
-  const hasSetDefault = React4.useRef(false);
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React6.useRef(false);
+  const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
       onChange(defaultValue);
       hasSetDefault.current = true;
@@ -114,15 +119,15 @@ var SmartCheckbox = ({
               disabled: isDisabled
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { htmlFor: `${field}-checkbox`, className: "text-sm font-normal cursor-pointer", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Label, { htmlFor: `${field}-checkbox`, className: "text-sm font-normal cursor-pointer", children: [
             label || field,
             " ",
             required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
           ] })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground ml-6", children: subLabel })
@@ -138,7 +143,7 @@ function RadioGroup({
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkMBC5TYXA_cjs.cn("grid gap-3", className),
+      className: chunkWIBCOQPP_cjs.cn("grid gap-3", className),
       ...props
     }
   );
@@ -151,7 +156,7 @@ function RadioGroupItem({
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
@@ -182,26 +187,26 @@ var SmartRadioGroup = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
-  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
-  const hasRegistered = React4.useRef(false);
-  const hasSetDefault = React4.useRef(false);
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React6.useRef(false);
+  const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
       onChange(defaultValue);
       hasSetDefault.current = true;
@@ -210,14 +215,14 @@ var SmartRadioGroup = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -241,7 +246,7 @@ var SmartRadioGroup = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMBC5TYXA_cjs.Label,
+            chunkWIBCOQPP_cjs.Label,
             {
               htmlFor: `${field}-${option.value}`,
               className: "text-sm font-normal cursor-pointer",
@@ -275,7 +280,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
@@ -297,7 +302,7 @@ function SelectContent({
     SelectPrimitive__namespace.Content,
     {
       "data-slot": "select-content",
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
@@ -309,7 +314,7 @@ function SelectContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           SelectPrimitive__namespace.Viewport,
           {
-            className: chunkMBC5TYXA_cjs.cn(
+            className: chunkWIBCOQPP_cjs.cn(
               "p-1",
               position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
@@ -330,7 +335,7 @@ function SelectItem({
     SelectPrimitive__namespace.Item,
     {
       "data-slot": "select-item",
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
@@ -350,7 +355,7 @@ function SelectScrollUpButton({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "flex cursor-default items-center justify-center py-1",
         className
       ),
@@ -367,7 +372,7 @@ function SelectScrollDownButton({
     SelectPrimitive__namespace.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "flex cursor-default items-center justify-center py-1",
         className
       ),
@@ -390,26 +395,26 @@ var SmartSelect = ({
   disabled,
   hidden
 }) => {
-  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
-  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
-  const hasRegistered = React4.useRef(false);
-  const hasSetDefault = React4.useRef(false);
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React6.useRef(false);
+  const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
       onChange(defaultValue);
       hasSetDefault.current = true;
@@ -418,14 +423,14 @@ var SmartSelect = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -453,6 +458,36 @@ var SmartSelect = ({
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-sm mt-1", children: error })
   ] });
 };
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverPrimitive__namespace.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: chunkWIBCOQPP_cjs.cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
 var buttonVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -490,11 +525,328 @@ function Button({
     Comp,
     {
       "data-slot": "button",
-      className: chunkMBC5TYXA_cjs.cn(buttonVariants({ variant, size, className })),
+      className: chunkWIBCOQPP_cjs.cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command,
+    {
+      "data-slot": "command",
+      className: chunkWIBCOQPP_cjs.cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.Input,
+          {
+            "data-slot": "command-input",
+            className: chunkWIBCOQPP_cjs.cn(
+              "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: chunkWIBCOQPP_cjs.cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: chunkWIBCOQPP_cjs.cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      ),
       ...props
     }
   );
 }
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: chunkWIBCOQPP_cjs.cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: chunkWIBCOQPP_cjs.cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function Combobox({
+  options,
+  value = "",
+  onChange,
+  placeholder = "Select option...",
+  searchPlaceholder = "Search...",
+  noResultsText = "No results found.",
+  width = "100%",
+  isDisabled = false,
+  allowCustom = false
+}) {
+  const [open, setOpen] = React6__namespace.default.useState(false);
+  const [searchValue, setSearchValue] = React6.useState("");
+  const containerStyles = {
+    width
+  };
+  const combinedOptions = allowCustom ? [
+    ...options,
+    ...searchValue && !options.some(
+      (opt) => opt.label.toLowerCase() === searchValue.toLowerCase()
+    ) ? [
+      {
+        value: searchValue.toLowerCase().replace(/\s+/g, "-"),
+        label: searchValue
+      }
+    ] : []
+  ] : options;
+  const filteredOptions = combinedOptions.filter(
+    (option) => option.label.toLowerCase().includes(searchValue.toLowerCase())
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyles, children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": open,
+        style: containerStyles,
+        className: `flex items-center justify-between relative ${isDisabled ? "cursor-not-allowed opacity-50" : ""}`,
+        disabled: isDisabled,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0 text-left", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate", children: value ? combinedOptions.find((option) => option.value === value)?.label || value : placeholder }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 h-4 w-4 flex-shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { className: "w-full", shouldFilter: false, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CommandInput,
+        {
+          value: searchValue,
+          onValueChange: setSearchValue,
+          placeholder: searchPlaceholder,
+          className: "h-9"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(CommandList, { children: filteredOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { className: "max-h-[200px] overflow-y-auto", children: filteredOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+        CommandItem,
+        {
+          value: option.value,
+          onSelect: (currentValue) => {
+            onChange(currentValue === value ? "" : currentValue);
+            setOpen(false);
+            setSearchValue("");
+          },
+          className: "flex items-center",
+          style: { width: "100%" },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-full min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.Check,
+                {
+                  className: `mr-2 h-4 w-4 flex-shrink-0 ${value === option.value ? "opacity-100" : "opacity-0"}`
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate flex-1", children: option.label })
+            ] }),
+            option.badge && /* @__PURE__ */ jsxRuntime.jsx(
+              Badge,
+              {
+                variant: "outline",
+                className: "ml-2 text-[10px] px-2 py-0 h-5 font-normal",
+                children: option.badge
+              }
+            )
+          ]
+        },
+        option.value
+      )) }) : /* @__PURE__ */ jsxRuntime.jsxs(CommandEmpty, { children: [
+        allowCustom && searchValue && /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "ghost",
+            className: "w-full justify-start",
+            onClick: () => {
+              const newOption = {
+                value: searchValue.toLowerCase().replace(/\s+/g, "-")};
+              onChange(newOption.value);
+              setOpen(false);
+              setSearchValue("");
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-2 h-4 w-4" }),
+              'Add "',
+              searchValue,
+              '" as a new option'
+            ]
+          }
+        ),
+        !searchValue && noResultsText
+      ] }) })
+    ] }) })
+  ] }) });
+}
+var SmartCombobox = ({
+  field,
+  label,
+  options,
+  className = "",
+  placeholder,
+  allowCustom = false,
+  validation,
+  required = false,
+  defaultValue,
+  info,
+  subLabel,
+  disabled,
+  hidden
+}) => {
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React6.useRef(false);
+  const hasSetDefault = React6.useRef(false);
+  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
+  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
+  if (isHidden) return null;
+  React6.useEffect(() => {
+    if (validation && !hasRegistered.current) {
+      hasRegistered.current = true;
+      registerValidation(field, validation);
+    }
+  }, [validation, field, registerValidation]);
+  React6.useEffect(() => {
+    if (fieldDetection?.registerField) {
+      fieldDetection.registerField(field);
+    }
+  }, [field, fieldDetection]);
+  React6.useEffect(() => {
+    if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
+      onChange(defaultValue);
+      hasSetDefault.current = true;
+    }
+  }, [defaultValue, value, onChange]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+          label,
+          " ",
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
+        ] }),
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        ] }) })
+      ] }),
+      subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: fieldRef, "data-field": field, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Combobox,
+      {
+        options: (options || []).map((o) => ({ value: o.value, label: o.label })),
+        value: value || "",
+        onChange: (newValue) => onChange(newValue),
+        placeholder: placeholder || (label ? `Select ${label.toLowerCase()}` : `Select ${field}`),
+        allowCustom,
+        isDisabled
+      }
+    ) }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-sm mt-1", children: error })
+  ] });
+};
 function Calendar({
   className,
   classNames,
@@ -510,7 +862,7 @@ function Calendar({
     reactDayPicker.DayPicker,
     {
       showOutsideDays,
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
@@ -522,85 +874,85 @@ function Calendar({
         ...formatters
       },
       classNames: {
-        root: chunkMBC5TYXA_cjs.cn("w-fit", defaultClassNames.root),
-        months: chunkMBC5TYXA_cjs.cn(
+        root: chunkWIBCOQPP_cjs.cn("w-fit", defaultClassNames.root),
+        months: chunkWIBCOQPP_cjs.cn(
           "flex gap-4 flex-col md:flex-row relative",
           defaultClassNames.months
         ),
-        month: chunkMBC5TYXA_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
-        nav: chunkMBC5TYXA_cjs.cn(
+        month: chunkWIBCOQPP_cjs.cn("flex flex-col w-full gap-4", defaultClassNames.month),
+        nav: chunkWIBCOQPP_cjs.cn(
           "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
           defaultClassNames.nav
         ),
-        button_previous: chunkMBC5TYXA_cjs.cn(
+        button_previous: chunkWIBCOQPP_cjs.cn(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_previous
         ),
-        button_next: chunkMBC5TYXA_cjs.cn(
+        button_next: chunkWIBCOQPP_cjs.cn(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           defaultClassNames.button_next
         ),
-        month_caption: chunkMBC5TYXA_cjs.cn(
+        month_caption: chunkWIBCOQPP_cjs.cn(
           "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
           defaultClassNames.month_caption
         ),
-        dropdowns: chunkMBC5TYXA_cjs.cn(
+        dropdowns: chunkWIBCOQPP_cjs.cn(
           "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
           defaultClassNames.dropdowns
         ),
-        dropdown_root: chunkMBC5TYXA_cjs.cn(
+        dropdown_root: chunkWIBCOQPP_cjs.cn(
           "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
           defaultClassNames.dropdown_root
         ),
-        dropdown: chunkMBC5TYXA_cjs.cn(
+        dropdown: chunkWIBCOQPP_cjs.cn(
           "absolute bg-popover inset-0 opacity-0",
           defaultClassNames.dropdown
         ),
-        caption_label: chunkMBC5TYXA_cjs.cn(
+        caption_label: chunkWIBCOQPP_cjs.cn(
           "select-none font-medium",
           captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",
           defaultClassNames.caption_label
         ),
         table: "w-full border-collapse",
-        weekdays: chunkMBC5TYXA_cjs.cn("flex", defaultClassNames.weekdays),
-        weekday: chunkMBC5TYXA_cjs.cn(
+        weekdays: chunkWIBCOQPP_cjs.cn("flex", defaultClassNames.weekdays),
+        weekday: chunkWIBCOQPP_cjs.cn(
           "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
           defaultClassNames.weekday
         ),
-        week: chunkMBC5TYXA_cjs.cn("flex w-full mt-2", defaultClassNames.week),
-        week_number_header: chunkMBC5TYXA_cjs.cn(
+        week: chunkWIBCOQPP_cjs.cn("flex w-full mt-2", defaultClassNames.week),
+        week_number_header: chunkWIBCOQPP_cjs.cn(
           "select-none w-(--cell-size)",
           defaultClassNames.week_number_header
         ),
-        week_number: chunkMBC5TYXA_cjs.cn(
+        week_number: chunkWIBCOQPP_cjs.cn(
           "text-[0.8rem] select-none text-muted-foreground",
           defaultClassNames.week_number
         ),
-        day: chunkMBC5TYXA_cjs.cn(
+        day: chunkWIBCOQPP_cjs.cn(
           "relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
           defaultClassNames.day
         ),
-        range_start: chunkMBC5TYXA_cjs.cn(
+        range_start: chunkWIBCOQPP_cjs.cn(
           "rounded-l-md bg-accent",
           defaultClassNames.range_start
         ),
-        range_middle: chunkMBC5TYXA_cjs.cn("rounded-none", defaultClassNames.range_middle),
-        range_end: chunkMBC5TYXA_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
-        today: chunkMBC5TYXA_cjs.cn(
+        range_middle: chunkWIBCOQPP_cjs.cn("rounded-none", defaultClassNames.range_middle),
+        range_end: chunkWIBCOQPP_cjs.cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        today: chunkWIBCOQPP_cjs.cn(
           "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
           defaultClassNames.today
         ),
-        outside: chunkMBC5TYXA_cjs.cn(
+        outside: chunkWIBCOQPP_cjs.cn(
           "text-muted-foreground aria-selected:text-muted-foreground",
           defaultClassNames.outside
         ),
-        disabled: chunkMBC5TYXA_cjs.cn(
+        disabled: chunkWIBCOQPP_cjs.cn(
           "text-muted-foreground opacity-50",
           defaultClassNames.disabled
         ),
-        hidden: chunkMBC5TYXA_cjs.cn("invisible", defaultClassNames.hidden),
+        hidden: chunkWIBCOQPP_cjs.cn("invisible", defaultClassNames.hidden),
         ...classNames
       },
       components: {
@@ -610,25 +962,25 @@ function Calendar({
             {
               "data-slot": "calendar",
               ref: rootRef,
-              className: chunkMBC5TYXA_cjs.cn(className2),
+              className: chunkWIBCOQPP_cjs.cn(className2),
               ...props2
             }
           );
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunkMBC5TYXA_cjs.cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: chunkWIBCOQPP_cjs.cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
             return /* @__PURE__ */ jsxRuntime.jsx(
               lucideReact.ChevronRightIcon,
               {
-                className: chunkMBC5TYXA_cjs.cn("size-4", className2),
+                className: chunkWIBCOQPP_cjs.cn("size-4", className2),
                 ...props2
               }
             );
           }
-          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunkMBC5TYXA_cjs.cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: chunkWIBCOQPP_cjs.cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
@@ -647,8 +999,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
-  const ref = React4__namespace.useRef(null);
-  React4__namespace.useEffect(() => {
+  const ref = React6__namespace.useRef(null);
+  React6__namespace.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -662,7 +1014,7 @@ function CalendarDayButton({
       "data-range-start": modifiers.range_start,
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
-      className: chunkMBC5TYXA_cjs.cn(
+      className: chunkWIBCOQPP_cjs.cn(
         "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
@@ -671,165 +1023,295 @@ function CalendarDayButton({
     }
   );
 }
-function Popover({
+function Collapsible({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsiblePrimitive__namespace.Root, { "data-slot": "collapsible", ...props });
 }
-function PopoverTrigger({
+function CollapsibleTrigger2({
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
 }
-function PopoverContent({
+function CollapsibleContent2({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CollapsiblePrimitive__namespace.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...props
+    }
+  );
+}
+function ScrollArea({
   className,
-  align = "center",
-  sideOffset = 4,
+  children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    PopoverPrimitive__namespace.Content,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive__namespace.Root,
     {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: chunkMBC5TYXA_cjs.cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+      "data-slot": "scroll-area",
+      className: chunkWIBCOQPP_cjs.cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive__namespace.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: chunkWIBCOQPP_cjs.cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
         className
       ),
-      ...props
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ScrollAreaPrimitive__namespace.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
     }
-  ) });
+  );
 }
 var SmartDatePicker = ({
   field,
   label,
-  className = "",
-  placeholder,
-  validation,
-  required = false,
-  allowPast = true,
-  allowFuture = true,
-  valueAsString = true,
-  minDate,
-  maxDate,
-  defaultValue,
-  info,
-  subLabel,
-  disabled,
-  hidden
+  className,
+  ...props
 }) => {
-  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
-  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
-  const hasRegistered = React4.useRef(false);
-  const hasSetDefault = React4.useRef(false);
-  const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
-  const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
-  if (isHidden) return null;
-  const parsedValue = React4.useMemo(() => {
-    if (!value) return void 0;
-    if (value instanceof Date) return value;
-    const d = new Date(value);
-    return isNaN(d.getTime()) ? void 0 : d;
-  }, [value]);
-  const [open, setOpen] = React4.useState(false);
-  React4.useEffect(() => {
-    if (validation && !hasRegistered.current) {
-      hasRegistered.current = true;
-      registerValidation(field, validation);
-    }
-  }, [validation, field, registerValidation]);
-  React4.useEffect(() => {
-    if (fieldDetection?.registerField) {
-      fieldDetection.registerField(field);
-    }
-  }, [field, fieldDetection]);
-  React4.useEffect(() => {
-    if (defaultValue !== void 0 && !hasSetDefault.current && (value === void 0 || value === null || value === "")) {
-      onChange(defaultValue);
-      hasSetDefault.current = true;
+  const today = /* @__PURE__ */ new Date();
+  const [month, setMonth] = React6.useState(today);
+  const [date, setDate] = React6.useState(today);
+  const [isYearView, setIsYearView] = React6.useState(false);
+  const [isOpen, setIsOpen] = React6.useState(false);
+  const startDate = new Date(1980, 6);
+  const endDate = new Date(2030, 6);
+  const years = dateFns.eachYearOfInterval({
+    start: dateFns.startOfYear(startDate),
+    end: dateFns.endOfYear(endDate)
+  });
+  const handleDateSelect = (selectedDate) => {
+    setDate(selectedDate);
+    if (selectedDate) {
+      setIsOpen(false);
+      setIsYearView(false);
     }
-  }, [defaultValue, value, onChange]);
-  const today = React4.useMemo(() => /* @__PURE__ */ new Date(), []);
-  const disabledMatcher = (date) => {
-    if (!allowPast) {
-      const startOfToday = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-      if (date < startOfToday) return true;
-    }
-    if (!allowFuture) {
-      const startOfTomorrow = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
-      if (date >= startOfTomorrow) return true;
-    }
-    if (minDate && date < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) return true;
-    if (maxDate && date > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate())) return true;
-    return false;
-  };
-  const handleSelect = (selected) => {
-    if (!selected) {
-      onChange(void 0);
-      return;
-    }
-    if (valueAsString) {
-      const iso = dateFns.format(selected, "yyyy-MM-dd");
-      onChange(iso);
-    } else {
-      onChange(selected);
-    }
-    setOpen(false);
   };
-  const buttonText = React4.useMemo(() => {
-    if (!parsedValue) return placeholder || `Select ${label || field}`;
-    return dateFns.format(parsedValue, "dd/MM/yyyy");
-  }, [parsedValue, placeholder, label, field]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMBC5TYXA_cjs.cn("flex-1 min-w-0", className), children: [
-    label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
-          label,
-          " ",
-          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" })
-        ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
-        ] }) })
-      ] }),
-      subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
-        {
-          ref: fieldRef,
-          variant: "outline",
-          className: chunkMBC5TYXA_cjs.cn(
-            "w-full justify-start text-left font-normal",
-            !parsedValue && "text-muted-foreground",
-            error && "border-destructive"
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[280px]", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkWIBCOQPP_cjs.SmartInput,
+      {
+        field,
+        label,
+        syncValue: date,
+        type: "date",
+        className: `${className ?? ""} cursor-pointer`,
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "size-4" }),
+        iconPosition: "right",
+        ...props
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: date,
+        onSelect: handleDateSelect,
+        month,
+        onMonthChange: setMonth,
+        defaultMonth: /* @__PURE__ */ new Date(),
+        startMonth: startDate,
+        endMonth: endDate,
+        className: "overflow-hidden rounded-md p-2",
+        classNames: {
+          month_caption: "ml-2.5 mr-20 justify-start",
+          nav: "flex absolute w-fit right-0 items-center"
+        },
+        components: {
+          CaptionLabel: (props2) => /* @__PURE__ */ jsxRuntime.jsx(
+            CaptionLabel,
+            {
+              isYearView,
+              setIsYearView,
+              ...props2
+            }
           ),
-          "data-field": field,
-          disabled: isDisabled,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
-            buttonText
-          ]
+          MonthGrid: (props2) => {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              MonthGrid,
+              {
+                className: props2.className,
+                isYearView,
+                setIsYearView,
+                startDate,
+                endDate,
+                years,
+                currentYear: month.getFullYear(),
+                currentMonth: month.getMonth(),
+                onMonthSelect: (selectedMonth) => {
+                  setMonth(selectedMonth);
+                  setIsYearView(false);
+                },
+                children: props2.children
+              }
+            );
+          }
         }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(
-        Calendar,
+      }
+    ) })
+  ] }) });
+};
+function MonthGrid({
+  className,
+  children,
+  isYearView,
+  startDate,
+  endDate,
+  years,
+  currentYear,
+  currentMonth,
+  onMonthSelect
+}) {
+  const currentYearRef = React6.useRef(null);
+  const currentMonthButtonRef = React6.useRef(null);
+  const scrollAreaRef = React6.useRef(null);
+  React6.useEffect(() => {
+    if (isYearView && currentYearRef.current && scrollAreaRef.current) {
+      const viewport = scrollAreaRef.current.querySelector(
+        "[data-radix-scroll-area-viewport]"
+      );
+      if (viewport) {
+        const yearTop = currentYearRef.current.offsetTop;
+        viewport.scrollTop = yearTop;
+      }
+      setTimeout(() => {
+        currentMonthButtonRef.current?.focus();
+      }, 100);
+    }
+  }, [isYearView]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("table", { className, children }),
+    isYearView && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background absolute inset-0 z-20 -mx-2 -mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { ref: scrollAreaRef, className: "h-full", children: years.map((year) => {
+      const months = dateFns.eachMonthOfInterval({
+        start: dateFns.startOfYear(year),
+        end: dateFns.endOfYear(year)
+      });
+      const isCurrentYear = year.getFullYear() === currentYear;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
         {
-          mode: "single",
-          selected: parsedValue,
-          onSelect: handleSelect,
-          disabled: disabledMatcher,
-          initialFocus: true
-        }
-      ) })
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-sm mt-1", children: error })
+          ref: isCurrentYear ? currentYearRef : void 0,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            CollapsibleYear,
+            {
+              title: year.getFullYear().toString(),
+              open: isCurrentYear,
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: months.map((month) => {
+                const isDisabled = dateFns.isBefore(month, startDate) || dateFns.isAfter(month, endDate);
+                const isCurrentMonth = month.getMonth() === currentMonth && year.getFullYear() === currentYear;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    ref: isCurrentMonth ? currentMonthButtonRef : void 0,
+                    className: `inline-flex h-7 items-center justify-center rounded-md px-3 text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 ${isCurrentMonth ? "bg-primary text-primary-foreground hover:bg-primary/90" : "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground"}`,
+                    disabled: isDisabled,
+                    onClick: () => onMonthSelect(month),
+                    children: dateFns.format(month, "MMM")
+                  },
+                  month.getTime()
+                );
+              }) })
+            }
+          )
+        },
+        year.getFullYear()
+      );
+    }) }) })
   ] });
-};
+}
+function CaptionLabel({
+  children,
+  isYearView,
+  setIsYearView
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Button,
+    {
+      className: "data-[state=open]:text-muted-foreground/80 -ms-2 flex items-center gap-2 text-sm font-medium hover:bg-transparent [&[data-state=open]>svg]:rotate-180",
+      variant: "ghost",
+      size: "sm",
+      onClick: () => setIsYearView((prev) => !prev),
+      "data-state": isYearView ? "open" : "closed",
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDownIcon,
+          {
+            className: "text-muted-foreground/80 shrink-0 transition-transform duration-200",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function CollapsibleYear({
+  title,
+  children,
+  open
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Collapsible, { className: "border-t px-2 py-1.5", defaultOpen: open, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        className: "flex w-full justify-start gap-2 text-sm font-medium hover:bg-transparent [&[data-state=open]>svg]:rotate-180",
+        variant: "ghost",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDownIcon,
+            {
+              className: "text-muted-foreground/80 shrink-0 transition-transform duration-200",
+              "aria-hidden": "true"
+            }
+          ),
+          title
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { className: "data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden px-3 py-1 text-sm transition-all", children })
+  ] });
+}
 var SmartTags = ({
   field,
   label,
@@ -849,36 +1331,36 @@ var SmartTags = ({
   info,
   subLabel
 }) => {
-  const { formData } = chunkMBC5TYXA_cjs.useSmartForm();
-  const { value, error, onChange, fieldRef, registerValidation } = chunkMBC5TYXA_cjs.useFormField(field);
-  const fieldDetection = chunkMBC5TYXA_cjs.useFieldDetection();
-  const hasRegistered = React4.useRef(false);
-  const hasSetDefault = React4.useRef(false);
+  const { formData } = chunkWIBCOQPP_cjs.useSmartForm();
+  const { value, error, onChange, fieldRef, registerValidation } = chunkWIBCOQPP_cjs.useFormField(field);
+  const fieldDetection = chunkWIBCOQPP_cjs.useFieldDetection();
+  const hasRegistered = React6.useRef(false);
+  const hasSetDefault = React6.useRef(false);
   const isDisabled = typeof disabled === "function" ? disabled(formData) : disabled || false;
   const isHidden = typeof hidden === "function" ? hidden(formData) : hidden || false;
   if (isHidden) return null;
-  const [tags, setTags] = React4.useState([]);
-  const [inputValue, setInputValue] = React4.useState("");
-  const inputRef = React4.useRef(null);
-  React4.useEffect(() => {
+  const [tags, setTags] = React6.useState([]);
+  const [inputValue, setInputValue] = React6.useState("");
+  const inputRef = React6.useRef(null);
+  React6.useEffect(() => {
     if (validation && !hasRegistered.current) {
       hasRegistered.current = true;
       registerValidation(field, validation);
     }
   }, [validation, field, registerValidation]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (fieldDetection?.registerField) {
       fieldDetection.registerField(field);
     }
   }, [field, fieldDetection]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (defaultValue !== void 0 && !hasSetDefault.current && (!value || Array.isArray(value) && value.length === 0)) {
       setTags(defaultValue);
       onChange(defaultValue);
       hasSetDefault.current = true;
     }
   }, [defaultValue, value, onChange]);
-  React4.useEffect(() => {
+  React6.useEffect(() => {
     if (Array.isArray(value)) {
       setTags(value);
     }
@@ -923,7 +1405,7 @@ var SmartTags = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex-1 min-w-0 ${className}`, children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Label, { className: "text-sm font-medium text-foreground", children: [
           label,
           " ",
           required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: "*" }),
@@ -935,9 +1417,9 @@ var SmartTags = ({
             ")"
           ] })
         ] }),
-        info && /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMBC5TYXA_cjs.Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMBC5TYXA_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
+        info && /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWIBCOQPP_cjs.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, { className: "h-4 w-4 text-muted-foreground cursor-pointer mr-2" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWIBCOQPP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-xs", children: info }) })
         ] }) })
       ] }),
       subLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: subLabel })
@@ -946,7 +1428,7 @@ var SmartTags = ({
       "div",
       {
         ref: fieldRef,
-        className: chunkMBC5TYXA_cjs.cn(
+        className: chunkWIBCOQPP_cjs.cn(
           "min-h-[40px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background",
           "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
           "flex flex-wrap items-center gap-2 cursor-text",
@@ -982,7 +1464,7 @@ var SmartTags = ({
             `${tagText}-${index}`
           )),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMBC5TYXA_cjs.Input,
+            chunkWIBCOQPP_cjs.Input,
             {
               ref: inputRef,
               type: "text",
@@ -1002,14 +1484,22 @@ var SmartTags = ({
   ] });
 };
 
+exports.Badge = Badge;
 exports.Button = Button;
+exports.Command = Command;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.SmartCheckbox = SmartCheckbox;
+exports.SmartCombobox = SmartCombobox;
 exports.SmartDatePicker = SmartDatePicker;
 exports.SmartRadioGroup = SmartRadioGroup;
 exports.SmartSelect = SmartSelect;
 exports.SmartTags = SmartTags;
-//# sourceMappingURL=chunk-TJ6EFR2O.cjs.map
-//# sourceMappingURL=chunk-TJ6EFR2O.cjs.map
+//# sourceMappingURL=chunk-OJXMZ2QM.cjs.map
+//# sourceMappingURL=chunk-OJXMZ2QM.cjs.map