@2urgseui/core 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -143,6 +143,7 @@ __export(index_exports, {
   RichTextEditor: () => RichTextEditor,
   ScrollArea: () => ScrollArea,
   ScrollBar: () => ScrollBar,
+  SearchableSelect: () => SearchableSelect,
   Select: () => Select,
   SelectContent: () => SelectContent,
   SelectGroup: () => SelectGroup,
@@ -807,10 +808,10 @@ function AsyncSelectInner(props) {
         "aria-expanded": open,
         disabled,
         className: cn(
-          "flex h-11 w-full appearance-none items-center justify-between gap-2 px-4 text-base md:text-sm",
+          "flex min-h-11 w-full appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
           inputSurfaceField,
           inputSurfaceFieldDisabled,
-          "[&>span]:line-clamp-1 [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
+          "[&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left [&>span]:whitespace-normal [&>span]:break-words [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
           error2 && inputSurfaceFieldInvalid,
           className
         ),
@@ -818,7 +819,10 @@ function AsyncSelectInner(props) {
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "span",
             {
-              className: cn("truncate", !triggerLabel && "text-slate-500 dark:text-slate-400"),
+              className: cn(
+                "min-w-0 flex-1 text-left whitespace-normal break-words",
+                !triggerLabel && "text-slate-500 dark:text-slate-400"
+              ),
               children: triggerLabel ?? placeholder
             }
           ),
@@ -879,14 +883,14 @@ function AsyncSelectInner(props) {
                   "aria-selected": isSelected,
                   onClick: () => handleSelect(item),
                   className: cn(
-                    "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+                    "relative flex w-full cursor-default select-none items-start rounded-sm py-1.5 pl-8 pr-2 text-sm text-left outline-none",
                     "hover:bg-accent hover:text-accent-foreground",
                     "focus-visible:bg-accent focus-visible:text-accent-foreground",
                     isSelected && "bg-accent/50"
                   ),
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: resolveLabel(item, labelKey) })
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "min-w-0 flex-1 whitespace-normal break-words", children: resolveLabel(item, labelKey) })
                   ]
                 },
                 itemValue
@@ -2157,7 +2161,7 @@ var FileDropzone = React20.forwardRef(
 FileDropzone.displayName = "FileDropzone";
 
 // source/components/primitive/FormField/form-field.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var import_react_hook_form = require("react-hook-form");
 
 // source/components/primitive/InputOtp/input-otp.tsx
@@ -2412,30 +2416,195 @@ var RichTextEditor = ({
   );
 };
 
-// source/components/primitive/Select/select.tsx
+// source/components/primitive/SearchableSelect/searchable-select.tsx
 var React25 = __toESM(require("react"), 1);
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
+function reactNodeToLabelString2(node) {
+  if (node == null || typeof node === "boolean") return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(reactNodeToLabelString2).join("");
+  return "";
+}
+function defaultFilterItem(item, search) {
+  const q = search.trim().toLowerCase();
+  if (!q) return true;
+  return reactNodeToLabelString2(item.label).toLowerCase().includes(q);
+}
+function SearchableSelectInner({
+  items,
+  value,
+  onValueChange,
+  placeholder = "Select\u2026",
+  searchPlaceholder = "Search\u2026",
+  clearable = false,
+  disabled = false,
+  error: error2 = false,
+  name,
+  id,
+  className,
+  filterItem = defaultFilterItem,
+  onBlur,
+  "aria-describedby": ariaDescribedBy,
+  "aria-invalid": ariaInvalid,
+  innerRef
+}) {
+  const [open, setOpen] = React25.useState(false);
+  const [search, setSearch] = React25.useState("");
+  const searchInputRef = React25.useRef(null);
+  const filteredItems = items.filter((item) => filterItem(item, search));
+  const selectedItem = items.find((item) => item.value === value);
+  React25.useEffect(() => {
+    if (open) {
+      setTimeout(() => searchInputRef.current?.focus(), 0);
+    } else {
+      setSearch("");
+    }
+  }, [open]);
+  const handleSelect = (item) => {
+    if (item.disabled) return;
+    if (clearable && item.value === value) {
+      onValueChange?.("");
+    } else {
+      onValueChange?.(item.value);
+    }
+    setOpen(false);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onValueChange?.("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    name && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { type: "hidden", name, value: value ?? "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "button",
+      {
+        ref: innerRef,
+        id,
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-describedby": ariaDescribedBy,
+        "aria-invalid": ariaInvalid,
+        disabled,
+        onBlur,
+        className: cn(
+          "flex min-h-11 w-full appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
+          inputSurfaceField,
+          inputSurfaceFieldDisabled,
+          error2 && inputSurfaceFieldInvalid,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 text-left whitespace-normal break-words",
+                !selectedItem && "text-slate-500 dark:text-slate-400"
+              ),
+              children: selectedItem?.label ?? placeholder
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "flex shrink-0 items-center gap-1", children: [
+            clearable && value && !disabled && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                "aria-label": "Clear selection",
+                onClick: handleClear,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    handleClear(e);
+                  }
+                },
+                className: "rounded-sm p-0.5 text-muted-foreground hover:text-foreground",
+                children: "\xD7"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronDown, { "aria-hidden": true, className: "h-4 w-4 shrink-0 text-slate-500 dark:text-slate-400" })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      PopoverContent,
+      {
+        align: "start",
+        className: "w-[--radix-popover-trigger-width] min-w-[var(--radix-popover-trigger-width)] max-w-[var(--radix-popover-content-available-width)] p-0",
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              "input",
+              {
+                ref: searchInputRef,
+                value: search,
+                onChange: (e) => setSearch(e.target.value),
+                placeholder: searchPlaceholder,
+                className: "h-8 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "max-h-60 overflow-y-auto p-1", children: filteredItems.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results found." }) : filteredItems.map((item) => {
+            const isSelected = item.value === value;
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": isSelected,
+                disabled: item.disabled,
+                onClick: () => handleSelect(item),
+                className: cn(
+                  "relative flex w-full cursor-default select-none items-start rounded-sm py-1.5 pl-8 pr-2 text-sm text-left outline-none",
+                  "hover:bg-accent hover:text-accent-foreground",
+                  "focus-visible:bg-accent focus-visible:text-accent-foreground",
+                  "disabled:pointer-events-none disabled:opacity-50",
+                  isSelected && "bg-accent/50"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "min-w-0 flex-1 whitespace-normal break-words", children: item.label })
+                ]
+              },
+              item.value
+            );
+          }) })
+        ]
+      }
+    )
+  ] });
+}
+var SearchableSelect = React25.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SearchableSelectInner, { ...props, innerRef: ref }));
+SearchableSelect.displayName = "SearchableSelect";
+
+// source/components/primitive/Select/select.tsx
+var React26 = __toESM(require("react"), 1);
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "flex h-11 w-full appearance-none items-center justify-between gap-2 px-4 text-base md:text-sm",
+      "flex min-h-11 w-full appearance-none items-center justify-between gap-2 px-4 py-2 text-base md:text-sm",
       inputSurfaceField,
       inputSurfaceFieldDisabled,
