shadcn-ui-react 0.3.7 → 0.4.0

package/dist/index.js

@@ -5508,60 +5508,125 @@ var Form = ({
 };
 
 // src/components/Form/form-field.tsx
+import React42 from "react";
 import {
   Controller,
   useFormContext
 } from "react-hook-form";
-import React43 from "react";
-
-// 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";
-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 _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx17(
-    LabelPrimitive.Root,
-    __spreadValues({
-      ref,
-      className: cn(labelVariants(), className)
-    }, props)
-  );
-});
-Label3.displayName = LabelPrimitive.Root.displayName;
-
-// src/components/Form/form-field.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { Asterisk } from "lucide-react";
 
 // src/components/input.tsx
-import * as React42 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Input = React42.forwardRef(
+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, classNameDefault, type } = _b, props = __objRest(_b, ["className", "classNameDefault", "type"]);
-    return /* @__PURE__ */ jsx18(
-      "input",
-      __spreadValues({
-        type,
-        className: classNameDefault ? 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
-        ) : className,
-        ref
-      }, props)
-    );
+    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 variants2 = {
+      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,
+            variants2[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/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 jsx18, jsxs as jsxs11 } from "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 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",
+  // sin bordes laterales/superior, solo inferior; sin sombras ni radios
+  flushed: "rounded-none border-0 border-b border-input px-0 shadow-none focus:border-b-2 focus:border-primary focus:ring-0",
+  // sin estilos, útil para inputs embebidos o controles muy custom
+  unstyled: "border-0 shadow-none focus:ring-0",
+  // aspecto tipo enlace: inline height-auto, sin paddings ni borde
+  link: "border-0 p-0 h-auto shadow-none bg-transparent text-primary underline-offset-4 focus:underline focus:ring-0"
+};
+var variants = inputVariants;
+var FormFieldContext = React42.createContext(
   null
 );
 var FormField = (_a) => {
@@ -5571,11 +5636,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,
@@ -5591,6 +5658,8 @@ var FormField = (_a) => {
     "labelClassName",
     "messageClassName",
     "requiredLabelClassName",
+    "variant",
+    "size",
     "rules",
     "shouldUnregister",
     "defaultValue",
@@ -5601,7 +5670,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__ */ jsx18(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx18(
     Controller,
     {
       control,
@@ -5609,20 +5678,29 @@ 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__ */ jsxs11(FormItem, { children: [
+        label && /* @__PURE__ */ jsxs11(
+          FormLabel,
+          {
+            className: cn(
+              "flex items-center gap-0 self-center",
+              labelClassName
+            ),
+            children: [
+              label,
+              requiredLabel && /* @__PURE__ */ jsx18(
+                Asterisk,
+                {
+                  className: cn(
+                    "ml-[1px] h-3 w-3 text-red-500",
+                    requiredLabelClassName
+                  )
+                }
               )
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx19(FormControl, { children: /* @__PURE__ */ jsx19(
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx18(FormControl, { children: /* @__PURE__ */ jsx18(
           Input,
           __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
             onChange: (e) => {
@@ -5630,45 +5708,42 @@ var FormField = (_a) => {
               onChange == null ? void 0 : onChange(e.target.value);
             },
             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__ */ jsx18(FormMessage, { className: messageClassName, children: fieldError })
       ] })
     }
   ) });
 };
-var FormItemContext = React43.createContext(
+var FormItemContext = React42.createContext(
   {}
 );
-var FormItem = React43.forwardRef((_a, ref) => {
+var FormItem = React42.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 = React42.useId();
+  return /* @__PURE__ */ jsx18(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx18("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React43.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx19(
-    Label3,
-    __spreadValues({
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId
-    }, props)
-  );
-});
-FormLabel.displayName = "FormLabel";
 var useFormField = () => {
-  const fieldContext = React43.useContext(FormFieldContext);
-  const itemContext = React43.useContext(FormItemContext);
+  const fieldContext = React42.useContext(FormFieldContext);
+  const itemContext = React42.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
+  if (!(itemContext == null ? void 0 : itemContext.id)) {
+    const id2 = React42.useId();
+    return {
+      id: id2,
+      formItemId: `${id2}-form-item`,
+      formDescriptionId: `${id2}-form-item-description`,
+      formMessageId: `${id2}-form-item-message`,
+      error: null
+    };
+  }
   if (!fieldContext) {
     const { id: id2 } = itemContext;
     return {
-      id: itemContext.id,
+      id: id2,
       formItemId: `${id2}-form-item`,
       formDescriptionId: `${id2}-form-item-description`,
       formMessageId: `${id2}-form-item-message`,
@@ -5676,9 +5751,6 @@ var useFormField = () => {
     };
   }
   const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
-  }
   const { id } = itemContext;
   return __spreadValues({
     id,
@@ -5688,10 +5760,23 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormControl = React43.forwardRef((_a, ref) => {
+var FormLabel = React42.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx18(
+    Label3,
+    __spreadValues({
+      ref,
+      className: cn(error && "text-destructive", className),
+      htmlFor: formItemId
+    }, props)
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React42.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     Slot3,
     __spreadValues({
       ref,
@@ -5702,48 +5787,209 @@ var FormControl = React43.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React43.forwardRef((_a, ref) => {
+var FormDescription = React42.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "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 = React42.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(
+  const body = error ? error == null ? void 0 : error.message : children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsx18(
     "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,
+  searchable = false,
+  searchPlaceholder = "Buscar\u2026"
+}) => {
+  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 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;
+  const [query, setQuery] = React42.useState("");
+  const getOptionText = React42.useCallback((opt) => {
+    var _a2;
+    if (typeof opt.label === "string") return opt.label.toLowerCase();
+    const extra = typeof ((_a2 = opt == null ? void 0 : opt.data) == null ? void 0 : _a2.search) === "string" ? opt.data.search.toLowerCase() : "";
+    return `${opt.value}${extra}`.toLowerCase();
+  }, []);
+  const searchRef = React42.useRef(null);
+  const filteredItems = React42.useMemo(() => {
+    if (!items) return items;
+    if (!searchable || !query.trim()) return items;
+    const q = query.trim().toLowerCase();
+    return items.filter((opt) => getOptionText(opt).includes(q));
+  }, [items, searchable, query, getOptionText]);
+  return /* @__PURE__ */ jsx18(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx18(
+    Controller,
+    {
+      control,
+      name,
+      rules,
+      shouldUnregister,
+      defaultValue,
+      render: ({ field }) => {
+        var _a2, _b, _c;
+        return /* @__PURE__ */ jsxs11(FormItem, { children: [
+          label && /* @__PURE__ */ jsxs11(
+            FormLabel,
+            {
+              className: cn("flex items-center gap-0", labelClassName),
+              children: [
+                label,
+                requiredLabel && /* @__PURE__ */ jsx18(
+                  Asterisk,
+                  {
+                    className: cn(
+                      "ml-[4px] h-3 w-3 text-red-500",
+                      requiredLabelClassName
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs11(
+            Select2,
+            {
+              value: (_a2 = field.value) != null ? _a2 : "",
+              onValueChange: (v) => {
+                field.onChange(v);
+                onChange == null ? void 0 : onChange(v);
+              },
+              disabled,
+              children: [
+                /* @__PURE__ */ jsx18(FormControl, { children: /* @__PURE__ */ jsx18(
+                  SelectTrigger,
+                  {
+                    className: cn(
+                      triggerBase,
+                      variants[variant],
+                      variant === "flushed" ? specialFlushed : variant === "link" ? specialLink : sizeTrigger[size],
+                      errorCls,
+                      className
+                    ),
+                    children: /* @__PURE__ */ jsx18(SelectValue, { placeholder })
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs11(
+                  SelectContent,
+                  {
+                    className: cn(contentBase, contentClassName),
+                    onCloseAutoFocus: (e) => {
+                      e.preventDefault();
+                      requestAnimationFrame(() => {
+                        var _a3;
+                        return (_a3 = searchRef.current) == null ? void 0 : _a3.focus();
+                      });
+                    },
+                    children: [
+                      searchable && ((_b = items == null ? void 0 : items.length) != null ? _b : 0) > 0 && /* @__PURE__ */ jsx18("div", { className: "border-border bg-popover sticky top-0 border-b p-2", children: /* @__PURE__ */ jsx18(
+                        "input",
+                        {
+                          ref: searchRef,
+                          autoFocus: true,
+                          value: query,
+                          onChange: (e) => setQuery(e.target.value),
+                          placeholder: searchPlaceholder,
+                          className: cn(
+                            "border-input bg-input focus:ring-primary/20 w-full rounded-md border px-3 py-2 text-sm outline-none focus:ring-2"
+                          ),
+                          onKeyDown: (e) => {
+                            if (e.key !== "Escape") e.stopPropagation();
+                          },
+                          onPointerDown: (e) => e.stopPropagation(),
+                          onClick: (e) => e.stopPropagation()
+                        }
+                      ) }),
+                      children && !searchable ? children : (_c = filteredItems != null ? filteredItems : items) == null ? void 0 : _c.map((opt) => /* @__PURE__ */ jsx18(
+                        SelectItem,
+                        {
+                          value: opt.value,
+                          disabled: opt.disabled,
+                          className: cn(itemSize[size]),
+                          children: opt.label
+                        },
+                        opt.value
+                      ))
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          fieldError && /* @__PURE__ */ jsx18(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 React43 from "react";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React44.forwardRef((_a, ref) => {
+var HoverCardContent = React43.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -5822,11 +6068,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 React44 from "react";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+var InputOTP = React44.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     OTPInput,
     __spreadValues({
       ref,
@@ -5839,16 +6085,16 @@ var InputOTP = React45.forwardRef((_a, ref) => {
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React45.forwardRef((_a, ref) => {
+var InputOTPGroup = React44.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__ */ jsx20("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React45.forwardRef((_a, ref) => {
+var InputOTPSlot = React44.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
-  const inputOTPContext = React45.useContext(OTPInputContext);
+  const inputOTPContext = React44.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -5860,18 +6106,38 @@ 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__ */ jsx20("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx20("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React45.forwardRef((_a, ref) => {
+var InputOTPSeparator = React44.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx21("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx21(DashIcon, {}) }));
+  return /* @__PURE__ */ jsx20("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx20(DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
+// src/components/Label/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva4 } from "class-variance-authority";
+import * as React45 from "react";
+import { jsx as jsx21 } 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 = React45.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx21(
+    LabelPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(labelVariants(), className)
+    }, props)
+  );
+});
+Label3.displayName = LabelPrimitive.Root.displayName;
+
 // src/components/menubar.tsx
 import {
   CheckIcon as CheckIcon4,
@@ -5880,7 +6146,7 @@ import {
 } 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 { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -5916,7 +6182,7 @@ var MenubarTrigger = React46.forwardRef((_a, ref) => {
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
 var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -5984,7 +6250,7 @@ var MenubarItem = React46.forwardRef((_a, ref) => {
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
 var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6004,7 +6270,7 @@ var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
 var MenubarRadioItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6066,7 +6332,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 jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var Modal = ({
   title,
   description,
@@ -6080,8 +6346,8 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx23(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs13(DialogContent, { className, children: [
-    /* @__PURE__ */ jsxs13(DialogHeader, { children: [
+  return /* @__PURE__ */ jsx23(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs14(DialogContent, { className, children: [
+    /* @__PURE__ */ jsxs14(DialogHeader, { children: [
       /* @__PURE__ */ jsx23(DialogTitle, { children: title }),
       /* @__PURE__ */ jsx23(DialogDescription, { children: description })
     ] }),
@@ -6094,10 +6360,10 @@ import { ChevronDownIcon as ChevronDownIcon2 } 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";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
 var NavigationMenu = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6134,7 +6400,7 @@ var navigationMenuTriggerStyle = cva5(
 );
 var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6209,7 +6475,7 @@ import {
 } from "@radix-ui/react-icons";
 import * as React48 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 jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx25(
@@ -6269,7 +6535,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6290,7 +6556,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6311,7 +6577,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6332,7 +6598,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6353,7 +6619,7 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
@@ -6498,10 +6764,10 @@ var ResizableHandle = (_a) => {
 // 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";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var ScrollArea = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6580,13 +6846,13 @@ import {
 } 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";
+import { jsx as jsx32, jsxs as jsxs18 } 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(
+  return /* @__PURE__ */ jsxs18(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6637,7 +6903,7 @@ var SelectScrollDownButton = React54.forwardRef((_a, ref) => {
 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(
+  return /* @__PURE__ */ jsx32(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs18(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
@@ -6679,7 +6945,7 @@ var SelectLabel = React54.forwardRef((_a, ref) => {
 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(
+  return /* @__PURE__ */ jsxs18(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -6737,7 +7003,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;
@@ -6775,9 +7041,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,
@@ -6785,7 +7051,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" })
           ] })
@@ -6871,10 +7137,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,
@@ -7425,7 +7691,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,
@@ -7446,7 +7712,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,
@@ -7466,9 +7732,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 })
@@ -7489,7 +7755,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,
@@ -7540,14 +7806,14 @@ function DataTable({
       onPageChange(pagination.pageIndex + 1);
     }
   }, [pagination]);
-  return /* @__PURE__ */ jsxs22(Fragment2, { children: [
-    /* @__PURE__ */ jsxs22("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__ */ jsx48(Table, { className: cn("relative", tableClassName), children: /* @__PURE__ */ jsx48(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsxs23(Fragment2, { children: [
+    /* @__PURE__ */ jsx48("div", { className: cn("rounded-md border", className), children: /* @__PURE__ */ jsxs23(ScrollArea, { className: "h-[calc(80vh-220px)] md:h-[calc(80dvh-80px)]", 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()
+        ) }, header.id)) }, headerGroup.id)) }),
+        /* @__PURE__ */ jsx48(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx48(
           TableRow,
           {
             "data-state": row.getIsSelected() ? "selected" : void 0,
@@ -7566,51 +7832,13 @@ function DataTable({
             className: "h-24 text-center",
             children: "No results."
           }
-        ) }) }) }),
-        /* @__PURE__ */ jsx48(ScrollBar, { orientation: "horizontal" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs22(
-      ScrollArea,
-      {
-        className: cn(
-          "h-[calc(80vh-220px)] rounded-md border md:h-[calc(80dvh-80px)]",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs22(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__ */ jsx48(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx48(
-              TableRow,
-              {
-                "data-state": row.getIsSelected() ? "selected" : void 0,
-                onClick: () => onClickItem(row.original),
-                className: rowClassName,
-                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx48(TableCell, { className: cellClassName, children: flexRender(
-                  cell.column.columnDef.cell,
-                  cell.getContext()
-                ) }, cell.id))
-              },
-              row.id
-            )) : emptyData || /* @__PURE__ */ jsx48(TableRow, { children: /* @__PURE__ */ jsx48(
-              TableCell,
-              {
-                colSpan: columns.length,
-                className: "h-24 text-center",
-                children: "No results."
-              }
-            ) }) })
-          ] }),
-          /* @__PURE__ */ jsx48(ScrollBar, { orientation: "horizontal" })
-        ]
-      }
-    ),
-    /* @__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__ */ jsx48(ScrollBar, { orientation: "horizontal" })
+    ] }) }),
+    /* @__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,
@@ -7618,14 +7846,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}`,
@@ -7645,8 +7873,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,
@@ -7655,7 +7883,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,
             {
@@ -7711,7 +7939,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,
@@ -7719,27 +7947,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" }),
@@ -7753,9 +7981,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,
@@ -7779,10 +8007,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
         ] })
@@ -7791,7 +8019,7 @@ function FileUpload({
   ) });
 }
 function ImagePreview({ file }) {
-  const [objectUrl, setObjectUrl] = useState5(null);
+  const [objectUrl, setObjectUrl] = useState6(null);
   useEffect5(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);
@@ -7810,9 +8038,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 })
   ] });
@@ -7820,9 +8048,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,
     " "
@@ -7830,7 +8058,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,
@@ -7900,8 +8128,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,
         {
@@ -7912,7 +8140,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 })
     ] })
@@ -7921,7 +8149,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,
@@ -7942,9 +8170,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(
@@ -7958,7 +8186,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)) })
@@ -8073,6 +8301,7 @@ export {
   FormItem,
   FormLabel,
   FormMessage,
+  FormSelect,
   Heading,
   HoverCard,
   HoverCardContent,
@@ -8189,10 +8418,12 @@ export {
   badgeVariants,
   buttonVariants,
   cn,
+  inputVariants,
   navigationMenuTriggerStyle,
   reducer,
   toast,
   toggleVariants,
   useFormField,
-  useToast
+  useToast,
+  variants
 };