shadcn-ui-react 0.7.7 → 0.7.8

package/dist/index.cjs

@@ -306,15 +306,13 @@ __export(index_exports, {
   buttonVariants: () => buttonVariants,
   cn: () => cn,
   iconButtonVariants: () => iconButtonVariants,
-  inputVariants: () => inputVariants,
   navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   reducer: () => reducer,
   toast: () => toast,
   toggleVariants: () => toggleVariants,
   useFormField: () => useFormField,
   useSidebar: () => useSidebar,
-  useToast: () => useToast,
-  variants: () => variants
+  useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -6589,7 +6587,7 @@ function Form({
 }
 
 // src/components/Form/form-checkbox.tsx
-var React47 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var import_lucide_react4 = require("lucide-react");
 var import_react_hook_form3 = require("react-hook-form");
 
@@ -6614,13 +6612,109 @@ var Label3 = React43.forwardRef((_a, ref) => {
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/Form/form-field.tsx
-var React46 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_lucide_react3 = require("lucide-react");
 var import_react_hook_form2 = require("react-hook-form");
 
 // src/components/input.tsx
 var React44 = __toESM(require("react"), 1);
+
+// src/components/Form/utils/form-utils.ts
+var formInputVariants = {
+  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 shadow-sm hover:bg-muted 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 shadow-inner hover:bg-muted focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0",
+  unstyled: "border-0 shadow-none focus:ring-0",
+  link: "h-auto border-0 bg-transparent p-0 text-primary shadow-none underline-offset-4 focus:underline focus:ring-0"
+};
+var variants = formInputVariants;
+var formSizeVariants = {
+  "2xs": {
+    control: "h-7 px-2 text-xs",
+    flushedControl: "h-7 text-xs",
+    linkControl: "text-xs",
+    selectItem: "h-7 text-xs",
+    searchInput: "h-7 px-2 text-xs",
+    checkbox: "size-3",
+    label: "text-xs",
+    description: "text-xs",
+    message: "text-xs"
+  },
+  xs: {
+    control: "h-8 px-2.5 text-xs",
+    flushedControl: "h-8 text-xs",
+    linkControl: "text-xs",
+    selectItem: "h-8 text-xs",
+    searchInput: "h-8 px-2.5 text-xs",
+    checkbox: "size-3.5",
+    label: "text-xs",
+    description: "text-xs",
+    message: "text-xs"
+  },
+  sm: {
+    control: "h-9 px-3 text-sm",
+    flushedControl: "h-9 text-sm",
+    linkControl: "text-sm",
+    selectItem: "h-8 text-sm",
+    searchInput: "h-9 px-3 text-sm",
+    checkbox: "size-4",
+    label: "text-sm",
+    description: "text-sm",
+    message: "text-sm"
+  },
+  md: {
+    control: "h-10 px-3.5 text-sm",
+    flushedControl: "h-10 text-sm",
+    linkControl: "text-sm",
+    selectItem: "h-9 text-sm",
+    searchInput: "h-10 px-3.5 text-sm",
+    checkbox: "size-4",
+    label: "text-sm",
+    description: "text-sm",
+    message: "text-sm"
+  },
+  lg: {
+    control: "h-11 px-4 text-base",
+    flushedControl: "h-11 text-base",
+    linkControl: "text-base",
+    selectItem: "h-10 text-base",
+    searchInput: "h-11 px-4 text-base",
+    checkbox: "size-5",
+    label: "text-base",
+    description: "text-sm",
+    message: "text-sm"
+  },
+  xl: {
+    control: "h-12 px-4 text-base",
+    flushedControl: "h-12 text-base",
+    linkControl: "text-base",
+    selectItem: "h-11 text-base",
+    searchInput: "h-12 px-4 text-base",
+    checkbox: "size-6",
+    label: "text-base",
+    description: "text-sm",
+    message: "text-sm"
+  },
+  "2xl": {
+    control: "h-14 px-5 text-lg",
+    flushedControl: "h-14 text-lg",
+    linkControl: "text-lg",
+    selectItem: "h-12 text-lg",
+    searchInput: "h-14 px-5 text-lg",
+    checkbox: "size-7",
+    label: "text-lg",
+    description: "text-base",
+    message: "text-base"
+  }
+};
+function getFormSizeClasses(size = "md", customSize) {
+  return __spreadValues(__spreadValues({}, formSizeVariants[size]), customSize);
+}
+
+// src/components/input.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var Input = React44.forwardRef(
   (_a, ref) => {
@@ -6628,6 +6722,7 @@ var Input = React44.forwardRef(
       className,
       variant = "outline",
       size = "md",
+      customSize,
       leading,
       trailing,
       classNameDefault = true,
@@ -6637,45 +6732,32 @@ var Input = React44.forwardRef(
       "className",
       "variant",
       "size",
+      "customSize",
       "leading",
       "trailing",
       "classNameDefault",
       "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-11 px-4 text-base" : "h-10 px-3.5 text-sm";
-    const variants3 = {
-      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-11 text-base" : "h-10 text-sm" : "";
-    const specialSizeForLink = variant === "link" ? "text-sm" : "";
+    const sizeClasses = getFormSizeClasses(size, customSize);
+    const base = "block w-full bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition disabled:cursor-not-allowed disabled:opacity-50";
+    const inputSizeClass = variant === "flushed" ? sizeClasses.flushedControl : variant === "link" ? sizeClasses.linkControl : sizeClasses.control;
+    const errorClass = invalid ? "border-destructive focus:border-destructive focus:ring-destructive/20" : "";
+    const hasIconPadding = variant !== "flushed" && variant !== "link";
+    const iconPaddingLeft = leading && hasIconPadding ? size === "xl" || size === "2xl" ? "pl-14" : size === "lg" ? "pl-12" : size === "2xs" || size === "xs" ? "pl-8" : "pl-10" : "";
+    const iconPaddingRight = trailing && hasIconPadding ? size === "xl" || size === "2xl" ? "pr-14" : size === "lg" ? "pr-12" : size === "2xs" || size === "xs" ? "pr-8" : "pr-10" : "";
+    const iconSizeClass = size === "2xl" ? "text-[1.3rem]" : size === "xl" ? "text-[1.2rem]" : size === "lg" ? "text-[1.15rem]" : size === "2xs" || size === "xs" ? "text-[0.85rem]" : "text-[1rem]";
+    const iconPositionClass = size === "2xs" || size === "xs" ? "left-2" : size === "xl" || size === "2xl" ? "left-4" : "left-3";
+    const trailingIconPositionClass = size === "2xs" || size === "xs" ? "right-2" : size === "xl" || size === "2xl" ? "right-4" : "right-3";
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("relative", disabled && "opacity-80"), children: [
       leading ? /* @__PURE__ */ (0, import_jsx_runtime20.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]",
-            variant === "flushed" || variant === "link" ? "hidden" : ""
+            "pointer-events-none absolute top-1/2 -translate-y-1/2 opacity-60",
+            iconPositionClass,
+            iconSizeClass,
+            !hasIconPadding && "hidden"
           ),
           children: leading
         }
@@ -6688,11 +6770,11 @@ var Input = React44.forwardRef(
           disabled,
           className: classNameDefault ? cn(
             base,
-            variants3[variant],
-            variant === "flushed" ? specialSizeForFlushed : variant === "link" ? specialSizeForLink : sizeCls,
-            errorCls,
-            iconPadLeft,
-            iconPadRight,
+            formInputVariants[variant],
+            inputSizeClass,
+            errorClass,
+            iconPaddingLeft,
+            iconPaddingRight,
             className
           ) : className,
           "data-private": true
@@ -6702,9 +6784,10 @@ var Input = React44.forwardRef(
         "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" : ""
+            "absolute top-1/2 -translate-y-1/2 opacity-70",
+            trailingIconPositionClass,
+            iconSizeClass,
+            !hasIconPadding && "hidden"
           ),
           children: trailing
         }
@@ -6714,151 +6797,9 @@ var Input = React44.forwardRef(
 );
 Input.displayName = "Input";
 
-// src/components/select.tsx
-var import_react_icons9 = require("@radix-ui/react-icons");
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var React45 = __toESM(require("react"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Select2 = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons9.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
-      ]
-    })
-  );
-});
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    SelectPrimitive.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons9.ChevronUpIcon, {})
-    })
-  );
-});
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    SelectPrimitive.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons9.ChevronDownIcon, {})
-    })
-  );
-});
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    SelectPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "relative z-50 max-h-96 min-w-32 overflow-hidden  bg-popover border border-border  text-popover-foreground rounded-md 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_runtime21.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.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 = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_icons9.CheckIcon, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectPrimitive.ItemText, { children })
-      ]
-    })
-  );
-});
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.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_jsx_runtime22 = require("react/jsx-runtime");
-var inputVariants = {
-  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 shadow-sm hover:bg-muted 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 shadow-inner hover:bg-muted focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
-  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0",
-  unstyled: "border-0 shadow-none focus:ring-0",
-  link: "h-auto border-0 bg-transparent p-0 text-primary shadow-none underline-offset-4 focus:underline focus:ring-0"
-};
-var variants = inputVariants;
-var FormFieldContext = React46.createContext(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var FormFieldContext = React45.createContext(
   null
 );
 function getErrorMessage(error) {
@@ -6880,6 +6821,7 @@ var FormField = (_a) => {
     requiredLabelClassName,
     variant = "outline",
     size = "md",
+    customSize,
     rules,
     shouldUnregister,
     defaultValue,
@@ -6901,6 +6843,7 @@ var FormField = (_a) => {
     "requiredLabelClassName",
     "variant",
     "size",
+    "customSize",
     "rules",
     "shouldUnregister",
     "defaultValue",
@@ -6911,7 +6854,7 @@ var FormField = (_a) => {
   ]);
   const form = (0, import_react_hook_form2.useFormContext)();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_react_hook_form2.Controller,
     {
       control: controllerControl,
@@ -6922,14 +6865,14 @@ var FormField = (_a) => {
       render: ({ field, fieldState }) => {
         var _a2;
         const fieldError = getErrorMessage(fieldState.error);
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(FormItem, { className: itemClassName, children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(FormItem, { className: itemClassName, children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             FormLabel,
             {
               className: cn("flex items-center gap-0.5", labelClassName),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: label }),
-                requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: label }),
+                requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   import_lucide_react3.Asterisk,
                   {
                     "aria-hidden": "true",
@@ -6942,7 +6885,7 @@ var FormField = (_a) => {
               ]
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             Input,
             __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
               value: (_a2 = field.value) != null ? _a2 : "",
@@ -6961,30 +6904,31 @@ var FormField = (_a) => {
               invalid: invalid || Boolean(fieldError),
               variant,
               size,
+              customSize,
               placeholder,
               className: cn(className),
               classNameDefault
             })
           ) }),
-          fieldError ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormMessage, { className: messageClassName, children: fieldError }) : null
+          fieldError ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormMessage, { className: messageClassName, children: fieldError }) : null
         ] });
       }
     }
   ) });
 };
 FormField.displayName = "FormField";