-      "[&>span]:line-clamp-1 [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
+      "[&>span]:min-w-0 [&>span]:flex-1 [&>span]:text-left [&>span]:whitespace-normal [&>span]:break-words [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
       className
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        import_lucide_react9.ChevronDown,
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        import_lucide_react10.ChevronDown,
         {
           "aria-hidden": "true",
           className: "h-4 w-4 shrink-0"
@@ -2445,7 +2614,7 @@ var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2454,11 +2623,11 @@ var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2467,39 +2636,39 @@ var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React25.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
     className: cn(
-      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      position === "popper" && "min-w-[var(--radix-select-trigger-width)] max-w-[var(--radix-select-content-available-width)] data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
             "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            position === "popper" && "w-full min-w-[var(--radix-select-trigger-width)]"
           ),
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -2508,31 +2677,31 @@ var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React25.forwardRef(({ value, className, children, ...props }, ref) => {
+var SelectItem = React26.forwardRef(({ value, className, children, ...props }, ref) => {
   if (value === "") {
     throw new Error(
       'SelectItem: `value` must not be an empty string \u2014 Radix uses "" to reset the Select and show the placeholder. Omit that option and use `<SelectValue placeholder="\u2026">`, or assign a sentinel value such as `"none"`.'
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     SelectPrimitive.Item,
     {
       ref,
       value,
       className: cn(
-        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex w-full cursor-default select-none items-start rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemText, { className: "whitespace-normal break-words", children })
       ]
     }
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2543,10 +2712,10 @@ var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // source/components/primitive/Switch/switch.tsx
-var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
 var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var switchRootVariants = (0, import_class_variance_authority9.cva)(
   [
     "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
@@ -2580,14 +2749,14 @@ var switchThumbVariants = (0, import_class_variance_authority9.cva)(
     }
   }
 );
-var Switch = React26.forwardRef(
+var Switch = React27.forwardRef(
   ({ className, label, description, error: error2, size, id: idProp, ...props }, ref) => {
-    const generatedId = React26.useId();
+    const generatedId = React27.useId();
     const id = idProp ?? generatedId;
     const descriptionId = description ? `${id}-description` : void 0;
     const errorId = error2 ? `${id}-error` : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         SwitchPrimitives.Root,
         {
           ref,
@@ -2600,7 +2769,7 @@ var Switch = React26.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             SwitchPrimitives.Thumb,
             {
               className: cn(switchThumbVariants({ size }))
@@ -2608,8 +2777,8 @@ var Switch = React26.forwardRef(
           )
         }
       ),
-      (label || description || error2) && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col leading-tight", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      (label || description || error2) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col leading-tight", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "label",
           {
             htmlFor: id,
@@ -2617,7 +2786,7 @@ var Switch = React26.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "p",
           {
             id: descriptionId,
@@ -2625,7 +2794,7 @@ var Switch = React26.forwardRef(
             children: description
           }
         ),
-        error2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        error2 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "p",
           {
             id: errorId,
@@ -2640,9 +2809,9 @@ var Switch = React26.forwardRef(
 Switch.displayName = "Switch";
 
 // source/components/primitive/Text/text.tsx
-var React27 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var textVariants = (0, import_class_variance_authority10.cva)("text-foreground", {
   variants: {
     element: {
@@ -2691,7 +2860,7 @@ var textVariants = (0, import_class_variance_authority10.cva)("text-foreground",
     tone: "default"
   }
 });
-var Text = React27.forwardRef(
+var Text = React28.forwardRef(
   ({
     element = "p",
     size,
@@ -2704,7 +2873,7 @@ var Text = React27.forwardRef(
   }, ref) => {
     const Comp = element;
     const variantElement = element === "div" ? "p" : element;
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       Comp,
       {
         ref,
@@ -2727,8 +2896,8 @@ var Text = React27.forwardRef(
 Text.displayName = "Text";
 
 // source/components/primitive/TextArea/textarea.tsx
-var React28 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var React29 = __toESM(require("react"), 1);
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var resizeClasses = {
   none: "resize-none",
   vertical: "resize-y",
@@ -2736,9 +2905,9 @@ var resizeClasses = {
   both: "resize"
 };
 var layout = "block min-h-[120px] w-full min-w-0 px-4 py-2 text-sm md:text-base";
-var Textarea = React28.forwardRef(
+var Textarea = React29.forwardRef(
   ({ className, error: error2, resize = "vertical", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "textarea",
       {
         ref,
@@ -2760,7 +2929,7 @@ var Textarea = React28.forwardRef(
 Textarea.displayName = "Textarea";
 
 // source/components/primitive/FormField/form-field.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function stripThousands(s) {
   return s.replace(/,/g, "");
 }
@@ -2904,7 +3073,7 @@ function FormField({
   className,
   renderInput
 }) {
-  const generatedId = React29.useId();
+  const generatedId = React30.useId();
   const inputId = `field-${generatedId}`;
   const descriptionId = description ? `${inputId}-description` : void 0;
   const externalError = error2 ? String(error2) : void 0;
@@ -2947,7 +3116,7 @@ function FormField({
     );
   }
   if (control) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       import_react_hook_form.Controller,
       {
         name,
@@ -2974,7 +3143,7 @@ function FormField({
             onChange: field.onChange,
             onBlur: field.onBlur,
             ref: field.ref
-          }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             FormFieldVariantControl,
             {
               variant,
@@ -2999,7 +3168,7 @@ function FormField({
               maskInput: renderInput ? void 0 : maskInput
             }
           );
-          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             Label2,
             {
               id: variant === "radio" || variant === "richtext" ? legendId : void 0,
@@ -3009,8 +3178,8 @@ function FormField({
               children: label
             }
           );
-          const checkboxInline = isCheckboxInline ? hasFieldLabel2 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          const checkboxInline = isCheckboxInline ? hasFieldLabel2 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               Checkbox,
               {
                 ...checkboxProps,
@@ -3025,7 +3194,7 @@ function FormField({
                 "aria-invalid": hasError || void 0
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               Label2,
               {
                 htmlFor: inputId,
@@ -3035,7 +3204,7 @@ function FormField({
                 children: label
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             Checkbox,
             {
               ...checkboxProps,
@@ -3050,7 +3219,7 @@ function FormField({
               "aria-invalid": hasError || void 0
             }
           ) : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             "div",
             {
               className: cn(
@@ -3058,12 +3227,12 @@ function FormField({
                 className
               ),
               children: [
-                isCheckboxInline ? checkboxInline : /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+                isCheckboxInline ? checkboxInline : /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
                   labelBlock,
                   controlNode
                 ] }),
-                description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
-                message && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
+                description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+                message && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
               ]
             }
           );
@@ -3088,7 +3257,7 @@ function FormField({
     "aria-describedby": describedBy,
     error: Boolean(externalError),
     ...registered
-  }) : variant === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  }) : variant === "textarea" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Textarea,
     {
       id: inputId,
@@ -3097,7 +3266,7 @@ function FormField({
       ...textareaProps,
       ...registered
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Input,
     {
       id: inputId,
@@ -3107,13 +3276,13 @@ function FormField({
       ...registered
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
-    hasFieldLabel ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Label2, { htmlFor: inputId, required, size: "sm", children: label }),
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
+    hasFieldLabel ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Label2, { htmlFor: inputId, required, size: "sm", children: label }),
       registeredControl
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: registeredControl }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
-    externalError && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: registeredControl }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+    externalError && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
   ] });
 }
 function formValueToAsyncSelectOption(v) {
@@ -3151,7 +3320,7 @@ function FormFieldVariantControl({
 }) {
   switch (variant) {
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Textarea,
         {
           ...textareaProps,
@@ -3169,7 +3338,7 @@ function FormFieldVariantControl({
     case "checkbox":
       return null;
     case "switch":
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Switch,
         {
           ...switchProps,
@@ -3193,6 +3362,10 @@ function FormFieldVariantControl({
         items,
         triggerClassName,
         contentClassName,
+        searchable,
+        searchPlaceholder,
+        clearable,
+        filterItem,
         ...selectRootRest
       } = selectProps;
       const emptyValueItems = items.filter((item) => item.value === "");
@@ -3202,7 +3375,33 @@ function FormFieldVariantControl({
         );
       }
       const value = field.value == null || field.value === "" ? void 0 : String(field.value);
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      if (searchable) {
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          SearchableSelect,
+          {
+            items,
+            value,
+            onValueChange: field.onChange,
+            onBlur: field.onBlur,
+            placeholder,
+            searchPlaceholder,
+            clearable,
+            filterItem,
+            disabled: field.disabled,
+            error: hasError,
+            name: field.name,
+            id: inputId,
+            ref: field.ref,
+            className: cn(
+              hasError && inputSurfaceFieldInvalid,
+              triggerClassName
+            ),
+            "aria-describedby": describedBy,
+            "aria-invalid": hasError || void 0
+          }
+        ) });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         Select,
         {
           ...selectRootRest,
@@ -3211,7 +3410,7 @@ function FormFieldVariantControl({
           disabled: field.disabled,
           name: field.name,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               SelectTrigger,
               {
                 id: inputId,
@@ -3223,10 +3422,10 @@ function FormFieldVariantControl({
                   triggerClassName
                 ),
                 onBlur: field.onBlur,
-                children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue, { placeholder })
+                children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               SelectItem,
               {
                 value: item.value,
@@ -3249,7 +3448,7 @@ function FormFieldVariantControl({
       if (!asyncSelectProps?.labelKey) {
         throw new Error('FormField variant "async-select" requires asyncSelectProps.labelKey.');
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         AsyncSelect,
         {
           ...asyncSelectProps,
@@ -3273,7 +3472,7 @@ function FormFieldVariantControl({
         className: radioClassName,
         ...radioGroupRest
       } = radioProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         RadioGroup2,
         {
           ...radioGroupRest,
@@ -3288,8 +3487,8 @@ function FormFieldVariantControl({
           "aria-describedby": describedBy,
           "aria-invalid": hasError || void 0,
           ref: field.ref,
-          children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               RadioGroupItem,
               {
                 value: opt.value,
@@ -3297,7 +3496,7 @@ function FormFieldVariantControl({
                 disabled: opt.disabled
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               Label2,
               {
                 htmlFor: opt.id ?? `${inputId}-${opt.value}`,
@@ -3316,7 +3515,7 @@ function FormFieldVariantControl({
       }
       const { maxLength, groups, containerClassName, ...otpRest } = otpProps;
       const slotGroups = groups?.length ? groups : defaultOtpGroups(maxLength);
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         InputOTP,
         {
           ...otpRest,
@@ -3335,15 +3534,15 @@ function FormFieldVariantControl({
             hasError && inputOtpContainerInvalid,
             containerClassName
           ),
-          children: slotGroups.map((indices, gi) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(React29.Fragment, { children: [
-            gi > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(InputOTPSeparator, {}) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(InputOTPSlot, { index }, index)) })
+          children: slotGroups.map((indices, gi) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(React30.Fragment, { children: [
+            gi > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InputOTPSeparator, {}) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(InputOTPSlot, { index }, index)) })
           ] }, gi))
         }
       ) });
     }
     case "richtext":
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: "w-full min-w-0",
@@ -3353,7 +3552,7 @@ function FormFieldVariantControl({
           "aria-describedby": describedBy,
           "aria-invalid": hasError || void 0,
           onBlur: field.onBlur,
-          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             RichTextEditor,
             {
               value: field.value ?? "",
@@ -3365,7 +3564,7 @@ function FormFieldVariantControl({
         }
       );
     case "dropzone":
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         FileDropzone,
         {
           ...dropzoneProps,
@@ -3399,7 +3598,7 @@ function FormFieldVariantControl({
         const pattern = maskInput.pattern;
         const rawStored = field.value == null || field.value === "" ? "" : String(field.value);
         const displayValue = formFieldMaskFormatDisplay(pattern, rawStored);
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           Input,
           {
             ...restInputProps,
@@ -3436,7 +3635,7 @@ function FormFieldVariantControl({
           useGrouping
         );
         const defaultInputMode = allowDecimal ? "decimal" : "numeric";
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           Input,
           {
             ...restInputProps,
@@ -3460,7 +3659,7 @@ function FormFieldVariantControl({
           }
         ) });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         Input,
         {
           ...restInputProps,
@@ -3485,9 +3684,9 @@ function FormFieldVariantControl({
 }
 
 // source/components/primitive/Heading/heading.tsx
-var React30 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_class_variance_authority11 = require("class-variance-authority");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var headingVariants = (0, import_class_variance_authority11.cva)(
   "text-foreground tracking-tight",
   {
@@ -3553,7 +3752,7 @@ var headingVariants = (0, import_class_variance_authority11.cva)(
     }
   }
 );
-var Heading = React30.forwardRef(
+var Heading = React31.forwardRef(
   ({
     level = 1,
     size,
@@ -3566,7 +3765,7 @@ var Heading = React30.forwardRef(
     ...props
   }, ref) => {
     const Tag = `h${level}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Tag,
       {
         ref,
@@ -3582,10 +3781,10 @@ var Heading = React30.forwardRef(
 Heading.displayName = "Heading";
 
 // source/components/primitive/InputGroup/input-group.tsx
-var React31 = __toESM(require("react"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var InputGroup = React31.forwardRef(
-  ({ className, error: error2, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var React32 = __toESM(require("react"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var InputGroup = React32.forwardRef(
+  ({ className, error: error2, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       ref,
@@ -3603,7 +3802,7 @@ var InputGroup = React31.forwardRef(
   )
 );
 InputGroup.displayName = "InputGroup";
-var InputGroupIcon = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var InputGroupIcon = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "span",
   {
     ref,
@@ -3616,8 +3815,8 @@ var InputGroupIcon = React31.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 InputGroupIcon.displayName = "InputGroupIcon";
-var InputGroupInput = React31.forwardRef(
-  ({ className, type, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var InputGroupInput = React32.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "input",
     {
       ref,
@@ -3636,10 +3835,10 @@ InputGroupInput.displayName = "InputGroupInput";
 var inputGroupSelectTriggerTextAlignClass = "pl-12";
 
 // source/components/primitive/Pagination/pagination.tsx
-var React32 = __toESM(require("react"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var React33 = __toESM(require("react"), 1);
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "nav",
   {
     role: "navigation",
@@ -3649,7 +3848,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var PaginationContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "ul",
   {
     ref,
@@ -3658,14 +3857,14 @@ var PaginationContent = React32.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
   isActive,
   size = "icon",
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "a",
   {
     "aria-current": isActive ? "page" : void 0,
@@ -3683,7 +3882,7 @@ PaginationLink.displayName = "PaginationLink";
 var PaginationPrevious = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to previous page",
@@ -3691,8 +3890,8 @@ var PaginationPrevious = ({
     size: "default",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Previous" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Previous" })
     ]
   }
 );
@@ -3700,7 +3899,7 @@ PaginationPrevious.displayName = "PaginationPrevious";
 var PaginationNext = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   PaginationLink,
   {
     "aria-label": "Go to next page",
@@ -3708,8 +3907,8 @@ var PaginationNext = ({
     size: "default",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Next" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.ChevronRight, { className: "h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: "Next" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.ChevronRight, { className: "h-4 w-4" })
     ]
   }
 );
@@ -3717,31 +3916,31 @@ PaginationNext.displayName = "PaginationNext";
 var PaginationEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
   "span",
   {
     "aria-hidden": true,
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react11.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
 
 // source/components/primitive/Progress/progress.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var variantStyles = {
   default: "bg-primary",
   success: "bg-green-500",
   warning: "bg-yellow-500",
   error: "bg-red-500"
 };
-var Progress = React33.forwardRef(
+var Progress = React34.forwardRef(
   ({
     className,
     value = 0,
@@ -3755,15 +3954,15 @@ var Progress = React33.forwardRef(
     const safeMax = max > 0 ? max : 100;
     const safeValue = Math.min(Math.max(value, 0), safeMax);
     const percentage = Math.min(safeValue / safeMax * 100, 100);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-1", children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-sm font-medium", children: label }),
-        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-1", children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
           Math.round(percentage),
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         ProgressPrimitive.Root,
         {
           ref,
@@ -3776,7 +3975,7 @@ var Progress = React33.forwardRef(
           "aria-valuemax": safeMax,
           "aria-valuenow": indeterminate ? void 0 : safeValue,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             ProgressPrimitive.Indicator,
             {
               className: cn(
@@ -3797,9 +3996,9 @@ var Progress = React33.forwardRef(
 Progress.displayName = "Progress";
 
 // source/components/primitive/RichHtml/rich-html.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_dompurify = __toESM(require("dompurify"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var defaultSanitizeConfig = {
   USE_PROFILES: { html: true }
 };
@@ -3822,7 +4021,7 @@ var richHtmlChrome = cn(
   "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[0.9em]",
   "[&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:font-mono [&_pre]:text-sm"
 );
-var RichHtml = React34.forwardRef(
+var RichHtml = React35.forwardRef(
   ({
     html,
     sanitize = true,
@@ -3831,7 +4030,7 @@ var RichHtml = React34.forwardRef(
     suppressHydrationWarning,
     ...props
   }, ref) => {
-    const markup = React34.useMemo(() => {
+    const markup = React35.useMemo(() => {
       if (html === void 0 || html === null || html === "") {
         return "";
       }
@@ -3851,7 +4050,7 @@ var RichHtml = React34.forwardRef(
     if (html === void 0 || html === null || html === "") {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "div",
       {
         ref,
@@ -3866,24 +4065,24 @@ var RichHtml = React34.forwardRef(
 RichHtml.displayName = "RichHtml";
 
 // source/components/primitive/ScrollArea/scroll-area.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var ScrollArea = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var ScrollArea = React36.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React35.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+var ScrollBar = React36.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3895,16 +4094,16 @@ var ScrollBar = React35.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // source/components/primitive/Separator/separator.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var separatorVariants = (0, import_class_variance_authority12.cva)("shrink-0", {
   variants: {
     orientation: {
@@ -3922,7 +4121,7 @@ var separatorVariants = (0, import_class_variance_authority12.cva)("shrink-0", {
     line: "solid"
   }
 });
-var Separator3 = React36.forwardRef(
+var Separator3 = React37.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3934,13 +4133,13 @@ var Separator3 = React36.forwardRef(
   }, ref) => {
     const line = lineProp ?? variant ?? "solid";
     if (label && orientation === "horizontal") {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
         "div",
         {
           role: "separator",
           className: "flex items-center gap-3",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               "div",
               {
                 className: cn(
@@ -3949,8 +4148,8 @@ var Separator3 = React36.forwardRef(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               "div",
               {
                 className: cn(
@@ -3963,7 +4162,7 @@ var Separator3 = React36.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -3981,16 +4180,16 @@ var Separator3 = React36.forwardRef(
 Separator3.displayName = "Separator";
 
 // source/components/primitive/Sheet/sheet.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var SheetOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -4018,9 +4217,9 @@ var sheetVariants = (0, import_class_variance_authority13.cva)(
     }
   }
 );
-var SheetContent = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+var SheetContent = React38.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
@@ -4028,9 +4227,9 @@ var SheetContent = React37.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -4040,7 +4239,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   "div",
   {
     className: cn(
@@ -4054,7 +4253,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   "div",
   {
     className: cn(
@@ -4065,7 +4264,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -4074,7 +4273,7 @@ var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -4085,19 +4284,19 @@ var SheetDescription = React37.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // source/components/primitive/Sidebar/sidebar.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority15 = require("class-variance-authority");
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 
 // source/hooks/use-mobile.ts
-var React38 = __toESM(require("react"), 1);
+var React39 = __toESM(require("react"), 1);
 var MOBILE_MAX = 768;
 function useIsMobile(breakpoint = MOBILE_MAX) {
-  const [isMobile, setIsMobile] = React38.useState(
+  const [isMobile, setIsMobile] = React39.useState(
     () => typeof window !== "undefined" ? window.innerWidth < breakpoint : false
   );
-  React38.useEffect(() => {
+  React39.useEffect(() => {
     const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
     const onChange = () => setIsMobile(mq.matches);
     onChange();
@@ -4108,9 +4307,9 @@ function useIsMobile(breakpoint = MOBILE_MAX) {
 }
 
 // source/components/primitive/Skeleton/skeleton.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var skeletonVariants = (0, import_class_variance_authority14.cva)(
   "animate-pulse bg-muted",
   {
@@ -4127,9 +4326,9 @@ var skeletonVariants = (0, import_class_variance_authority14.cva)(
     }
   }
 );
-var Skeleton = React39.forwardRef(
+var Skeleton = React40.forwardRef(
   ({ className, rounded, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
         ref,
@@ -4144,18 +4343,18 @@ var Skeleton = React39.forwardRef(
 Skeleton.displayName = "Skeleton";
 
 // source/components/primitive/ToolTip/tooltip.tsx
-var React40 = __toESM(require("react"), 1);
+var React41 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipPrimitive.Root, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Root, { ...props });
 };
 Tooltip.displayName = "Tooltip";
 var TooltipTrigger = TooltipPrimitive.Trigger;
 TooltipTrigger.displayName = "TooltipTrigger";
-var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, arrow = false, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+var TooltipContent = React41.forwardRef(({ className, sideOffset = 4, arrow = false, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     TooltipPrimitive.Content,
     {
       ref,
@@ -4173,7 +4372,7 @@ var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, arrow = fa
       ...props,
       children: [
         children,
-        arrow && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipPrimitive.Arrow, { className: "fill-popover" })
+        arrow && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Arrow, { className: "fill-popover" })
       ]
     }
   ) });
@@ -4181,22 +4380,22 @@ var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, arrow = fa
 TooltipContent.displayName = "TooltipContent";
 
 // source/components/primitive/Sidebar/sidebar.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "4rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React41.createContext(null);
+var SidebarContext = React42.createContext(null);
 function useSidebar() {
-  const context = React41.useContext(SidebarContext);
+  const context = React42.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React41.forwardRef(
+var SidebarProvider = React42.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -4207,15 +4406,15 @@ var SidebarProvider = React41.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React41.useState(false);
-    const [_open, _setOpen] = React41.useState(() => {
+    const [openMobile, setOpenMobile] = React42.useState(false);
+    const [_open, _setOpen] = React42.useState(() => {
       if (typeof window === "undefined") return defaultOpen;
       const cookie = document.cookie.split("; ").find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
       if (!cookie) return defaultOpen;
       return cookie.split("=")[1] === "true";
     });
     const open = openProp ?? _open;
-    const setOpen = React41.useCallback(
+    const setOpen = React42.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -4227,21 +4426,21 @@ var SidebarProvider = React41.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React41.useCallback(() => {
+    const toggleSidebar = React42.useCallback(() => {
       if (isMobile) {
         setOpenMobile((v) => !v);
       } else {
         setOpen((v) => !v);
       }
     }, [isMobile, setOpen, setOpenMobile]);
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       const cookie = document.cookie.split("; ").find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
       if (cookie) {
         const value = cookie.split("=")[1];
         _setOpen(value === "true");
       }
     }, []);
-    React41.useEffect(() => {
+    React42.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === "Escape") {
           setOpenMobile(false);
@@ -4255,7 +4454,7 @@ var SidebarProvider = React41.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React41.useMemo(
+    const contextValue = React42.useMemo(
       () => ({
         state,
         open,
@@ -4267,7 +4466,7 @@ var SidebarProvider = React41.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "div",
       {
         style: {
@@ -4287,7 +4486,7 @@ var SidebarProvider = React41.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React41.forwardRef(
+var Sidebar = React42.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -4298,7 +4497,7 @@ var Sidebar = React41.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "div",
         {
           className: cn(
@@ -4314,7 +4513,7 @@ var Sidebar = React41.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -4324,11 +4523,11 @@ var Sidebar = React41.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "div",
       {
         ref,
@@ -4338,7 +4537,7 @@ var Sidebar = React41.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: cn(
@@ -4349,7 +4548,7 @@ var Sidebar = React41.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: cn(
@@ -4360,7 +4559,7 @@ var Sidebar = React41.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -4384,9 +4583,9 @@ var Sidebar = React41.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React41.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React42.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     Button,
     {
       ref,
@@ -4400,16 +4599,16 @@ var SidebarTrigger = React41.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.PanelLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.PanelLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React41.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React42.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "button",
     {
       ref,
@@ -4432,8 +4631,8 @@ var SidebarRail = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarInset = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "main",
     {
       ref,
@@ -4447,8 +4646,8 @@ var SidebarInset = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarInput = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Input,
     {
       ref,
@@ -4462,8 +4661,8 @@ var SidebarInput = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarHeader = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       ref,
@@ -4474,8 +4673,8 @@ var SidebarHeader = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarFooter = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       ref,
@@ -4486,8 +4685,8 @@ var SidebarFooter = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarSeparator = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Separator3,
     {
       ref,
@@ -4498,8 +4697,8 @@ var SidebarSeparator = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarContent = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       ref,
@@ -4513,8 +4712,8 @@ var SidebarContent = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React41.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarGroup = React42.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       ref,
@@ -4525,10 +4724,10 @@ var SidebarGroup = React41.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React41.forwardRef(({ className, asChild = false, showLabel = true, ...props }, ref) => {
+var SidebarGroupLabel = React42.forwardRef(({ className, asChild = false, showLabel = true, ...props }, ref) => {
   if (!showLabel) return null;
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Comp,
     {
       ref,
@@ -4543,9 +4742,9 @@ var SidebarGroupLabel = React41.forwardRef(({ className, asChild = false, showLa
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React41.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React42.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot3.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Comp,
     {
       ref,
@@ -4562,7 +4761,7 @@ var SidebarGroupAction = React41.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarGroupContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "div",
   {
     ref,
@@ -4572,7 +4771,7 @@ var SidebarGroupContent = React41.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarMenu = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "ul",
   {
     ref,
@@ -4582,7 +4781,7 @@ var SidebarMenu = React41.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarMenuItem = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "li",
   {
     ref,
@@ -4612,7 +4811,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority15.cva)(
     }
   }
 );
-var SidebarMenuButton = React41.forwardRef(
+var SidebarMenuButton = React42.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -4624,7 +4823,7 @@ var SidebarMenuButton = React41.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot3.Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Comp,
       {
         ref,
@@ -4643,9 +4842,9 @@ var SidebarMenuButton = React41.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         TooltipContent,
         {
           side: "right",
@@ -4658,9 +4857,9 @@ var SidebarMenuButton = React41.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React41.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React42.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot3.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Comp,
     {
       ref,
@@ -4681,7 +4880,7 @@ var SidebarMenuAction = React41.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarMenuBadge = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "div",
   {
     ref,
@@ -4699,11 +4898,11 @@ var SidebarMenuBadge = React41.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React41.useMemo(() => {
+var SidebarMenuSkeleton = React42.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React42.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       ref,
@@ -4711,14 +4910,14 @@ var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...
       className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           Skeleton,
           {
             className: "h-4 flex-1 max-w-[--skeleton-width]",
@@ -4733,7 +4932,7 @@ var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var SidebarMenuSub = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "ul",
   {
     ref,
@@ -4747,11 +4946,11 @@ var SidebarMenuSub = React41.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React41.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React42.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React41.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React42.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot3.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     Comp,
     {
       ref,
@@ -4773,10 +4972,10 @@ var SidebarMenuSubButton = React41.forwardRef(({ asChild = false, size = "md", i
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // source/components/primitive/Slider/slider.tsx
-var React42 = __toESM(require("react"), 1);
+var React43 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var Slider = React42.forwardRef(
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Slider = React43.forwardRef(
   ({
     className,
     label,
@@ -4787,16 +4986,16 @@ var Slider = React42.forwardRef(
     value,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React42.useState(
+    const [internalValue, setInternalValue] = React43.useState(
       value || defaultValue || [0]
     );
     const currentValue = value ?? internalValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-sm font-medium", children: label }),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm text-muted-foreground", children: currentValue?.[0] })
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex w-full flex-col gap-2", children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { className: "text-sm font-medium", children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm text-muted-foreground", children: currentValue?.[0] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         SliderPrimitive.Root,
         {
           ref,
@@ -4812,8 +5011,8 @@ var Slider = React42.forwardRef(
           ),
           ...props,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               SliderPrimitive.Thumb,
               {
                 className: cn(
@@ -4827,9 +5026,9 @@ var Slider = React42.forwardRef(
           ]
         }
       ),
-      (minLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: minLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: maxLabel })
+      (minLabel || maxLabel) && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: minLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: maxLabel })
       ] })
     ] });
   }
@@ -4837,9 +5036,9 @@ var Slider = React42.forwardRef(
 Slider.displayName = "Slider";
 
 // source/components/primitive/Table/table.tsx
-var React43 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var Table = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var React44 = __toESM(require("react"), 1);
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var Table = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "table",
   {
     ref,
@@ -4848,9 +5047,9 @@ var Table = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableBody = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "tbody",
   {
     ref,
@@ -4859,7 +5058,7 @@ var TableBody = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableFooter = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "tfoot",
   {
     ref,
@@ -4871,7 +5070,7 @@ var TableFooter = React43.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableRow = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "tr",
   {
     ref,
@@ -4883,7 +5082,7 @@ var TableRow = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableHead = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "th",
   {
     ref,
@@ -4895,7 +5094,7 @@ var TableHead = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableCell = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "td",
   {
     ref,
@@ -4904,7 +5103,7 @@ var TableCell = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableCaption = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "caption",
   {
     ref,
@@ -4915,11 +5114,11 @@ var TableCaption = React43.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // source/components/primitive/Tabs/tabs.tsx
-var React44 = __toESM(require("react"), 1);
+var React45 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var TabsList = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -4931,7 +5130,7 @@ var TabsList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var TabsTrigger = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4943,7 +5142,7 @@ var TabsTrigger = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var TabsContent = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -4957,12 +5156,12 @@ var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // source/components/primitive/Toast/toast.tsx
-var React45 = __toESM(require("react"), 1);
+var React46 = __toESM(require("react"), 1);
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"), 1);
 var import_class_variance_authority16 = require("class-variance-authority");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitive.Provider;
-var ToastViewport = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ToastViewport = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToastPrimitive.Viewport,
   {
     ref,
@@ -5021,7 +5220,7 @@ var toastVariants = (0, import_class_variance_authority16.cva)(
     }
   }
 );
-var Toast = React45.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var Toast = React46.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToastPrimitive.Root,
   {
     ref,
@@ -5030,7 +5229,7 @@ var Toast = React45.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Toast.displayName = ToastPrimitive.Root.displayName;
-var ToastAction = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ToastAction = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToastPrimitive.Action,
   {
     ref,
@@ -5045,7 +5244,7 @@ var ToastAction = React45.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastAction.displayName = ToastPrimitive.Action.displayName;
-var ToastClose = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ToastClose = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToastPrimitive.Close,
   {
     ref,
@@ -5059,7 +5258,7 @@ var ToastClose = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastClose.displayName = ToastPrimitive.Close.displayName;
-var ToastTitle = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ToastTitle = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToastPrimitive.Title,
   {
     ref,
@@ -5068,7 +5267,7 @@ var ToastTitle = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastTitle.displayName = ToastPrimitive.Title.displayName;
-var ToastDescription = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var ToastDescription = React46.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
   ToastPrimitive.Description,
   {
     ref,
@@ -5121,11 +5320,11 @@ function getToastSnapshot() {
 }
 
 // source/components/primitive/Toast/toaster.tsx
-var React46 = __toESM(require("react"), 1);
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var React47 = __toESM(require("react"), 1);
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function useToast() {
-  const [toasts, setToasts] = React46.useState(() => getToastSnapshot());
-  React46.useEffect(() => subscribeToasts((s) => setToasts([...s])), []);
+  const [toasts, setToasts] = React47.useState(() => getToastSnapshot());
+  React47.useEffect(() => subscribeToasts((s) => setToasts([...s])), []);
   return {
     toasts,
     toast,
@@ -5140,7 +5339,7 @@ function Toaster({
   ...providerProps
 }) {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     ToastProvider,
     {
       duration,
@@ -5158,7 +5357,7 @@ function Toaster({
             action
           }) => {
             const v = variant ?? "default";
-            return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
               Toast,
               {
                 variant,
@@ -5167,11 +5366,11 @@ function Toaster({
                   if (!open) dismissToast(id);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid flex-1 gap-1 pl-1", children: [
-                    title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastTitle, { children: title }) : null,
-                    description ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastDescription, { children: description }) : null
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "grid flex-1 gap-1 pl-1", children: [
+                    title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToastTitle, { children: title }) : null,
+                    description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToastDescription, { children: description }) : null
                   ] }),
-                  action ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  action ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                     ToastAction,
                     {
                       altText: action.altText,
@@ -5182,7 +5381,7 @@ function Toaster({
                       children: action.label
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastClose, { "aria-label": "Dismiss notification", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToastClose, { "aria-label": "Dismiss notification", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                     "span",
                     {
                       "aria-hidden": true,
@@ -5196,7 +5395,7 @@ function Toaster({
             );
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastViewport, { className: cn(viewportClassName) })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ToastViewport, { className: cn(viewportClassName) })
       ]
     }
   );
@@ -5624,6 +5823,7 @@ var typography = {
   RichTextEditor,
   ScrollArea,
   ScrollBar,
+  SearchableSelect,
   Select,
   SelectContent,
   SelectGroup,