shadcn-ui-react 0.3.6 → 0.3.8

package/dist/index.js

@@ -5512,19 +5512,116 @@ import {
   Controller,
   useFormContext
 } from "react-hook-form";
-import React43 from "react";
+import React44 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { Asterisk } from "lucide-react";
+
+// src/components/input.tsx
+import * as React41 from "react";
+import { Mail, Search, Eye, EyeOff } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var Input = React41.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      variant = "outline",
+      size = "md",
+      leading,
+      trailing,
+      invalid = false,
+      disabled
+    } = _b, props = __objRest(_b, [
+      "className",
+      "variant",
+      "size",
+      "leading",
+      "trailing",
+      "invalid",
+      "disabled"
+    ]);
+    const base = "block w-full bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition disabled:opacity-50 disabled:cursor-not-allowed";
+    const sizeCls = size === "sm" ? "h-9 px-3 text-sm" : size === "lg" ? "h-12 px-5 text-base" : "h-11 px-4 text-sm";
+    const variants = {
+      outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
+      soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
+      ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
+      filled: "rounded-md border border-input bg-muted/70 hover:bg-muted shadow-inner focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+      flushed: (
+        // sin bordes laterales/superior, solo inferior; sin sombras ni radios
+        "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0"
+      ),
+      unstyled: (
+        // sin estilos, útil para inputs embebidos o controles muy custom
+        "border-0 shadow-none focus:ring-0"
+      ),
+      link: (
+        // aspecto tipo enlace: inline height-auto, sin paddings ni borde
+        "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+      )
+    };
+    const errorCls = invalid ? "border-destructive focus:border-destructive focus:ring-destructive/20" : "";
+    const iconPadLeft = leading && variant !== "flushed" && variant !== "link" ? size === "lg" ? "pl-12" : "pl-10" : "";
+    const iconPadRight = trailing && variant !== "flushed" && variant !== "link" ? size === "lg" ? "pr-12" : "pr-10" : "";
+    const specialSizeForFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-12 text-base" : "h-11 text-sm" : "";
+    const specialSizeForLink = variant === "link" ? "text-sm" : "";
+    return /* @__PURE__ */ jsxs10("div", { className: cn("relative", disabled && "opacity-80"), children: [
+      leading ? /* @__PURE__ */ jsx17(
+        "span",
+        {
+          className: cn(
+            "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 opacity-60",
+            size === "lg" ? "text-[1.15rem]" : "text-[1rem]",
+            // no desplazamos visualmente en variantes sin padding
+            variant === "flushed" || variant === "link" ? "hidden" : ""
+          ),
+          children: leading
+        }
+      ) : null,
+      /* @__PURE__ */ jsx17(
+        "input",
+        __spreadValues({
+          ref,
+          "aria-invalid": invalid || void 0,
+          disabled,
+          className: cn(
+            base,
+            variants[variant],
+            variant === "flushed" ? specialSizeForFlushed : variant === "link" ? specialSizeForLink : sizeCls,
+            errorCls,
+            iconPadLeft,
+            iconPadRight,
+            className
+          )
+        }, props)
+      ),
+      trailing ? /* @__PURE__ */ jsx17(
+        "span",
+        {
+          className: cn(
+            "absolute right-3 top-1/2 -translate-y-1/2 opacity-70",
+            size === "lg" ? "text-[1.15rem]" : "text-[1rem]",
+            variant === "flushed" || variant === "link" ? "hidden" : ""
+          ),
+          children: trailing
+        }
+      ) : null
+    ] });
+  }
+);
+Input.displayName = "Input";
+Input.displayName = "Input";
 
 // src/components/Label/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
-import * as React41 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import * as React42 from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var labelVariants = cva4(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-label"
 );