-var FormItemContext = React46.createContext(null);
-var FormItem = React46.forwardRef((_a, ref) => {
+var FormItemContext = React45.createContext(null);
+var FormItem = React45.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React46.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+  const id = React45.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
 var useFormField = () => {
   var _a;
-  const generatedId = React46.useId();
-  const fieldContext = React46.useContext(FormFieldContext);
-  const itemContext = React46.useContext(FormItemContext);
+  const generatedId = React45.useId();
+  const fieldContext = React45.useContext(FormFieldContext);
+  const itemContext = React45.useContext(FormItemContext);
   const formContext = (0, import_react_hook_form2.useFormContext)();
   const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
   if (!fieldContext || !formContext) {
@@ -7008,10 +6952,10 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormLabel = React46.forwardRef((_a, ref) => {
+var FormLabel = React45.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Label3,
     __spreadValues({
       ref,
@@ -7021,10 +6965,10 @@ var FormLabel = React46.forwardRef((_a, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React46.forwardRef((_a, ref) => {
+var FormControl = React45.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_react_slot4.Slot,
     __spreadValues({
       ref,
@@ -7035,10 +6979,10 @@ var FormControl = React46.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React46.forwardRef((_a, ref) => {
+var FormDescription = React45.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "p",
     __spreadValues({
       ref,
@@ -7048,12 +6992,12 @@ var FormDescription = React46.forwardRef((_a, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React46.forwardRef((_a, ref) => {
+var FormMessage = React45.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const { error, formMessageId } = useFormField();
   const body = error ? getErrorMessage(error) : children;
   if (!body) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "p",
     __spreadProps(__spreadValues({
       ref,
@@ -7065,69 +7009,435 @@ var FormMessage = React46.forwardRef((_a, ref) => {
   );
 });
 FormMessage.displayName = "FormMessage";
-var getDefaultOptionValue = (item) => {
-  var _a;
-  if (typeof item === "string") return item;
-  if (item && typeof item === "object" && "value" in item) {
-    return String((_a = item.value) != null ? _a : "");
-  }
-  return String(item != null ? item : "");
-};
-var getDefaultOptionLabel = (item) => {
-  if (item && typeof item === "object" && "label" in item) {
-    return item.label;
-  }
-  return getDefaultOptionValue(item);
-};
-var FormSelect = ({
-  name,
-  control,
-  rules,
-  shouldUnregister,
-  defaultValue,
-  placeholder,
-  label,
-  requiredLabel,
-  className,
-  itemClassName,
-  contentClassName,
-  labelClassName,
-  messageClassName,
-  requiredLabelClassName,
-  options,
-  items,
-  getOptionValue = getDefaultOptionValue,
-  getOptionLabel = getDefaultOptionLabel,
-  getOptionDisabled,
-  getOptionData,
-  children,
-  onChange,
-  onChangeItem,
-  disabled,
-  size = "md",
-  variant = "outline",
-  invalid,
-  searchable = false,
-  searchPlaceholder = "Buscar\u2026",
-  emptyText = "No hay resultados"
-}) => {
-  const form = (0, import_react_hook_form2.useFormContext)();
+
+// src/components/Form/form-checkbox.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var FormCheckbox = (_a) => {
+  var _b = _a, {
+    name,
+    control,
+    rules,
+    shouldUnregister,
+    defaultValue,
+    label,
+    description,
+    requiredLabel,
+    className,
+    itemClassName,
+    checkboxClassName,
+    labelClassName,
+    descriptionClassName,
+    messageClassName,
+    requiredLabelClassName,
+    onChange
+  } = _b, checkboxProps = __objRest(_b, [
+    "name",
+    "control",
+    "rules",
+    "shouldUnregister",
+    "defaultValue",
+    "label",
+    "description",
+    "requiredLabel",
+    "className",
+    "itemClassName",
+    "checkboxClassName",
+    "labelClassName",
+    "descriptionClassName",
+    "messageClassName",
+    "requiredLabelClassName",
+    "onChange"
+  ]);
+  var _a2;
+  const generatedId = React46.useId();
+  const form = (0, import_react_hook_form3.useFormContext)();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
-  const [query, setQuery] = React46.useState("");
-  const searchRef = React46.useRef(null);
-  const triggerBase = "relative inline-flex w-full items-center justify-between text-foreground outline-none ring-offset-background transition placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
-  const sizeTrigger = {
-    sm: "h-9 px-3 text-sm",
-    md: "h-10 px-3.5 text-sm",
-    lg: "h-11 px-4 text-base"
-  };
-  const contentBase = "rounded-md border border-border bg-popover text-popover-foreground shadow-md";
-  const itemSize = {
-    sm: "h-8 text-sm",
-    md: "h-9 text-sm",
-    lg: "h-10 text-base"
-  };
-  const normalizedOptions = React46.useMemo(() => {
+  const checkboxId = (_a2 = checkboxProps.id) != null ? _a2 : `${generatedId}-checkbox`;
+  const descriptionId = `${generatedId}-description`;
+  const messageId = `${generatedId}-message`;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_hook_form3.Controller,
+    {
+      control: controllerControl,
+      name,
+      rules,
+      shouldUnregister,
+      defaultValue,
+      render: ({ field, fieldState }) => {
+        var _a3;
+        const checked = Boolean(field.value);
+        const fieldError = (_a3 = fieldState.error) == null ? void 0 : _a3.message;
+        const hasError = Boolean(fieldError);
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormItem, { className: cn("space-y-1.5", itemClassName), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          "div",
+          {
+            className: cn(
+              "flex items-start gap-3 rounded-lg border border-transparent p-1 transition-colors",
+              hasError && "border-destructive/20 bg-destructive/5",
+              className
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                Checkbox,
+                __spreadProps(__spreadValues({}, checkboxProps), {
+                  ref: field.ref,
+                  id: checkboxId,
+                  checked,
+                  invalid: hasError || checkboxProps.invalid,
+                  "aria-invalid": hasError || checkboxProps.invalid || void 0,
+                  "aria-describedby": [description ? descriptionId : void 0, hasError ? messageId : void 0].filter(Boolean).join(" ") || void 0,
+                  className: cn("mt-0.5", checkboxClassName),
+                  onBlur: field.onBlur,
+                  onCheckedChange: (value) => {
+                    const nextValue = value === true;
+                    field.onChange(nextValue);
+                    onChange == null ? void 0 : onChange(nextValue);
+                  }
+                })
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                  Label3,
+                  {
+                    htmlFor: checkboxId,
+                    className: cn(
+                      "inline-flex cursor-pointer items-start gap-1 text-sm font-medium leading-none text-foreground",
+                      checkboxProps.disabled && "cursor-not-allowed text-muted-foreground",
+                      hasError && "text-destructive",
+                      labelClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: label }),
+                      requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                        import_lucide_react4.Asterisk,
+                        {
+                          "aria-hidden": "true",
+                          className: cn(
+                            "mt-0.5 h-3 w-3 shrink-0 text-red-500",
+                            requiredLabelClassName
+                          )
+                        }
+                      ) : null
+                    ]
+                  }
+                ) : null,
+                description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  "p",
+                  {
+                    id: descriptionId,
+                    className: cn(
+                      "mt-1 text-sm leading-relaxed text-muted-foreground",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : null,
+                fieldError ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  "p",
+                  {
+                    id: messageId,
+                    className: cn(
+                      "mt-1 text-sm font-medium text-destructive",
+                      messageClassName
+                    ),
+                    children: fieldError
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        ) });
+      }
+    }
+  );
+};
+FormCheckbox.displayName = "FormCheckbox";
+
+// src/components/Form/form-select.tsx
+var React48 = __toESM(require("react"), 1);
+var import_react_slot5 = require("@radix-ui/react-slot");
+var import_lucide_react5 = require("lucide-react");
+var import_react_hook_form4 = require("react-hook-form");
+
+// src/components/select.tsx
+var import_react_icons9 = require("@radix-ui/react-icons");
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Select2 = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime23.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons9.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    })
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    SelectPrimitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons9.ChevronUpIcon, {})
+    })
+  );
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    SelectPrimitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons9.ChevronDownIcon, {})
+    })
+  );
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    SelectPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative z-50 max-h-96 min-w-32 overflow-hidden  bg-popover border border-border  text-popover-foreground rounded-md 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_runtime23.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.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 = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime23.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_icons9.CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React47.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.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-select.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var FormFieldContext2 = React48.createContext(
+  null
+);
+function getErrorMessage2(error) {
+  const message2 = error == null ? void 0 : error.message;
+  return typeof message2 === "string" ? message2 : void 0;
+}
+var FormItemContext2 = React48.createContext(null);
+var FormItem2 = React48.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const id = React48.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormItemContext2.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+});
+FormItem2.displayName = "FormItem";
+var useFormField2 = () => {
+  var _a;
+  const generatedId = React48.useId();
+  const fieldContext = React48.useContext(FormFieldContext2);
+  const itemContext = React48.useContext(FormItemContext2);
+  const formContext = (0, import_react_hook_form4.useFormContext)();
+  const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
+  if (!fieldContext || !formContext) {
+    return {
+      id,
+      formItemId: `${id}-form-item`,
+      formDescriptionId: `${id}-form-item-description`,
+      formMessageId: `${id}-form-item-message`,
+      error: void 0
+    };
+  }
+  const fieldState = formContext.getFieldState(
+    fieldContext.name,
+    formContext.formState
+  );
+  return __spreadValues({
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`
+  }, fieldState);
+};
+var FormLabel2 = React48.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { error, formItemId } = useFormField2();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    Label3,
+    __spreadValues({
+      ref,
+      className: cn(error && "text-destructive", className),
+      htmlFor: formItemId
+    }, props)
+  );
+});
+FormLabel2.displayName = "FormLabel";
+var FormControl2 = React48.forwardRef((_a, ref) => {
+  var props = __objRest(_a, []);
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField2();
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_react_slot5.Slot,
+    __spreadValues({
+      ref,
+      id: formItemId,
+      "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
+      "aria-invalid": Boolean(error)
+    }, props)
+  );
+});
+FormControl2.displayName = "FormControl";
+var FormMessage2 = React48.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const { error, formMessageId } = useFormField2();
+  const body = error ? getErrorMessage2(error) : children;
+  if (!body) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "p",
+    __spreadProps(__spreadValues({
+      ref,
+      id: formMessageId,
+      className: cn("text-[0.8rem] font-medium text-destructive", className)
+    }, props), {
+      children: body
+    })
+  );
+});
+FormMessage2.displayName = "FormMessage";
+var getDefaultOptionValue = (item) => {
+  var _a;
+  if (typeof item === "string") return item;
+  if (item && typeof item === "object" && "value" in item) {
+    return String((_a = item.value) != null ? _a : "");
+  }
+  return String(item != null ? item : "");
+};
+var getDefaultOptionLabel = (item) => {
+  if (item && typeof item === "object" && "label" in item) {
+    return item.label;
+  }
+  return getDefaultOptionValue(item);
+};
+var FormSelect = ({
+  name,
+  control,
+  rules,
+  shouldUnregister,
+  defaultValue,
+  placeholder,
+  label,
+  requiredLabel,
+  className,
+  itemClassName,
+  contentClassName,
+  searchInputClassName,
+  labelClassName,
+  messageClassName,
+  requiredLabelClassName,
+  options,
+  items,
+  getOptionValue = getDefaultOptionValue,
+  getOptionLabel = getDefaultOptionLabel,
+  getOptionDisabled,
+  getOptionData,
+  children,
+  onChange,
+  onChangeItem,
+  disabled,
+  size = "md",
+  customSize,
+  variant = "outline",
+  invalid,
+  searchable = false,
+  searchPlaceholder = "Buscar\u2026",
+  emptyText = "No hay resultados",
+  position = "popper"
+}) => {
+  const form = (0, import_react_hook_form4.useFormContext)();
+  const controllerControl = control != null ? control : form == null ? void 0 : form.control;
+  const [query, setQuery] = React48.useState("");
+  const searchRef = React48.useRef(null);
+  const sizeClasses = getFormSizeClasses(size, customSize);
+  const triggerBase = "relative inline-flex w-full items-center justify-between text-foreground outline-none ring-offset-background transition placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
+  const triggerSizeClass = variant === "flushed" ? sizeClasses.flushedControl : variant === "link" ? sizeClasses.linkControl : sizeClasses.control;
+  const contentBase = "z-50 rounded-md border border-border bg-popover text-popover-foreground shadow-md !overflow-hidden";
+  const contentViewport = "[&_[data-radix-select-viewport]]:max-h-72 [&_[data-radix-select-viewport]]:overflow-y-auto [&_[data-radix-select-viewport]]:overscroll-contain [&_[data-radix-select-viewport]]:[scrollbar-gutter:stable]";
+  const normalizedOptions = React48.useMemo(() => {
     if (options) return options;
     return (items != null ? items : []).map((item) => {
       var _a;
@@ -7146,7 +7456,7 @@ var FormSelect = ({
     items,
     options
   ]);
-  const filteredOptions = React46.useMemo(() => {
+  const filteredOptions = React48.useMemo(() => {
     if (!searchable || !query.trim()) return normalizedOptions;
     const normalizedQuery = query.trim().toLowerCase();
     return normalizedOptions.filter((option) => {
@@ -7155,10 +7465,8 @@ var FormSelect = ({
       return `${label2} ${option.value}`.toLowerCase().includes(normalizedQuery);
     });
   }, [normalizedOptions, query, searchable]);
-  const specialFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-11 text-base" : "h-10 text-sm" : "";
-  const specialLink = variant === "link" ? "text-sm" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_hook_form2.Controller,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormFieldContext2.Provider, { value: { name }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_react_hook_form4.Controller,
     {
       control: controllerControl,
       name,
@@ -7167,17 +7475,22 @@ var FormSelect = ({
       defaultValue,
       render: ({ field, fieldState }) => {
         var _a;
-        const fieldError = getErrorMessage(fieldState.error);
+        const fieldError = getErrorMessage2(fieldState.error);
+        const hasError = Boolean(invalid || fieldError);
         const hasOptions = filteredOptions.length > 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(FormItem, { children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-            FormLabel,
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(FormItem2, { children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            FormLabel2,
             {
-              className: cn("flex items-center gap-0.5", labelClassName),
+              className: cn(
+                "flex items-center gap-0.5",
+                sizeClasses.label,
+                labelClassName
+              ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: label }),
-                requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  import_lucide_react3.Asterisk,
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: label }),
+                requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                  import_lucide_react5.Asterisk,
                   {
                     "aria-hidden": "true",
                     className: cn(
@@ -7189,7 +7502,7 @@ var FormSelect = ({
               ]
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
             Select2,
             {
               value: (_a = field.value) != null ? _a : "",
@@ -7204,226 +7517,128 @@ var FormSelect = ({
                   (_a2 = selectedOption == null ? void 0 : selectedOption.data) != null ? _a2 : null
                 );
               },
+              onOpenChange: (open) => {
+                if (open && searchable) {
+                  requestAnimationFrame(() => {
+                    var _a2;
+                    (_a2 = searchRef.current) == null ? void 0 : _a2.focus();
+                  });
+                }
+                if (!open) {
+                  setQuery("");
+                }
+              },
               disabled,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(FormControl2, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                   SelectTrigger,
                   {
                     className: cn(
                       triggerBase,
                       variants[variant],
-                      variant === "flushed" ? specialFlushed : variant === "link" ? specialLink : sizeTrigger[size],
-                      (invalid || fieldError) && "border-destructive ring-destructive focus:ring-destructive/40",
+                      triggerSizeClass,
+                      hasError && "border-destructive ring-destructive focus:ring-destructive/40",
                       className
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectValue, { placeholder })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectValue, { placeholder })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                   SelectContent,
                   {
-                    className: cn(contentBase, contentClassName),
+                    position,
+                    sideOffset: 6,
+                    className: cn(
+                      contentBase,
+                      contentViewport,
+                      "w-(--radix-select-trigger-width) min-w-(--radix-select-trigger-width)",
+                      contentClassName
+                    ),
                     onCloseAutoFocus: (event) => {
-                      if (!searchable) return;
-                      event.preventDefault();
-                      requestAnimationFrame(() => {
-                        var _a2;
-                        return (_a2 = searchRef.current) == null ? void 0 : _a2.focus();
-                      });
+                      if (searchable) {
+                        event.preventDefault();
+                      }
+                    },
+                    onWheelCapture: (event) => {
+                      event.stopPropagation();
+                    },
+                    onTouchMoveCapture: (event) => {
+                      event.stopPropagation();
                     },
                     children: [
-                      searchable && normalizedOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "sticky top-0 z-10 border-b border-border bg-popover p-2", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                      searchable && normalizedOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "sticky top-0 z-10 border-b border-border bg-popover p-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                         "input",
                         {
                           ref: searchRef,
                           value: query,
                           onChange: (event) => setQuery(event.target.value),
                           placeholder: searchPlaceholder,
-                          className: "w-full rounded-md border border-input bg-input px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/20",
+                          className: cn(
+                            "w-full rounded-md border border-input bg-input outline-none focus:ring-2 focus:ring-primary/20",
+                            sizeClasses.searchInput,
+                            searchInputClassName
+                          ),
                           onKeyDown: (event) => {
-                            if (event.key !== "Escape") event.stopPropagation();
+                            if (event.key !== "Escape") {
+                              event.stopPropagation();
+                            }
                           },
                           onPointerDown: (event) => event.stopPropagation(),
                           onClick: (event) => event.stopPropagation()
                         }
                       ) }) : null,
                       children && !searchable ? children : null,
-                      !children || searchable ? hasOptions ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                      !children || searchable ? hasOptions ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                         SelectItem,
                         {
                           value: option.value,
                           disabled: option.disabled,
-                          className: cn(itemSize[size], itemClassName),
+                          className: cn(
+                            sizeClasses.selectItem,
+                            itemClassName
+                          ),
                           children: option.label
-                        },
-                        option.value
-                      )) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyText }) : null
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          fieldError ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormMessage, { className: messageClassName, children: fieldError }) : null
-        ] });
-      }
-    }
-  ) });
-};
-FormSelect.displayName = "FormSelect";
-
-// src/components/Form/form-checkbox.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var FormCheckbox = (_a) => {
-  var _b = _a, {
-    name,
-    control,
-    rules,
-    shouldUnregister,
-    defaultValue,
-    label,
-    description,
-    requiredLabel,
-    className,
-    itemClassName,
-    checkboxClassName,
-    labelClassName,
-    descriptionClassName,
-    messageClassName,
-    requiredLabelClassName,
-    onChange
-  } = _b, checkboxProps = __objRest(_b, [
-    "name",
-    "control",
-    "rules",
-    "shouldUnregister",
-    "defaultValue",
-    "label",
-    "description",
-    "requiredLabel",
-    "className",
-    "itemClassName",
-    "checkboxClassName",
-    "labelClassName",
-    "descriptionClassName",
-    "messageClassName",
-    "requiredLabelClassName",
-    "onChange"
-  ]);
-  var _a2;
-  const generatedId = React47.useId();
-  const form = (0, import_react_hook_form3.useFormContext)();
-  const controllerControl = control != null ? control : form == null ? void 0 : form.control;
-  const checkboxId = (_a2 = checkboxProps.id) != null ? _a2 : `${generatedId}-checkbox`;
-  const descriptionId = `${generatedId}-description`;
-  const messageId = `${generatedId}-message`;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_react_hook_form3.Controller,
-    {
-      control: controllerControl,
-      name,
-      rules,
-      shouldUnregister,
-      defaultValue,
-      render: ({ field, fieldState }) => {
-        var _a3;
-        const checked = Boolean(field.value);
-        const fieldError = (_a3 = fieldState.error) == null ? void 0 : _a3.message;
-        const hasError = Boolean(fieldError);
-        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormItem, { className: cn("space-y-1.5", itemClassName), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-          "div",
-          {
-            className: cn(
-              "flex items-start gap-3 rounded-lg border border-transparent p-1 transition-colors",
-              hasError && "border-destructive/20 bg-destructive/5",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                Checkbox,
-                __spreadProps(__spreadValues({}, checkboxProps), {
-                  ref: field.ref,
-                  id: checkboxId,
-                  checked,
-                  invalid: hasError || checkboxProps.invalid,
-                  "aria-invalid": hasError || checkboxProps.invalid || void 0,
-                  "aria-describedby": [description ? descriptionId : void 0, hasError ? messageId : void 0].filter(Boolean).join(" ") || void 0,
-                  className: cn("mt-0.5", checkboxClassName),
-                  onBlur: field.onBlur,
-                  onCheckedChange: (value) => {
-                    const nextValue = value === true;
-                    field.onChange(nextValue);
-                    onChange == null ? void 0 : onChange(nextValue);
-                  }
-                })
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                label ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-                  Label3,
-                  {
-                    htmlFor: checkboxId,
-                    className: cn(
-                      "inline-flex cursor-pointer items-start gap-1 text-sm font-medium leading-none text-foreground",
-                      checkboxProps.disabled && "cursor-not-allowed text-muted-foreground",
-                      hasError && "text-destructive",
-                      labelClassName
-                    ),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: label }),
-                      requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                        import_lucide_react4.Asterisk,
+                        },
+                        option.value
+                      )) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        "div",
                         {
-                          "aria-hidden": "true",
                           className: cn(
-                            "mt-0.5 h-3 w-3 shrink-0 text-red-500",
-                            requiredLabelClassName
-                          )
+                            "px-3 py-2 text-muted-foreground",
+                            sizeClasses.message
+                          ),
+                          children: emptyText
                         }
                       ) : null
                     ]
                   }
-                ) : null,
-                description ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  "p",
-                  {
-                    id: descriptionId,
-                    className: cn(
-                      "mt-1 text-sm leading-relaxed text-muted-foreground",
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                ) : null,
-                fieldError ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                  "p",
-                  {
-                    id: messageId,
-                    className: cn(
-                      "mt-1 text-sm font-medium text-destructive",
-                      messageClassName
-                    ),
-                    children: fieldError
-                  }
-                ) : null
-              ] })
-            ]
-          }
-        ) });
+                )
+              ]
+            }
+          ),
+          fieldError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            FormMessage2,
+            {
+              className: cn(sizeClasses.message, messageClassName),
+              children: fieldError
+            }
+          ) : null
+        ] });
       }
     }
-  );
+  ) });
 };
-FormCheckbox.displayName = "FormCheckbox";
+FormSelect.displayName = "FormSelect";
 
 // src/components/hover-card.tsx
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
-var React48 = __toESM(require("react"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var React49 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React48.forwardRef((_a, ref) => {
+var HoverCardContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -7439,46 +7654,46 @@ var HoverCardContent = React48.forwardRef((_a, ref) => {
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/icons.tsx
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var IconsApp = {
-  dashboard: import_lucide_react5.LayoutDashboardIcon,
-  logo: import_lucide_react5.Command,
-  login: import_lucide_react5.LogIn,
-  close: import_lucide_react5.X,
-  profile: import_lucide_react5.User2Icon,
-  spinner: import_lucide_react5.Loader2,
-  kanban: import_lucide_react5.CircuitBoardIcon,
-  chevronLeft: import_lucide_react5.ChevronLeft,
-  chevronRight: import_lucide_react5.ChevronRight,
-  trash: import_lucide_react5.Trash,
-  employee: import_lucide_react5.UserX2Icon,
-  post: import_lucide_react5.FileText,
-  page: import_lucide_react5.File,
-  media: import_lucide_react5.Image,
-  settings: import_lucide_react5.Settings,
-  billing: import_lucide_react5.CreditCard,
-  ellipsis: import_lucide_react5.MoreVertical,
-  add: import_lucide_react5.Plus,
-  warning: import_lucide_react5.AlertTriangle,
-  user: import_lucide_react5.User,
-  arrowRight: import_lucide_react5.ArrowRight,
-  help: import_lucide_react5.HelpCircle,
-  pizza: import_lucide_react5.Pizza,
-  sun: import_lucide_react5.SunMedium,
-  moon: import_lucide_react5.Moon,
-  laptop: import_lucide_react5.Laptop,
-  check: import_lucide_react5.Check
+  dashboard: import_lucide_react6.LayoutDashboardIcon,
+  logo: import_lucide_react6.Command,
+  login: import_lucide_react6.LogIn,
+  close: import_lucide_react6.X,
+  profile: import_lucide_react6.User2Icon,
+  spinner: import_lucide_react6.Loader2,
+  kanban: import_lucide_react6.CircuitBoardIcon,
+  chevronLeft: import_lucide_react6.ChevronLeft,
+  chevronRight: import_lucide_react6.ChevronRight,
+  trash: import_lucide_react6.Trash,
+  employee: import_lucide_react6.UserX2Icon,
+  post: import_lucide_react6.FileText,
+  page: import_lucide_react6.File,
+  media: import_lucide_react6.Image,
+  settings: import_lucide_react6.Settings,
+  billing: import_lucide_react6.CreditCard,
+  ellipsis: import_lucide_react6.MoreVertical,
+  add: import_lucide_react6.Plus,
+  warning: import_lucide_react6.AlertTriangle,
+  user: import_lucide_react6.User,
+  arrowRight: import_lucide_react6.ArrowRight,
+  help: import_lucide_react6.HelpCircle,
+  pizza: import_lucide_react6.Pizza,
+  sun: import_lucide_react6.SunMedium,
+  moon: import_lucide_react6.Moon,
+  laptop: import_lucide_react6.Laptop,
+  check: import_lucide_react6.Check
 };
 var Icons = IconsApp;
 
 // src/components/input-otp.tsx
 var import_react_icons10 = require("@radix-ui/react-icons");
 var import_input_otp = require("input-otp");
-var React49 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var InputOTP = React49.forwardRef((_a, ref) => {
+var React50 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var InputOTP = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_input_otp.OTPInput,
     __spreadValues({
       ref,
@@ -7491,16 +7706,16 @@ var InputOTP = React49.forwardRef((_a, ref) => {
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React49.forwardRef((_a, ref) => {
+var InputOTPGroup = React50.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React49.forwardRef((_a, ref) => {
+var InputOTPSlot = React50.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
-  const inputOTPContext = React49.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React50.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -7513,31 +7728,31 @@ var InputOTPSlot = React49.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React49.forwardRef((_a, ref) => {
+var InputOTPSeparator = React50.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_icons10.DashIcon, {}) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons10.DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/menubar.tsx
 var import_react_icons11 = require("@radix-ui/react-icons");
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
-var React50 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var React51 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = 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 = React50.forwardRef((_a, ref) => {
+var Menubar = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -7549,9 +7764,9 @@ var Menubar = React50.forwardRef((_a, ref) => {
   );
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React50.forwardRef((_a, ref) => {
+var MenubarTrigger = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -7563,9 +7778,9 @@ var MenubarTrigger = React50.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React50.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -7577,15 +7792,15 @@ var MenubarSubTrigger = React50.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons11.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_icons11.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React50.forwardRef((_a, ref) => {
+var MenubarSubContent = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -7597,10 +7812,10 @@ var MenubarSubContent = React50.forwardRef((_a, ref) => {
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React50.forwardRef(
+var MenubarContent = React51.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_runtime26.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -7616,9 +7831,9 @@ var MenubarContent = React50.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React50.forwardRef((_a, ref) => {
+var MenubarItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -7631,9 +7846,9 @@ var MenubarItem = React50.forwardRef((_a, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React50.forwardRef((_a, ref) => {
+var MenubarCheckboxItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -7644,16 +7859,16 @@ var MenubarCheckboxItem = React50.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons11.CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_icons11.CheckIcon, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React50.forwardRef((_a, ref) => {
+var MenubarRadioItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -7663,16 +7878,16 @@ var MenubarRadioItem = React50.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons11.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_icons11.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React50.forwardRef((_a, ref) => {
+var MenubarLabel = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -7685,9 +7900,9 @@ var MenubarLabel = React50.forwardRef((_a, ref) => {
   );
 });
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React50.forwardRef((_a, ref) => {
+var MenubarSeparator = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -7702,7 +7917,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "span",
     __spreadValues({
       className: cn(
@@ -7715,7 +7930,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Modal = ({
   title,
   description,
@@ -7729,12 +7944,12 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogContent, { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogContent, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children })
   ] }) });
 };
 
@@ -7742,11 +7957,11 @@ var Modal = ({
 var import_react_icons12 = require("@radix-ui/react-icons");
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
-var React51 = __toESM(require("react"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var NavigationMenu = React51.forwardRef((_a, ref) => {
+var React52 = __toESM(require("react"), 1);
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var NavigationMenu = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -7757,15 +7972,15 @@ var NavigationMenu = React51.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(NavigationMenuViewport, {})
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(NavigationMenuViewport, {})
       ]
     })
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React51.forwardRef((_a, ref) => {
+var NavigationMenuList = 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)(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -7781,9 +7996,9 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority6.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 = React51.forwardRef((_a, ref) => {
+var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -7792,7 +8007,7 @@ var NavigationMenuTrigger = React51.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           import_react_icons12.ChevronDownIcon,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -7804,9 +8019,9 @@ var NavigationMenuTrigger = React51.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React51.forwardRef((_a, ref) => {
+var NavigationMenuContent = 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)(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -7819,9 +8034,9 @@ var NavigationMenuContent = React51.forwardRef((_a, ref) => {
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React51.forwardRef((_a, ref) => {
+var NavigationMenuViewport = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -7833,9 +8048,9 @@ var NavigationMenuViewport = React51.forwardRef((_a, ref) => {
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React51.forwardRef((_a, ref) => {
+var NavigationMenuIndicator = 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)(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -7844,7 +8059,7 @@ var NavigationMenuIndicator = React51.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
@@ -7852,12 +8067,12 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 
 // src/components/pagination.tsx
 var import_react_icons13 = require("@radix-ui/react-icons");
-var React52 = __toESM(require("react"), 1);
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var React53 = __toESM(require("react"), 1);
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -7867,9 +8082,9 @@ var Pagination = (_a) => {
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React52.forwardRef((_a, ref) => {
+var PaginationContent = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -7878,9 +8093,9 @@ var PaginationContent = React52.forwardRef((_a, ref) => {
   );
 });
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React52.forwardRef((_a, ref) => {
+var PaginationItem = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -7893,7 +8108,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -7914,7 +8129,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -7922,8 +8137,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react6.ChevronLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.ChevronLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -7935,7 +8150,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -7943,8 +8158,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons13.ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons13.ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Previous" })
       ]
     })
   );
@@ -7956,7 +8171,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -7964,8 +8179,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_icons13.ChevronRightIcon, { className: "h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons13.ChevronRightIcon, { className: "h-4 w-4" })
       ]
     })
   );
@@ -7977,7 +8192,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -7985,8 +8200,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react6.ChevronRight, { className: "h-4 w-4" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react7.ChevronRight, { className: "h-4 w-4" })
       ]
     })
   );
@@ -7998,15 +8213,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime29.jsx)(import_react_icons13.DotsHorizontalIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons13.DotsHorizontalIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -8015,14 +8230,14 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var React53 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var React54 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React53.forwardRef((_a, ref) => {
+var PopoverContent = React54.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -8039,11 +8254,11 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/progress.tsx
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var React54 = __toESM(require("react"), 1);
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Progress = React54.forwardRef((_a, ref) => {
+var React55 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Progress = React55.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -8052,7 +8267,7 @@ var Progress = React54.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -8067,11 +8282,11 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 // src/components/radio-group.tsx
 var import_react_icons14 = require("@radix-ui/react-icons");
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var React55 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var RadioGroup4 = React55.forwardRef((_a, ref) => {
+var React56 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var RadioGroup4 = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -8081,9 +8296,9 @@ var RadioGroup4 = React55.forwardRef((_a, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React55.forwardRef((_a, ref) => {
+var RadioGroupItem = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -8092,7 +8307,7 @@ var RadioGroupItem = React55.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons14.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons14.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
@@ -8101,14 +8316,14 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/resizable.tsx
 var import_react_icons15 = require("@radix-ui/react-icons");
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     ResizablePrimitive.Group,
     __spreadValues({
       className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className)
@@ -8124,7 +8339,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8132,35 +8347,35 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_icons15.DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ (0, import_jsx_runtime34.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 React56 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var ScrollArea = React56.forwardRef((_a, ref) => {
+var React57 = __toESM(require("react"), 1);
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var ScrollArea = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollBar, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollBar, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React56.forwardRef((_a, ref) => {
+var ScrollBar = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -8172,7 +8387,7 @@ var ScrollBar = React56.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
@@ -8181,7 +8396,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/search-input.tsx
 var import_react33 = __toESM(require("react"), 1);
 var import_use_debounce = require("use-debounce");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function SearchInput({
   value = "",
   placeholder,
@@ -8202,7 +8417,7 @@ function SearchInput({
     setSearchTerm(nextValue);
     debouncedSearch(nextValue);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     Input,
     {
       placeholder: placeholder || "Search...",
@@ -8215,10 +8430,10 @@ function SearchInput({
 }
 
 // src/components/searchable-select.tsx
-var React58 = __toESM(require("react"), 1);
+var React59 = __toESM(require("react"), 1);
 var SelectPrimitive2 = __toESM(require("@radix-ui/react-select"), 1);
 var import_react_icons16 = require("@radix-ui/react-icons");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function normalizeText(value) {
   return String(value != null ? value : "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
 }
@@ -8248,10 +8463,10 @@ function SearchableSelect(_a) {
     "itemClassName",
     "searchInputClassName"
   ]);
-  const [open, setOpen] = React58.useState(false);
-  const [query, setQuery] = React58.useState("");
-  const inputRef = React58.useRef(null);
-  const filteredItems = React58.useMemo(() => {
+  const [open, setOpen] = React59.useState(false);
+  const [query, setQuery] = React59.useState("");
+  const inputRef = React59.useRef(null);
+  const filteredItems = React59.useMemo(() => {
     const normalizedQuery = normalizeText(query.trim());
     if (!normalizedQuery) return items;
     return items.filter((item) => {
@@ -8262,7 +8477,7 @@ function SearchableSelect(_a) {
       return haystack.includes(normalizedQuery);
     });
   }, [items, query]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     SelectPrimitive2.Root,
     __spreadProps(__spreadValues({
       open,
@@ -8281,7 +8496,7 @@ function SearchableSelect(_a) {
       }
     }, rootProps), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           SelectPrimitive2.Trigger,
           {
             className: cn(
@@ -8289,12 +8504,12 @@ function SearchableSelect(_a) {
               triggerClassName
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive2.Value, { placeholder }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons16.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectPrimitive2.Value, { placeholder }),
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons16.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectPrimitive2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
           SelectPrimitive2.Content,
           {
             position: "popper",
@@ -8310,8 +8525,8 @@ function SearchableSelect(_a) {
               });
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "border-b border-border bg-popover p-2", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "border-b border-border bg-popover p-2", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "input",
                   {
                     ref: inputRef,
@@ -8327,7 +8542,7 @@ function SearchableSelect(_a) {
                     )
                   }
                 ),
-                query ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+                query ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "button",
                   {
                     type: "button",
@@ -8338,11 +8553,11 @@ function SearchableSelect(_a) {
                       (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
                     },
                     className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm opacity-70 transition hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring/40",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons16.Cross2Icon, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons16.Cross2Icon, { className: "h-3.5 w-3.5" })
                   }
                 ) : null
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive2.Viewport, { className: "max-h-80 p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyText }) : filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectPrimitive2.Viewport, { className: "max-h-80 p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyText }) : filteredItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
                 SelectPrimitive2.Item,
                 {
                   value: item.value,
@@ -8352,8 +8567,8 @@ function SearchableSelect(_a) {
                     itemClassName
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive2.ItemText, { children: item.label }),
-                    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_icons16.CheckIcon, { className: "h-4 w-4" }) }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectPrimitive2.ItemText, { children: item.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons16.CheckIcon, { className: "h-4 w-4" }) }) })
                   ]
                 },
                 item.value
@@ -8368,12 +8583,12 @@ function SearchableSelect(_a) {
 
 // src/components/separator.tsx
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var React59 = __toESM(require("react"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var Separator6 = React59.forwardRef(
+var React60 = __toESM(require("react"), 1);
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var Separator6 = React60.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,
@@ -8394,15 +8609,15 @@ Separator6.displayName = SeparatorPrimitive.Root.displayName;
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_react_icons17 = require("@radix-ui/react-icons");
 var import_class_variance_authority7 = require("class-variance-authority");
-var React60 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var React61 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React60.forwardRef((_a, ref) => {
+var SheetOverlay = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8431,11 +8646,11 @@ var sheetVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SheetContent = React60.forwardRef((_a, ref) => {
+var SheetContent = React61.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -8443,9 +8658,9 @@ var SheetContent = React60.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_icons17.Cross2Icon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons17.Cross2Icon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -8459,7 +8674,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -8476,7 +8691,7 @@ var SheetFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -8487,9 +8702,9 @@ var SheetFooter = (_a) => {
   );
 };
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React60.forwardRef((_a, ref) => {
+var SheetTitle = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -8498,9 +8713,9 @@ var SheetTitle = React60.forwardRef((_a, ref) => {
   );
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React60.forwardRef((_a, ref) => {
+var SheetDescription = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -8511,14 +8726,14 @@ var SheetDescription = React60.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/skeleton.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-md bg-primary/10", className)
@@ -8528,11 +8743,11 @@ function Skeleton(_a) {
 
 // src/components/slider.tsx
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var React61 = __toESM(require("react"), 1);
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var Slider = React61.forwardRef((_a, ref) => {
+var React62 = __toESM(require("react"), 1);
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Slider = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -8542,8 +8757,8 @@ var Slider = React61.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
       ]
     })
   );
@@ -8553,11 +8768,11 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 // src/components/sonner.tsx
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var ToasterSonner = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_sonner.Toaster,
     __spreadValues({
       theme,
@@ -8576,11 +8791,11 @@ var ToasterSonner = (_a) => {
 
 // src/components/switch.tsx
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var React62 = __toESM(require("react"), 1);
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var Switch = React62.forwardRef((_a, ref) => {
+var React63 = __toESM(require("react"), 1);
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var Switch = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8589,7 +8804,7 @@ var Switch = React62.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -8603,12 +8818,12 @@ var Switch = React62.forwardRef((_a, ref) => {
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
-var React63 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var Table = React63.forwardRef(
+var React64 = __toESM(require("react"), 1);
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Table = React64.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn("relative w-full overflow-visible", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cn("relative w-full overflow-visible", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "table",
       __spreadValues({
         ref,
@@ -8618,14 +8833,14 @@ var Table = React63.forwardRef(
   }
 );
 Table.displayName = "Table";
-var TableHeader = React63.forwardRef((_a, ref) => {
+var TableHeader = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React63.forwardRef((_a, ref) => {
+var TableBody = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "tbody",
     __spreadValues({
       ref,
@@ -8634,9 +8849,9 @@ var TableBody = React63.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React63.forwardRef((_a, ref) => {
+var TableFooter = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "tfoot",
     __spreadValues({
       ref,
@@ -8648,9 +8863,9 @@ var TableFooter = React63.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React63.forwardRef((_a, ref) => {
+var TableRow = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "tr",
     __spreadValues({
       ref,
@@ -8662,9 +8877,9 @@ var TableRow = React63.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React63.forwardRef((_a, ref) => {
+var TableHead = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "th",
     __spreadValues({
       ref,
@@ -8676,9 +8891,9 @@ var TableHead = React63.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React63.forwardRef((_a, ref) => {
+var TableCell = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "td",
     __spreadValues({
       ref,
@@ -8690,9 +8905,9 @@ var TableCell = React63.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React63.forwardRef((_a, ref) => {
+var TableCaption = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "caption",
     __spreadValues({
       ref,
@@ -8704,12 +8919,12 @@ TableCaption.displayName = "TableCaption";
 
 // src/components/tabs.tsx
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var React64 = __toESM(require("react"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var React65 = __toESM(require("react"), 1);
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React64.forwardRef((_a, ref) => {
+var TabsList = React65.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -8721,9 +8936,9 @@ var TabsList = React64.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React64.forwardRef((_a, ref) => {
+var TabsTrigger = React65.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -8735,9 +8950,9 @@ var TabsTrigger = React64.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React64.forwardRef((_a, ref) => {
+var TabsContent = React65.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -8751,12 +8966,12 @@ var TabsContent = React64.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/textarea.tsx
-var React65 = __toESM(require("react"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var Textarea = React65.forwardRef(
+var React66 = __toESM(require("react"), 1);
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Textarea = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "textarea",
       __spreadValues({
         className: cn(
@@ -8774,12 +8989,12 @@ Textarea.displayName = "Textarea";
 var import_react_icons18 = require("@radix-ui/react-icons");
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority8 = require("class-variance-authority");
-var React66 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var React67 = __toESM(require("react"), 1);
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React66.forwardRef((_a, ref) => {
+var ToastViewport = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -8805,9 +9020,9 @@ var toastVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Toast = React66.forwardRef((_a, ref) => {
+var Toast = React67.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -8816,9 +9031,9 @@ var Toast = React66.forwardRef((_a, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React66.forwardRef((_a, ref) => {
+var ToastAction = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -8830,9 +9045,9 @@ var ToastAction = React66.forwardRef((_a, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React66.forwardRef((_a, ref) => {
+var ToastClose = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
@@ -8842,14 +9057,14 @@ var ToastClose = React66.forwardRef((_a, ref) => {
       ),
       "toast-close": ""
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_icons18.Cross2Icon, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_icons18.Cross2Icon, { className: "h-4 w-4" })
     })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React66.forwardRef((_a, ref) => {
+var ToastTitle = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -8858,9 +9073,9 @@ var ToastTitle = React66.forwardRef((_a, ref) => {
   );
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React66.forwardRef((_a, ref) => {
+var ToastDescription = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -8871,7 +9086,7 @@ var ToastDescription = React66.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/use-toast.ts
-var React67 = __toESM(require("react"), 1);
+var React68 = __toESM(require("react"), 1);
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -8966,8 +9181,8 @@ function toast(_a) {
   };
 }
 function useToast() {
-  const [state, setState] = React67.useState(memoryState);
-  React67.useEffect(() => {
+  const [state, setState] = React68.useState(memoryState);
+  React68.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -8983,30 +9198,30 @@ function useToast() {
 }
 
 // src/components/toaster.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(ToastProvider, { children: [
     toasts.map(function(_a) {
       var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Toast, __spreadProps(__spreadValues({}, props), { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Toast, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ToastClose, {})
       ] }), id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/toggle.tsx
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var React68 = __toESM(require("react"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var React69 = __toESM(require("react"), 1);
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
@@ -9027,9 +9242,9 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Toggle = React68.forwardRef((_a, ref) => {
+var Toggle = React69.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TogglePrimitive.Root,
     __spreadValues({
       ref,
@@ -9041,29 +9256,29 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/toggle-group.tsx
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
-var React69 = __toESM(require("react"), 1);
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var ToggleGroupContext = React69.createContext({
+var React70 = __toESM(require("react"), 1);
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var ToggleGroupContext = React70.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React69.forwardRef((_a, ref) => {
+var ToggleGroup = React70.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size, children } = _b, props = __objRest(_b, ["className", "variant", "size", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("flex items-center justify-center gap-1", className)
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
     })
   );
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React69.forwardRef((_a, ref) => {
+var ToggleGroupItem = React70.forwardRef((_a, ref) => {
   var _b = _a, { className, children, variant, size } = _b, props = __objRest(_b, ["className", "children", "variant", "size"]);
-  const context = React69.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const context = React70.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -9083,14 +9298,14 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/components/tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var React70 = __toESM(require("react"), 1);
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var React71 = __toESM(require("react"), 1);
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React70.forwardRef((_a, ref) => {
+var TooltipContent = React71.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -9105,10 +9320,10 @@ var TooltipContent = React70.forwardRef((_a, ref) => {
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/input.tsx
-var React71 = __toESM(require("react"), 1);
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var UiInput = React71.forwardRef(
+var React72 = __toESM(require("react"), 1);
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var UiInput = React72.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       label,
@@ -9133,12 +9348,12 @@ var UiInput = React71.forwardRef(
       "invalid",
       "className"
     ]);
-    const generatedId = React71.useId();
+    const generatedId = React72.useId();
     const inputId = htmlFormItemId != null ? htmlFormItemId : generatedId;
     const messageId = `${inputId}-message`;
     const hasError = Boolean(errorMessage || invalid);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("w-full space-y-1.5", containerClassName), children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cn("w-full space-y-1.5", containerClassName), children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
         Label3,
         {
           className: cn(
@@ -9148,9 +9363,9 @@ var UiInput = React71.forwardRef(
           ),
           htmlFor: inputId,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: label }),
-            requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-              import_lucide_react7.Asterisk,
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: label }),
+            requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              import_lucide_react8.Asterisk,
               {
                 "aria-hidden": "true",
                 className: cn(
@@ -9162,7 +9377,7 @@ var UiInput = React71.forwardRef(
           ]
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         Input,
         __spreadProps(__spreadValues({}, inputProps), {
           ref,
@@ -9173,7 +9388,7 @@ var UiInput = React71.forwardRef(
           className
         })
       ),
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         "p",
         {
           id: messageId,
@@ -9187,8 +9402,8 @@ var UiInput = React71.forwardRef(
 UiInput.displayName = "UiInput";
 
 // src/components/ui/select.tsx
-var React72 = __toESM(require("react"), 1);
-var import_lucide_react8 = require("lucide-react");
+var React73 = __toESM(require("react"), 1);
+var import_lucide_react9 = require("lucide-react");
 
 // src/types/select.ts
 var selectVariants = {
@@ -9203,7 +9418,7 @@ var selectVariants = {
 var variants2 = selectVariants;
 
 // src/components/ui/select.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function UiSelect({
   label,
   placeholder,
@@ -9226,7 +9441,7 @@ function UiSelect({
   errorMessage,
   htmlFormItemId
 }) {
-  const generatedId = React72.useId();
+  const generatedId = React73.useId();
   const triggerId = htmlFormItemId != null ? htmlFormItemId : generatedId;
   const messageId = `${triggerId}-message`;
   const hasError = Boolean(errorMessage);
@@ -9243,8 +9458,8 @@ function UiSelect({
   };
   const specialFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-11 text-base" : "h-10 text-sm" : "";
   const specialLink = variant === "link" ? "text-sm" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cn("w-full space-y-1.5", selectClassName), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn("w-full space-y-1.5", selectClassName), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       Label3,
       {
         className: cn(
@@ -9254,9 +9469,9 @@ function UiSelect({
         ),
         htmlFor: triggerId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: label }),
-          requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-            import_lucide_react8.Asterisk,
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: label }),
+          requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            import_lucide_react9.Asterisk,
             {
               "aria-hidden": "true",
               className: cn(
@@ -9268,7 +9483,7 @@ function UiSelect({
         ]
       }
     ) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       Select2,
       {
         value,
@@ -9276,7 +9491,7 @@ function UiSelect({
         onValueChange: onChange,
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             SelectTrigger,
             {
               id: triggerId,
@@ -9289,10 +9504,10 @@ function UiSelect({
                 hasError && "border-destructive ring-destructive focus:ring-destructive/40",
                 className
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectValue, { placeholder })
+              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectValue, { placeholder })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContent, { className: contentClassName, children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContent, { className: contentClassName, children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             SelectItem,
             {
               value: item.value,
@@ -9305,7 +9520,7 @@ function UiSelect({
         ]
       }
     ),
-    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "p",
       {
         id: messageId,
@@ -9317,10 +9532,10 @@ function UiSelect({
 }
 
 // src/components/ui/ui-checkbox.tsx
-var React73 = __toESM(require("react"), 1);
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var UiCheckbox = React73.forwardRef(
+var React74 = __toESM(require("react"), 1);
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var UiCheckbox = React74.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       label,
@@ -9352,7 +9567,7 @@ var UiCheckbox = React73.forwardRef(
       "className"
     ]);
     const hasError = Boolean(errorMessage || invalid);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "div",
       {
         className: cn(
@@ -9361,7 +9576,7 @@ var UiCheckbox = React73.forwardRef(
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             Checkbox,
             __spreadValues({
               ref,
@@ -9370,8 +9585,8 @@ var UiCheckbox = React73.forwardRef(
               className: cn("mt-0.5", className)
             }, checkboxProps)
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            label ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
               Label3,
               {
                 htmlFor: htmlFormItemId,
@@ -9382,9 +9597,9 @@ var UiCheckbox = React73.forwardRef(
                   labelClassName
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: label }),
-                  requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-                    import_lucide_react9.Asterisk,
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: label }),
+                  requiredLabel ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+                    import_lucide_react10.Asterisk,
                     {
                       "aria-hidden": "true",
                       className: cn(
@@ -9396,7 +9611,7 @@ var UiCheckbox = React73.forwardRef(
                 ]
               }
             ) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            description ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "p",
               {
                 className: cn(
@@ -9406,7 +9621,7 @@ var UiCheckbox = React73.forwardRef(
                 children: description
               }
             ) : null,
-            errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "p",
               {
                 className: cn(
@@ -9426,7 +9641,7 @@ UiCheckbox.displayName = "UiCheckbox";
 
 // src/hooks/use-sidebar.tsx
 var import_react34 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SidebarContext = (0, import_react34.createContext)({
   isMinimized: false,
   toggle: () => {
@@ -9440,11 +9655,11 @@ var SidebarProvider = ({
   const toggle = () => {
     setIsMinimized(!isMinimized);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SidebarContext.Provider, { value: { isMinimized, toggle }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(SidebarContext.Provider, { value: { isMinimized, toggle }, children });
 };
 
 // src/shared/alert-modal.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var AlertModal = ({
   isOpen,
   onClose,
@@ -9457,7 +9672,7 @@ var AlertModal = ({
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     Modal,
     {
       title,
@@ -9465,9 +9680,9 @@ var AlertModal = ({
       isOpen,
       onClose,
       className,
-      children: children ? children : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      children: children ? children : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           Button,
           {
             disabled: loading,
@@ -9483,21 +9698,21 @@ var AlertModal = ({
 };
 
 // src/shared/breadcrumbs.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_react35 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Breadcrumbs({
   items,
   className,
   classNameList,
-  separator = /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react10.Slash, {})
+  separator = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react11.Slash, {})
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react35.Fragment, { children: [
-      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BreadcrumbPage, { children: item.title }) }),
-      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BreadcrumbSeparator, { children: separator }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react35.Fragment, { children: [
+      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BreadcrumbPage, { children: item.title }) }),
+      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(BreadcrumbSeparator, { children: separator }) : null
     ] }, `${item.title}-${index}`);
   }) }) });
 }
@@ -9507,8 +9722,8 @@ var import_react36 = require("react");
 var import_framer_motion = require("framer-motion");
 var import_react_icons19 = require("@radix-ui/react-icons");
 var import_react_table = require("@tanstack/react-table");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var ACCENT_COLOR = {
   primary: "var(--primary)",
   emerald: "#10b981",
@@ -9786,16 +10001,16 @@ function DataTable({
   const accentOn = !!dtAccent;
   const dataAccent = accentOn ? "on" : "off";
   const headerIsSticky = stickyHeader && !headerScroll;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "div",
     {
       "data-accent": dataAccent,
       className: cn(ui.root, heightClassName),
       style: accentOn ? { "--dt-accent": dtAccent } : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(ScrollArea, { className: "h-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "relative w-max min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Table, { className: cn(ui.table), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableHeader, { className: cn(ui.thead), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableRow, { className: cn(ui.trHead), children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ScrollArea, { className: "h-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "relative w-max min-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Table, { className: cn(ui.table), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableHeader, { className: cn(ui.thead), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableRow, { className: cn(ui.trHead), children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               TableHead,
               {
                 className: cn(
@@ -9809,7 +10024,7 @@ function DataTable({
               },
               header.id
             )) }, headerGroup.id)) }),
-            animate ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_framer_motion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            animate ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_framer_motion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               import_framer_motion.motion.tbody,
               {
                 className: cn(ui.tbody),
@@ -9817,7 +10032,7 @@ function DataTable({
                 animate: { opacity: 1, y: 0 },
                 exit: { opacity: 0, y: -6 },
                 transition: { duration: 0.18 },
-                children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                   TableRow,
                   {
                     "data-accent": dataAccent,
@@ -9827,13 +10042,13 @@ function DataTable({
                       ui.tr,
                       clickable ? ui.trClickable : void 0
                     ),
-                    children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableCell, { className: cn(ui.td), children: (0, import_react_table.flexRender)(
+                    children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableCell, { className: cn(ui.td), children: (0, import_react_table.flexRender)(
                       cell.column.columnDef.cell,
                       cell.getContext()
                     ) }, cell.id))
                   },
                   row.id
-                )) : emptyData || /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                )) : emptyData || /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                   TableCell,
                   {
                     colSpan: columns.length,
@@ -9846,7 +10061,7 @@ function DataTable({
                 ) })
               },
               pageKey
-            ) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableBody, { className: cn(ui.tbody), children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableBody, { className: cn(ui.tbody), children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               TableRow,
               {
                 "data-accent": dataAccent,
@@ -9856,13 +10071,13 @@ function DataTable({
                   ui.tr,
                   clickable ? ui.trClickable : void 0
                 ),
-                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableCell, { className: cn(ui.td), children: (0, import_react_table.flexRender)(
+                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableCell, { className: cn(ui.td), children: (0, import_react_table.flexRender)(
                   cell.column.columnDef.cell,
                   cell.getContext()
                 ) }, cell.id))
               },
               row.id
-            )) : emptyData || /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            )) : emptyData || /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               TableCell,
               {
                 colSpan: columns.length,
@@ -9874,11 +10089,11 @@ function DataTable({
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ScrollBar, { orientation: "horizontal" })
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ScrollBar, { orientation: "horizontal" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn(ui.footer), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn(ui.footerInner), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_auto] sm:items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(ui.metaWrap), children: [
-            isRowsSelected && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn(ui.footer), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn(ui.footerInner), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_auto] sm:items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn(ui.metaWrap), children: [
+            isRowsSelected && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
               table.getFilteredSelectedRowModel().rows.length,
               " ",
               ofLabel,
@@ -9887,36 +10102,36 @@ function DataTable({
               " ",
               rowsSelectedLabel
             ] }),
-            typeof totalRows === "number" && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+            typeof totalRows === "number" && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
               "Total: ",
               totalRows,
               " registros"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(ui.controlsWrap), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: cn(ui.pageSizeLabel), children: rowPerPageLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn(ui.controlsWrap), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: cn(ui.pageSizeLabel), children: rowPerPageLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
                 Select2,
                 {
                   value: `${pageSize}`,
                   onValueChange: (v) => changePageSize(Number(v)),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                       SelectTrigger,
                       {
                         "data-accent": dataAccent,
                         className: cn(ui.pageSizeTrigger),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectValue, { placeholder: `${pageSize}` })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectValue, { placeholder: `${pageSize}` })
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SelectItem, { value: `${size}`, children: size }, size)) })
+                    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: `${size}`, children: size }, size)) })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(ui.pageLabel), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn(ui.pageLabel), children: [
                 pageLabel,
                 " ",
                 pageIndex + 1,
@@ -9925,7 +10140,7 @@ function DataTable({
                 " ",
                 safePageCount
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9934,10 +10149,10 @@ function DataTable({
                   className: cn("hidden lg:flex", ui.navButton),
                   onClick: () => goToPage(0),
                   disabled: pageIndex === 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_icons19.DoubleArrowLeftIcon, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons19.DoubleArrowLeftIcon, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9946,10 +10161,10 @@ function DataTable({
                   className: cn(ui.navButton),
                   onClick: () => goToPage(pageIndex - 1),
                   disabled: pageIndex === 0,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react12.ChevronLeft, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9958,10 +10173,10 @@ function DataTable({
                   className: cn(ui.navButton),
                   onClick: () => goToPage(pageIndex + 1),
                   disabled: pageIndex + 1 >= safePageCount,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_lucide_react12.ChevronRight, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9970,11 +10185,11 @@ function DataTable({
                   className: cn("hidden lg:flex", ui.navButton),
                   onClick: () => goToPage(safePageCount - 1),
                   disabled: pageIndex + 1 >= safePageCount,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_icons19.DoubleArrowRightIcon, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_icons19.DoubleArrowRightIcon, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-muted-foreground w-full text-center text-xs sm:hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "text-muted-foreground w-full text-center text-xs sm:hidden", children: [
               pageLabel,
               " ",
               pageIndex + 1,
@@ -9991,7 +10206,7 @@ function DataTable({
 }
 
 // src/shared/data-table-skeleton.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function DataTableSkeleton({
   columnCount,
   rowCount = 10,
@@ -9999,31 +10214,31 @@ function DataTableSkeleton({
   filterableColumnCount = 0,
   showViewOptions = true
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "w-full space-y-3 overflow-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
-        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-10 w-37.5 lg:w-62.5" }, i)) : null,
-        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-10 w-17.5 border-dashed" }, i)) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "w-full space-y-3 overflow-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
+        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-10 w-37.5 lg:w-62.5" }, i)) : null,
+        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-10 w-17.5 border-dashed" }, i)) : null
       ] }),
-      showViewOptions ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "ml-auto hidden h-7 w-17.5 lg:flex" }) : null
+      showViewOptions ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "ml-auto hidden h-7 w-17.5 lg:flex" }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-8 w-40" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-8 w-24" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-8 w-17.5" })
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-8 w-40" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-8 w-24" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-8 w-17.5" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex w-25 items-center justify-center text-sm font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "h-8 w-20" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "hidden size-8 lg:block" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Skeleton, { className: "hidden size-8 lg:block" })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex w-25 items-center justify-center text-sm font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "h-8 w-20" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "hidden size-8 lg:block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Skeleton, { className: "hidden size-8 lg:block" })
         ] })
       ] })
     ] })
@@ -10032,7 +10247,7 @@ function DataTableSkeleton({
 
 // src/shared/dropzone.tsx
 var import_react_dropzone = require("react-dropzone");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function Dropzone({
   label,
   onChange,
@@ -10055,9 +10270,9 @@ function Dropzone({
     },
     accept
   }, options));
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: cn("font-medium", labelClassName), children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: cn("font-medium", labelClassName), children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "div",
       __spreadProps(__spreadValues({}, getRootProps()), {
         className: cn(
@@ -10066,12 +10281,12 @@ function Dropzone({
           dropzoneClassName
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("input", __spreadValues({}, getInputProps())),
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: cn("text-gray-600", descriptionClassName), children: isDragActive ? descriptionActive : description })
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("input", __spreadValues({}, getInputProps())),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: cn("text-gray-600", descriptionClassName), children: isDragActive ? descriptionActive : description })
         ]
       })
     ),
-    value && value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("ul", { className: cn("text-sm text-gray-700 space-y-1", valueClassName), children: value.map((file, idx) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("li", { children: [
+    value && value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("ul", { className: cn("text-sm text-gray-700 space-y-1", valueClassName), children: value.map((file, idx) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("li", { children: [
       "\u2022 ",
       file.name
     ] }, idx)) })
@@ -10080,10 +10295,10 @@ function Dropzone({
 
 // src/shared/fileupload.tsx
 var import_react_icons20 = require("@radix-ui/react-icons");
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_react37 = require("react");
 var import_react_dropzone2 = require("react-dropzone");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function FileUpload({
   onChange,
   value = [],
@@ -10099,18 +10314,18 @@ function FileUpload({
       onChange(acceptedFiles);
     }
   }, options));
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "div",
     {
       className: cn(
         "relative h-36 w-36 overflow-hidden rounded-full bg-gray-200 shadow-2xl",
         classNameContent
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("input", __spreadValues({}, getInputProps())),
-        value.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ImagePreview, { file: value[0] }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons20.AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsx)(import_lucide_react12.CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("input", __spreadValues({}, getInputProps())),
+        value.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ImagePreview, { file: value[0] }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_icons20.AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)(import_lucide_react13.CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
           label
         ] })
       ] }))
@@ -10126,7 +10341,7 @@ function ImagePreview({ file }) {
       URL.revokeObjectURL(url);
     };
   }, [file]);
-  return objectUrl ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return objectUrl ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "img",
     {
       src: objectUrl,
@@ -10137,23 +10352,23 @@ function ImagePreview({ file }) {
 }
 
 // src/shared/heading.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function Heading({ title, description, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
 
 // src/shared/page-head.tsx
 var import_react_helmet_next = require("react-helmet-next");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function PageHead({ title = "shadcn-ui-react" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react_helmet_next.Helmet, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_helmet_next.Helmet, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) });
 }
 
 // src/shared/pagination-section.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function PaginationSection({
   totalPosts,
   postsPerPage,
@@ -10191,17 +10406,17 @@ function PaginationSection({
     }
   };
   const renderPages = () => {
-    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       PaginationItem,
       {
         className: currentPage === page ? "rounded-md bg-primary" : "",
-        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
       },
       idx
     ));
     if (activePages[0] > 1) {
       renderedPages.unshift(
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[0] - 1)
@@ -10212,7 +10427,7 @@ function PaginationSection({
     }
     if (activePages[activePages.length - 1] < pageNumbers.length) {
       renderedPages.push(
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[activePages.length - 1] + 1)
@@ -10223,21 +10438,21 @@ function PaginationSection({
     }
     return renderedPages;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(PaginationContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(PaginationItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(PaginationContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(PaginationItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         PaginationPreviousLast,
         {
           onClick: handlePrevPageLast,
           size: void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
     ] }),
     renderPages(),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(PaginationItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PaginationNext, { onClick: handleNextPage, size: void 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(PaginationItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PaginationNext, { onClick: handleNextPage, size: void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
     ] })
   ] }) }) });
 }
@@ -10490,13 +10705,11 @@ function PaginationSection({
   buttonVariants,
   cn,
   iconButtonVariants,
-  inputVariants,
   navigationMenuTriggerStyle,
   reducer,
   toast,
   toggleVariants,
   useFormField,
   useSidebar,
-  useToast,
-  variants
+  useToast
 });