shadcn-ui-react 0.3.6 → 0.3.8

package/dist/index.cjs

@@ -167,6 +167,7 @@ __export(index_exports, {
   FormItem: () => FormItem,
   FormLabel: () => FormLabel,
   FormMessage: () => FormMessage,
+  FormSelect: () => FormSelect,
   Heading: () => Heading,
   HoverCard: () => HoverCard,
   HoverCardContent: () => HoverCardContent,
@@ -5758,18 +5759,115 @@ var Form = ({
 // src/components/Form/form-field.tsx
 var import_react_hook_form2 = require("react-hook-form");
 var import_react33 = __toESM(require("react"), 1);
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/input.tsx
+var React41 = __toESM(require("react"), 1);
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Input = React41.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      variant = "outline",
+      size = "md",
+      leading,
+      trailing,
+      invalid = false,
+      disabled
+    } = _b, props = __objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "leading",
+      "trailing",
+      "invalid",
+      "disabled"
+    ]);
+    const base = "block w-full bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition disabled:opacity-50 disabled:cursor-not-allowed";
+    const sizeCls = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-12 px-5 text-base" : "h-11 px-4 text-sm";
+    const variants = {
+      outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
+      soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
+      ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
+      filled: "rounded-md border border-input bg-muted/70 hover:bg-muted shadow-inner focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+      flushed: (
+        // sin bordes laterales/superior, solo inferior; sin sombras ni radios
+        "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0"
+      ),
+      unstyled: (
+        // sin estilos, útil para inputs embebidos o controles muy custom
+        "border-0 shadow-none focus:ring-0"
+      ),
+      link: (
+        // aspecto tipo enlace: inline height-auto, sin paddings ni borde
+        "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+      )
+    };
+    const errorCls = invalid ? "border-destructive focus:border-destructive focus:ring-destructive/20" : "";
+    const iconPadLeft = leading && variant !== "flushed" && variant !== "link" ? size === "lg" ? "pl-12" : "pl-10" : "";
+    const iconPadRight = trailing && variant !== "flushed" && variant !== "link" ? size === "lg" ? "pr-12" : "pr-10" : "";
+    const specialSizeForFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-12 text-base" : "h-11 text-sm" : "";
+    const specialSizeForLink = variant === "link" ? "text-sm" : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("relative", disabled && "opacity-80"), children: [
+      leading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "span",
+        {
+          className: cn(
+            "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 opacity-60",
+            size === "lg" ? "text-[1.15rem]" : "text-[1rem]",
+            // no desplazamos visualmente en variantes sin padding
+            variant === "flushed" || variant === "link" ? "hidden" : ""
+          ),
+          children: leading
+        }
+      ) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "input",
+        __spreadValues({
+          ref,
+          "aria-invalid": invalid || void 0,
+          disabled,
+          className: cn(
+            base,
+            variants[variant],
+            variant === "flushed" ? specialSizeForFlushed : variant === "link" ? specialSizeForLink : sizeCls,
+            errorCls,
+            iconPadLeft,
+            iconPadRight,
+            className
+          )
+        }, props)
+      ),
+      trailing ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "span",
+        {
+          className: cn(
+            "absolute right-3 top-1/2 -translate-y-1/2 opacity-70",
+            size === "lg" ? "text-[1.15rem]" : "text-[1rem]",
+            variant === "flushed" || variant === "link" ? "hidden" : ""
+          ),
+          children: trailing
+        }
+      ) : null
+    ] });
+  }
+);
+Input.displayName = "Input";
+Input.displayName = "Input";
 
 // src/components/Label/label.tsx
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
-var React41 = __toESM(require("react"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var React42 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-label"
 );
-var Label3 = React41.forwardRef((_a, ref) => {
+var Label3 = React42.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     LabelPrimitive.Root,
     __spreadValues({
       ref,
@@ -5779,33 +5877,140 @@ var Label3 = React41.forwardRef((_a, ref) => {
 });
 Label3.displayName = LabelPrimitive.Root.displayName;
 
-// src/components/Form/form-field.tsx
-var import_react_slot3 = require("@radix-ui/react-slot");
-
-// src/components/input.tsx
-var React42 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Input = React42.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      "input",
-      __spreadValues({
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
+// src/components/select.tsx
+var import_react_icons9 = require("@radix-ui/react-icons");
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var React43 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Select2 = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    SelectPrimitive.Trigger,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons9.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    })
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    SelectPrimitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons9.ChevronUpIcon, {})
+    })
+  );
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    SelectPrimitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons9.ChevronDownIcon, {})
+    })
+  );
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    SelectPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
+        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
+      ),
+      position
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
         ),