-var Label3 = React41.forwardRef((_a, ref) => {
+var Label3 = React42.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     LabelPrimitive.Root,
     __spreadValues({
       ref,
@@ -5534,34 +5631,146 @@ var Label3 = React41.forwardRef((_a, ref) => {
 });
 Label3.displayName = LabelPrimitive.Root.displayName;
 
-// src/components/Form/form-field.tsx
-import { Slot as Slot3 } from "@radix-ui/react-slot";
-
-// src/components/input.tsx
-import * as React42 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Input = React42.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ jsx18(
-      "input",
-      __spreadValues({
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
+// src/components/select.tsx
+import {
+  CaretSortIcon,
+  CheckIcon as CheckIcon4,
+  ChevronDownIcon as ChevronDownIcon2,
+  ChevronUpIcon
+} from "@radix-ui/react-icons";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React43 from "react";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var Select2 = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs11(
+    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__ */ jsx19(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx19(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    })
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx19(
+    SelectPrimitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx19(ChevronUpIcon, {})
+    })
+  );
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx19(
+    SelectPrimitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx19(ChevronDownIcon2, {})
+    })
+  );
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
+  return /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
+    SelectPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx19(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx19(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
         ),
-        ref
-      }, props)
-    );
-  }
-);
-Input.displayName = "Input";
+        /* @__PURE__ */ jsx19(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx19(
+    SelectPrimitive.Label,
+    __spreadValues({
+      ref,
+      className: cn("px-2 py-1.5 text-sm font-semibold", className)
+    }, props)
+  );
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs11(
+    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__ */ jsx19("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(CheckIcon4, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx19(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React43.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx19(
+    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
-import { Asterisk } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
-var FormFieldContext = React43.createContext(
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+var FormFieldContext = React44.createContext(
   null
 );
 var FormField = (_a) => {
@@ -5571,10 +5780,13 @@ var FormField = (_a) => {
     label,
     placeholder,
     requiredLabel,
-    className = "px-4 py-6 shadow-inner drop-shadow-xl",
+    className,
+    classNameDefault,
     labelClassName,
     messageClassName,
     requiredLabelClassName,
+    variant = "outline",
+    size = "md",
     rules,
     shouldUnregister,
     defaultValue,
@@ -5586,9 +5798,12 @@ var FormField = (_a) => {
     "placeholder",
     "requiredLabel",
     "className",
+    "classNameDefault",
     "labelClassName",
     "messageClassName",
     "requiredLabelClassName",
+    "variant",
+    "size",
     "rules",
     "shouldUnregister",
     "defaultValue",
@@ -5599,7 +5814,7 @@ var FormField = (_a) => {
     formState: { errors }
   } = useFormContext();
   const fieldError = (_a2 = errors[name]) == null ? void 0 : _a2.message;
-  return /* @__PURE__ */ jsx19(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx20(
     Controller,
     {
       control,
@@ -5607,48 +5822,60 @@ var FormField = (_a) => {
       rules,
       shouldUnregister,
       defaultValue,
-      render: ({ field }) => /* @__PURE__ */ jsxs10(FormItem, { children: [
-        label && /* @__PURE__ */ jsxs10(FormLabel, { className: cn("flex items-center self-center gap-0", labelClassName), children: [
-          label,
-          requiredLabel && /* @__PURE__ */ jsx19(
-            Asterisk,
-            {
-              className: cn(
-                "h-3 w-3 text-red-500 ml-[1px]",
-                requiredLabelClassName
+      render: ({ field }) => /* @__PURE__ */ jsxs12(FormItem, { children: [
+        label && /* @__PURE__ */ jsxs12(
+          FormLabel,
+          {
+            className: cn(
+              "flex items-center gap-0 self-center",
+              labelClassName
+            ),
+            children: [
+              label,
+              requiredLabel && /* @__PURE__ */ jsx20(
+                Asterisk,
+                {
+                  className: cn(
+                    "ml-[1px] h-3 w-3 text-red-500",
+                    requiredLabelClassName
+                  )
+                }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx19(FormControl, { children: /* @__PURE__ */ jsx19(
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx20(FormControl, { children: /* @__PURE__ */ jsx20(
           Input,
           __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
             onChange: (e) => {
               field.onChange(e);
               onChange == null ? void 0 : onChange(e.target.value);
             },
+            variant,
+            size,
             placeholder,
-            className
+            className: cn("bg-input px-[0.9rem] py-5", className),
+            classNameDefault: classNameDefault != null ? classNameDefault : true
           })
         ) }),
-        fieldError && /* @__PURE__ */ jsx19(FormMessage, { className: messageClassName, children: fieldError })
+        fieldError && /* @__PURE__ */ jsx20(FormMessage, { className: messageClassName, children: fieldError })
       ] })
     }
   ) });
 };
-var FormItemContext = React43.createContext(
+var FormItemContext = React44.createContext(
   {}
 );
-var FormItem = React43.forwardRef((_a, ref) => {
+var FormItem = React44.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React43.useId();
-  return /* @__PURE__ */ jsx19(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx19("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+  const id = React44.useId();
+  return /* @__PURE__ */ jsx20(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx20("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React43.forwardRef((_a, ref) => {
+var FormLabel = React44.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Label3,
     __spreadValues({
       ref,
@@ -5659,8 +5886,8 @@ var FormLabel = React43.forwardRef((_a, ref) => {
 });
 FormLabel.displayName = "FormLabel";
 var useFormField = () => {
-  const fieldContext = React43.useContext(FormFieldContext);
-  const itemContext = React43.useContext(FormItemContext);
+  const fieldContext = React44.useContext(FormFieldContext);
+  const itemContext = React44.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     const { id: id2 } = itemContext;
@@ -5685,10 +5912,10 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormControl = React43.forwardRef((_a, ref) => {
+var FormControl = React44.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Slot3,
     __spreadValues({
       ref,
@@ -5699,48 +5926,174 @@ var FormControl = React43.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React43.forwardRef((_a, ref) => {
+var FormDescription = React44.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "p",
     __spreadValues({
       ref,
       id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className)
+      className: cn("text-muted-foreground text-[0.8rem]", className)
     }, props)
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React43.forwardRef((_a, ref) => {
+var FormMessage = React44.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const { error, formMessageId } = useFormField();
   const body = error ? String(error == null ? void 0 : error.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "p",
     __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className)
+      className: cn("text-destructive text-[0.8rem] font-medium", className)
     }, props), {
       children: body
     })
   );
 });
 FormMessage.displayName = "FormMessage";
+var FormSelect = ({
+  name,
+  control,
+  rules,
+  shouldUnregister,
+  defaultValue,
+  placeholder,
+  label,
+  requiredLabel,
+  className,
+  contentClassName,
+  labelClassName,
+  messageClassName,
+  requiredLabelClassName,
+  items,
+  children,
+  onChange,
+  disabled,
+  size = "md",
+  variant = "outline",
+  invalid
+}) => {
+  var _a;
+  const {
+    formState: { errors }
+  } = useFormContext();
+  const triggerBase = "relative inline-flex w-full items-center justify-between outline-none transition disabled:opacity-50 disabled:cursor-not-allowed text-foreground placeholder:text-muted-foreground ring-offset-background";
+  const sizeTrigger = {
+    sm: "h-9 px-3 text-sm",
+    md: "h-11 px-4 text-sm",
+    lg: "h-12 px-5 text-base"
+  };
+  const variants = {
+    outline: "rounded-md border border-input bg-input backdrop-blur-sm shadow-sm hover:border-primary/60 focus:border-primary focus:ring-2 focus:ring-primary/20",
+    soft: "rounded-md border border-transparent bg-muted/60 hover:bg-muted shadow-sm focus:bg-input/80 focus:ring-2 focus:ring-primary/20",
+    ghost: "rounded-md border border-transparent bg-transparent hover:bg-muted/50 focus:ring-2 focus:ring-ring",
+    filled: "rounded-md border border-input bg-muted/70 hover:bg-muted shadow-inner focus:bg-input/70 focus:ring-2 focus:ring-primary/20",
+    flushed: (
+      // sin bordes laterales/superior, solo inferior; sin sombras ni radios
+      "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0"
+    ),
+    unstyled: (
+      // sin estilos, útil para inputs embebidos o controles muy custom
+      "border-0 shadow-none focus:ring-0"
+    ),
+    link: (
+      // aspecto tipo enlace: inline height-auto, sin paddings ni borde
+      "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+    )
+  };
+  const errorCls = invalid ? "ring-destructive focus:ring-destructive/40 border-destructive" : "";
+  const specialFlushed = variant === "flushed" ? size === "sm" ? "h-9 text-sm" : size === "lg" ? "h-12 text-base" : "h-11 text-sm" : "";
+  const specialLink = variant === "link" ? "text-sm" : "";
+  const contentBase = "bg-popover text-popover-foreground border border-border rounded-md shadow-md";
+  const itemSize = {
+    sm: "h-8 text-sm",
+    md: "h-9 text-sm",
+    lg: "h-10 text-base"
+  };
+  const fieldError = (_a = errors[name]) == null ? void 0 : _a.message;
+  return /* @__PURE__ */ jsx20(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx20(
+    Controller,
+    {
+      control,
+      name,
+      rules,
+      shouldUnregister,
+      defaultValue,
+      render: ({ field }) => {
+        var _a2;
+        return /* @__PURE__ */ jsxs12(FormItem, { children: [
+          label && /* @__PURE__ */ jsxs12(FormLabel, { className: cn("flex items-center gap-0", labelClassName), children: [
+            label,
+            requiredLabel && /* @__PURE__ */ jsx20(
+              Asterisk,
+              {
+                className: cn(
+                  "ml-[4px] h-3 w-3 text-red-500",
+                  requiredLabelClassName
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs12(
+            Select2,
+            {
+              value: (_a2 = field.value) != null ? _a2 : "",
+              onValueChange: (v) => {
+                field.onChange(v);
+                onChange == null ? void 0 : onChange(v);
+              },
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx20(FormControl, { children: /* @__PURE__ */ jsx20(
+                  SelectTrigger,
+                  {
+                    className: cn(
+                      triggerBase,
+                      variants[variant],
+                      variant === "flushed" ? specialFlushed : variant === "link" ? specialLink : sizeTrigger[size],
+                      errorCls,
+                      className
+                    ),
+                    children: /* @__PURE__ */ jsx20(SelectValue, { placeholder })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx20(SelectContent, { className: cn(contentBase, contentClassName), children: children ? children : items == null ? void 0 : items.map((opt) => /* @__PURE__ */ jsx20(
+                  SelectItem,
+                  {
+                    value: opt.value,
+                    disabled: opt.disabled,
+                    className: cn(itemSize[size]),
+                    children: opt.label
+                  },
+                  opt.value
+                )) })
+              ]
+            }
+          ),
+          fieldError && /* @__PURE__ */ jsx20(FormMessage, { className: messageClassName, children: fieldError })
+        ] });
+      }
+    }
+  ) });
+};
+FormSelect.displayName = "FormSelect";
 
 // src/components/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import * as React44 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import * as React45 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React44.forwardRef((_a, ref) => {
+var HoverCardContent = React45.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -5819,11 +6172,11 @@ var Icons = IconsApp;
 // src/components/input-otp.tsx
 import { DashIcon } from "@radix-ui/react-icons";
 import { OTPInput, OTPInputContext } from "input-otp";
-import * as React45 from "react";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-var InputOTP = React45.forwardRef((_a, ref) => {
+import * as React46 from "react";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+var InputOTP = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     OTPInput,
     __spreadValues({
       ref,
@@ -5836,16 +6189,16 @@ var InputOTP = React45.forwardRef((_a, ref) => {
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React45.forwardRef((_a, ref) => {
+var InputOTPGroup = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx21("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ jsx22("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React45.forwardRef((_a, ref) => {
+var InputOTPSlot = React46.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
-  const inputOTPContext = React45.useContext(OTPInputContext);
+  const inputOTPContext = React46.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs13(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -5857,35 +6210,35 @@ var InputOTPSlot = React45.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx21("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx22("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React45.forwardRef((_a, ref) => {
+var InputOTPSeparator = React46.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx21(DashIcon, {}) }));
+  return /* @__PURE__ */ jsx22("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx22(DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/menubar.tsx
 import {
-  CheckIcon as CheckIcon4,
+  CheckIcon as CheckIcon5,
   ChevronRightIcon as ChevronRightIcon4,
   DotFilledIcon as DotFilledIcon3
 } from "@radix-ui/react-icons";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import * as React46 from "react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import * as React47 from "react";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
 var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-var Menubar = React46.forwardRef((_a, ref) => {
+var Menubar = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -5897,9 +6250,9 @@ var Menubar = React46.forwardRef((_a, ref) => {
   );
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React46.forwardRef((_a, ref) => {
+var MenubarTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -5911,9 +6264,9 @@ var MenubarTrigger = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -5925,15 +6278,15 @@ var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx22(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx23(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React46.forwardRef((_a, ref) => {
+var MenubarSubContent = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -5945,10 +6298,10 @@ var MenubarSubContent = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React46.forwardRef(
+var MenubarContent = React47.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ jsx22(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -5964,9 +6317,9 @@ var MenubarContent = React46.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React46.forwardRef((_a, ref) => {
+var MenubarItem = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -5979,9 +6332,9 @@ var MenubarItem = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
+var MenubarCheckboxItem = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -5992,16 +6345,16 @@ var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon4, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon5, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React46.forwardRef((_a, ref) => {
+var MenubarRadioItem = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs14(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6011,16 +6364,16 @@ var MenubarRadioItem = React46.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx22("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx22(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React46.forwardRef((_a, ref) => {
+var MenubarLabel = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -6033,9 +6386,9 @@ var MenubarLabel = React46.forwardRef((_a, ref) => {
   );
 });
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React46.forwardRef((_a, ref) => {
+var MenubarSeparator = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -6050,7 +6403,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     "span",
     __spreadValues({
       className: cn(
@@ -6063,7 +6416,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 var Modal = ({
   title,
   description,
@@ -6077,24 +6430,24 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx23(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs13(DialogContent, { className, children: [
-    /* @__PURE__ */ jsxs13(DialogHeader, { children: [
-      /* @__PURE__ */ jsx23(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx23(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsx24(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs15(DialogContent, { className, children: [
+    /* @__PURE__ */ jsxs15(DialogHeader, { children: [
+      /* @__PURE__ */ jsx24(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx24(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx23("div", { children })
+    /* @__PURE__ */ jsx24("div", { children })
   ] }) });
 };
 
 // src/components/navigation-menu.tsx
-import { ChevronDownIcon as ChevronDownIcon2 } from "@radix-ui/react-icons";
+import { ChevronDownIcon as ChevronDownIcon3 } from "@radix-ui/react-icons";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva5 } from "class-variance-authority";
-import * as React47 from "react";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
-var NavigationMenu = React47.forwardRef((_a, ref) => {
+import * as React48 from "react";
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var NavigationMenu = React48.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6105,15 +6458,15 @@ var NavigationMenu = React47.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx24(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx25(NavigationMenuViewport, {})
       ]
     })
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React47.forwardRef((_a, ref) => {
+var NavigationMenuList = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -6129,9 +6482,9 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva5(
   "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
+var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6140,8 +6493,8 @@ var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx24(
-          ChevronDownIcon2,
+        /* @__PURE__ */ jsx25(
+          ChevronDownIcon3,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -6152,9 +6505,9 @@ var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React47.forwardRef((_a, ref) => {
+var NavigationMenuContent = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -6167,9 +6520,9 @@ var NavigationMenuContent = React47.forwardRef((_a, ref) => {
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React47.forwardRef((_a, ref) => {
+var NavigationMenuViewport = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -6181,9 +6534,9 @@ var NavigationMenuViewport = React47.forwardRef((_a, ref) => {
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React47.forwardRef((_a, ref) => {
+var NavigationMenuIndicator = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -6192,7 +6545,7 @@ var NavigationMenuIndicator = React47.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx24("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx25("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
@@ -6204,12 +6557,12 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   DotsHorizontalIcon as DotsHorizontalIcon2
 } from "@radix-ui/react-icons";
-import * as React48 from "react";
+import * as React49 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -6219,9 +6572,9 @@ var Pagination = (_a) => {
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React48.forwardRef((_a, ref) => {
+var PaginationContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "ul",
     __spreadValues({
       ref,
@@ -6230,9 +6583,9 @@ var PaginationContent = React48.forwardRef((_a, ref) => {
   );
 });
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React48.forwardRef((_a, ref) => {
+var PaginationItem = React49.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ jsx26("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -6245,7 +6598,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -6266,7 +6619,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6274,8 +6627,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25(ChevronLeft2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ jsx26(ChevronLeft2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -6287,7 +6640,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6295,8 +6648,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25(ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx25("span", { children: "Previous" })
+        /* @__PURE__ */ jsx26(ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx26("span", { children: "Previous" })
       ]
     })
   );
@@ -6308,7 +6661,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6316,8 +6669,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25("span", { children: "Next" }),
-        /* @__PURE__ */ jsx25(ChevronRightIcon5, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx26("span", { children: "Next" }),
+        /* @__PURE__ */ jsx26(ChevronRightIcon5, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6329,7 +6682,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6337,8 +6690,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ jsx25(ChevronRight2, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ jsx26(ChevronRight2, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6350,15 +6703,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs17(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx25(DotsHorizontalIcon2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx26(DotsHorizontalIcon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -6367,14 +6720,14 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React49 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import * as React50 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React49.forwardRef((_a, ref) => {
+var PopoverContent = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -6391,11 +6744,11 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React50 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var Progress = React50.forwardRef((_a, ref) => {
+import * as React51 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var Progress = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6404,7 +6757,7 @@ var Progress = React50.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx28(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -6417,13 +6770,13 @@ var Progress = React50.forwardRef((_a, ref) => {
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-import { CheckIcon as CheckIcon5 } from "@radix-ui/react-icons";
+import { CheckIcon as CheckIcon6 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React51 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var RadioGroup4 = React51.forwardRef((_a, ref) => {
+import * as React52 from "react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var RadioGroup4 = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -6433,9 +6786,9 @@ var RadioGroup4 = React51.forwardRef((_a, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React51.forwardRef((_a, ref) => {
+var RadioGroupItem = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -6444,7 +6797,7 @@ var RadioGroupItem = React51.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx28(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx28(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx29(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx29(CheckIcon6, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
@@ -6453,14 +6806,14 @@ RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 // src/components/resizable.tsx
 import { DragHandleDots2Icon } from "@radix-ui/react-icons";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ResizablePrimitive.PanelGroup,
     __spreadValues({
       className: cn(
@@ -6479,7 +6832,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     ResizablePrimitive.PanelResizeHandle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -6487,35 +6840,35 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx29("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx29(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx30("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx30(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
     })
   );
 };
 
 // src/components/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React52 from "react";
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
-var ScrollArea = React52.forwardRef((_a, ref) => {
+import * as React53 from "react";
+import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+var ScrollArea = React53.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ jsx30(ScrollBar, {}),
-        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsx31(ScrollBar, {}),
+        /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React52.forwardRef((_a, ref) => {
+var ScrollBar = React53.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -6527,182 +6880,47 @@ var ScrollBar = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx30(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx31(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/search-input.tsx
-import React53, { useCallback as useCallback4 } from "react";
+import React54, { useCallback as useCallback4 } from "react";
 import { useDebounce } from "use-debounce";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function SearchInput({
   value,
   placeholder,
   className,
+  classNameDefault,
   debounceTime = 750,
   onSearch
 }) {
-  const [searchTerm, setSearchTerm] = React53.useState(value);
+  const [searchTerm, setSearchTerm] = React54.useState(value);
   const [debouncedValue] = useDebounce(searchTerm, debounceTime);
   const handleSettingSearchParams = useCallback4((newSearchValue) => {
     onSearch(newSearchValue);
   }, []);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     handleSettingSearchParams(debouncedValue);
   }, [debouncedValue, handleSettingSearchParams]);
-  React53.useEffect(() => {
+  React54.useEffect(() => {
     setSearchTerm(value);
   }, [value]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     Input,
     {
       placeholder: placeholder || `Search...`,
       value: searchTerm,
       onChange: (event) => setSearchTerm(event.target.value),
-      className: cn("w-full md:max-w-sm", className)
+      className: cn("w-full md:max-w-sm", className),
+      classNameDefault: classNameDefault != null ? classNameDefault : true
     }
   );
 }
 
-// src/components/select.tsx
-import {
-  CaretSortIcon,
-  CheckIcon as CheckIcon6,
-  ChevronDownIcon as ChevronDownIcon3,
-  ChevronUpIcon
-} from "@radix-ui/react-icons";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import * as React54 from "react";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
-var Select2 = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs17(
-    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__ */ jsx32(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx32(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
-      ]
-    })
-  );
-});
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
-    SelectPrimitive.ScrollUpButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx32(ChevronUpIcon, {})
-    })
-  );
-});
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
-    SelectPrimitive.ScrollDownButton,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "flex cursor-default items-center justify-center py-1",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx32(ChevronDownIcon3, {})
-    })
-  );
-});
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ jsx32(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs17(
-    SelectPrimitive.Content,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        className
-      ),
-      position
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx32(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx32(
-          SelectPrimitive.Viewport,
-          {
-            className: cn(
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx32(SelectScrollDownButton, {})
-      ]
-    })
-  ) });
-});
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
-    SelectPrimitive.Label,
-    __spreadValues({
-      ref,
-      className: cn("px-2 py-1.5 text-sm font-semibold", className)
-    }, props)
-  );
-});
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs17(
-    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__ */ jsx32("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx32(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx32(CheckIcon6, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx32(SelectPrimitive.ItemText, { children })
-      ]
-    })
-  );
-});
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React54.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
-    SelectPrimitive.Separator,
-    __spreadValues({
-      ref,
-      className: cn("-mx-1 my-1 h-px bg-muted", className)
-    }, props)
-  );
-});
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
 // src/components/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React55 from "react";
@@ -6732,7 +6950,7 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
 import { cva as cva6 } from "class-variance-authority";
 import * as React56 from "react";
-import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
@@ -6770,9 +6988,9 @@ var sheetVariants = cva6(
 );
 var SheetContent = React56.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
-  return /* @__PURE__ */ jsxs18(SheetPortal, { children: [
+  return /* @__PURE__ */ jsxs19(SheetPortal, { children: [
     /* @__PURE__ */ jsx34(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs19(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -6780,7 +6998,7 @@ var SheetContent = React56.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ jsxs18(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__ */ jsxs19(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__ */ jsx34(Cross2Icon2, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "Close" })
           ] })
@@ -6866,10 +7084,10 @@ function Skeleton(_a) {
 // src/components/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React57 from "react";
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 var Slider = React57.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     SliderPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -7420,7 +7638,7 @@ function useToast() {
 }
 
 // src/shared/alert-modal.tsx
-import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
 var AlertModal = ({
   isOpen,
   onClose,
@@ -7441,7 +7659,7 @@ var AlertModal = ({
       isOpen,
       onClose,
       className,
-      children: children ? children : /* @__PURE__ */ jsxs20("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
+      children: children ? children : /* @__PURE__ */ jsxs21("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
         /* @__PURE__ */ jsx46(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
         /* @__PURE__ */ jsx46(
           Button,
@@ -7461,9 +7679,9 @@ var AlertModal = ({
 // src/shared/breadcrumbs.tsx
 import { Slash } from "lucide-react";
 import { Fragment } from "react";
-import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 function Breadcrumbs({ items, className, classNameList }) {
-  return /* @__PURE__ */ jsx47(Breadcrumb, { className, children: /* @__PURE__ */ jsx47(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ jsxs21(Fragment, { children: [
+  return /* @__PURE__ */ jsx47(Breadcrumb, { className, children: /* @__PURE__ */ jsx47(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ jsxs22(Fragment, { children: [
     index !== items.length - 1 && /* @__PURE__ */ jsx47(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx47(BreadcrumbLink, { href: item.link, children: item.title }) }),
     index < items.length - 1 && /* @__PURE__ */ jsx47(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx47(Slash, {}) }),
     index === items.length - 1 && /* @__PURE__ */ jsx47(BreadcrumbPage, { children: item.title })
@@ -7484,7 +7702,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -7535,13 +7753,13 @@ function DataTable({
       onPageChange(pagination.pageIndex + 1);
     }
   }, [pagination]);
-  return /* @__PURE__ */ jsxs22(Fragment2, { children: [
-    /* @__PURE__ */ jsxs22("div", { className: "rounded-md border", children: [
+  return /* @__PURE__ */ jsxs23(Fragment2, { children: [
+    /* @__PURE__ */ jsxs23("div", { className: "rounded-md border", children: [
       /* @__PURE__ */ jsx48(Table, { className: cn("relative", tableClassName), children: /* @__PURE__ */ jsx48(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx48(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx48(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id)) }, headerGroup.id)) }) }),
-      /* @__PURE__ */ jsxs22(ScrollArea, { className: "h-[calc(80vh-220px)] md:h-[calc(80dvh-80px)]", children: [
+      /* @__PURE__ */ jsxs23(ScrollArea, { className: "h-[calc(80vh-220px)] md:h-[calc(80dvh-80px)]", children: [
         /* @__PURE__ */ jsx48(Table, { className: cn("relative", tableClassName), children: /* @__PURE__ */ jsx48(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx48(
           TableRow,
           {
@@ -7565,7 +7783,7 @@ function DataTable({
         /* @__PURE__ */ jsx48(ScrollBar, { orientation: "horizontal" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs23(
       ScrollArea,
       {
         className: cn(
@@ -7573,7 +7791,7 @@ function DataTable({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs22(Table, { className: cn("relative", tableClassName), children: [
+          /* @__PURE__ */ jsxs23(Table, { className: cn("relative", tableClassName), children: [
             /* @__PURE__ */ jsx48(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx48(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx48(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
               header.column.columnDef.header,
               header.getContext()
@@ -7603,9 +7821,9 @@ function DataTable({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center justify-end gap-2 space-x-2 py-4 sm:flex-row", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-center justify-between", children: [
-        isRowsSelected ? /* @__PURE__ */ jsxs22("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center justify-end gap-2 space-x-2 py-4 sm:flex-row", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center justify-between", children: [
+        isRowsSelected ? /* @__PURE__ */ jsxs23("div", { className: "text-muted-foreground flex-1 text-sm", children: [
           table.getFilteredSelectedRowModel().rows.length,
           " ",
           ofLabel,
@@ -7613,14 +7831,14 @@ function DataTable({
           table.getFilteredRowModel().rows.length,
           " " + rowsSelectedLabel
         ] }) : null,
-        totalRows ? /* @__PURE__ */ jsxs22("div", { className: "text-sm text-muted-foreground", children: [
+        totalRows ? /* @__PURE__ */ jsxs23("div", { className: "text-sm text-muted-foreground", children: [
           "Total: ",
           totalRows,
           " registros"
         ] }) : null,
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx48("p", { className: "text-sm font-medium whitespace-nowrap", children: rowPerPageLabel }),
-          /* @__PURE__ */ jsxs22(
+          /* @__PURE__ */ jsxs23(
             Select2,
             {
               value: `${pagination.pageSize}`,
@@ -7640,8 +7858,8 @@ function DataTable({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "flex w-full items-center justify-between gap-2 sm:justify-end", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center justify-between gap-2 sm:justify-end", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
           pageLabel,
           " ",
           pagination.pageIndex + 1,
@@ -7650,7 +7868,7 @@ function DataTable({
           " ",
           pageCount
         ] }),
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx48(
             Button,
             {
@@ -7706,7 +7924,7 @@ function DataTable({
 }
 
 // src/shared/data-table-skeleton.tsx
-import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
 function DataTableSkeleton({
   columnCount,
   rowCount = 10,
@@ -7714,27 +7932,27 @@ function DataTableSkeleton({
   filterableColumnCount = 0,
   showViewOptions = true
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "w-full space-y-3 overflow-auto", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
+  return /* @__PURE__ */ jsxs24("div", { className: "w-full space-y-3 overflow-auto", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
         searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx49(Skeleton, { className: "h-10 w-[150px] lg:w-[250px]" }, i)) : null,
         filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx49(Skeleton, { className: "h-10 w-[70px] border-dashed" }, i)) : null
       ] }),
       showViewOptions ? /* @__PURE__ */ jsx49(Skeleton, { className: "ml-auto hidden h-7 w-[70px] lg:flex" }) : null
     ] }),
-    /* @__PURE__ */ jsx49("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs23(Table, { children: [
+    /* @__PURE__ */ jsx49("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs24(Table, { children: [
       /* @__PURE__ */ jsx49(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx49(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx49(TableHead, { children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
       /* @__PURE__ */ jsx49(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx49(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx49(TableCell, { children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
     ] }) }),
-    /* @__PURE__ */ jsxs23("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__ */ jsxs24("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__ */ jsx49("div", { className: "flex-1", children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-40" }) }),
-      /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-24" }),
           /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-[70px]" })
         ] }),
         /* @__PURE__ */ jsx49("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-20" }) }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ jsx49(Skeleton, { className: "hidden size-8 lg:block" }),
           /* @__PURE__ */ jsx49(Skeleton, { className: "size-8" }),
           /* @__PURE__ */ jsx49(Skeleton, { className: "size-8" }),
@@ -7748,9 +7966,9 @@ function DataTableSkeleton({
 // src/shared/fileupload.tsx
 import { AvatarIcon } from "@radix-ui/react-icons";
 import { CameraIcon } from "lucide-react";
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 import { useDropzone } from "react-dropzone";
-import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
 function FileUpload({
   onChange,
   value,
@@ -7774,10 +7992,10 @@ function FileUpload({
         "relative h-36 w-36 overflow-hidden rounded-full bg-gray-200 shadow-2xl ",
         classNameContent
       ),
-      children: /* @__PURE__ */ jsxs24("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
+      children: /* @__PURE__ */ jsxs25("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
         /* @__PURE__ */ jsx50("input", __spreadValues({}, getInputProps())),
         value && !!value.length ? /* @__PURE__ */ jsx50(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx50(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
-        /* @__PURE__ */ jsxs24("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__ */ jsxs25("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__ */ jsx50(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
           label
         ] })
@@ -7786,7 +8004,7 @@ function FileUpload({
   ) });
 }
 function ImagePreview({ file }) {
-  const [objectUrl, setObjectUrl] = useState5(null);
+  const [objectUrl, setObjectUrl] = useState6(null);
   useEffect5(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);
@@ -7805,9 +8023,9 @@ function ImagePreview({ file }) {
 }
 
 // src/shared/heading.tsx
-import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
 function Heading({ title, description, className }) {
-  return /* @__PURE__ */ jsxs25("div", { className, children: [
+  return /* @__PURE__ */ jsxs26("div", { className, children: [
     /* @__PURE__ */ jsx51("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
     /* @__PURE__ */ jsx51("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
@@ -7815,9 +8033,9 @@ function Heading({ title, description, className }) {
 
 // src/shared/page-head.tsx
 import { Helmet } from "react-helmet-next";
-import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
 function PageHead({ title = "shadcn-ui-react" }) {
-  return /* @__PURE__ */ jsx52(Helmet, { children: /* @__PURE__ */ jsxs26("title", { children: [
+  return /* @__PURE__ */ jsx52(Helmet, { children: /* @__PURE__ */ jsxs27("title", { children: [
     " ",
     title,
     " "
@@ -7825,7 +8043,7 @@ function PageHead({ title = "shadcn-ui-react" }) {
 }
 
 // src/shared/pagination-section.tsx
-import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
 function PaginationSection({
   totalPosts,
   postsPerPage,
@@ -7895,8 +8113,8 @@ function PaginationSection({
     }
     return renderedPages;
   };
-  return /* @__PURE__ */ jsx53("div", { className: "p-4", children: /* @__PURE__ */ jsx53(Pagination, { children: /* @__PURE__ */ jsxs27(PaginationContent, { children: [
-    /* @__PURE__ */ jsxs27(PaginationItem, { children: [
+  return /* @__PURE__ */ jsx53("div", { className: "p-4", children: /* @__PURE__ */ jsx53(Pagination, { children: /* @__PURE__ */ jsxs28(PaginationContent, { children: [
+    /* @__PURE__ */ jsxs28(PaginationItem, { children: [
       /* @__PURE__ */ jsx53(
         PaginationPreviousLast,
         {
@@ -7907,7 +8125,7 @@ function PaginationSection({
       /* @__PURE__ */ jsx53(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
     ] }),
     renderPages(),
-    /* @__PURE__ */ jsxs27(PaginationItem, { children: [
+    /* @__PURE__ */ jsxs28(PaginationItem, { children: [
       /* @__PURE__ */ jsx53(PaginationNext, { onClick: handleNextPage, size: void 0 }),
       /* @__PURE__ */ jsx53(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
     ] })
@@ -7916,7 +8134,7 @@ function PaginationSection({
 
 // src/shared/dropzone.tsx
 import { useDropzone as useDropzone2 } from "react-dropzone";
-import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
 function Dropzone({
   label,
   onChange,
@@ -7937,9 +8155,9 @@ function Dropzone({
     },
     accept
   }, options));
-  return /* @__PURE__ */ jsxs28("div", { className: cn("space-y-2", className), children: [
+  return /* @__PURE__ */ jsxs29("div", { className: cn("space-y-2", className), children: [
     label && /* @__PURE__ */ jsx54("p", { className: cn("font-medium", labelClassName), children: label }),
-    /* @__PURE__ */ jsxs28(
+    /* @__PURE__ */ jsxs29(
       "div",
       __spreadProps(__spreadValues({}, getRootProps()), {
         className: cn(
@@ -7953,7 +8171,7 @@ function Dropzone({
         ]
       })
     ),
-    value && value.length > 0 && /* @__PURE__ */ jsx54("ul", { className: cn("text-sm text-gray-700 space-y-1", valueClassName), children: value.map((file, idx) => /* @__PURE__ */ jsxs28("li", { children: [
+    value && value.length > 0 && /* @__PURE__ */ jsx54("ul", { className: cn("text-sm text-gray-700 space-y-1", valueClassName), children: value.map((file, idx) => /* @__PURE__ */ jsxs29("li", { children: [
       "\u2022 ",
       file.name
     ] }, idx)) })
@@ -8068,6 +8286,7 @@ export {
   FormItem,
   FormLabel,
   FormMessage,
+  FormSelect,
   Heading,
   HoverCard,
   HoverCardContent,