shadcn-ui-react 0.3.8 → 0.4.1

package/dist/index.js

@@ -5508,11 +5508,11 @@ var Form = ({
 };
 
 // src/components/Form/form-field.tsx
+import React42 from "react";
 import {
   Controller,
   useFormContext
 } from "react-hook-form";
-import React44 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { Asterisk } from "lucide-react";
 
@@ -5541,7 +5541,7 @@ var Input = React41.forwardRef(
     ]);
     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 = {
+    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",
@@ -5585,7 +5585,7 @@ var Input = React41.forwardRef(
           disabled,
           className: cn(
             base,
-            variants[variant],
+            variants2[variant],
             variant === "flushed" ? specialSizeForFlushed : variant === "link" ? specialSizeForLink : sizeCls,
             errorCls,
             iconPadLeft,
@@ -5611,166 +5611,22 @@ var Input = React41.forwardRef(
 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 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 = React42.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx18(
-    LabelPrimitive.Root,
-    __spreadValues({
-      ref,
-      className: cn(labelVariants(), className)
-    }, props)
-  );
-});
-Label3.displayName = LabelPrimitive.Root.displayName;
-
-// 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
-          }
-        ),
-        /* @__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 { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-var FormFieldContext = React44.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) => {
@@ -5814,7 +5670,7 @@ var FormField = (_a) => {
     formState: { errors }
   } = useFormContext();
   const fieldError = (_a2 = errors[name]) == null ? void 0 : _a2.message;
-  return /* @__PURE__ */ jsx20(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx18(
     Controller,
     {
       control,
@@ -5822,8 +5678,8 @@ var FormField = (_a) => {
       rules,
       shouldUnregister,
       defaultValue,
-      render: ({ field }) => /* @__PURE__ */ jsxs12(FormItem, { children: [
-        label && /* @__PURE__ */ jsxs12(
+      render: ({ field }) => /* @__PURE__ */ jsxs11(FormItem, { children: [
+        label && /* @__PURE__ */ jsxs11(
           FormLabel,
           {
             className: cn(
@@ -5832,7 +5688,7 @@ var FormField = (_a) => {
             ),
             children: [
               label,
-              requiredLabel && /* @__PURE__ */ jsx20(
+              requiredLabel && /* @__PURE__ */ jsx18(
                 Asterisk,
                 {
                   className: cn(
@@ -5844,55 +5700,50 @@ var FormField = (_a) => {
             ]
           }
         ),
-        /* @__PURE__ */ jsx20(FormControl, { children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx18(FormControl, { children: /* @__PURE__ */ jsx18(
           Input,
           __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
             onChange: (e) => {
               field.onChange(e);
               onChange == null ? void 0 : onChange(e.target.value);
             },
-            variant,
-            size,
             placeholder,
             className: cn("bg-input px-[0.9rem] py-5", className),
             classNameDefault: classNameDefault != null ? classNameDefault : true
           })
         ) }),
-        fieldError && /* @__PURE__ */ jsx20(FormMessage, { className: messageClassName, children: fieldError })
+        fieldError && /* @__PURE__ */ jsx18(FormMessage, { className: messageClassName, children: fieldError })
       ] })
     }
   ) });
 };
-var FormItemContext = React44.createContext(
+var FormItemContext = React42.createContext(
   {}
 );
-var FormItem = React44.forwardRef((_a, ref) => {
+var FormItem = React42.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React44.useId();
-  return /* @__PURE__ */ jsx20(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx20("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 = React44.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx20(
-    Label3,
-    __spreadValues({
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId
-    }, props)
-  );
-});
-FormLabel.displayName = "FormLabel";
 var useFormField = () => {
-  const fieldContext = React44.useContext(FormFieldContext);
-  const itemContext = React44.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`,
@@ -5900,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,
@@ -5912,10 +5760,23 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormControl = React44.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__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     Slot3,
     __spreadValues({
       ref,
@@ -5926,10 +5787,10 @@ var FormControl = React44.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React44.forwardRef((_a, ref) => {
+var FormDescription = React42.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18(
     "p",
     __spreadValues({
       ref,
@@ -5939,14 +5800,12 @@ var FormDescription = React44.forwardRef((_a, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React44.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__ */ jsx20(
+  const body = error ? error == null ? void 0 : error.message : children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsx18(
     "p",
     __spreadProps(__spreadValues({
       ref,
@@ -5978,7 +5837,9 @@ var FormSelect = ({
   disabled,
   size = "md",
   variant = "outline",
-  invalid
+  invalid,
+  searchable = false,
+  searchPlaceholder = "Buscar\u2026"
 }) => {
   var _a;
   const {
@@ -5990,24 +5851,6 @@ var FormSelect = ({
     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" : "";
@@ -6018,7 +5861,21 @@ var FormSelect = ({
     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(
+  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,
@@ -6027,21 +5884,27 @@ var FormSelect = ({
       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
+        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__ */ jsxs12(
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs11(
             Select2,
             {
               value: (_a2 = field.value) != null ? _a2 : "",
@@ -6051,7 +5914,7 @@ var FormSelect = ({
               },
               disabled,
               children: [
-                /* @__PURE__ */ jsx20(FormControl, { children: /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx18(FormControl, { children: /* @__PURE__ */ jsx18(
                   SelectTrigger,
                   {
                     className: cn(
@@ -6061,23 +5924,56 @@ var FormSelect = ({
                       errorCls,
                       className
                     ),
-                    children: /* @__PURE__ */ jsx20(SelectValue, { placeholder })
+                    children: /* @__PURE__ */ jsx18(SelectValue, { placeholder })
                   }
                 ) }),
-                /* @__PURE__ */ jsx20(SelectContent, { className: cn(contentBase, contentClassName), children: children ? children : items == null ? void 0 : items.map((opt) => /* @__PURE__ */ jsx20(
-                  SelectItem,
+                /* @__PURE__ */ jsxs11(
+                  SelectContent,
                   {
-                    value: opt.value,
-                    disabled: opt.disabled,
-                    className: cn(itemSize[size]),
-                    children: opt.label
-                  },
-                  opt.value
-                )) })
+                    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__ */ jsx20(FormMessage, { className: messageClassName, children: fieldError })
+          fieldError && /* @__PURE__ */ jsx18(FormMessage, { className: messageClassName, children: fieldError })
         ] });
       }
     }
@@ -6087,13 +5983,13 @@ FormSelect.displayName = "FormSelect";
 
 // src/components/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import * as React45 from "react";
-import { jsx as jsx21 } 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 = React45.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__ */ jsx21(
+  return /* @__PURE__ */ jsx19(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -6172,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 React46 from "react";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-var InputOTP = React46.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__ */ jsx22(
+  return /* @__PURE__ */ jsx20(
     OTPInput,
     __spreadValues({
       ref,
@@ -6189,16 +6085,16 @@ var InputOTP = React46.forwardRef((_a, ref) => {
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React46.forwardRef((_a, ref) => {
+var InputOTPGroup = React44.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx22("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 = React46.forwardRef((_a, ref) => {
+var InputOTPSlot = React44.forwardRef((_a, ref) => {
   var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
-  const inputOTPContext = React46.useContext(OTPInputContext);
+  const inputOTPContext = React44.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -6210,35 +6106,55 @@ var InputOTPSlot = React46.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        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" }) })
+        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 = React46.forwardRef((_a, ref) => {
+var InputOTPSeparator = React44.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx22("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx22(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 CheckIcon5,
+  CheckIcon as CheckIcon4,
   ChevronRightIcon as ChevronRightIcon4,
   DotFilledIcon as DotFilledIcon3
 } from "@radix-ui/react-icons";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
-import * as React47 from "react";
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import * as React46 from "react";
+import { jsx as jsx22, jsxs as jsxs13 } 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 = React47.forwardRef((_a, ref) => {
+var Menubar = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -6250,9 +6166,9 @@ var Menubar = React47.forwardRef((_a, ref) => {
   );
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React47.forwardRef((_a, ref) => {
+var MenubarTrigger = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -6264,9 +6180,9 @@ var MenubarTrigger = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React47.forwardRef((_a, ref) => {
+var MenubarSubTrigger = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     MenubarPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6278,15 +6194,15 @@ var MenubarSubTrigger = React47.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx23(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx22(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React47.forwardRef((_a, ref) => {
+var MenubarSubContent = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -6298,10 +6214,10 @@ var MenubarSubContent = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React47.forwardRef(
+var MenubarContent = React46.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ jsx23(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx22(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -6317,9 +6233,9 @@ var MenubarContent = React47.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React47.forwardRef((_a, ref) => {
+var MenubarItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -6332,9 +6248,9 @@ var MenubarItem = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React47.forwardRef((_a, ref) => {
+var MenubarCheckboxItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     MenubarPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6345,16 +6261,16 @@ var MenubarCheckboxItem = React47.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__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" }) }) }),
         children
       ]
     })
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React47.forwardRef((_a, ref) => {
+var MenubarRadioItem = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     MenubarPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       ref,
@@ -6364,16 +6280,16 @@ var MenubarRadioItem = React47.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__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" }) }) }),
+        /* @__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" }) }) }),
         children
       ]
     })
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React47.forwardRef((_a, ref) => {
+var MenubarLabel = React46.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -6386,9 +6302,9 @@ var MenubarLabel = React47.forwardRef((_a, ref) => {
   );
 });
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React47.forwardRef((_a, ref) => {
+var MenubarSeparator = React46.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -6403,7 +6319,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "span",
     __spreadValues({
       className: cn(
@@ -6416,7 +6332,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var Modal = ({
   title,
   description,
@@ -6430,24 +6346,24 @@ var Modal = ({
       onClose();
     }
   };
-  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 })
+  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 })
     ] }),
-    /* @__PURE__ */ jsx24("div", { children })
+    /* @__PURE__ */ jsx23("div", { children })
   ] }) });
 };
 
 // src/components/navigation-menu.tsx
-import { ChevronDownIcon as ChevronDownIcon3 } from "@radix-ui/react-icons";
+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 React48 from "react";
-import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
-var NavigationMenu = React48.forwardRef((_a, ref) => {
+import * as React47 from "react";
+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__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     NavigationMenuPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6458,15 +6374,15 @@ var NavigationMenu = React48.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx25(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx24(NavigationMenuViewport, {})
       ]
     })
   );
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React48.forwardRef((_a, ref) => {
+var NavigationMenuList = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -6482,9 +6398,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 = React48.forwardRef((_a, ref) => {
+var NavigationMenuTrigger = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     NavigationMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       ref,
@@ -6493,8 +6409,8 @@ var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx25(
-          ChevronDownIcon3,
+        /* @__PURE__ */ jsx24(
+          ChevronDownIcon2,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -6505,9 +6421,9 @@ var NavigationMenuTrigger = React48.forwardRef((_a, ref) => {
   );
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React48.forwardRef((_a, ref) => {
+var NavigationMenuContent = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -6520,9 +6436,9 @@ var NavigationMenuContent = React48.forwardRef((_a, ref) => {
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React48.forwardRef((_a, ref) => {
+var NavigationMenuViewport = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -6534,9 +6450,9 @@ var NavigationMenuViewport = React48.forwardRef((_a, ref) => {
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React48.forwardRef((_a, ref) => {
+var NavigationMenuIndicator = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -6545,7 +6461,7 @@ var NavigationMenuIndicator = React48.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx25("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx24("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
@@ -6557,12 +6473,12 @@ import {
   ChevronRightIcon as ChevronRightIcon5,
   DotsHorizontalIcon as DotsHorizontalIcon2
 } from "@radix-ui/react-icons";
-import * as React49 from "react";
+import * as React48 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs17 } 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__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -6572,9 +6488,9 @@ var Pagination = (_a) => {
   );
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React49.forwardRef((_a, ref) => {
+var PaginationContent = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "ul",
     __spreadValues({
       ref,
@@ -6583,9 +6499,9 @@ var PaginationContent = React49.forwardRef((_a, ref) => {
   );
 });
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React49.forwardRef((_a, ref) => {
+var PaginationItem = React48.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ jsx25("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -6598,7 +6514,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -6619,7 +6535,7 @@ var PaginationPreviousLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6627,8 +6543,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26(ChevronLeft2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ jsx25(ChevronLeft2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -6640,7 +6556,7 @@ var PaginationPrevious = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to previous page",
@@ -6648,8 +6564,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26(ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx26("span", { children: "Previous" })
+        /* @__PURE__ */ jsx25(ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx25("span", { children: "Previous" })
       ]
     })
   );
@@ -6661,7 +6577,7 @@ var PaginationNext = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6669,8 +6585,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26("span", { children: "Next" }),
-        /* @__PURE__ */ jsx26(ChevronRightIcon5, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx25("span", { children: "Next" }),
+        /* @__PURE__ */ jsx25(ChevronRightIcon5, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6682,7 +6598,7 @@ var PaginationNextLast = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     PaginationLink,
     __spreadProps(__spreadValues({
       "aria-label": "Go to next page",
@@ -6690,8 +6606,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ jsx26(ChevronRight2, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ jsx25(ChevronRight2, { className: "h-4 w-4" })
       ]
     })
   );
@@ -6703,15 +6619,15 @@ var PaginationEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     "span",
     __spreadProps(__spreadValues({
       "aria-hidden": true,
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx26(DotsHorizontalIcon2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx25(DotsHorizontalIcon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -6720,14 +6636,14 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // src/components/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React50 from "react";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import * as React49 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React50.forwardRef((_a, ref) => {
+var PopoverContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx27(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -6744,11 +6660,11 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React51 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Progress = React51.forwardRef((_a, ref) => {
+import * as React50 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Progress = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -6757,7 +6673,7 @@ var Progress = React51.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsx27(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -6770,13 +6686,13 @@ var Progress = React51.forwardRef((_a, ref) => {
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-import { CheckIcon as CheckIcon6 } from "@radix-ui/react-icons";
+import { CheckIcon as CheckIcon5 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React52 from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var RadioGroup4 = React52.forwardRef((_a, ref) => {
+import * as React51 from "react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var RadioGroup4 = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -6786,9 +6702,9 @@ var RadioGroup4 = React52.forwardRef((_a, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React52.forwardRef((_a, ref) => {
+var RadioGroupItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -6797,7 +6713,7 @@ var RadioGroupItem = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx29(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx29(CheckIcon6, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx28(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx28(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
@@ -6806,14 +6722,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 jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     ResizablePrimitive.PanelGroup,
     __spreadValues({
       className: cn(
@@ -6832,7 +6748,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     ResizablePrimitive.PanelResizeHandle,
     __spreadProps(__spreadValues({
       className: cn(
@@ -6840,35 +6756,35 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      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" }) })
+      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" }) })
     })
   );
 };
 
 // src/components/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React53 from "react";
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
-var ScrollArea = React53.forwardRef((_a, ref) => {
+import * as React52 from "react";
+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__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     ScrollAreaPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ jsx31(ScrollBar, {}),
-        /* @__PURE__ */ jsx31(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsx30(ScrollBar, {}),
+        /* @__PURE__ */ jsx30(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React53.forwardRef((_a, ref) => {
+var ScrollBar = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -6880,16 +6796,16 @@ var ScrollBar = React53.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx31(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx30(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/search-input.tsx
-import React54, { useCallback as useCallback4 } from "react";
+import React53, { useCallback as useCallback4 } from "react";
 import { useDebounce } from "use-debounce";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function SearchInput({
   value,
   placeholder,
@@ -6898,18 +6814,18 @@ function SearchInput({
   debounceTime = 750,
   onSearch
 }) {
-  const [searchTerm, setSearchTerm] = React54.useState(value);
+  const [searchTerm, setSearchTerm] = React53.useState(value);
   const [debouncedValue] = useDebounce(searchTerm, debounceTime);
   const handleSettingSearchParams = useCallback4((newSearchValue) => {
     onSearch(newSearchValue);
   }, []);
-  React54.useEffect(() => {
+  React53.useEffect(() => {
     handleSettingSearchParams(debouncedValue);
   }, [debouncedValue, handleSettingSearchParams]);
-  React54.useEffect(() => {
+  React53.useEffect(() => {
     setSearchTerm(value);
   }, [value]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     Input,
     {
       placeholder: placeholder || `Search...`,
@@ -6921,6 +6837,143 @@ function SearchInput({
   );
 }
 
+// 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 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__ */ jsxs18(
+    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__ */ jsxs18(
+    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__ */ jsxs18(
+    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";
@@ -7754,13 +7807,13 @@ function DataTable({
     }
   }, [pagination]);
   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__ */ 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(
+    /* @__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,
@@ -7779,48 +7832,10 @@ function DataTable({
             className: "h-24 text-center",
             children: "No results."
           }
-        ) }) }) }),
-        /* @__PURE__ */ jsx48(ScrollBar, { orientation: "horizontal" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs23(
-      ScrollArea,
-      {
-        className: cn(
-          "h-[calc(80vh-220px)] rounded-md border md:h-[calc(80dvh-80px)]",
-          className
-        ),
-        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,
-                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__ */ 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: [
@@ -8403,10 +8418,12 @@ export {
   badgeVariants,
   buttonVariants,
   cn,
+  inputVariants,
   navigationMenuTriggerStyle,
   reducer,
   toast,
   toggleVariants,
   useFormField,
-  useToast
+  useToast,
+  variants
 };