-        ref
-      }, props)
-    );
-  }
-);
-Input.displayName = "Input";
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    SelectPrimitive.Label,
+    __spreadValues({
+      ref,
+      className: cn("px-2 py-1.5 text-sm font-semibold", className)
+    }, props)
+  );
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    SelectPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons9.CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    SelectPrimitive.Separator,
+    __spreadValues({
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props)
+  );
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Form/form-field.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var FormFieldContext = import_react33.default.createContext(
   null
 );
@@ -5816,10 +6021,13 @@ var FormField = (_a) => {
     label,
     placeholder,
     requiredLabel,
-    className = "px-4 py-6 shadow-inner drop-shadow-xl",
+    className,
+    classNameDefault,
     labelClassName,
     messageClassName,
     requiredLabelClassName,
+    variant = "outline",
+    size = "md",
     rules,
     shouldUnregister,
     defaultValue,
@@ -5831,9 +6039,12 @@ var FormField = (_a) => {
     "placeholder",
     "requiredLabel",
     "className",
+    "classNameDefault",
     "labelClassName",
     "messageClassName",
     "requiredLabelClassName",
+    "variant",
+    "size",
     "rules",
     "shouldUnregister",
     "defaultValue",
@@ -5844,7 +6055,7 @@ var FormField = (_a) => {
     formState: { errors }
   } = (0, import_react_hook_form2.useFormContext)();
   const fieldError = (_a2 = errors[name]) == null ? void 0 : _a2.message;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react_hook_form2.Controller,
     {
       control,
@@ -5852,31 +6063,43 @@ var FormField = (_a) => {
       rules,
       shouldUnregister,
       defaultValue,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FormItem, { children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FormLabel, { className: cn("flex items-center self-center gap-0", labelClassName), children: [
-          label,
-          requiredLabel && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_lucide_react2.Asterisk,
-            {
-              className: cn(
-                "h-3 w-3 text-red-500 ml-[1px]",
-                requiredLabelClassName
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FormItem, { children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          FormLabel,
+          {
+            className: cn(
+              "flex items-center gap-0 self-center",
+              labelClassName
+            ),
+            children: [
+              label,
+              requiredLabel && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                import_lucide_react3.Asterisk,
+                {
+                  className: cn(
+                    "ml-[1px] h-3 w-3 text-red-500",
+                    requiredLabelClassName
+                  )
+                }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           Input,
           __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
             onChange: (e) => {
               field.onChange(e);
               onChange == null ? void 0 : onChange(e.target.value);
             },
+            variant,
+            size,
             placeholder,
-            className
+            className: cn("bg-input px-[0.9rem] py-5", className),
+            classNameDefault: classNameDefault != null ? classNameDefault : true
           })
         ) }),
-        fieldError && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormMessage, { className: messageClassName, children: fieldError })
+        fieldError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormMessage, { className: messageClassName, children: fieldError })
       ] })
     }
   ) });
@@ -5887,13 +6110,13 @@ var FormItemContext = import_react33.default.createContext(
 var FormItem = import_react33.default.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const id = import_react33.default.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = import_react33.default.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     Label3,
     __spreadValues({
       ref,
@@ -5933,7 +6156,7 @@ var useFormField = () => {
 var FormControl = import_react33.default.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_react_slot3.Slot,
     __spreadValues({
       ref,
@@ -5947,12 +6170,12 @@ FormControl.displayName = "FormControl";
 var FormDescription = import_react33.default.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "p",
     __spreadValues({
       ref,
       id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className)
+      className: cn("text-muted-foreground text-[0.8rem]", className)
     }, props)
   );
 });
@@ -5964,28 +6187,154 @@ var FormMessage = import_react33.default.forwardRef((_a, ref) => {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "p",
     __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className)
+      className: cn("text-destructive text-[0.8rem] font-medium", className)
     }, props), {
       children: body
     })
   );
 });
 FormMessage.displayName = "FormMessage";
