shadcn-ui-react 0.7.8 → 0.7.9

package/dist/index.js

@@ -493,7 +493,7 @@ var BreadcrumbList = React6.forwardRef((_a, ref) => {
     __spreadValues({
       ref,
       className: cn(
-        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+        "flex flex-wrap items-center gap-1.5 wrap-break-word text-sm text-muted-foreground sm:gap-2.5",
         className
       )
     }, props)
@@ -6298,41 +6298,24 @@ var DropdownMenuShortcut = (_a) => {
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// src/components/Form/form.tsx
-import {
-  FormProvider
-} from "react-hook-form";
-import { jsx as jsx18 } from "react/jsx-runtime";
-function Form({
-  children,
-  methods,
-  onSubmit,
-  onError,
-  formProps
-}) {
-  const handleSubmit = onSubmit ? methods.handleSubmit(onSubmit, onError) : void 0;
-  return /* @__PURE__ */ jsx18(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx18("form", __spreadProps(__spreadValues({ noValidate: true, onSubmit: handleSubmit }, formProps), { children })) }));
-}
-
-// src/components/Form/form-checkbox.tsx
-import * as React46 from "react";
-import { Asterisk as Asterisk2 } from "lucide-react";
+// src/components/Form/form-component.tsx
+import * as React44 from "react";
+import { Slot as Slot4 } from "@radix-ui/react-slot";
 import {
-  Controller as Controller2,
-  useFormContext as useFormContext2
+  useFormContext
 } from "react-hook-form";
 
 // src/components/Label/label.tsx
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva5 } from "class-variance-authority";
 import * as React43 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var labelVariants = cva5(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-label"
 );
 var Label3 = React43.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     LabelPrimitive.Root,
     __spreadValues({
       ref,
@@ -6342,17 +6325,314 @@ var Label3 = React43.forwardRef((_a, ref) => {
 });
 Label3.displayName = LabelPrimitive.Root.displayName;
 
-// src/components/Form/form-field.tsx
+// src/components/Form/form-component.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var FormFieldContext = React44.createContext(
+  null
+);
+function getErrorMessage(error) {
+  const message2 = error == null ? void 0 : error.message;
+  return typeof message2 === "string" ? message2 : void 0;
+}
+function normalizeSearchText(value) {
+  return String(value != null ? value : "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
+}
+function getDefaultOptionValue(item) {
+  var _a;
+  if (typeof item === "string") return item;
+  if (item && typeof item === "object" && "value" in item) {
+    return String((_a = item.value) != null ? _a : "");
+  }
+  return String(item != null ? item : "");
+}
+function getDefaultOptionLabel(item) {
+  if (item && typeof item === "object" && "label" in item) {
+    return item.label;
+  }
+  return getDefaultOptionValue(item);
+}
+function getNextEnabledIndex(options, currentIndex, direction) {
+  var _a;
+  if (!options.length) return -1;
+  let nextIndex = currentIndex;
+  for (let index = 0; index < options.length; index += 1) {
+    nextIndex = (nextIndex + direction + options.length) % options.length;
+    if (!((_a = options[nextIndex]) == null ? void 0 : _a.disabled)) {
+      return nextIndex;
+    }
+  }
+  return -1;
+}
+var FormItemContext = React44.createContext(null);
+var FormItem = React44.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const id = React44.useId();
+  return /* @__PURE__ */ jsx19(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx19("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+});
+FormItem.displayName = "FormItem";
+var useFormField = () => {
+  var _a;
+  const generatedId = React44.useId();
+  const fieldContext = React44.useContext(FormFieldContext);
+  const itemContext = React44.useContext(FormItemContext);
+  const formContext = useFormContext();
+  const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
+  if (!fieldContext || !formContext) {
+    return {
+      id,
+      formItemId: `${id}-form-item`,
+      formDescriptionId: `${id}-form-item-description`,
+      formMessageId: `${id}-form-item-message`,
+      error: void 0
+    };
+  }
+  const fieldState = formContext.getFieldState(
+    fieldContext.name,
+    formContext.formState
+  );
+  return __spreadValues({
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`
+  }, fieldState);
+};
+var FormLabel = React44.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 FormControl = React44.forwardRef((_a, ref) => {
+  var props = __objRest(_a, []);
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx19(
+    Slot4,
+    __spreadValues({
+      ref,
+      id: formItemId,
+      "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
+      "aria-invalid": Boolean(error)
+    }, props)
+  );
+});
+FormControl.displayName = "FormControl";
+var FormMessage = React44.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const { error, formMessageId } = useFormField();
+  const body = error ? getErrorMessage(error) : children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsx19(
+    "p",
+    __spreadProps(__spreadValues({
+      ref,
+      id: formMessageId,
+      className: cn("text-[0.8rem] font-medium text-destructive", className)
+    }, props), {
+      children: body
+    })
+  );
+});
+FormMessage.displayName = "FormMessage";
+var FormDescription = React44.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx19(
+    "p",
+    __spreadValues({
+      ref,
+      id: formDescriptionId,
+      className: cn("text-[0.8rem] text-muted-foreground", className)
+    }, props)
+  );
+});
+FormDescription.displayName = "FormDescription";
+
+// src/components/Form/form.tsx
+import {
+  FormProvider
+} from "react-hook-form";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Form({
+  children,
+  methods,
+  onSubmit,
+  onError,
+  formProps
+}) {
+  const handleSubmit = onSubmit ? methods.handleSubmit(onSubmit, onError) : void 0;
+  return /* @__PURE__ */ jsx20(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx20("form", __spreadProps(__spreadValues({ noValidate: true, onSubmit: handleSubmit }, formProps), { children })) }));
+}
+
+// src/components/Form/form-checkbox.tsx
 import * as React45 from "react";
-import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { Asterisk } from "lucide-react";
 import {
   Controller,
-  useFormContext
+  useFormContext as useFormContext2
+} from "react-hook-form";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+var FormCheckbox = (_a) => {
+  var _b = _a, {
+    name,
+    control,
+    rules,
+    shouldUnregister,
+    defaultValue,
+    label,
+    description,
+    requiredLabel,
+    className,
+    itemClassName,
+    checkboxClassName,
+    labelClassName,
+    descriptionClassName,
+    messageClassName,
+    requiredLabelClassName,
+    onChange
+  } = _b, checkboxProps = __objRest(_b, [
+    "name",
+    "control",
+    "rules",
+    "shouldUnregister",
+    "defaultValue",
+    "label",
+    "description",
+    "requiredLabel",
+    "className",
+    "itemClassName",
+    "checkboxClassName",
+    "labelClassName",
+    "descriptionClassName",
+    "messageClassName",
+    "requiredLabelClassName",
+    "onChange"
+  ]);
+  var _a2;
+  const generatedId = React45.useId();
+  const form = useFormContext2();
+  const controllerControl = control != null ? control : form == null ? void 0 : form.control;
+  const checkboxId = (_a2 = checkboxProps.id) != null ? _a2 : `${generatedId}-checkbox`;
+  const descriptionId = `${generatedId}-description`;
+  const messageId = `${generatedId}-message`;
+  return /* @__PURE__ */ jsx21(
+    Controller,
+    {
+      control: controllerControl,
+      name,
+      rules,
+      shouldUnregister,
+      defaultValue,
+      render: ({ field, fieldState }) => {
+        var _a3;
+        const checked = Boolean(field.value);
+        const fieldError = (_a3 = fieldState.error) == null ? void 0 : _a3.message;
+        const hasError = Boolean(fieldError);
+        return /* @__PURE__ */ jsx21(FormItem, { className: cn("space-y-1.5", itemClassName), children: /* @__PURE__ */ jsxs11(
+          "div",
+          {
+            className: cn(
+              "flex items-start gap-3 rounded-lg border border-transparent p-1 transition-colors",
+              hasError && "border-destructive/20 bg-destructive/5",
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx21(
+                Checkbox,
+                __spreadProps(__spreadValues({}, checkboxProps), {
+                  ref: field.ref,
+                  id: checkboxId,
+                  checked,
+                  invalid: hasError || checkboxProps.invalid,
+                  "aria-invalid": hasError || checkboxProps.invalid || void 0,
+                  "aria-describedby": [
+                    description ? descriptionId : void 0,
+                    hasError ? messageId : void 0
+                  ].filter(Boolean).join(" ") || void 0,
+                  className: cn("mt-0.5", checkboxClassName),
+                  onBlur: field.onBlur,
+                  onCheckedChange: (value) => {
+                    const nextValue = value === true;
+                    field.onChange(nextValue);
+                    onChange == null ? void 0 : onChange(nextValue);
+                  }
+                })
+              ),
+              /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+                label ? /* @__PURE__ */ jsxs11(
+                  Label3,
+                  {
+                    htmlFor: checkboxId,
+                    className: cn(
+                      "inline-flex cursor-pointer items-start gap-1 text-sm font-medium leading-none text-foreground",
+                      checkboxProps.disabled && "cursor-not-allowed text-muted-foreground",
+                      hasError && "text-destructive",
+                      labelClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx21("span", { children: label }),
+                      requiredLabel ? /* @__PURE__ */ jsx21(
+                        Asterisk,
+                        {
+                          "aria-hidden": "true",
+                          className: cn(
+                            "mt-0.5 h-3 w-3 shrink-0 text-red-500",
+                            requiredLabelClassName
+                          )
+                        }
+                      ) : null
+                    ]
+                  }
+                ) : null,
+                description ? /* @__PURE__ */ jsx21(
+                  "p",
+                  {
+                    id: descriptionId,
+                    className: cn(
+                      "mt-1 text-sm leading-relaxed text-muted-foreground",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : null,
+                fieldError ? /* @__PURE__ */ jsx21(
+                  "p",
+                  {
+                    id: messageId,
+                    className: cn(
+                      "mt-1 text-sm font-medium text-destructive",
+                      messageClassName
+                    ),
+                    children: fieldError
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        ) });
+      }
+    }
+  );
+};
+FormCheckbox.displayName = "FormCheckbox";
+
+// src/components/Form/form-field.tsx
+import { Asterisk as Asterisk2 } from "lucide-react";
+import {
+  Controller as Controller2,
+  useFormContext as useFormContext3
 } from "react-hook-form";
 
 // src/components/input.tsx
-import * as React44 from "react";
+import * as React46 from "react";
 
 // src/components/Form/utils/form-utils.ts
 var formInputVariants = {
@@ -6449,8 +6729,8 @@ function getFormSizeClasses(size = "md", customSize) {
 }
 
 // src/components/input.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
-var Input = React44.forwardRef(
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+var Input = React46.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -6483,8 +6763,8 @@ var Input = React44.forwardRef(
     const iconSizeClass = size === "2xl" ? "text-[1.3rem]" : size === "xl" ? "text-[1.2rem]" : size === "lg" ? "text-[1.15rem]" : size === "2xs" || size === "xs" ? "text-[0.85rem]" : "text-[1rem]";
     const iconPositionClass = size === "2xs" || size === "xs" ? "left-2" : size === "xl" || size === "2xl" ? "left-4" : "left-3";
     const trailingIconPositionClass = size === "2xs" || size === "xs" ? "right-2" : size === "xl" || size === "2xl" ? "right-4" : "right-3";
-    return /* @__PURE__ */ jsxs11("div", { className: cn("relative", disabled && "opacity-80"), children: [
-      leading ? /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsxs12("div", { className: cn("relative", disabled && "opacity-80"), children: [
+      leading ? /* @__PURE__ */ jsx22(
         "span",
         {
           className: cn(
@@ -6496,7 +6776,7 @@ var Input = React44.forwardRef(
           children: leading
         }
       ) : null,
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx22(
         "input",
         __spreadValues({
           ref,
@@ -6514,7 +6794,7 @@ var Input = React44.forwardRef(
           "data-private": true
         }, props)
       ),
-      trailing ? /* @__PURE__ */ jsx20(
+      trailing ? /* @__PURE__ */ jsx22(
         "span",
         {
           className: cn(
@@ -6532,11 +6812,8 @@ var Input = React44.forwardRef(
 Input.displayName = "Input";
 
 // src/components/Form/form-field.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
-var FormFieldContext = React45.createContext(
-  null
-);
-function getErrorMessage(error) {
+import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+function getErrorMessage2(error) {
   const message2 = error == null ? void 0 : error.message;
   return typeof message2 === "string" ? message2 : void 0;
 }
@@ -6563,233 +6840,32 @@ var FormField = (_a) => {
     trailing,
     invalid,
     onChange
-  } = _b, inputProps = __objRest(_b, [
-    "name",
-    "control",
-    "label",
-    "placeholder",
-    "requiredLabel",
-    "className",
-    "classNameDefault",
-    "itemClassName",
-    "labelClassName",
-    "messageClassName",
-    "requiredLabelClassName",
-    "variant",
-    "size",
-    "customSize",
-    "rules",
-    "shouldUnregister",
-    "defaultValue",
-    "leading",
-    "trailing",
-    "invalid",
-    "onChange"
-  ]);
-  const form = useFormContext();
-  const controllerControl = control != null ? control : form == null ? void 0 : form.control;
-  return /* @__PURE__ */ jsx21(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx21(
-    Controller,
-    {
-      control: controllerControl,
-      name,
-      rules,
-      shouldUnregister,
-      defaultValue,
-      render: ({ field, fieldState }) => {
-        var _a2;
-        const fieldError = getErrorMessage(fieldState.error);
-        return /* @__PURE__ */ jsxs12(FormItem, { className: itemClassName, children: [
-          label ? /* @__PURE__ */ jsxs12(
-            FormLabel,
-            {
-              className: cn("flex items-center gap-0.5", labelClassName),
-              children: [
-                /* @__PURE__ */ jsx21("span", { children: label }),
-                requiredLabel ? /* @__PURE__ */ jsx21(
-                  Asterisk,
-                  {
-                    "aria-hidden": "true",
-                    className: cn(
-                      "h-3 w-3 shrink-0 text-red-500",
-                      requiredLabelClassName
-                    )
-                  }
-                ) : null
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsx21(FormControl, { children: /* @__PURE__ */ jsx21(
-            Input,
-            __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
-              value: (_a2 = field.value) != null ? _a2 : "",
-              onChange: (event) => {
-                field.onChange(event);
-                onChange == null ? void 0 : onChange(event.target.value);
-              },
-              onBlur: (event) => {
-                var _a3;
-                field.onBlur();
-                (_a3 = inputProps.onBlur) == null ? void 0 : _a3.call(inputProps, event);
-              },
-              ref: field.ref,
-              leading,
-              trailing,
-              invalid: invalid || Boolean(fieldError),
-              variant,
-              size,
-              customSize,
-              placeholder,
-              className: cn(className),
-              classNameDefault
-            })
-          ) }),
-          fieldError ? /* @__PURE__ */ jsx21(FormMessage, { className: messageClassName, children: fieldError }) : null
-        ] });
-      }
-    }
-  ) });
-};
-FormField.displayName = "FormField";
-var FormItemContext = React45.createContext(null);
-var FormItem = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React45.useId();
-  return /* @__PURE__ */ jsx21(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx21("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
-});
-FormItem.displayName = "FormItem";
-var useFormField = () => {
-  var _a;
-  const generatedId = React45.useId();
-  const fieldContext = React45.useContext(FormFieldContext);
-  const itemContext = React45.useContext(FormItemContext);
-  const formContext = useFormContext();
-  const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
-  if (!fieldContext || !formContext) {
-    return {
-      id,
-      formItemId: `${id}-form-item`,
-      formDescriptionId: `${id}-form-item-description`,
-      formMessageId: `${id}-form-item-message`,
-      error: void 0
-    };
-  }
-  const fieldState = formContext.getFieldState(
-    fieldContext.name,
-    formContext.formState
-  );
-  return __spreadValues({
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`
-  }, fieldState);
-};
-var FormLabel = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx21(
-    Label3,
-    __spreadValues({
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId
-    }, props)
-  );
-});
-FormLabel.displayName = "FormLabel";
-var FormControl = React45.forwardRef((_a, ref) => {
-  var props = __objRest(_a, []);
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx21(
-    Slot4,
-    __spreadValues({
-      ref,
-      id: formItemId,
-      "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
-      "aria-invalid": Boolean(error)
-    }, props)
-  );
-});
-FormControl.displayName = "FormControl";
-var FormDescription = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx21(
-    "p",
-    __spreadValues({
-      ref,
-      id: formDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className)
-    }, props)
-  );
-});
-FormDescription.displayName = "FormDescription";
-var FormMessage = React45.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  const { error, formMessageId } = useFormField();
-  const body = error ? getErrorMessage(error) : children;
-  if (!body) return null;
-  return /* @__PURE__ */ jsx21(
-    "p",
-    __spreadProps(__spreadValues({
-      ref,
-      id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className)
-    }, props), {
-      children: body
-    })
-  );
-});
-FormMessage.displayName = "FormMessage";
-
-// src/components/Form/form-checkbox.tsx
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
-var FormCheckbox = (_a) => {
-  var _b = _a, {
-    name,
-    control,
-    rules,
-    shouldUnregister,
-    defaultValue,
-    label,
-    description,
-    requiredLabel,
-    className,
-    itemClassName,
-    checkboxClassName,
-    labelClassName,
-    descriptionClassName,
-    messageClassName,
-    requiredLabelClassName,
-    onChange
-  } = _b, checkboxProps = __objRest(_b, [
+  } = _b, inputProps = __objRest(_b, [
     "name",
     "control",
-    "rules",
-    "shouldUnregister",
-    "defaultValue",
     "label",
-    "description",
+    "placeholder",
     "requiredLabel",
     "className",
+    "classNameDefault",
     "itemClassName",
-    "checkboxClassName",
     "labelClassName",
-    "descriptionClassName",
     "messageClassName",
     "requiredLabelClassName",
+    "variant",
+    "size",
+    "customSize",
+    "rules",
+    "shouldUnregister",
+    "defaultValue",
+    "leading",
+    "trailing",
+    "invalid",
     "onChange"
   ]);
-  var _a2;
-  const generatedId = React46.useId();
-  const form = useFormContext2();
+  const form = useFormContext3();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
-  const checkboxId = (_a2 = checkboxProps.id) != null ? _a2 : `${generatedId}-checkbox`;
-  const descriptionId = `${generatedId}-description`;
-  const messageId = `${generatedId}-message`;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx23(
     Controller2,
     {
       control: controllerControl,
@@ -6798,102 +6874,67 @@ var FormCheckbox = (_a) => {
       shouldUnregister,
       defaultValue,
       render: ({ field, fieldState }) => {
-        var _a3;
-        const checked = Boolean(field.value);
-        const fieldError = (_a3 = fieldState.error) == null ? void 0 : _a3.message;
-        const hasError = Boolean(fieldError);
-        return /* @__PURE__ */ jsx22(FormItem, { className: cn("space-y-1.5", itemClassName), children: /* @__PURE__ */ jsxs13(
-          "div",
-          {
-            className: cn(
-              "flex items-start gap-3 rounded-lg border border-transparent p-1 transition-colors",
-              hasError && "border-destructive/20 bg-destructive/5",
-              className
-            ),
-            children: [
-              /* @__PURE__ */ jsx22(
-                Checkbox,
-                __spreadProps(__spreadValues({}, checkboxProps), {
-                  ref: field.ref,
-                  id: checkboxId,
-                  checked,
-                  invalid: hasError || checkboxProps.invalid,
-                  "aria-invalid": hasError || checkboxProps.invalid || void 0,
-                  "aria-describedby": [description ? descriptionId : void 0, hasError ? messageId : void 0].filter(Boolean).join(" ") || void 0,
-                  className: cn("mt-0.5", checkboxClassName),
-                  onBlur: field.onBlur,
-                  onCheckedChange: (value) => {
-                    const nextValue = value === true;
-                    field.onChange(nextValue);
-                    onChange == null ? void 0 : onChange(nextValue);
-                  }
-                })
-              ),
-              /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-                label ? /* @__PURE__ */ jsxs13(
-                  Label3,
-                  {
-                    htmlFor: checkboxId,
-                    className: cn(
-                      "inline-flex cursor-pointer items-start gap-1 text-sm font-medium leading-none text-foreground",
-                      checkboxProps.disabled && "cursor-not-allowed text-muted-foreground",
-                      hasError && "text-destructive",
-                      labelClassName
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx22("span", { children: label }),
-                      requiredLabel ? /* @__PURE__ */ jsx22(
-                        Asterisk2,
-                        {
-                          "aria-hidden": "true",
-                          className: cn(
-                            "mt-0.5 h-3 w-3 shrink-0 text-red-500",
-                            requiredLabelClassName
-                          )
-                        }
-                      ) : null
-                    ]
-                  }
-                ) : null,
-                description ? /* @__PURE__ */ jsx22(
-                  "p",
-                  {
-                    id: descriptionId,
-                    className: cn(
-                      "mt-1 text-sm leading-relaxed text-muted-foreground",
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                ) : null,
-                fieldError ? /* @__PURE__ */ jsx22(
-                  "p",
+        var _a2;
+        const fieldError = getErrorMessage2(fieldState.error);
+        return /* @__PURE__ */ jsxs13(FormItem, { className: itemClassName, children: [
+          label ? /* @__PURE__ */ jsxs13(
+            FormLabel,
+            {
+              className: cn("flex items-center gap-0.5", labelClassName),
+              children: [
+                /* @__PURE__ */ jsx23("span", { children: label }),
+                requiredLabel ? /* @__PURE__ */ jsx23(
+                  Asterisk2,
                   {
-                    id: messageId,
+                    "aria-hidden": "true",
                     className: cn(
-                      "mt-1 text-sm font-medium text-destructive",
-                      messageClassName
-                    ),
-                    children: fieldError
+                      "h-3 w-3 shrink-0 text-red-500",
+                      requiredLabelClassName
+                    )
                   }
                 ) : null
-              ] })
-            ]
-          }
-        ) });
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx23(FormControl, { children: /* @__PURE__ */ jsx23(
+            Input,
+            __spreadProps(__spreadValues(__spreadValues({}, field), inputProps), {
+              value: (_a2 = field.value) != null ? _a2 : "",
+              onChange: (event) => {
+                field.onChange(event);
+                onChange == null ? void 0 : onChange(event.target.value);
+              },
+              onBlur: (event) => {
+                var _a3;
+                field.onBlur();
+                (_a3 = inputProps.onBlur) == null ? void 0 : _a3.call(inputProps, event);
+              },
+              ref: field.ref,
+              leading,
+              trailing,
+              invalid: invalid || Boolean(fieldError),
+              variant,
+              size,
+              customSize,
+              placeholder,
+              className: cn(className),
+              classNameDefault
+            })
+          ) }),
+          fieldError ? /* @__PURE__ */ jsx23(FormMessage, { className: messageClassName, children: fieldError }) : null
+        ] });
       }
     }
-  );
+  ) });
 };
-FormCheckbox.displayName = "FormCheckbox";
+FormField.displayName = "FormField";
 
 // src/components/Form/form-select.tsx
 import * as React48 from "react";
-import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { Asterisk as Asterisk3 } from "lucide-react";
 import {
   Controller as Controller3,
-  useFormContext as useFormContext3
+  useFormContext as useFormContext4
 } from "react-hook-form";
 
 // src/components/select.tsx
@@ -6905,7 +6946,7 @@ import {
 } from "@radix-ui/react-icons";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React47 from "react";
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var Select2 = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -6922,7 +6963,7 @@ var SelectTrigger = React47.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx23(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx23(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+        /* @__PURE__ */ jsx24(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx24(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
       ]
     })
   );
@@ -6930,7 +6971,7 @@ var SelectTrigger = React47.forwardRef((_a, ref) => {
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
 var SelectScrollUpButton = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     SelectPrimitive.ScrollUpButton,
     __spreadProps(__spreadValues({
       ref,
@@ -6939,14 +6980,14 @@ var SelectScrollUpButton = React47.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx23(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx24(ChevronUpIcon, {})
     })
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 var SelectScrollDownButton = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     SelectPrimitive.ScrollDownButton,
     __spreadProps(__spreadValues({
       ref,
@@ -6955,14 +6996,14 @@ var SelectScrollDownButton = React47.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx23(ChevronDownIcon2, {})
+      children: /* @__PURE__ */ jsx24(ChevronDownIcon2, {})
     })
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var SelectContent = React47.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ jsx23(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
     SelectPrimitive.Content,
     __spreadProps(__spreadValues({
       ref,
@@ -6974,8 +7015,8 @@ var SelectContent = React47.forwardRef((_a, ref) => {
       position
     }, props), {
       children: [
-        /* @__PURE__ */ jsx23(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx24(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -6985,7 +7026,7 @@ var SelectContent = React47.forwardRef((_a, ref) => {
             children
           }
         ),
-        /* @__PURE__ */ jsx23(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
       ]
     })
   ) });
@@ -6993,7 +7034,7 @@ var SelectContent = React47.forwardRef((_a, ref) => {
 SelectContent.displayName = SelectPrimitive.Content.displayName;
 var SelectLabel = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -7014,8 +7055,8 @@ var SelectItem = React47.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon4, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ jsx23(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx24("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon4, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx24(SelectPrimitive.ItemText, { children })
       ]
     })
   );
@@ -7023,7 +7064,7 @@ var SelectItem = React47.forwardRef((_a, ref) => {
 SelectItem.displayName = SelectPrimitive.Item.displayName;
 var SelectSeparator = React47.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,
@@ -7034,114 +7075,14 @@ var SelectSeparator = React47.forwardRef((_a, ref) => {
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Form/form-select.tsx
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
-var FormFieldContext2 = React48.createContext(
-  null
-);
-function getErrorMessage2(error) {
-  const message2 = error == null ? void 0 : error.message;
-  return typeof message2 === "string" ? message2 : void 0;
-}
-var FormItemContext2 = React48.createContext(null);
-var FormItem2 = React48.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React48.useId();
-  return /* @__PURE__ */ jsx24(FormItemContext2.Provider, { value: { id }, children: /* @__PURE__ */ jsx24("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
-});
-FormItem2.displayName = "FormItem";
-var useFormField2 = () => {
-  var _a;
-  const generatedId = React48.useId();
-  const fieldContext = React48.useContext(FormFieldContext2);
-  const itemContext = React48.useContext(FormItemContext2);
-  const formContext = useFormContext3();
-  const id = (_a = itemContext == null ? void 0 : itemContext.id) != null ? _a : generatedId;
-  if (!fieldContext || !formContext) {
-    return {
-      id,
-      formItemId: `${id}-form-item`,
-      formDescriptionId: `${id}-form-item-description`,
-      formMessageId: `${id}-form-item-message`,
-      error: void 0
-    };
-  }
-  const fieldState = formContext.getFieldState(
-    fieldContext.name,
-    formContext.formState
-  );
-  return __spreadValues({
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`
-  }, fieldState);
-};
-var FormLabel2 = React48.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { error, formItemId } = useFormField2();
-  return /* @__PURE__ */ jsx24(
-    Label3,
-    __spreadValues({
-      ref,
-      className: cn(error && "text-destructive", className),
-      htmlFor: formItemId
-    }, props)
-  );
-});
-FormLabel2.displayName = "FormLabel";
-var FormControl2 = React48.forwardRef((_a, ref) => {
-  var props = __objRest(_a, []);
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField2();
-  return /* @__PURE__ */ jsx24(
-    Slot5,
-    __spreadValues({
-      ref,
-      id: formItemId,
-      "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId,
-      "aria-invalid": Boolean(error)
-    }, props)
-  );
-});
-FormControl2.displayName = "FormControl";
-var FormMessage2 = React48.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  const { error, formMessageId } = useFormField2();
-  const body = error ? getErrorMessage2(error) : children;
-  if (!body) return null;
-  return /* @__PURE__ */ jsx24(
-    "p",
-    __spreadProps(__spreadValues({
-      ref,
-      id: formMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className)
-    }, props), {
-      children: body
-    })
-  );
-});
-FormMessage2.displayName = "FormMessage";
-var getDefaultOptionValue = (item) => {
-  var _a;
-  if (typeof item === "string") return item;
-  if (item && typeof item === "object" && "value" in item) {
-    return String((_a = item.value) != null ? _a : "");
-  }
-  return String(item != null ? item : "");
-};
-var getDefaultOptionLabel = (item) => {
-  if (item && typeof item === "object" && "label" in item) {
-    return item.label;
-  }
-  return getDefaultOptionValue(item);
-};
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var FormSelect = ({
   name,
   control,
   rules,
   shouldUnregister,
   defaultValue,
-  placeholder,
+  placeholder = "Seleccionar opci\xF3n",
   label,
   requiredLabel,
   className,
@@ -7170,14 +7111,12 @@ var FormSelect = ({
   emptyText = "No hay resultados",
   position = "popper"
 }) => {
-  const form = useFormContext3();
+  const form = useFormContext4();
   const controllerControl = control != null ? control : form == null ? void 0 : form.control;
-  const [query, setQuery] = React48.useState("");
-  const searchRef = React48.useRef(null);
   const sizeClasses = getFormSizeClasses(size, customSize);
-  const triggerBase = "relative inline-flex w-full items-center justify-between text-foreground outline-none ring-offset-background transition placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
+  const triggerBase = "relative inline-flex w-full items-center justify-between gap-2 text-foreground outline-none ring-offset-background transition placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50";
   const triggerSizeClass = variant === "flushed" ? sizeClasses.flushedControl : variant === "link" ? sizeClasses.linkControl : sizeClasses.control;
-  const contentBase = "z-50 rounded-md border border-border bg-popover text-popover-foreground shadow-md !overflow-hidden";
+  const contentBase = "z-50 rounded-xl border border-border bg-popover text-popover-foreground shadow-xl outline-none";
   const contentViewport = "[&_[data-radix-select-viewport]]:max-h-72 [&_[data-radix-select-viewport]]:overflow-y-auto [&_[data-radix-select-viewport]]:overscroll-contain [&_[data-radix-select-viewport]]:[scrollbar-gutter:stable]";
   const normalizedOptions = React48.useMemo(() => {
     if (options) return options;
@@ -7198,16 +7137,7 @@ var FormSelect = ({
     items,
     options
   ]);
-  const filteredOptions = React48.useMemo(() => {
-    if (!searchable || !query.trim()) return normalizedOptions;
-    const normalizedQuery = query.trim().toLowerCase();
-    return normalizedOptions.filter((option) => {
-      var _a;
-      const label2 = typeof option.label === "string" ? option.label : String((_a = option.value) != null ? _a : "");
-      return `${label2} ${option.value}`.toLowerCase().includes(normalizedQuery);
-    });
-  }, [normalizedOptions, query, searchable]);
-  return /* @__PURE__ */ jsx24(FormFieldContext2.Provider, { value: { name }, children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx25(
     Controller3,
     {
       control: controllerControl,
@@ -7217,12 +7147,20 @@ var FormSelect = ({
       defaultValue,
       render: ({ field, fieldState }) => {
         var _a;
-        const fieldError = getErrorMessage2(fieldState.error);
+        const fieldError = getErrorMessage(fieldState.error);
         const hasError = Boolean(invalid || fieldError);
-        const hasOptions = filteredOptions.length > 0;
-        return /* @__PURE__ */ jsxs15(FormItem2, { children: [
+        const handleValueChange = (value) => {
+          var _a2;
+          const nextOption = normalizedOptions.find(
+            (option) => option.value === value
+          );
+          field.onChange(value);
+          onChange == null ? void 0 : onChange(value);
+          onChangeItem == null ? void 0 : onChangeItem((_a2 = nextOption == null ? void 0 : nextOption.data) != null ? _a2 : null);
+        };
+        return /* @__PURE__ */ jsxs15(FormItem, { children: [
           label ? /* @__PURE__ */ jsxs15(
-            FormLabel2,
+            FormLabel,
             {
               className: cn(
                 "flex items-center gap-0.5",
@@ -7230,8 +7168,8 @@ var FormSelect = ({
                 labelClassName
               ),
               children: [
-                /* @__PURE__ */ jsx24("span", { children: label }),
-                requiredLabel ? /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25("span", { children: label }),
+                requiredLabel ? /* @__PURE__ */ jsx25(
                   Asterisk3,
                   {
                     "aria-hidden": "true",
@@ -7244,35 +7182,29 @@ var FormSelect = ({
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsxs15(
+          searchable ? /* @__PURE__ */ jsx25(
+            Badge,
+            {
+              variant: "outline",
+              className: cn(
+                "w-full cursor-pointer",
+                hasError && "border-destructive ring-destructive focus:ring-destructive/40",
+                className
+              )
+            }
+          ) : /* @__PURE__ */ jsxs15(
             Select2,
             {
               value: (_a = field.value) != null ? _a : "",
-              onValueChange: (value) => {
-                var _a2;
-                const selectedOption = normalizedOptions.find(
-                  (option) => option.value === value
-                );
-                field.onChange(value);
-                onChange == null ? void 0 : onChange(value);
-                onChangeItem == null ? void 0 : onChangeItem(
-                  (_a2 = selectedOption == null ? void 0 : selectedOption.data) != null ? _a2 : null
-                );
-              },
-              onOpenChange: (open) => {
-                if (open && searchable) {
-                  requestAnimationFrame(() => {
-                    var _a2;
-                    (_a2 = searchRef.current) == null ? void 0 : _a2.focus();
-                  });
-                }
-                if (!open) {
-                  setQuery("");
+              onValueChange: handleValueChange,
+              onOpenChange: (nextOpen) => {
+                if (!nextOpen) {
+                  field.onBlur();
                 }
               },
               disabled,
               children: [
-                /* @__PURE__ */ jsx24(FormControl2, { children: /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25(FormControl, { children: /* @__PURE__ */ jsx25(
                   SelectTrigger,
                   {
                     className: cn(
@@ -7282,10 +7214,10 @@ var FormSelect = ({
                       hasError && "border-destructive ring-destructive focus:ring-destructive/40",
                       className
                     ),
-                    children: /* @__PURE__ */ jsx24(SelectValue, { placeholder })
+                    children: /* @__PURE__ */ jsx25(SelectValue, { placeholder })
                   }
                 ) }),
-                /* @__PURE__ */ jsxs15(
+                /* @__PURE__ */ jsx25(
                   SelectContent,
                   {
                     position,
@@ -7293,73 +7225,41 @@ var FormSelect = ({
                     className: cn(
                       contentBase,
                       contentViewport,
-                      "w-(--radix-select-trigger-width) min-w-(--radix-select-trigger-width)",
+                      "w-(--radix-select-trigger-width) min-w-(--radix-select-trigger-width) overflow-hidden!",
                       contentClassName
-                    ),
-                    onCloseAutoFocus: (event) => {
-                      if (searchable) {
-                        event.preventDefault();
-                      }
-                    },
-                    onWheelCapture: (event) => {
-                      event.stopPropagation();
-                    },
-                    onTouchMoveCapture: (event) => {
-                      event.stopPropagation();
-                    },
-                    children: [
-                      searchable && normalizedOptions.length > 0 ? /* @__PURE__ */ jsx24("div", { className: "sticky top-0 z-10 border-b border-border bg-popover p-2", children: /* @__PURE__ */ jsx24(
-                        "input",
-                        {
-                          ref: searchRef,
-                          value: query,
-                          onChange: (event) => setQuery(event.target.value),
-                          placeholder: searchPlaceholder,
-                          className: cn(
-                            "w-full rounded-md border border-input bg-input outline-none focus:ring-2 focus:ring-primary/20",
-                            sizeClasses.searchInput,
-                            searchInputClassName
-                          ),
-                          onKeyDown: (event) => {
-                            if (event.key !== "Escape") {
-                              event.stopPropagation();
-                            }
-                          },
-                          onPointerDown: (event) => event.stopPropagation(),
-                          onClick: (event) => event.stopPropagation()
-                        }
-                      ) }) : null,
-                      children && !searchable ? children : null,
-                      !children || searchable ? hasOptions ? filteredOptions.map((option) => /* @__PURE__ */ jsx24(
-                        SelectItem,
-                        {
-                          value: option.value,
-                          disabled: option.disabled,
-                          className: cn(
-                            sizeClasses.selectItem,
-                            itemClassName
-                          ),
-                          children: option.label
-                        },
-                        option.value
-                      )) : /* @__PURE__ */ jsx24(
-                        "div",
-                        {
-                          className: cn(
-                            "px-3 py-2 text-muted-foreground",
-                            sizeClasses.message
-                          ),
-                          children: emptyText
-                        }
-                      ) : null
-                    ]
+                    ),
+                    onWheelCapture: (event) => {
+                      event.stopPropagation();
+                    },
+                    onTouchMoveCapture: (event) => {
+                      event.stopPropagation();
+                    },
+                    children: children ? children : normalizedOptions.length > 0 ? normalizedOptions.map((option) => /* @__PURE__ */ jsx25(
+                      SelectItem,
+                      {
+                        value: option.value,
+                        disabled: option.disabled,
+                        className: cn(sizeClasses.selectItem, itemClassName),
+                        children: option.label
+                      },
+                      option.value
+                    )) : /* @__PURE__ */ jsx25(
+                      "div",
+                      {
+                        className: cn(
+                          "px-3 py-2 text-muted-foreground",
+                          sizeClasses.message
+                        ),
+                        children: emptyText
+                      }
+                    )
                   }
                 )
               ]
             }
           ),
-          fieldError ? /* @__PURE__ */ jsx24(
-            FormMessage2,
+          fieldError ? /* @__PURE__ */ jsx25(
+            FormMessage,
             {
               className: cn(sizeClasses.message, messageClassName),
               children: fieldError
@@ -7375,12 +7275,12 @@ FormSelect.displayName = "FormSelect";
 // src/components/hover-card.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import * as React49 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
 var HoverCardContent = React49.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     HoverCardPrimitive.Content,
     __spreadValues({
       ref,
@@ -7460,10 +7360,10 @@ var Icons = IconsApp;
 import { DashIcon } from "@radix-ui/react-icons";
 import { OTPInput, OTPInputContext } from "input-otp";
 import * as React50 from "react";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 var InputOTP = React50.forwardRef((_a, ref) => {
   var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     OTPInput,
     __spreadValues({
       ref,
@@ -7478,7 +7378,7 @@ var InputOTP = React50.forwardRef((_a, ref) => {
 InputOTP.displayName = "InputOTP";
 var InputOTPGroup = React50.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx26("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
+  return /* @__PURE__ */ jsx27("div", __spreadValues({ ref, className: cn("flex items-center", className) }, props));
 });
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React50.forwardRef((_a, ref) => {
@@ -7498,7 +7398,7 @@ var InputOTPSlot = React50.forwardRef((_a, ref) => {
     }, props), {
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx26("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx27("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx27("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
       ]
     })
   );
@@ -7506,7 +7406,7 @@ var InputOTPSlot = React50.forwardRef((_a, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 var InputOTPSeparator = React50.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx26("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx26(DashIcon, {}) }));
+  return /* @__PURE__ */ jsx27("div", __spreadProps(__spreadValues({ ref, role: "separator" }, props), { children: /* @__PURE__ */ jsx27(DashIcon, {}) }));
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
@@ -7518,7 +7418,7 @@ import {
 } from "@radix-ui/react-icons";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import * as React51 from "react";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var MenubarMenu = MenubarPrimitive.Menu;
 var MenubarGroup = MenubarPrimitive.Group;
 var MenubarPortal = MenubarPrimitive.Portal;
@@ -7526,7 +7426,7 @@ var MenubarSub = MenubarPrimitive.Sub;
 var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
 var Menubar = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     MenubarPrimitive.Root,
     __spreadValues({
       ref,
@@ -7540,7 +7440,7 @@ var Menubar = React51.forwardRef((_a, ref) => {
 Menubar.displayName = MenubarPrimitive.Root.displayName;
 var MenubarTrigger = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     MenubarPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -7566,7 +7466,7 @@ var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx27(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+        /* @__PURE__ */ jsx28(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
       ]
     })
   );
@@ -7574,7 +7474,7 @@ var MenubarSubTrigger = React51.forwardRef((_a, ref) => {
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
 var MenubarSubContent = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     MenubarPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -7589,7 +7489,7 @@ MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
 var MenubarContent = React51.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, align = "start", alignOffset = -4, sideOffset = 8 } = _b, props = __objRest(_b, ["className", "align", "alignOffset", "sideOffset"]);
-    return /* @__PURE__ */ jsx27(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
       MenubarPrimitive.Content,
       __spreadValues({
         ref,
@@ -7607,7 +7507,7 @@ var MenubarContent = React51.forwardRef(
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 var MenubarItem = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     MenubarPrimitive.Item,
     __spreadValues({
       ref,
@@ -7633,7 +7533,7 @@ var MenubarCheckboxItem = React51.forwardRef((_a, ref) => {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(CheckIcon5, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(CheckIcon5, { className: "h-4 w-4" }) }) }),
         children
       ]
     })
@@ -7652,7 +7552,7 @@ var MenubarRadioItem = React51.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
+        /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(DotFilledIcon3, { className: "h-4 w-4 fill-current" }) }) }),
         children
       ]
     })
@@ -7661,7 +7561,7 @@ var MenubarRadioItem = React51.forwardRef((_a, ref) => {
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
 var MenubarLabel = React51.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     MenubarPrimitive.Label,
     __spreadValues({
       ref,
@@ -7676,7 +7576,7 @@ var MenubarLabel = React51.forwardRef((_a, ref) => {
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
 var MenubarSeparator = React51.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     MenubarPrimitive.Separator,
     __spreadValues({
       ref,
@@ -7691,7 +7591,7 @@ var MenubarShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "span",
     __spreadValues({
       className: cn(
@@ -7704,7 +7604,7 @@ var MenubarShortcut = (_a) => {
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/modal.tsx
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 var Modal = ({
   title,
   description,
@@ -7718,12 +7618,12 @@ var Modal = ({
       onClose();
     }
   };
-  return /* @__PURE__ */ jsx28(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs18(DialogContent, { className, children: [
+  return /* @__PURE__ */ jsx29(Dialog, { open: isOpen, onOpenChange: onChange, children: /* @__PURE__ */ jsxs18(DialogContent, { className, children: [
     /* @__PURE__ */ jsxs18(DialogHeader, { children: [
-      /* @__PURE__ */ jsx28(DialogTitle, { children: title }),
-      /* @__PURE__ */ jsx28(DialogDescription, { children: description })
+      /* @__PURE__ */ jsx29(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx29(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx28("div", { children })
+    /* @__PURE__ */ jsx29("div", { children })
   ] }) });
 };
 
@@ -7732,7 +7632,7 @@ import { ChevronDownIcon as ChevronDownIcon3 } from "@radix-ui/react-icons";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva6 } from "class-variance-authority";
 import * as React52 from "react";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var NavigationMenu = React52.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs19(
@@ -7746,7 +7646,7 @@ var NavigationMenu = React52.forwardRef((_a, ref) => {
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx29(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx30(NavigationMenuViewport, {})
       ]
     })
   );
@@ -7754,7 +7654,7 @@ var NavigationMenu = React52.forwardRef((_a, ref) => {
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
 var NavigationMenuList = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     NavigationMenuPrimitive.List,
     __spreadValues({
       ref,
@@ -7781,7 +7681,7 @@ var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           ChevronDownIcon3,
           {
             className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
@@ -7795,7 +7695,7 @@ var NavigationMenuTrigger = React52.forwardRef((_a, ref) => {
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
 var NavigationMenuContent = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     NavigationMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -7810,7 +7710,7 @@ NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
 var NavigationMenuViewport = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx30(
     NavigationMenuPrimitive.Viewport,
     __spreadValues({
       className: cn(
@@ -7824,7 +7724,7 @@ var NavigationMenuViewport = React52.forwardRef((_a, ref) => {
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 var NavigationMenuIndicator = React52.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     NavigationMenuPrimitive.Indicator,
     __spreadProps(__spreadValues({
       ref,
@@ -7833,7 +7733,7 @@ var NavigationMenuIndicator = React52.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx29("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx30("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     })
   );
 });
@@ -7847,10 +7747,10 @@ import {
 } from "@radix-ui/react-icons";
 import * as React53 from "react";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var Pagination = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "nav",
     __spreadValues({
       role: "navigation",
@@ -7862,7 +7762,7 @@ var Pagination = (_a) => {
 Pagination.displayName = "Pagination";
 var PaginationContent = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "ul",
     __spreadValues({
       ref,
@@ -7873,7 +7773,7 @@ var PaginationContent = React53.forwardRef((_a, ref) => {
 PaginationContent.displayName = "PaginationContent";
 var PaginationItem = React53.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx30("li", __spreadValues({ ref, className: cn("", className) }, props));
+  return /* @__PURE__ */ jsx31("li", __spreadValues({ ref, className: cn("", className) }, props));
 });
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = (_a) => {
@@ -7886,7 +7786,7 @@ var PaginationLink = (_a) => {
     "isActive",
     "size"
   ]);
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
@@ -7915,8 +7815,8 @@ var PaginationPreviousLast = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30(ChevronLeft2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Previous Last" })
+        /* @__PURE__ */ jsx31(ChevronLeft2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Previous Last" })
       ]
     })
   );
@@ -7936,8 +7836,8 @@ var PaginationPrevious = (_a) => {
       className: cn("gap-1 pl-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30(ChevronLeftIcon, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx30("span", { children: "Previous" })
+        /* @__PURE__ */ jsx31(ChevronLeftIcon, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx31("span", { children: "Previous" })
       ]
     })
   );
@@ -7957,8 +7857,8 @@ var PaginationNext = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30("span", { children: "Next" }),
-        /* @__PURE__ */ jsx30(ChevronRightIcon5, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx31("span", { children: "Next" }),
+        /* @__PURE__ */ jsx31(ChevronRightIcon5, { className: "h-4 w-4" })
       ]
     })
   );
@@ -7978,8 +7878,8 @@ var PaginationNextLast = (_a) => {
       className: cn("gap-1 pr-2.5", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Next Last" }),
-        /* @__PURE__ */ jsx30(ChevronRight2, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Next Last" }),
+        /* @__PURE__ */ jsx31(ChevronRight2, { className: "h-4 w-4" })
       ]
     })
   );
@@ -7998,8 +7898,8 @@ var PaginationEllipsis = (_a) => {
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx30(DotsHorizontalIcon2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx31(DotsHorizontalIcon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "More pages" })
       ]
     })
   );
@@ -8009,13 +7909,13 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 // src/components/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React54 from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverContent = React54.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx31(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -8033,10 +7933,10 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 // src/components/progress.tsx
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as React55 from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var Progress = React55.forwardRef((_a, ref) => {
   var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -8045,7 +7945,7 @@ var Progress = React55.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx33(
         ProgressPrimitive.Indicator,
         {
           className: "h-full w-full flex-1 bg-primary transition-all",
@@ -8061,10 +7961,10 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 import { CheckIcon as CheckIcon6 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as React56 from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var RadioGroup4 = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     RadioGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn("grid gap-2", className)
@@ -8076,7 +7976,7 @@ var RadioGroup4 = React56.forwardRef((_a, ref) => {
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React56.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -8085,7 +7985,7 @@ var RadioGroupItem = React56.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx33(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx33(CheckIcon6, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx34(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx34(CheckIcon6, { className: "h-3.5 w-3.5 fill-primary" }) })
     })
   );
 });
@@ -8094,14 +7994,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 jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var ResizablePanelGroup = (_a) => {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ResizablePrimitive.Group,
     __spreadValues({
       className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className)
@@ -8117,7 +8017,7 @@ var ResizableHandle = (_a) => {
     "withHandle",
     "className"
   ]);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ResizablePrimitive.Separator,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8125,7 +8025,7 @@ var ResizableHandle = (_a) => {
         className
       )
     }, props), {
-      children: withHandle && /* @__PURE__ */ jsx34("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx34(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
+      children: withHandle && /* @__PURE__ */ jsx35("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx35(DragHandleDots2Icon, { className: "h-2.5 w-2.5" }) })
     })
   );
 };
@@ -8133,7 +8033,7 @@ var ResizableHandle = (_a) => {
 // src/components/scroll-area.tsx
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React57 from "react";
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var ScrollArea = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs21(
@@ -8143,9 +8043,9 @@ var ScrollArea = React57.forwardRef((_a, ref) => {
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ jsx35(ScrollBar, {}),
-        /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsx36(ScrollBar, {}),
+        /* @__PURE__ */ jsx36(ScrollAreaPrimitive.Corner, {})
       ]
     })
   );
@@ -8153,7 +8053,7 @@ var ScrollArea = React57.forwardRef((_a, ref) => {
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
 var ScrollBar = React57.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     __spreadProps(__spreadValues({
       ref,
@@ -8165,208 +8065,465 @@ var ScrollBar = React57.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx35(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx36(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     })
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/search-input.tsx
-import React58 from "react";
+import * as React58 from "react";
 import { useDebouncedCallback } from "use-debounce";
-import { jsx as jsx36 } from "react/jsx-runtime";
-function SearchInput({
-  value = "",
-  placeholder,
-  className,
-  classNameDefault,
-  debounceTime = 750,
-  onSearch
-}) {
-  const [searchTerm, setSearchTerm] = React58.useState(value != null ? value : "");
-  const debouncedSearch = useDebouncedCallback((nextValue) => {
-    onSearch(nextValue);
-  }, debounceTime);
-  React58.useEffect(() => {
-    setSearchTerm(value != null ? value : "");
-  }, [value]);
-  const handleChange = (event) => {
-    const nextValue = event.target.value;
-    setSearchTerm(nextValue);
-    debouncedSearch(nextValue);
-  };
-  return /* @__PURE__ */ jsx36(
-    Input,
-    {
-      placeholder: placeholder || "Search...",
-      value: searchTerm,
-      onChange: handleChange,
-      className: cn("w-full md:max-w-sm", className),
-      classNameDefault
-    }
-  );
+import { jsx as jsx37 } from "react/jsx-runtime";
+function setForwardedRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
 }
+var SearchInput = React58.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      value = "",
+      placeholder = "Search...",
+      className,
+      classNameDefault = true,
+      debounceTime = 750,
+      onSearch,
+      onKeyDown,
+      onPointerDown,
+      onMouseDown,
+      onClick,
+      onFocus
+    } = _b, props = __objRest(_b, [
+      "value",
+      "placeholder",
+      "className",
+      "classNameDefault",
+      "debounceTime",
+      "onSearch",
+      "onKeyDown",
+      "onPointerDown",
+      "onMouseDown",
+      "onClick",
+      "onFocus"
+    ]);
+    const inputRef = React58.useRef(null);
+    const [searchTerm, setSearchTerm] = React58.useState(value != null ? value : "");
+    const focusInput = React58.useCallback(() => {
+      const input = inputRef.current;
+      if (!input || typeof document === "undefined") return;
+      input.focus({ preventScroll: true });
+    }, []);
+    const composedRef = React58.useCallback(
+      (node) => {
+        inputRef.current = node;
+        setForwardedRef(ref, node);
+      },
+      [ref]
+    );
+    const debouncedSearch = useDebouncedCallback((nextValue) => {
+      onSearch(nextValue);
+      requestAnimationFrame(() => {
+        focusInput();
+      });
+    }, debounceTime);
+    React58.useEffect(() => {
+      setSearchTerm(value != null ? value : "");
+    }, [value]);
+    React58.useEffect(() => {
+      return () => {
+        debouncedSearch.cancel();
+      };
+    }, [debouncedSearch]);
+    const handleChange = (event) => {
+      const nextValue = event.target.value;
+      setSearchTerm(nextValue);
+      if (debounceTime <= 0) {
+        debouncedSearch.cancel();
+        onSearch(nextValue);
+        requestAnimationFrame(() => {
+          focusInput();
+        });
+        return;
+      }
+      debouncedSearch(nextValue);
+      requestAnimationFrame(() => {
+        focusInput();
+      });
+    };
+    return /* @__PURE__ */ jsx37(
+      Input,
+      __spreadValues({
+        ref: composedRef,
+        type: "search",
+        value: searchTerm,
+        placeholder,
+        onChange: handleChange,
+        className: cn("w-full", className),
+        classNameDefault,
+        autoComplete: "off",
+        onKeyDown: (event) => {
+          if (event.key !== "Escape") {
+            event.stopPropagation();
+          }
+          onKeyDown == null ? void 0 : onKeyDown(event);
+        },
+        onPointerDown: (event) => {
+          event.stopPropagation();
+          onPointerDown == null ? void 0 : onPointerDown(event);
+        },
+        onMouseDown: (event) => {
+          event.stopPropagation();
+          onMouseDown == null ? void 0 : onMouseDown(event);
+        },
+        onClick: (event) => {
+          event.stopPropagation();
+          requestAnimationFrame(() => {
+            focusInput();
+          });
+          onClick == null ? void 0 : onClick(event);
+        },
+        onFocus: (event) => {
+          event.stopPropagation();
+          onFocus == null ? void 0 : onFocus(event);
+        }
+      }, props)
+    );
+  }
+);
+SearchInput.displayName = "SearchInput";
 
 // src/components/searchable-select.tsx
 import * as React59 from "react";
-import * as SelectPrimitive2 from "@radix-ui/react-select";
 import { CaretSortIcon as CaretSortIcon2, CheckIcon as CheckIcon7, Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function normalizeText(value) {
-  return String(value != null ? value : "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase();
+  return String(value != null ? value : "").normalize("NFD").replace(new RegExp("\\p{Diacritic}", "gu"), "").toLowerCase().trim();
 }
-function SearchableSelect(_a) {
-  var _b = _a, {
-    items,
-    value,
-    defaultValue,
-    onValueChange,
-    placeholder = "Seleccionar opci\xF3n",
-    searchPlaceholder = "Buscar\u2026",
-    emptyText = "No hay resultados",
-    triggerClassName,
-    contentClassName,
-    itemClassName,
-    searchInputClassName
-  } = _b, rootProps = __objRest(_b, [
-    "items",
-    "value",
-    "defaultValue",
-    "onValueChange",
-    "placeholder",
-    "searchPlaceholder",
-    "emptyText",
-    "triggerClassName",
-    "contentClassName",
-    "itemClassName",
-    "searchInputClassName"
-  ]);
-  const [open, setOpen] = React59.useState(false);
-  const [query, setQuery] = React59.useState("");
+function getLabelText(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  return "";
+}
+function getOptionText(item) {
+  if (!item) return "";
+  return getLabelText(item.label) || item.value;
+}
+function getNextEnabledIndex2(items, currentIndex, direction) {
+  var _a;
+  if (!items.length) return -1;
+  let nextIndex = currentIndex;
+  for (let index = 0; index < items.length; index += 1) {
+    nextIndex = (nextIndex + direction + items.length) % items.length;
+    if (!((_a = items[nextIndex]) == null ? void 0 : _a.disabled)) {
+      return nextIndex;
+    }
+  }
+  return -1;
+}
+function SearchableSelectBase({
+  items,
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder = "Seleccionar opci\xF3n",
+  searchPlaceholder = "Buscar\u2026",
+  emptyText = "No hay resultados",
+  disabled,
+  name,
+  required,
+  triggerClassName,
+  contentClassName,
+  itemClassName,
+  searchInputClassName
+}) {
+  const rootRef = React59.useRef(null);
   const inputRef = React59.useRef(null);
+  const listboxId = React59.useId();
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = React59.useState(defaultValue != null ? defaultValue : "");
+  const currentValue = isControlled ? value != null ? value : "" : internalValue;
+  const selectedItem = React59.useMemo(() => {
+    return items.find((item) => item.value === currentValue);
+  }, [currentValue, items]);
+  const selectedText = React59.useMemo(() => {
+    return getOptionText(selectedItem);
+  }, [selectedItem]);
+  const [open, setOpen] = React59.useState(false);
+  const [inputValue, setInputValue] = React59.useState(selectedText);
+  const [activeIndex, setActiveIndex] = React59.useState(-1);
+  React59.useEffect(() => {
+    if (!open) {
+      setInputValue(selectedText);
+    }
+  }, [open, selectedText]);
   const filteredItems = React59.useMemo(() => {
-    const normalizedQuery = normalizeText(query.trim());
-    if (!normalizedQuery) return items;
+    const query = normalizeText(inputValue);
+    if (!query) return items;
     return items.filter((item) => {
-      var _a2, _b2;
+      var _a;
       const haystack = normalizeText(
-        `${(_a2 = item.label) != null ? _a2 : ""} ${item.value} ${(_b2 = item.keywords) != null ? _b2 : ""}`
+        `${getLabelText(item.label)} ${item.value} ${(_a = item.keywords) != null ? _a : ""}`
       );
-      return haystack.includes(normalizedQuery);
+      return haystack.includes(query);
     });
-  }, [items, query]);
-  return /* @__PURE__ */ jsxs22(
-    SelectPrimitive2.Root,
-    __spreadProps(__spreadValues({
-      open,
-      onOpenChange: (nextOpen) => {
-        setOpen(nextOpen);
-        if (!nextOpen) setQuery("");
-      },
-      value,
-      defaultValue,
-      onValueChange: (nextValue) => {
-        onValueChange == null ? void 0 : onValueChange(
-          nextValue,
-          items.find((item) => item.value === nextValue)
-        );
-        setOpen(false);
+  }, [inputValue, items]);
+  React59.useEffect(() => {
+    if (!open) return;
+    const firstEnabledIndex = filteredItems.findIndex((item) => !item.disabled);
+    setActiveIndex(firstEnabledIndex);
+  }, [filteredItems, open]);
+  React59.useEffect(() => {
+    if (!open) return;
+    const handlePointerDown = (event) => {
+      var _a;
+      const target = event.target;
+      if (target && ((_a = rootRef.current) == null ? void 0 : _a.contains(target))) {
+        return;
       }
-    }, rootProps), {
-      children: [
-        /* @__PURE__ */ jsxs22(
-          SelectPrimitive2.Trigger,
-          {
-            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 transition focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-              triggerClassName
-            ),
-            children: [
-              /* @__PURE__ */ jsx37(SelectPrimitive2.Value, { placeholder }),
-              /* @__PURE__ */ jsx37(SelectPrimitive2.Icon, { asChild: true, children: /* @__PURE__ */ jsx37(CaretSortIcon2, { className: "h-4 w-4 opacity-50" }) })
-            ]
-          }
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", handlePointerDown, true);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown, true);
+    };
+  }, [open]);
+  const selectItem = React59.useCallback(
+    (item) => {
+      if (item.disabled) return;
+      if (!isControlled) {
+        setInternalValue(item.value);
+      }
+      setInputValue(getOptionText(item));
+      setOpen(false);
+      onValueChange == null ? void 0 : onValueChange(item.value, item);
+      requestAnimationFrame(() => {
+        var _a;
+        (_a = inputRef.current) == null ? void 0 : _a.blur();
+      });
+    },
+    [isControlled, onValueChange]
+  );
+  return /* @__PURE__ */ jsxs22("div", { ref: rootRef, className: "relative w-full", children: [
+    name ? /* @__PURE__ */ jsx38(
+      "input",
+      {
+        type: "hidden",
+        name,
+        value: currentValue,
+        required,
+        disabled
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs22(
+      "div",
+      {
+        className: cn(
+          "relative flex h-9 w-full items-center gap-2 rounded-md border border-input bg-background px-3 text-sm shadow-sm transition",
+          "focus-within:border-primary/60 focus-within:ring-2 focus-within:ring-primary/20",
+          disabled && "cursor-not-allowed opacity-50",
+          triggerClassName
+        ),
+        onPointerDown: () => {
+          if (disabled) return;
+          setOpen(true);
+          requestAnimationFrame(() => {
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx38(
+            "input",
+            {
+              ref: inputRef,
+              value: inputValue,
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-expanded": open,
+              "aria-controls": listboxId,
+              "aria-activedescendant": activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
+              placeholder: open ? searchPlaceholder : placeholder,
+              autoComplete: "off",
+              spellCheck: false,
+              disabled,
+              onFocus: () => {
+                setOpen(true);
+                requestAnimationFrame(() => {
+                  var _a;
+                  (_a = inputRef.current) == null ? void 0 : _a.select();
+                });
+              },
+              onChange: (event) => {
+                setInputValue(event.target.value);
+                setOpen(true);
+              },
+              onKeyDown: (event) => {
+                var _a;
+                if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  setOpen(true);
+                  setActiveIndex(
+                    (currentIndex) => getNextEnabledIndex2(filteredItems, currentIndex, 1)
+                  );
+                  return;
+                }
+                if (event.key === "ArrowUp") {
+                  event.preventDefault();
+                  setOpen(true);
+                  setActiveIndex(
+                    (currentIndex) => getNextEnabledIndex2(filteredItems, currentIndex, -1)
+                  );
+                  return;
+                }
+                if (event.key === "Enter") {
+                  if (!open) return;
+                  event.preventDefault();
+                  const activeItem = filteredItems[activeIndex];
+                  if (activeItem) {
+                    selectItem(activeItem);
+                  }
+                  return;
+                }
+                if (event.key === "Escape") {
+                  event.preventDefault();
+                  setOpen(false);
+                  setInputValue(selectedText);
+                  (_a = inputRef.current) == null ? void 0 : _a.blur();
+                }
+              },
+              className: cn(
+                "h-full min-w-0 flex-1 border-0 bg-transparent p-0 text-sm outline-none",
+                "placeholder:text-muted-foreground disabled:cursor-not-allowed",
+                searchInputClassName
+              )
+            }
+          ),
+          inputValue && open ? /* @__PURE__ */ jsx38(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Limpiar b\xFAsqueda",
+              tabIndex: -1,
+              onPointerDown: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+              },
+              onClick: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                setInputValue("");
+                requestAnimationFrame(() => {
+                  var _a;
+                  (_a = inputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+                });
+              },
+              className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground",
+              children: /* @__PURE__ */ jsx38(Cross2Icon2, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx38(
+            CaretSortIcon2,
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "h-4 w-4 shrink-0 opacity-50 transition-transform",
+                open && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx38(
+      "div",
+      {
+        className: cn(
+          "absolute left-0 top-full z-50 mt-1 w-full overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-xl transition",
+          !open && "pointer-events-none invisible opacity-0",
+          open && "visible opacity-100",
+          contentClassName
         ),
-        /* @__PURE__ */ jsx37(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsxs22(
-          SelectPrimitive2.Content,
+        children: /* @__PURE__ */ jsx38(
+          "div",
           {
-            position: "popper",
-            className: cn(
-              "relative z-50 max-h-96 min-w-48 overflow-hidden rounded-md border border-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]:translate-y-1 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:-translate-x-1 data-[side=left]:slide-in-from-right-2 data-[side=right]:translate-x-1 data-[side=right]:slide-in-from-left-2 data-[side=top]:-translate-y-1 data-[side=top]:slide-in-from-bottom-2",
-              contentClassName
-            ),
-            onCloseAutoFocus: (event) => {
-              event.preventDefault();
-              requestAnimationFrame(() => {
-                var _a2;
-                return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-              });
+            id: listboxId,
+            role: "listbox",
+            className: "max-h-72 overflow-y-auto overscroll-contain p-1 [scrollbar-gutter:stable]",
+            onWheelCapture: (event) => {
+              event.stopPropagation();
             },
-            children: [
-              /* @__PURE__ */ jsx37("div", { className: "border-b border-border bg-popover p-2", children: /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx37(
-                  "input",
-                  {
-                    ref: inputRef,
-                    value: query,
-                    onChange: (event) => setQuery(event.target.value),
-                    onKeyDown: (event) => {
-                      if (event.key !== "Escape") event.stopPropagation();
-                    },
-                    placeholder: searchPlaceholder,
-                    className: cn(
-                      "h-9 w-full rounded-md border border-input bg-input px-3 pr-8 text-sm outline-none focus:ring-2 focus:ring-primary/20",
-                      searchInputClassName
-                    )
-                  }
-                ),
-                query ? /* @__PURE__ */ jsx37(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": "Limpiar b\xFAsqueda",
-                    onClick: () => {
-                      var _a2;
-                      setQuery("");
-                      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-                    },
-                    className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-sm opacity-70 transition hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring/40",
-                    children: /* @__PURE__ */ jsx37(Cross2Icon2, { className: "h-3.5 w-3.5" })
-                  }
-                ) : null
-              ] }) }),
-              /* @__PURE__ */ jsx37(SelectPrimitive2.Viewport, { className: "max-h-80 p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ jsx37("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: emptyText }) : filteredItems.map((item) => /* @__PURE__ */ jsxs22(
-                SelectPrimitive2.Item,
+            onTouchMoveCapture: (event) => {
+              event.stopPropagation();
+            },
+            children: filteredItems.length === 0 ? /* @__PURE__ */ jsx38("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: emptyText }) : filteredItems.map((item, index) => {
+              const isSelected = item.value === currentValue;
+              const isActive = index === activeIndex;
+              return /* @__PURE__ */ jsxs22(
+                "div",
                 {
-                  value: item.value,
-                  disabled: item.disabled,
+                  id: `${listboxId}-option-${index}`,
+                  role: "option",
+                  "aria-selected": isSelected,
+                  "aria-disabled": item.disabled,
+                  tabIndex: -1,
+                  onMouseMove: () => {
+                    if (!item.disabled) {
+                      setActiveIndex(index);
+                    }
+                  },
+                  onPointerDown: (event) => {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    if (!item.disabled) {
+                      selectItem(item);
+                    }
+                  },
                   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",
+                    "relative flex w-full select-none items-center gap-2 rounded-lg px-3 py-2 text-left text-sm outline-none transition",
+                    item.disabled ? "pointer-events-none opacity-50" : "cursor-pointer",
+                    isActive && !item.disabled && "bg-accent text-accent-foreground",
+                    !isActive && !item.disabled && "hover:bg-accent/70 hover:text-accent-foreground",
+                    isSelected && "font-medium",
                     itemClassName
                   ),
                   children: [
-                    /* @__PURE__ */ jsx37(SelectPrimitive2.ItemText, { children: item.label }),
-                    /* @__PURE__ */ jsx37("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(SelectPrimitive2.ItemIndicator, { children: /* @__PURE__ */ jsx37(CheckIcon7, { className: "h-4 w-4" }) }) })
+                    /* @__PURE__ */ jsx38("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
+                    isSelected ? /* @__PURE__ */ jsx38(
+                      CheckIcon7,
+                      {
+                        "aria-hidden": "true",
+                        className: "h-4 w-4 shrink-0 text-primary"
+                      }
+                    ) : null
                   ]
                 },
                 item.value
-              )) })
-            ]
+              );
+            })
           }
-        ) })
-      ]
-    })
-  );
+        )
+      }
+    )
+  ] });
 }
+var SearchableSelect = React59.memo(
+  SearchableSelectBase
+);
 
 // src/components/separator.tsx
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React60 from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Separator6 = React60.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,
@@ -8388,14 +8545,14 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon as Cross2Icon3 } from "@radix-ui/react-icons";
 import { cva as cva7 } from "class-variance-authority";
 import * as React61 from "react";
-import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
 var SheetOverlay = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8427,7 +8584,7 @@ var sheetVariants = cva7(
 var SheetContent = React61.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
   return /* @__PURE__ */ jsxs23(SheetPortal, { children: [
-    /* @__PURE__ */ jsx39(SheetOverlay, {}),
+    /* @__PURE__ */ jsx40(SheetOverlay, {}),
     /* @__PURE__ */ jsxs23(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
@@ -8437,8 +8594,8 @@ var SheetContent = React61.forwardRef((_a, ref) => {
         children: [
           children,
           /* @__PURE__ */ jsxs23(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__ */ jsx39(Cross2Icon3, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx40(Cross2Icon3, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -8452,7 +8609,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     __spreadValues({
       className: cn(
@@ -8469,7 +8626,7 @@ var SheetFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     __spreadValues({
       className: cn(
@@ -8482,7 +8639,7 @@ var SheetFooter = (_a) => {
 SheetFooter.displayName = "SheetFooter";
 var SheetTitle = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -8493,7 +8650,7 @@ var SheetTitle = React61.forwardRef((_a, ref) => {
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 var SheetDescription = React61.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -8504,14 +8661,14 @@ var SheetDescription = React61.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/skeleton.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-md bg-primary/10", className)
@@ -8522,7 +8679,7 @@ function Skeleton(_a) {
 // src/components/slider.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React62 from "react";
-import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 var Slider = React62.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxs24(
@@ -8535,8 +8692,8 @@ var Slider = React62.forwardRef((_a, ref) => {
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx41(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx41(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-        /* @__PURE__ */ jsx41(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+        /* @__PURE__ */ jsx42(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx42(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ jsx42(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
       ]
     })
   );
@@ -8546,11 +8703,11 @@ Slider.displayName = SliderPrimitive.Root.displayName;
 // src/components/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var ToasterSonner = (_a) => {
   var props = __objRest(_a, []);
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(
     Sonner,
     __spreadValues({
       theme,
@@ -8570,10 +8727,10 @@ var ToasterSonner = (_a) => {
 // src/components/switch.tsx
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React63 from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var Switch = React63.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -8582,7 +8739,7 @@ var Switch = React63.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ jsx43(
+      children: /* @__PURE__ */ jsx44(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -8597,11 +8754,11 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
 import * as React64 from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Table = React64.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
-    return /* @__PURE__ */ jsx44("div", { className: cn("relative w-full overflow-visible", containerClassName), children: /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45("div", { className: cn("relative w-full overflow-visible", containerClassName), children: /* @__PURE__ */ jsx45(
       "table",
       __spreadValues({
         ref,
@@ -8613,12 +8770,12 @@ var Table = React64.forwardRef(
 Table.displayName = "Table";
 var TableHeader = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
+  return /* @__PURE__ */ jsx45("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
 var TableBody = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "tbody",
     __spreadValues({
       ref,
@@ -8629,7 +8786,7 @@ var TableBody = React64.forwardRef((_a, ref) => {
 TableBody.displayName = "TableBody";
 var TableFooter = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "tfoot",
     __spreadValues({
       ref,
@@ -8643,7 +8800,7 @@ var TableFooter = React64.forwardRef((_a, ref) => {
 TableFooter.displayName = "TableFooter";
 var TableRow = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "tr",
     __spreadValues({
       ref,
@@ -8657,7 +8814,7 @@ var TableRow = React64.forwardRef((_a, ref) => {
 TableRow.displayName = "TableRow";
 var TableHead = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "th",
     __spreadValues({
       ref,
@@ -8671,7 +8828,7 @@ var TableHead = React64.forwardRef((_a, ref) => {
 TableHead.displayName = "TableHead";
 var TableCell = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "td",
     __spreadValues({
       ref,
@@ -8685,7 +8842,7 @@ var TableCell = React64.forwardRef((_a, ref) => {
 TableCell.displayName = "TableCell";
 var TableCaption = React64.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "caption",
     __spreadValues({
       ref,
@@ -8698,11 +8855,11 @@ TableCaption.displayName = "TableCaption";
 // src/components/tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React65 from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
 var TabsList = React65.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -8716,7 +8873,7 @@ var TabsList = React65.forwardRef((_a, ref) => {
 TabsList.displayName = TabsPrimitive.List.displayName;
 var TabsTrigger = React65.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -8730,7 +8887,7 @@ var TabsTrigger = React65.forwardRef((_a, ref) => {
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 var TabsContent = React65.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -8745,11 +8902,11 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/textarea.tsx
 import * as React66 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Textarea = React66.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(
       "textarea",
       __spreadValues({
         className: cn(
@@ -8768,11 +8925,11 @@ import { Cross2Icon as Cross2Icon4 } from "@radix-ui/react-icons";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva8 } from "class-variance-authority";
 import * as React67 from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
 var ToastViewport = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -8800,7 +8957,7 @@ var toastVariants = cva8(
 );
 var Toast = React67.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -8811,7 +8968,7 @@ var Toast = React67.forwardRef((_a, ref) => {
 Toast.displayName = ToastPrimitives.Root.displayName;
 var ToastAction = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -8825,7 +8982,7 @@ var ToastAction = React67.forwardRef((_a, ref) => {
 ToastAction.displayName = ToastPrimitives.Action.displayName;
 var ToastClose = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
@@ -8835,14 +8992,14 @@ var ToastClose = React67.forwardRef((_a, ref) => {
       ),
       "toast-close": ""
     }, props), {
-      children: /* @__PURE__ */ jsx47(Cross2Icon4, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx48(Cross2Icon4, { className: "h-4 w-4" })
     })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
 var ToastTitle = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -8853,7 +9010,7 @@ var ToastTitle = React67.forwardRef((_a, ref) => {
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
 var ToastDescription = React67.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -8976,7 +9133,7 @@ function useToast() {
 }
 
 // src/components/toaster.tsx
-import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs25 } from "react/jsx-runtime";
 function Toaster() {
   const { toasts } = useToast();
   return /* @__PURE__ */ jsxs25(ToastProvider, { children: [
@@ -8984,14 +9141,14 @@ function Toaster() {
       var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
       return /* @__PURE__ */ jsxs25(Toast, __spreadProps(__spreadValues({}, props), { children: [
         /* @__PURE__ */ jsxs25("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx48(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx48(ToastDescription, { children: description })
+          title && /* @__PURE__ */ jsx49(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx49(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ jsx48(ToastClose, {})
+        /* @__PURE__ */ jsx49(ToastClose, {})
       ] }), id);
     }),
-    /* @__PURE__ */ jsx48(ToastViewport, {})
+    /* @__PURE__ */ jsx49(ToastViewport, {})
   ] });
 }
 
@@ -8999,7 +9156,7 @@ function Toaster() {
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva9 } from "class-variance-authority";
 import * as React69 from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var toggleVariants = cva9(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
@@ -9022,7 +9179,7 @@ var toggleVariants = cva9(
 );
 var Toggle = React69.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx50(
     TogglePrimitive.Root,
     __spreadValues({
       ref,
@@ -9035,20 +9192,20 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
 // src/components/toggle-group.tsx
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as React70 from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var ToggleGroupContext = React70.createContext({
   size: "default",
   variant: "default"
 });
 var ToggleGroup = React70.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, size, children } = _b, props = __objRest(_b, ["className", "variant", "size", "children"]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     ToggleGroupPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
       className: cn("flex items-center justify-center gap-1", className)
     }, props), {
-      children: /* @__PURE__ */ jsx50(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx51(ToggleGroupContext.Provider, { value: { variant, size }, children })
     })
   );
 });
@@ -9056,7 +9213,7 @@ ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React70.forwardRef((_a, ref) => {
   var _b = _a, { className, children, variant, size } = _b, props = __objRest(_b, ["className", "children", "variant", "size"]);
   const context = React70.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     ToggleGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
@@ -9077,13 +9234,13 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/components/tooltip.tsx
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React71 from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipContent = React71.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -9100,7 +9257,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/ui/input.tsx
 import * as React72 from "react";
 import { Asterisk as Asterisk4 } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
 var UiInput = React72.forwardRef(
   (_a, ref) => {
     var _b = _a, {
@@ -9141,8 +9298,8 @@ var UiInput = React72.forwardRef(
           ),
           htmlFor: inputId,
           children: [
-            /* @__PURE__ */ jsx52("span", { children: label }),
-            requiredLabel ? /* @__PURE__ */ jsx52(
+            /* @__PURE__ */ jsx53("span", { children: label }),
+            requiredLabel ? /* @__PURE__ */ jsx53(
               Asterisk4,
               {
                 "aria-hidden": "true",
@@ -9155,7 +9312,7 @@ var UiInput = React72.forwardRef(
           ]
         }
       ) : null,
-      /* @__PURE__ */ jsx52(
+      /* @__PURE__ */ jsx53(
         Input,
         __spreadProps(__spreadValues({}, inputProps), {
           ref,
@@ -9166,7 +9323,7 @@ var UiInput = React72.forwardRef(
           className
         })
       ),
-      errorMessage ? /* @__PURE__ */ jsx52(
+      errorMessage ? /* @__PURE__ */ jsx53(
         "p",
         {
           id: messageId,
@@ -9196,7 +9353,7 @@ var selectVariants = {
 var variants2 = selectVariants;
 
 // src/components/ui/select.tsx
-import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs27 } from "react/jsx-runtime";
 function UiSelect({
   label,
   placeholder,
@@ -9247,8 +9404,8 @@ function UiSelect({
         ),
         htmlFor: triggerId,
         children: [
-          /* @__PURE__ */ jsx53("span", { children: label }),
-          requiredLabel ? /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54("span", { children: label }),
+          requiredLabel ? /* @__PURE__ */ jsx54(
             Asterisk5,
             {
               "aria-hidden": "true",
@@ -9269,7 +9426,7 @@ function UiSelect({
         onValueChange: onChange,
         disabled,
         children: [
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             SelectTrigger,
             {
               id: triggerId,
@@ -9282,10 +9439,10 @@ function UiSelect({
                 hasError && "border-destructive ring-destructive focus:ring-destructive/40",
                 className
               ),
-              children: /* @__PURE__ */ jsx53(SelectValue, { placeholder })
+              children: /* @__PURE__ */ jsx54(SelectValue, { placeholder })
             }
           ),
-          /* @__PURE__ */ jsx53(SelectContent, { className: contentClassName, children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(SelectContent, { className: contentClassName, children: children != null ? children : items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx54(
             SelectItem,
             {
               value: item.value,
@@ -9298,7 +9455,7 @@ function UiSelect({
         ]
       }
     ),
-    errorMessage ? /* @__PURE__ */ jsx53(
+    errorMessage ? /* @__PURE__ */ jsx54(
       "p",
       {
         id: messageId,
@@ -9312,7 +9469,7 @@ function UiSelect({
 // src/components/ui/ui-checkbox.tsx
 import * as React74 from "react";
 import { Asterisk as Asterisk6 } from "lucide-react";
-import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var UiCheckbox = React74.forwardRef(
   (_a, ref) => {
     var _b = _a, {
@@ -9345,7 +9502,7 @@ var UiCheckbox = React74.forwardRef(
       "className"
     ]);
     const hasError = Boolean(errorMessage || invalid);
-    return /* @__PURE__ */ jsx54("div", { className: cn("w-full", containerClassName), children: /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsx55("div", { className: cn("w-full", containerClassName), children: /* @__PURE__ */ jsxs28(
       "div",
       {
         className: cn(
@@ -9354,7 +9511,7 @@ var UiCheckbox = React74.forwardRef(
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx55(
             Checkbox,
             __spreadValues({
               ref,
@@ -9375,8 +9532,8 @@ var UiCheckbox = React74.forwardRef(
                   labelClassName
                 ),
                 children: [
-                  /* @__PURE__ */ jsx54("span", { children: label }),
-                  requiredLabel ? /* @__PURE__ */ jsx54(
+                  /* @__PURE__ */ jsx55("span", { children: label }),
+                  requiredLabel ? /* @__PURE__ */ jsx55(
                     Asterisk6,
                     {
                       "aria-hidden": "true",
@@ -9389,7 +9546,7 @@ var UiCheckbox = React74.forwardRef(
                 ]
               }
             ) : null,
-            description ? /* @__PURE__ */ jsx54(
+            description ? /* @__PURE__ */ jsx55(
               "p",
               {
                 className: cn(
@@ -9399,7 +9556,7 @@ var UiCheckbox = React74.forwardRef(
                 children: description
               }
             ) : null,
-            errorMessage ? /* @__PURE__ */ jsx54(
+            errorMessage ? /* @__PURE__ */ jsx55(
               "p",
               {
                 className: cn(
@@ -9418,14 +9575,14 @@ var UiCheckbox = React74.forwardRef(
 UiCheckbox.displayName = "UiCheckbox";
 
 // src/hooks/use-sidebar.tsx
-import { createContext as createContext6, useContext as useContext7, useState as useState7 } from "react";
-import { jsx as jsx55 } from "react/jsx-runtime";
-var SidebarContext = createContext6({
+import { createContext as createContext5, useContext as useContext6, useState as useState7 } from "react";
+import { jsx as jsx56 } from "react/jsx-runtime";
+var SidebarContext = createContext5({
   isMinimized: false,
   toggle: () => {
   }
 });
-var useSidebar = () => useContext7(SidebarContext);
+var useSidebar = () => useContext6(SidebarContext);
 var SidebarProvider = ({
   children
 }) => {
@@ -9433,11 +9590,11 @@ var SidebarProvider = ({
   const toggle = () => {
     setIsMinimized(!isMinimized);
   };
-  return /* @__PURE__ */ jsx55(SidebarContext.Provider, { value: { isMinimized, toggle }, children });
+  return /* @__PURE__ */ jsx56(SidebarContext.Provider, { value: { isMinimized, toggle }, children });
 };
 
 // src/shared/alert-modal.tsx
-import { jsx as jsx56, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
 var AlertModal = ({
   isOpen,
   onClose,
@@ -9450,7 +9607,7 @@ var AlertModal = ({
   className,
   children
 }) => {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     Modal,
     {
       title,
@@ -9459,8 +9616,8 @@ var AlertModal = ({
       onClose,
       className,
       children: children ? children : /* @__PURE__ */ jsxs29("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
-        /* @__PURE__ */ jsx56(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
-        /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
+        /* @__PURE__ */ jsx57(
           Button,
           {
             disabled: loading,
@@ -9478,19 +9635,19 @@ var AlertModal = ({
 // src/shared/breadcrumbs.tsx
 import { Slash } from "lucide-react";
 import { Fragment } from "react";
-import { jsx as jsx57, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
 function Breadcrumbs({
   items,
   className,
   classNameList,
-  separator = /* @__PURE__ */ jsx57(Slash, {})
+  separator = /* @__PURE__ */ jsx58(Slash, {})
 }) {
-  return /* @__PURE__ */ jsx57(Breadcrumb, { className, children: /* @__PURE__ */ jsx57(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx58(Breadcrumb, { className, children: /* @__PURE__ */ jsx58(BreadcrumbList, { className: classNameList, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ jsxs30(Fragment, { children: [
-      !isLast ? /* @__PURE__ */ jsx57(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx57(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ jsx57(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx57(BreadcrumbPage, { children: item.title }) }),
-      !isLast ? /* @__PURE__ */ jsx57(BreadcrumbSeparator, { children: separator }) : null
+      !isLast ? /* @__PURE__ */ jsx58(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx58(BreadcrumbLink, { href: (_a = item.link) != null ? _a : "#", children: item.title }) }) : /* @__PURE__ */ jsx58(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx58(BreadcrumbPage, { children: item.title }) }),
+      !isLast ? /* @__PURE__ */ jsx58(BreadcrumbSeparator, { children: separator }) : null
     ] }, `${item.title}-${index}`);
   }) }) });
 }
@@ -9509,7 +9666,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight3 } from "lucide-react";
-import { jsx as jsx58, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
 var ACCENT_COLOR = {
   primary: "var(--primary)",
   emerald: "#10b981",
@@ -9794,9 +9951,9 @@ function DataTable({
       className: cn(ui.root, heightClassName),
       style: accentOn ? { "--dt-accent": dtAccent } : void 0,
       children: [
-        /* @__PURE__ */ jsx58("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxs31(ScrollArea, { className: "h-full", children: [
-          /* @__PURE__ */ jsx58("div", { className: "relative w-max min-w-full", children: /* @__PURE__ */ jsxs31(Table, { className: cn(ui.table), children: [
-            /* @__PURE__ */ jsx58(TableHeader, { className: cn(ui.thead), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx58(TableRow, { className: cn(ui.trHead), children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx58(
+        /* @__PURE__ */ jsx59("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxs31(ScrollArea, { className: "h-full", children: [
+          /* @__PURE__ */ jsx59("div", { className: "relative w-max min-w-full", children: /* @__PURE__ */ jsxs31(Table, { className: cn(ui.table), children: [
+            /* @__PURE__ */ jsx59(TableHeader, { className: cn(ui.thead), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx59(TableRow, { className: cn(ui.trHead), children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx59(
               TableHead,
               {
                 className: cn(
@@ -9810,7 +9967,7 @@ function DataTable({
               },
               header.id
             )) }, headerGroup.id)) }),
-            animate ? /* @__PURE__ */ jsx58(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx58(
+            animate ? /* @__PURE__ */ jsx59(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx59(
               motion.tbody,
               {
                 className: cn(ui.tbody),
@@ -9818,7 +9975,7 @@ function DataTable({
                 animate: { opacity: 1, y: 0 },
                 exit: { opacity: 0, y: -6 },
                 transition: { duration: 0.18 },
-                children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx58(
+                children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx59(
                   TableRow,
                   {
                     "data-accent": dataAccent,
@@ -9828,13 +9985,13 @@ function DataTable({
                       ui.tr,
                       clickable ? ui.trClickable : void 0
                     ),
-                    children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx58(TableCell, { className: cn(ui.td), children: flexRender(
+                    children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx59(TableCell, { className: cn(ui.td), children: flexRender(
                       cell.column.columnDef.cell,
                       cell.getContext()
                     ) }, cell.id))
                   },
                   row.id
-                )) : emptyData || /* @__PURE__ */ jsx58(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ jsx58(
+                )) : emptyData || /* @__PURE__ */ jsx59(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ jsx59(
                   TableCell,
                   {
                     colSpan: columns.length,
@@ -9847,7 +10004,7 @@ function DataTable({
                 ) })
               },
               pageKey
-            ) }) : /* @__PURE__ */ jsx58(TableBody, { className: cn(ui.tbody), children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx58(
+            ) }) : /* @__PURE__ */ jsx59(TableBody, { className: cn(ui.tbody), children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx59(
               TableRow,
               {
                 "data-accent": dataAccent,
@@ -9857,13 +10014,13 @@ function DataTable({
                   ui.tr,
                   clickable ? ui.trClickable : void 0
                 ),
-                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx58(TableCell, { className: cn(ui.td), children: flexRender(
+                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx59(TableCell, { className: cn(ui.td), children: flexRender(
                   cell.column.columnDef.cell,
                   cell.getContext()
                 ) }, cell.id))
               },
               row.id
-            )) : emptyData || /* @__PURE__ */ jsx58(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ jsx58(
+            )) : emptyData || /* @__PURE__ */ jsx59(TableRow, { "data-accent": dataAccent, children: /* @__PURE__ */ jsx59(
               TableCell,
               {
                 colSpan: columns.length,
@@ -9875,9 +10032,9 @@ function DataTable({
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsx58(ScrollBar, { orientation: "horizontal" })
+          /* @__PURE__ */ jsx59(ScrollBar, { orientation: "horizontal" })
         ] }) }),
-        /* @__PURE__ */ jsx58("div", { className: cn(ui.footer), children: /* @__PURE__ */ jsx58("div", { className: cn(ui.footerInner), children: /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_auto] sm:items-center", children: [
+        /* @__PURE__ */ jsx59("div", { className: cn(ui.footer), children: /* @__PURE__ */ jsx59("div", { className: cn(ui.footerInner), children: /* @__PURE__ */ jsxs31("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_auto] sm:items-center", children: [
           /* @__PURE__ */ jsxs31("div", { className: cn(ui.metaWrap), children: [
             isRowsSelected && /* @__PURE__ */ jsxs31("div", { children: [
               table.getFilteredSelectedRowModel().rows.length,
@@ -9896,22 +10053,22 @@ function DataTable({
           ] }),
           /* @__PURE__ */ jsxs31("div", { className: cn(ui.controlsWrap), children: [
             /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx58("p", { className: cn(ui.pageSizeLabel), children: rowPerPageLabel }),
+              /* @__PURE__ */ jsx59("p", { className: cn(ui.pageSizeLabel), children: rowPerPageLabel }),
               /* @__PURE__ */ jsxs31(
                 Select2,
                 {
                   value: `${pageSize}`,
                   onValueChange: (v) => changePageSize(Number(v)),
                   children: [
-                    /* @__PURE__ */ jsx58(
+                    /* @__PURE__ */ jsx59(
                       SelectTrigger,
                       {
                         "data-accent": dataAccent,
                         className: cn(ui.pageSizeTrigger),
-                        children: /* @__PURE__ */ jsx58(SelectValue, { placeholder: `${pageSize}` })
+                        children: /* @__PURE__ */ jsx59(SelectValue, { placeholder: `${pageSize}` })
                       }
                     ),
-                    /* @__PURE__ */ jsx58(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx58(SelectItem, { value: `${size}`, children: size }, size)) })
+                    /* @__PURE__ */ jsx59(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx59(SelectItem, { value: `${size}`, children: size }, size)) })
                   ]
                 }
               )
@@ -9926,7 +10083,7 @@ function DataTable({
                 " ",
                 safePageCount
               ] }),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9935,10 +10092,10 @@ function DataTable({
                   className: cn("hidden lg:flex", ui.navButton),
                   onClick: () => goToPage(0),
                   disabled: pageIndex === 0,
-                  children: /* @__PURE__ */ jsx58(DoubleArrowLeftIcon, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx59(DoubleArrowLeftIcon, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9947,10 +10104,10 @@ function DataTable({
                   className: cn(ui.navButton),
                   onClick: () => goToPage(pageIndex - 1),
                   disabled: pageIndex === 0,
-                  children: /* @__PURE__ */ jsx58(ChevronLeft3, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx59(ChevronLeft3, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9959,10 +10116,10 @@ function DataTable({
                   className: cn(ui.navButton),
                   onClick: () => goToPage(pageIndex + 1),
                   disabled: pageIndex + 1 >= safePageCount,
-                  children: /* @__PURE__ */ jsx58(ChevronRight3, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx59(ChevronRight3, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx58(
+              /* @__PURE__ */ jsx59(
                 Button,
                 {
                   "data-accent": dataAccent,
@@ -9971,7 +10128,7 @@ function DataTable({
                   className: cn("hidden lg:flex", ui.navButton),
                   onClick: () => goToPage(safePageCount - 1),
                   disabled: pageIndex + 1 >= safePageCount,
-                  children: /* @__PURE__ */ jsx58(DoubleArrowRightIcon, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx59(DoubleArrowRightIcon, { className: "h-4 w-4" })
                 }
               )
             ] }),
@@ -9992,7 +10149,7 @@ function DataTable({
 }
 
 // src/shared/data-table-skeleton.tsx
-import { jsx as jsx59, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs32 } from "react/jsx-runtime";
 function DataTableSkeleton({
   columnCount,
   rowCount = 10,
@@ -10003,28 +10160,28 @@ function DataTableSkeleton({
   return /* @__PURE__ */ jsxs32("div", { className: "w-full space-y-3 overflow-auto", children: [
     /* @__PURE__ */ jsxs32("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
       /* @__PURE__ */ jsxs32("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
-        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx59(Skeleton, { className: "h-10 w-37.5 lg:w-62.5" }, i)) : null,
-        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx59(Skeleton, { className: "h-10 w-17.5 border-dashed" }, i)) : null
+        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx60(Skeleton, { className: "h-10 w-37.5 lg:w-62.5" }, i)) : null,
+        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx60(Skeleton, { className: "h-10 w-17.5 border-dashed" }, i)) : null
       ] }),
-      showViewOptions ? /* @__PURE__ */ jsx59(Skeleton, { className: "ml-auto hidden h-7 w-17.5 lg:flex" }) : null
+      showViewOptions ? /* @__PURE__ */ jsx60(Skeleton, { className: "ml-auto hidden h-7 w-17.5 lg:flex" }) : null
     ] }),
-    /* @__PURE__ */ jsx59("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs32(Table, { children: [
-      /* @__PURE__ */ jsx59(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx59(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx59(TableHead, { children: /* @__PURE__ */ jsx59(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
-      /* @__PURE__ */ jsx59(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx59(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx59(TableCell, { children: /* @__PURE__ */ jsx59(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
+    /* @__PURE__ */ jsx60("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs32(Table, { children: [
+      /* @__PURE__ */ jsx60(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx60(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx60(TableHead, { children: /* @__PURE__ */ jsx60(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
+      /* @__PURE__ */ jsx60(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx60(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx60(TableCell, { children: /* @__PURE__ */ jsx60(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
     ] }) }),
     /* @__PURE__ */ jsxs32("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__ */ jsx59("div", { className: "flex-1", children: /* @__PURE__ */ jsx59(Skeleton, { className: "h-8 w-40" }) }),
+      /* @__PURE__ */ jsx60("div", { className: "flex-1", children: /* @__PURE__ */ jsx60(Skeleton, { className: "h-8 w-40" }) }),
       /* @__PURE__ */ jsxs32("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
         /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx59(Skeleton, { className: "h-8 w-24" }),
-          /* @__PURE__ */ jsx59(Skeleton, { className: "h-8 w-17.5" })
+          /* @__PURE__ */ jsx60(Skeleton, { className: "h-8 w-24" }),
+          /* @__PURE__ */ jsx60(Skeleton, { className: "h-8 w-17.5" })
         ] }),
-        /* @__PURE__ */ jsx59("div", { className: "flex w-25 items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx59(Skeleton, { className: "h-8 w-20" }) }),
+        /* @__PURE__ */ jsx60("div", { className: "flex w-25 items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx60(Skeleton, { className: "h-8 w-20" }) }),
         /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx59(Skeleton, { className: "hidden size-8 lg:block" }),
-          /* @__PURE__ */ jsx59(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ jsx59(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ jsx59(Skeleton, { className: "hidden size-8 lg:block" })
+          /* @__PURE__ */ jsx60(Skeleton, { className: "hidden size-8 lg:block" }),
+          /* @__PURE__ */ jsx60(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ jsx60(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ jsx60(Skeleton, { className: "hidden size-8 lg:block" })
         ] })
       ] })
     ] })
@@ -10033,7 +10190,7 @@ function DataTableSkeleton({
 
 // src/shared/dropzone.tsx
 import { useDropzone } from "react-dropzone";
-import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs33 } from "react/jsx-runtime";
 function Dropzone({
   label,
   onChange,
@@ -10057,7 +10214,7 @@ function Dropzone({
     accept
   }, options));
   return /* @__PURE__ */ jsxs33("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsx60("p", { className: cn("font-medium", labelClassName), children: label }),
+    label && /* @__PURE__ */ jsx61("p", { className: cn("font-medium", labelClassName), children: label }),
     /* @__PURE__ */ jsxs33(
       "div",
       __spreadProps(__spreadValues({}, getRootProps()), {
@@ -10067,12 +10224,12 @@ function Dropzone({
           dropzoneClassName
         ),
         children: [
-          /* @__PURE__ */ jsx60("input", __spreadValues({}, getInputProps())),
-          /* @__PURE__ */ jsx60("p", { className: cn("text-gray-600", descriptionClassName), children: isDragActive ? descriptionActive : description })
+          /* @__PURE__ */ jsx61("input", __spreadValues({}, getInputProps())),
+          /* @__PURE__ */ jsx61("p", { className: cn("text-gray-600", descriptionClassName), children: isDragActive ? descriptionActive : description })
         ]
       })
     ),
-    value && value.length > 0 && /* @__PURE__ */ jsx60("ul", { className: cn("text-sm text-gray-700 space-y-1", valueClassName), children: value.map((file, idx) => /* @__PURE__ */ jsxs33("li", { children: [
+    value && value.length > 0 && /* @__PURE__ */ jsx61("ul", { className: cn("text-sm text-gray-700 space-y-1", valueClassName), children: value.map((file, idx) => /* @__PURE__ */ jsxs33("li", { children: [
       "\u2022 ",
       file.name
     ] }, idx)) })
@@ -10082,9 +10239,9 @@ function Dropzone({
 // src/shared/fileupload.tsx
 import { AvatarIcon } from "@radix-ui/react-icons";
 import { CameraIcon } from "lucide-react";
-import { useEffect as useEffect4, useState as useState8 } from "react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 import { useDropzone as useDropzone2 } from "react-dropzone";
-import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
 function FileUpload({
   onChange,
   value = [],
@@ -10100,7 +10257,7 @@ function FileUpload({
       onChange(acceptedFiles);
     }
   }, options));
-  return /* @__PURE__ */ jsx61("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx62(
     "div",
     {
       className: cn(
@@ -10108,10 +10265,10 @@ function FileUpload({
         classNameContent
       ),
       children: /* @__PURE__ */ jsxs34("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
-        /* @__PURE__ */ jsx61("input", __spreadValues({}, getInputProps())),
-        value.length > 0 ? /* @__PURE__ */ jsx61(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx61(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
+        /* @__PURE__ */ jsx62("input", __spreadValues({}, getInputProps())),
+        value.length > 0 ? /* @__PURE__ */ jsx62(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx62(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
         /* @__PURE__ */ jsxs34("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__ */ jsx61(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx62(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
           label
         ] })
       ] }))
@@ -10120,14 +10277,14 @@ function FileUpload({
 }
 function ImagePreview({ file }) {
   const [objectUrl, setObjectUrl] = useState8(null);
-  useEffect4(() => {
+  useEffect6(() => {
     const url = URL.createObjectURL(file);
     setObjectUrl(url);
     return () => {
       URL.revokeObjectURL(url);
     };
   }, [file]);
-  return objectUrl ? /* @__PURE__ */ jsx61(
+  return objectUrl ? /* @__PURE__ */ jsx62(
     "img",
     {
       src: objectUrl,
@@ -10138,23 +10295,23 @@ function ImagePreview({ file }) {
 }
 
 // src/shared/heading.tsx
-import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
 function Heading({ title, description, className }) {
   return /* @__PURE__ */ jsxs35("div", { className, children: [
-    /* @__PURE__ */ jsx62("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
-    /* @__PURE__ */ jsx62("p", { className: "text-sm text-muted-foreground", children: description })
+    /* @__PURE__ */ jsx63("div", { className: "text-lg font-bold tracking-tight text-primary sm:text-3xl", children: title }),
+    /* @__PURE__ */ jsx63("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
 
 // src/shared/page-head.tsx
 import { Helmet } from "react-helmet-next";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 function PageHead({ title = "shadcn-ui-react" }) {
-  return /* @__PURE__ */ jsx63(Helmet, { children: /* @__PURE__ */ jsx63("title", { children: title }) });
+  return /* @__PURE__ */ jsx64(Helmet, { children: /* @__PURE__ */ jsx64("title", { children: title }) });
 }
 
 // src/shared/pagination-section.tsx
-import { jsx as jsx64, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
 function PaginationSection({
   totalPosts,
   postsPerPage,
@@ -10192,17 +10349,17 @@ function PaginationSection({
     }
   };
   const renderPages = () => {
-    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ jsx64(
+    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ jsx65(
       PaginationItem,
       {
         className: currentPage === page ? "rounded-md bg-primary" : "",
-        children: /* @__PURE__ */ jsx64(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
+        children: /* @__PURE__ */ jsx65(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
       },
       idx
     ));
     if (activePages[0] > 1) {
       renderedPages.unshift(
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[0] - 1)
@@ -10213,7 +10370,7 @@ function PaginationSection({
     }
     if (activePages[activePages.length - 1] < pageNumbers.length) {
       renderedPages.push(
-        /* @__PURE__ */ jsx64(
+        /* @__PURE__ */ jsx65(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[activePages.length - 1] + 1)
@@ -10224,21 +10381,21 @@ function PaginationSection({
     }
     return renderedPages;
   };
-  return /* @__PURE__ */ jsx64("div", { className: "p-4", children: /* @__PURE__ */ jsx64(Pagination, { children: /* @__PURE__ */ jsxs36(PaginationContent, { children: [
+  return /* @__PURE__ */ jsx65("div", { className: "p-4", children: /* @__PURE__ */ jsx65(Pagination, { children: /* @__PURE__ */ jsxs36(PaginationContent, { children: [
     /* @__PURE__ */ jsxs36(PaginationItem, { children: [
-      /* @__PURE__ */ jsx64(
+      /* @__PURE__ */ jsx65(
         PaginationPreviousLast,
         {
           onClick: handlePrevPageLast,
           size: void 0
         }
       ),
-      /* @__PURE__ */ jsx64(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
+      /* @__PURE__ */ jsx65(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
     ] }),
     renderPages(),
     /* @__PURE__ */ jsxs36(PaginationItem, { children: [
-      /* @__PURE__ */ jsx64(PaginationNext, { onClick: handleNextPage, size: void 0 }),
-      /* @__PURE__ */ jsx64(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
+      /* @__PURE__ */ jsx65(PaginationNext, { onClick: handleNextPage, size: void 0 }),
+      /* @__PURE__ */ jsx65(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
     ] })
   ] }) }) });
 }
@@ -10361,7 +10518,9 @@ export {
   FormControl,
   FormDescription,
   FormField,
+  FormFieldContext,
   FormItem,
+  FormItemContext,
   FormLabel,
   FormMessage,
   FormSelect,
@@ -10489,8 +10648,13 @@ export {
   badgeVariants,
   buttonVariants,
   cn,
+  getDefaultOptionLabel,
+  getDefaultOptionValue,
+  getErrorMessage,
+  getNextEnabledIndex,
   iconButtonVariants,
   navigationMenuTriggerStyle,
+  normalizeSearchText,
   reducer,
   toast,
   toggleVariants,