+var FormSelect = ({
+  name,
+  control,
+  rules,
+  shouldUnregister,
+  defaultValue,
+  placeholder,
+  label,
+  requiredLabel,
+  className,
+  contentClassName,
+  labelClassName,
+  messageClassName,
+  requiredLabelClassName,
+  items,
+  children,
+  onChange,
+  disabled,
+  size = "md",
+  variant = "outline",
+  invalid
+}) => {
+  var _a;
+  const {
+    formState: { errors }
+  } = (0, import_react_hook_form2.useFormContext)();
+  const triggerBase = "relative inline-flex w-full items-center justify-between outline-none transition disabled:opacity-50 disabled:cursor-not-allowed text-foreground placeholder:text-muted-foreground ring-offset-background";
+  const sizeTrigger = {
+    sm: "h-9 px-3 text-sm",
+    md: "h-11 px-4 text-sm",
+    lg: "h-12 px-5 text-base"
+  };
+  const variants = {
+    outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
+    soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
+    ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
+    filled: "rounded-md border border-input bg-muted/70 hover:bg-muted shadow-inner focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+    flushed: (
+      // sin bordes laterales/superior, solo inferior; sin sombras ni radios
+      "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0"
+    ),
+    unstyled: (
+      // sin estilos, útil para inputs embebidos o controles muy custom
+      "border-0 shadow-none focus:ring-0"
+    ),
+    link: (
+      // aspecto tipo enlace: inline height-auto, sin paddings ni borde
+      "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+    )
+  };
+  const errorCls = invalid ? "ring-destructive focus:ring-destructive/40 border-destructive" : "";
+  const specialFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-12 text-base" : "h-11 text-sm" : "";
+  const specialLink = variant === "link" ? "text-sm" : "";
+  const contentBase = "bg-popover text-popover-foreground border border-border rounded-md shadow-md";
+  const itemSize = {
+    sm: "h-8 text-sm",
+    md: "h-9 text-sm",
+    lg: "h-10 text-base"
+  };
+  const fieldError = (_a = errors[name]) == null ? void 0 : _a.message;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_hook_form2.Controller,
+    {
+      control,
+      name,
+      rules,
+      shouldUnregister,
+      defaultValue,
+      render: ({ field }) => {
+        var _a2;
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FormItem, { children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FormLabel, { className: cn("flex items-center gap-0", labelClassName), children: [
+            label,
+            requiredLabel && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              import_lucide_react3.Asterisk,
+              {
+                className: cn(
+                  "ml-[4px] h-3 w-3 text-red-500",
+                  requiredLabelClassName
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            Select2,
+            {
+              value: (_a2 = field.value) != null ? _a2 : "",
+              onValueChange: (v) => {
+                field.onChange(v);
+                onChange == null ? void 0 : onChange(v);
+              },
+              disabled,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  SelectTrigger,
+                  {
+                    className: cn(
+                      triggerBase,
+                      variants[variant],
+                      variant === "flushed" ? specialFlushed : variant === "link" ? specialLink : sizeTrigger[size],
+                      errorCls,
+                      className
+                    ),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectValue, { placeholder })
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectContent, { className: cn(contentBase, contentClassName), children: children ? children : items == null ? void 0 : items.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  SelectItem,
+                  {
+                    value: opt.value,
+                    disabled: opt.disabled,
+                    className: cn(itemSize[size]),
+                    children: opt.label
+                  },
+                  opt.value
+                )) })
+              ]
+            }
+          ),
+          fieldError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(FormMessage, { className: messageClassName, children: fieldError })
+        ] });
+      }
+    }
+  ) });
+};
+FormSelect.displayName = "FormSelect";
 
 // src/components/hover-card.tsx
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var React44 = __toESM(require("react"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var React45 = __toESM(require("react"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React44.forwardRef((_a, ref) => {
+var HoverCardContent = React45.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -6001,46 +6350,46 @@ var HoverCardContent = React44.forwardRef((_a, ref) => {
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/icons.tsx
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var IconsApp = {
-  dashboard: import_lucide_react3.LayoutDashboardIcon,
-  logo: import_lucide_react3.Command,
-  login: import_lucide_react3.LogIn,
-  close: import_lucide_react3.X,
-  profile: import_lucide_react3.User2Icon,
-  spinner: import_lucide_react3.Loader2,
-  kanban: import_lucide_react3.CircuitBoardIcon,
-  chevronLeft: import_lucide_react3.ChevronLeft,
-  chevronRight: import_lucide_react3.ChevronRight,
-  trash: import_lucide_react3.Trash,
-  employee: import_lucide_react3.UserX2Icon,
-  post: import_lucide_react3.FileText,
-  page: import_lucide_react3.File,
-  media: import_lucide_react3.Image,
-  settings: import_lucide_react3.Settings,
-  billing: import_lucide_react3.CreditCard,
-  ellipsis: import_lucide_react3.MoreVertical,
-  add: import_lucide_react3.Plus,
-  warning: import_lucide_react3.AlertTriangle,
-  user: import_lucide_react3.User,
-  arrowRight: import_lucide_react3.ArrowRight,
-  help: import_lucide_react3.HelpCircle,
-  pizza: import_lucide_react3.Pizza,
-  sun: import_lucide_react3.SunMedium,
-  moon: import_lucide_react3.Moon,
-  laptop: import_lucide_react3.Laptop,
-  check: import_lucide_react3.Check
+  dashboard: import_lucide_react4.LayoutDashboardIcon,
+  logo: import_lucide_react4.Command,
+  login: import_lucide_react4.LogIn,
+  close: import_lucide_react4.X,
+  profile: import_lucide_react4.User2Icon,
+  spinner: import_lucide_react4.Loader2,
+  kanban: import_lucide_react4.CircuitBoardIcon,
+  chevronLeft: import_lucide_react4.ChevronLeft,
+  chevronRight: import_lucide_react4.ChevronRight,
+  trash: import_lucide_react4.Trash,
+  employee: import_lucide_react4.UserX2Icon,
+  post: import_lucide_react4.FileText,
+  page: import_lucide_react4.File,
+  media: import_lucide_react4.Image,
+  settings: import_lucide_react4.Settings,
+  billing: import_lucide_react4.CreditCard,
+  ellipsis: import_lucide_react4.MoreVertical,
+  add: import_lucide_react4.Plus,
+  warning: import_lucide_react4.AlertTriangle,
+  user: import_lucide_react4.User,
+  arrowRight: import_lucide_react4.ArrowRight,
+  help: import_lucide_react4.HelpCircle,
+  pizza: import_lucide_react4.Pizza,
+  sun: import_lucide_react4.SunMedium,
+  moon: import_lucide_react4.Moon,
+  laptop: import_lucide_react4.Laptop,
+  check: import_lucide_react4.Check
 };
 var Icons = IconsApp;
 
 // src/components/input-otp.tsx
-var import_react_icons9 = require("@radix-ui/react-icons");
+var import_react_icons10 = require("@radix-ui/react-icons");
 var import_input_otp = require("input-otp");
-var React45 = __toESM(require("react"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var InputOTP = React45.forwardRef((_a, ref) => {
+var React46 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var InputOTP = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       ref,
@@ -6053,16 +6402,16 @@ var InputOTP = React45.forwardRef((_a, ref) => {
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React45.forwardRef((_a, ref) => {
+var InputOTPGroup = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React45.forwardRef((_a, ref) => {
+var InputOTPSlot = React46.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
-  const inputOTPContext = React45.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React46.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -6074,31 +6423,31 @@ var InputOTPSlot = React45.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React45.forwardRef((_a, ref) => {
+var InputOTPSeparator = React46.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons9.DashIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_icons10.DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/menubar.tsx
-var import_react_icons10 = require("@radix-ui/react-icons");
+var import_react_icons11 = require("@radix-ui/react-icons");
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
-var React46 = __toESM(require("react"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React46.forwardRef((_a, ref) => {
+var Menubar = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -6110,9 +6459,9 @@ var Menubar = React46.forwardRef((_a, ref) => {
   );
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React46.forwardRef((_a, ref) => {
+var MenubarTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -6124,9 +6473,9 @@ var MenubarTrigger = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6138,15 +6487,15 @@ var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_icons10.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons11.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React46.forwardRef((_a, ref) => {
+var MenubarSubContent = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -6158,10 +6507,10 @@ var MenubarSubContent = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React46.forwardRef(
+var MenubarContent = React47.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -6177,9 +6526,9 @@ var MenubarContent = React46.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React46.forwardRef((_a, ref) => {
+var MenubarItem = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -6192,9 +6541,9 @@ var MenubarItem = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
+var MenubarCheckboxItem = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6205,16 +6554,16 @@ var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_icons10.CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons11.CheckIcon, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React46.forwardRef((_a, ref) => {
+var MenubarRadioItem = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6224,16 +6573,16 @@ var MenubarRadioItem = React46.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_icons10.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons11.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React46.forwardRef((_a, ref) => {
+var MenubarLabel = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -6246,9 +6595,9 @@ var MenubarLabel = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React46.forwardRef((_a, ref) => {
+var MenubarSeparator = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -6263,7 +6612,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -6276,7 +6625,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var Modal = ({
   title,
   description,
@@ -6290,24 +6639,24 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogContent, { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogContent, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children })
   ] }) });
 };
 
 // src/components/navigation-menu.tsx
-var import_react_icons11 = require("@radix-ui/react-icons");
+var import_react_icons12 = require("@radix-ui/react-icons");
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
-var React47 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var NavigationMenu = React47.forwardRef((_a, ref) => {
+var React48 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var NavigationMenu = React48.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6318,15 +6667,15 @@ var NavigationMenu = React47.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(NavigationMenuViewport, {})
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NavigationMenuViewport, {})
       ]
     })
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React47.forwardRef((_a, ref) => {
+var NavigationMenuList = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -6342,9 +6691,9 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority5.cva)(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
+var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6353,8 +6702,8 @@ var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react_icons11.ChevronDownIcon,
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          import_react_icons12.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -6365,9 +6714,9 @@ var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React47.forwardRef((_a, ref) => {
+var NavigationMenuContent = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -6380,9 +6729,9 @@ var NavigationMenuContent = React47.forwardRef((_a, ref) => {
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React47.forwardRef((_a, ref) => {
+var NavigationMenuViewport = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -6394,9 +6743,9 @@ var NavigationMenuViewport = React47.forwardRef((_a, ref) => {
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React47.forwardRef((_a, ref) => {
+var NavigationMenuIndicator = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -6405,20 +6754,20 @@ var NavigationMenuIndicator = React47.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/pagination.tsx
-var import_react_icons12 = require("@radix-ui/react-icons");
-var React48 = __toESM(require("react"), 1);
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react_icons13 = require("@radix-ui/react-icons");
+var React49 = __toESM(require("react"), 1);
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -6428,9 +6777,9 @@ var Pagination = (_a) => {
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React48.forwardRef((_a, ref) => {
+var PaginationContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -6439,9 +6788,9 @@ var PaginationContent = React48.forwardRef((_a, ref) => {
   );
 });
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React48.forwardRef((_a, ref) => {
+var PaginationItem = React49.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -6454,7 +6803,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -6475,7 +6824,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6483,8 +6832,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react4.ChevronLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react5.ChevronLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -6496,7 +6845,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6504,8 +6853,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons12.ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons13.ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: "Previous" })
       ]
     })
   );
@@ -6517,7 +6866,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6525,8 +6874,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons12.ChevronRightIcon, { className: "h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons13.ChevronRightIcon, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6538,7 +6887,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6546,8 +6895,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react4.ChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react5.ChevronRight, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6559,15 +6908,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons12.DotsHorizontalIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons13.DotsHorizontalIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -6576,14 +6925,14 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var React49 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var React50 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React49.forwardRef((_a, ref) => {
+var PopoverContent = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -6600,11 +6949,11 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/progress.tsx
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var React50 = __toESM(require("react"), 1);
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Progress = React50.forwardRef((_a, ref) => {
+var React51 = __toESM(require("react"), 1);
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Progress = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6613,7 +6962,7 @@ var Progress = React50.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -6626,13 +6975,13 @@ var Progress = React50.forwardRef((_a, ref) => {
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-var import_react_icons13 = require("@radix-ui/react-icons");
+var import_react_icons14 = require("@radix-ui/react-icons");
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var React51 = __toESM(require("react"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var RadioGroup4 = React51.forwardRef((_a, ref) => {
+var React52 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var RadioGroup4 = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -6642,9 +6991,9 @@ var RadioGroup4 = React51.forwardRef((_a, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React51.forwardRef((_a, ref) => {
+var RadioGroupItem = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -6653,23 +7002,23 @@ var RadioGroupItem = React51.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons13.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons14.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/resizable.tsx
-var import_react_icons14 = require("@radix-ui/react-icons");
+var import_react_icons15 = require("@radix-ui/react-icons");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     ResizablePrimitive.PanelGroup,
     __spreadValues({
       className: cn(
@@ -6688,7 +7037,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     ResizablePrimitive.PanelResizeHandle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -6696,35 +7045,35 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons14.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons15.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
     })
   );
 };
 
 // src/components/scroll-area.tsx
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var React52 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var ScrollArea = React52.forwardRef((_a, ref) => {
+var React53 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var ScrollArea = React53.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React52.forwardRef((_a, ref) => {
+var ScrollBar = React53.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -6736,7 +7085,7 @@ var ScrollBar = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
@@ -6745,11 +7094,12 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/search-input.tsx
 var import_react34 = __toESM(require("react"), 1);
 var import_use_debounce = require("use-debounce");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function SearchInput({
   value,
   placeholder,
   className,
+  classNameDefault,
   debounceTime = 750,
   onSearch
 }) {
@@ -6764,149 +7114,18 @@ function SearchInput({
   import_react34.default.useEffect(() => {
     setSearchTerm(value);
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Input,
     {
       placeholder: placeholder || `Search...`,
       value: searchTerm,
       onChange: (event) => setSearchTerm(event.target.value),
-      className: cn("w-full md:max-w-sm", className)
+      className: cn("w-full md:max-w-sm", className),
+      classNameDefault: classNameDefault != null ? classNameDefault : true
     }
   );
 }
 
-// src/components/select.tsx
-var import_react_icons15 = require("@radix-ui/react-icons");
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var React54 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var Select2 = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-    SelectPrimitive.Trigger,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons15.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
-      ]
-    })
-  );
-});
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    SelectPrimitive.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons15.ChevronUpIcon, {})
-    })
-  );
-});
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    SelectPrimitive.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons15.ChevronDownIcon, {})
-    })
-  );
-});
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-    SelectPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
-        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
-      ),
-      position
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    SelectPrimitive.Label,
-    __spreadValues({
-      ref,
-      className: cn("px-2 py-1.5 text-sm font-semibold", className)
-    }, props)
-  );
-});
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-    SelectPrimitive.Item,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons15.CheckIcon, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SelectPrimitive.ItemText, { children })
-      ]
-    })
-  );
-});
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    SelectPrimitive.Separator,
-    __spreadValues({
-      ref,
-      className: cn("-mx-1 my-1 h-px bg-muted", className)
-    }, props)
-  );
-});
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
 // src/components/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
 var React55 = __toESM(require("react"), 1);
@@ -7663,13 +7882,13 @@ var AlertModal = ({
 };
 
 // src/shared/breadcrumbs.tsx
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var import_react35 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function Breadcrumbs({ items, className, classNameList }) {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react35.Fragment, { children: [
     index !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BreadcrumbLink, { href: item.link, children: item.title }) }),
-    index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BreadcrumbSeparator, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react5.Slash, {}) }),
+    index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BreadcrumbSeparator, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react6.Slash, {}) }),
     index === items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(BreadcrumbPage, { children: item.title })
   ] }, item.title)) }) });
 }
@@ -7678,7 +7897,7 @@ function Breadcrumbs({ items, className, classNameList }) {
 var import_react36 = __toESM(require("react"), 1);
 var import_react_icons18 = require("@radix-ui/react-icons");
 var import_react_table = require("@tanstack/react-table");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function DataTable({
   columns,
@@ -7867,7 +8086,7 @@ function DataTable({
                 pageIndex: pagination.pageIndex - 1
               })),
               disabled: pagination.pageIndex === 0,
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react6.ChevronLeftIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react7.ChevronLeftIcon, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -7880,7 +8099,7 @@ function DataTable({
                 pageIndex: pagination.pageIndex + 1
               })),
               disabled: pagination.pageIndex + 1 >= pageCount,
-              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react6.ChevronRightIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react7.ChevronRightIcon, { className: "h-4 w-4" })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
@@ -7942,7 +8161,7 @@ function DataTableSkeleton({
 
 // src/shared/fileupload.tsx
 var import_react_icons19 = require("@radix-ui/react-icons");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_react37 = require("react");
 var import_react_dropzone = require("react-dropzone");
 var import_jsx_runtime50 = require("react/jsx-runtime");
@@ -7973,7 +8192,7 @@ function FileUpload({
         /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("input", __spreadValues({}, getInputProps())),
         value && !!value.length ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ImagePreview, { file: value[0] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_icons19.AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
         /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: "absolute -bottom-5 left-1/2 flex w-full -translate-x-1/2 -translate-y-1/2 transform flex-col items-center justify-center bg-gray-300 bg-opacity-50 py-1 text-xs font-normal text-muted-foreground ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react7.CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react8.CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
           label
         ] })
       ] }))
@@ -8264,6 +8483,7 @@ function Dropzone({
   FormItem,
   FormLabel,
   FormMessage,
+  FormSelect,
   Heading,
   HoverCard,
   HoverCardContent,