@oneplatformdev/ui 0.0.1-beta.104 → 0.0.1-beta.105

package/Combobox/Combobox.mjs

@@ -9,7 +9,7 @@ import "../Command/Command.mjs";
 import "@oneplatformdev/utils";
 import "@oneplatformdev/hooks";
 import "lucide-react";
-import { C as c } from "../Combobox-B9bMpp7r.js";
+import { C as c } from "../Combobox-Dv_LBsW2.js";
 export {
   c as Combobox
 };

package/Combobox/Combobox.types.d.ts

@@ -5,11 +5,19 @@ export interface ComboboxOption {
     label: string;
     items?: ComboboxOption[];
 }
-export interface ComboboxPropsOnMountParams {
+export interface ComboboxCallbackStateParams {
+    options: ComboboxOption[];
     setOptions: Dispatch<SetStateAction<ComboboxOption[]>>;
+    selectedOption?: ComboboxOption;
+    setSelectedOption: Dispatch<SetStateAction<ComboboxOption | undefined>>;
     search: string;
+    setSearch: Dispatch<SetStateAction<string>>;
     open: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
+    loading: boolean;
+    setLoading: Dispatch<SetStateAction<boolean>>;
+    isEmptyList: boolean;
+    isSearchedEmptyList: boolean;
 }
 export interface IComboboxOptionsNodeProps {
     value?: string;
@@ -32,9 +40,11 @@ export interface ComboboxProps {
     /** Command Empty list label*/
     emptyLabel?: string;
     /** Command Empty list action */
-    emptyAction?: ((params: ComboboxPropsOnMountParams) => ReactNode) | ReactNode;
+    emptyAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
     /** Command Input footer action */
-    commandInputAction?: ((params: ComboboxPropsOnMountParams) => ReactNode) | ReactNode;
+    commandInputAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
+    /** Command List first element action */
+    listHeadAction?: ((params: ComboboxCallbackStateParams) => ReactNode) | ReactNode;
     /** Callback for load data on start component */
-    onMount?: (params: ComboboxPropsOnMountParams) => Promise<void>;
+    onMount?: (params: ComboboxCallbackStateParams) => Promise<void>;
 }

package/Combobox/ComboboxOptionItem.mjs

@@ -20,7 +20,7 @@ import "../Card/Card.mjs";
 import "../Carousel/Carousel.mjs";
 import "../Checkbox/Checkbox.mjs";
 import "@radix-ui/react-collapsible";
-import { a as no } from "../Combobox-B9bMpp7r.js";
+import { a as no } from "../Combobox-Dv_LBsW2.js";
 import "../Command/Command.mjs";
 import "../DropdownMenu/DropdownMenu.mjs";
 import "../Table/Table.mjs";

package/Combobox/ComboboxOptions.mjs

@@ -3,7 +3,7 @@ import "../Button/Button.mjs";
 import "../Button/buttonVariants.mjs";
 import "react";
 import "../Collapsible/Collapsible.mjs";
-import { c as a, b as e } from "../Combobox-B9bMpp7r.js";
+import { c as a, b as e } from "../Combobox-Dv_LBsW2.js";
 import "lucide-react";
 import "@oneplatformdev/utils";
 export {

package/Combobox/index.mjs

@@ -1,4 +1,4 @@
-import { C as m } from "../Combobox-B9bMpp7r.js";
+import { C as m } from "../Combobox-Dv_LBsW2.js";
 export {
   m as Combobox
 };

package/Combobox-Dv_LBsW2.js

@@ -0,0 +1,323 @@
+import { jsxs as c, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { forwardRef as S, useState as v, useRef as Y, useEffect as Z, useCallback as x, useMemo as I, useLayoutEffect as $ } from "react";
+import { LoadingMask as ee } from "./LoadingMask/LoadingMask.mjs";
+import "./LoadingMask/RenderLoadingMask.mjs";
+import { Popover as te, PopoverTrigger as oe, PopoverContent as re } from "./Popover/Popover.mjs";
+import { Button as _ } from "./Button/Button.mjs";
+import "./Button/buttonVariants.mjs";
+import { CommandItem as H, Command as ne, CommandInput as ae, CommandList as ie, CommandGroup as le, CommandEmpty as R } from "./Command/Command.mjs";
+import { cn as p } from "@oneplatformdev/utils";
+import { useDebounceCallback as se } from "@oneplatformdev/hooks";
+import { Check as ce, ChevronDownIcon as me, X as pe, ChevronsUpDown as de } from "lucide-react";
+import { Collapsible as ue, CollapsibleTrigger as he, CollapsibleContent as fe } from "./Collapsible/Collapsible.mjs";
+import "./Accordion/Accordion.mjs";
+import "./Alert/Alert.mjs";
+import "./AlertDialog/AlertDialogRoot.mjs";
+import "recharts";
+import "./Chart/Chart.mjs";
+import "./Sidebar/Sidebar.mjs";
+import "@radix-ui/react-aspect-ratio";
+import "./Avatar/Avatar.mjs";
+import "./Badge/badgeVariants.mjs";
+import "./Breadcrumb/Breadcrumb.mjs";
+import "./ButtonIcon/ButtonIcon.mjs";
+import "./ButtonIcon/buttonIconVariants.mjs";
+import "./Calendar/Calendar.mjs";
+import "./Card/Card.mjs";
+import "./Carousel/Carousel.mjs";
+import "./Checkbox/Checkbox.mjs";
+import "@radix-ui/react-collapsible";
+import "./DropdownMenu/DropdownMenu.mjs";
+import "./Table/Table.mjs";
+import "@tanstack/react-table";
+import "./DatePicker/DatePicker.mjs";
+import "./Dialog/Dialog.mjs";
+import "./Drawer/Drawer.mjs";
+import "./Form/Form.mjs";
+import "./FormInput/FormInput.mjs";
+import "./Select/SelectRoot.mjs";
+import "./Textarea/Textarea.mjs";
+import "./Separator/Separator.mjs";
+import "./HoverCard/HoverCard.mjs";
+import "./Input/Input.mjs";
+import "./InputOTP/InputOTP.mjs";
+import "./Label/Label.mjs";
+import "./Label/labelVariants.mjs";
+import "./LoadingProgress/loadingProgressVariants.mjs";
+import "./Menubar/Menubar.mjs";
+import "./NavigationMenu/NavigationMenu.mjs";
+import "./NavigationMenu/navigationMenuVariants.mjs";
+import "./Pagination/Pagination.mjs";
+import "./Progress/Progress.mjs";
+import "./RadioGroup/RadioGroup.mjs";
+import "react-resizable-panels";
+import "./ScrollArea/ScrollArea.mjs";
+import "./Sheet/Sheet.mjs";
+import "./Slider/Slider.mjs";
+import "next-themes";
+import "sonner";
+import "./Switch/Switch.mjs";
+import "./Tabs/TabsRoot.mjs";
+import "./Toast/Toast.mjs";
+import "./Toggle/Toggle.mjs";
+import "./ToggleGroup/ToggleGroup.mjs";
+import "./Tooltip/TooltipRoot.mjs";
+import "./Dropzone/Dropzone.mjs";
+const ge = 8, U = S((i, m) => {
+  const { children: t, setOpen: d, option: o, onChangeOption: a, value: u = "", deep: n = 0 } = i;
+  return /* @__PURE__ */ c(
+    H,
+    {
+      ref: m,
+      value: o.value,
+      onSelect: () => {
+        u === o.value ? a == null || a({ value: "", label: "" }) : a == null || a(o), d(!1);
+      },
+      style: {
+        paddingLeft: (n + 1) * ge
+      },
+      children: [
+        t,
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: p(
+              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
+            ),
+            children: o.label
+          }
+        ),
+        /* @__PURE__ */ e(
+          ce,
+          {
+            className: p(
+              "ml-auto",
+              u === o.value ? "opacity-100" : "opacity-0"
+            )
+          }
+        )
+      ]
+    },
+    o.value
+  );
+}), V = S((i, m) => {
+  var u;
+  const { option: t, deep: d = 0 } = i, [o, a] = v(!0);
+  return (u = t == null ? void 0 : t.items) != null && u.length ? /* @__PURE__ */ c(
+    ue,
+    {
+      ref: m,
+      open: o,
+      onOpenChange: a,
+      "data-opened": o,
+      className: p("group/collapsible"),
+      children: [
+        /* @__PURE__ */ e(U, { ...i, children: /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ c(
+          _,
+          {
+            onClick: (n) => {
+              n == null || n.preventDefault(), n == null || n.stopPropagation(), a((h) => !h);
+            },
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: p("aspect-square size-6", "transition-transform"),
+            children: [
+              /* @__PURE__ */ e(
+                me,
+                {
+                  className: p(
+                    "!size-5",
+                    "transition-transform",
+                    o && "rotate-180"
+                  )
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle" })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((n) => /* @__PURE__ */ e(
+          V,
+          {
+            ...i,
+            deep: d + 1,
+            option: n
+          },
+          n.value
+        )) }) })
+      ]
+    }
+  ) : /* @__PURE__ */ e(U, { ...i, ref: m });
+}), be = S((i, m) => {
+  const { options: t = [], ...d } = i;
+  return /* @__PURE__ */ e("div", { ref: m, className: "flex flex-col gap-0", children: t.map((o) => /* @__PURE__ */ e(V, { ...d, option: o }, o.value)) });
+}), kt = S(
+  (i, m) => {
+    var q;
+    const {
+      value: t,
+      onChange: d,
+      placeholder: o,
+      disabled: a,
+      searchLabel: u = "Type to search...",
+      fetchOptions: n,
+      options: h,
+      emptyLabel: M = "No options",
+      emptyAction: w,
+      commandInputAction: L,
+      listHeadAction: N,
+      onMount: O
+    } = i, E = Y(!1), [g, P] = v(!1), [f, k] = v(""), [l, D] = v([]), [C, T] = v(), [s, b] = v(!1);
+    Z(() => {
+      h != null && h.length && D(h);
+    }, [h]);
+    const W = async () => {
+      g || (j(), k(""));
+    }, j = x(async (r) => {
+      b(!0);
+      try {
+        const z = await n(r);
+        D(z);
+      } catch (z) {
+        console.error("Unexpected error while get option:", z);
+      } finally {
+        b(!1);
+      }
+    }, []), X = se(j, 1e3, {
+      leading: !1,
+      trailing: !0
+    }), J = x((r) => {
+      b(!0), k(r), X(r);
+    }, []), B = x((r) => {
+      d(r.value), T(r), b(!1);
+    }, []), K = x(() => {
+      B({ value: "", label: "" }), T(void 0), b(!1);
+    }, []), F = I(() => !!f && !l.length && !s, [s, l.length, f]), A = I(() => !l.length && !s, [s, l.length, f]), y = I(() => ({
+      options: l,
+      setOptions: D,
+      selectedOption: C,
+      setSelectedOption: T,
+      search: f || "",
+      setSearch: k,
+      open: g,
+      setOpen: P,
+      loading: s,
+      setLoading: b,
+      isEmptyList: A,
+      isSearchedEmptyList: F
+    }), [s, g, l, f, C, A, F]), Q = x(() => {
+      if (!O) {
+        E.current = !0;
+        return;
+      }
+      O(y).finally(() => {
+        E.current = !0;
+      });
+    }, [y, O]);
+    return $(() => (Q(), () => {
+      E.current = !1;
+    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: m, children: /* @__PURE__ */ c(
+      te,
+      {
+        open: g,
+        onOpenChange: (r) => {
+          P(r), r && W();
+        },
+        children: [
+          /* @__PURE__ */ e(oe, { asChild: !0, className: "border-input", children: /* @__PURE__ */ c(
+            _,
+            {
+              variant: "outline",
+              role: "combobox",
+              size: "lg",
+              "aria-expanded": g,
+              className: p(
+                "w-full justify-between font-normal text-sm bg-transparent relative p-3",
+                "border border-border",
+                g && "border-2 outline-none ring-1 ring-ring",
+                "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+              ),
+              disabled: a,
+              children: [
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((q = l.find((r) => r.value === t)) == null ? void 0 : q.label) || (C == null ? void 0 : C.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: o }) }),
+                t ? /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: p(
+                      "absolute top-0 right-1",
+                      "flex items-center justify-center",
+                      "w-9 aspect-square [&_svg]:size-5",
+                      "opacity-50 cursor-pointer hover:opacity-100"
+                    ),
+                    onClick: (r) => {
+                      r.stopPropagation(), K();
+                    },
+                    children: /* @__PURE__ */ e(pe, {})
+                  }
+                ) : /* @__PURE__ */ e(de, { className: "opacity-50 w-4 h-4" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            re,
+            {
+              className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
+              align: "start",
+              children: /* @__PURE__ */ c(ne, { shouldFilter: !1, children: [
+                /* @__PURE__ */ e(
+                  ae,
+                  {
+                    placeholder: u,
+                    value: f,
+                    onValueChange: J
+                  }
+                ),
+                typeof L == "function" ? L(y) : L,
+                /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ c(
+                  le,
+                  {
+                    className: p(!l.length && "p-0 shadow-none"),
+                    children: [
+                      s && /* @__PURE__ */ e(ee, { fullWidth: !0 }),
+                      !s && !!f && /* @__PURE__ */ e(G, { children: w ? /* @__PURE__ */ c(R, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                        /* @__PURE__ */ e("span", { children: M }),
+                        typeof w == "function" ? w(y) : w
+                      ] }) : /* @__PURE__ */ e(R, { children: M }) }),
+                      !s && /* @__PURE__ */ c(G, { children: [
+                        !!l.length && N && /* @__PURE__ */ e(
+                          H,
+                          {
+                            asChild: !0,
+                            className: "w-full",
+                            children: typeof N == "function" ? N(y) : N
+                          },
+                          "combobox-list-head-action"
+                        ),
+                        /* @__PURE__ */ e(
+                          be,
+                          {
+                            value: t,
+                            options: l,
+                            onChangeOption: B,
+                            setOpen: P
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ) })
+              ] })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+export {
+  kt as C,
+  U as a,
+  V as b,
+  be as c
+};

package/FormCombobox/FormCombobox.mjs

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { FormControl as a } from "../Form/Form.mjs";
 import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
-import { C as p } from "../Combobox-B9bMpp7r.js";
+import { C as p } from "../Combobox-Dv_LBsW2.js";
 const x = (m) => {
   const { form: n, label: e, name: t, ...C } = m;
   return /* @__PURE__ */ o(

package/index.mjs

@@ -20,7 +20,7 @@ import { Carousel as go, CarouselContent as xo, CarouselItem as fo, CarouselNext
 import { ChartContainer as To, ChartLegend as Do, ChartLegendContent as co, ChartStyle as Mo, ChartTooltip as Po, ChartTooltipContent as Ao } from "./Chart/Chart.mjs";
 import { Checkbox as wo, CheckboxLabel as ho } from "./Checkbox/Checkbox.mjs";
 import { Collapsible as Fo, CollapsibleContent as Lo, CollapsibleTrigger as Ro } from "./Collapsible/Collapsible.mjs";
-import { C as Go } from "./Combobox-B9bMpp7r.js";
+import { C as Go } from "./Combobox-Dv_LBsW2.js";
 import { Command as Ho, CommandDialog as No, CommandEmpty as Vo, CommandGroup as yo, CommandInput as Eo, CommandItem as Oo, CommandList as zo, CommandSeparator as _o, CommandShortcut as Uo } from "./Command/Command.mjs";
 import { DataTable as jo } from "./DataTable/DataTable.mjs";
 import { DatePicker as Jo } from "./DatePicker/DatePicker.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.0.1-beta.104",
+  "version": "0.0.1-beta.105",
   "description": "UI React Components.",
   "author": "One Platform Development Team",
   "keywords": [

package/Combobox-B9bMpp7r.js

@@ -1,305 +0,0 @@
-import { jsxs as l, jsx as e, Fragment as W } from "react/jsx-runtime";
-import f, { forwardRef as y, useState as X, useRef as H, useEffect as J, useCallback as b, useMemo as K, useLayoutEffect as Q } from "react";
-import { LoadingMask as Y } from "./LoadingMask/LoadingMask.mjs";
-import "./LoadingMask/RenderLoadingMask.mjs";
-import { Popover as Z, PopoverTrigger as $, PopoverContent as ee } from "./Popover/Popover.mjs";
-import { Button as R } from "./Button/Button.mjs";
-import "./Button/buttonVariants.mjs";
-import { CommandItem as te, Command as oe, CommandInput as re, CommandList as ae, CommandGroup as ne, CommandEmpty as F } from "./Command/Command.mjs";
-import { cn as p } from "@oneplatformdev/utils";
-import { useDebounceCallback as ie } from "@oneplatformdev/hooks";
-import { Check as se, ChevronDownIcon as le, X as pe, ChevronsUpDown as me } from "lucide-react";
-import { Collapsible as ce, CollapsibleTrigger as de, CollapsibleContent as ue } from "./Collapsible/Collapsible.mjs";
-import "./Accordion/Accordion.mjs";
-import "./Alert/Alert.mjs";
-import "./AlertDialog/AlertDialogRoot.mjs";
-import "recharts";
-import "./Chart/Chart.mjs";
-import "./Sidebar/Sidebar.mjs";
-import "@radix-ui/react-aspect-ratio";
-import "./Avatar/Avatar.mjs";
-import "./Badge/badgeVariants.mjs";
-import "./Breadcrumb/Breadcrumb.mjs";
-import "./ButtonIcon/ButtonIcon.mjs";
-import "./ButtonIcon/buttonIconVariants.mjs";
-import "./Calendar/Calendar.mjs";
-import "./Card/Card.mjs";
-import "./Carousel/Carousel.mjs";
-import "./Checkbox/Checkbox.mjs";
-import "@radix-ui/react-collapsible";
-import "./DropdownMenu/DropdownMenu.mjs";
-import "./Table/Table.mjs";
-import "@tanstack/react-table";
-import "./DatePicker/DatePicker.mjs";
-import "./Dialog/Dialog.mjs";
-import "./Drawer/Drawer.mjs";
-import "./Form/Form.mjs";
-import "./FormInput/FormInput.mjs";
-import "./Select/SelectRoot.mjs";
-import "./Textarea/Textarea.mjs";
-import "./Separator/Separator.mjs";
-import "./HoverCard/HoverCard.mjs";
-import "./Input/Input.mjs";
-import "./InputOTP/InputOTP.mjs";
-import "./Label/Label.mjs";
-import "./Label/labelVariants.mjs";
-import "./LoadingProgress/loadingProgressVariants.mjs";
-import "./Menubar/Menubar.mjs";
-import "./NavigationMenu/NavigationMenu.mjs";
-import "./NavigationMenu/navigationMenuVariants.mjs";
-import "./Pagination/Pagination.mjs";
-import "./Progress/Progress.mjs";
-import "./RadioGroup/RadioGroup.mjs";
-import "react-resizable-panels";
-import "./ScrollArea/ScrollArea.mjs";
-import "./Sheet/Sheet.mjs";
-import "./Slider/Slider.mjs";
-import "next-themes";
-import "sonner";
-import "./Switch/Switch.mjs";
-import "./Tabs/TabsRoot.mjs";
-import "./Toast/Toast.mjs";
-import "./Toggle/Toggle.mjs";
-import "./ToggleGroup/ToggleGroup.mjs";
-import "./Tooltip/TooltipRoot.mjs";
-import "./Dropzone/Dropzone.mjs";
-const he = 8, _ = y((i, s) => {
-  const { children: t, setOpen: m, option: o, onChangeOption: n, value: c = "", deep: a = 0 } = i;
-  return /* @__PURE__ */ l(
-    te,
-    {
-      ref: s,
-      value: o.value,
-      onSelect: () => {
-        c === o.value ? n == null || n({ value: "", label: "" }) : n == null || n(o), m(!1);
-      },
-      style: {
-        paddingLeft: (a + 1) * he
-      },
-      children: [
-        t,
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: p(
-              "overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
-            ),
-            children: o.label
-          }
-        ),
-        /* @__PURE__ */ e(
-          se,
-          {
-            className: p(
-              "ml-auto",
-              c === o.value ? "opacity-100" : "opacity-0"
-            )
-          }
-        )
-      ]
-    },
-    o.value
-  );
-}), q = y((i, s) => {
-  var c;
-  const { option: t, deep: m = 0 } = i, [o, n] = X(!0);
-  return (c = t == null ? void 0 : t.items) != null && c.length ? /* @__PURE__ */ l(
-    ce,
-    {
-      ref: s,
-      open: o,
-      onOpenChange: n,
-      "data-opened": o,
-      className: p("group/collapsible"),
-      children: [
-        /* @__PURE__ */ e(_, { ...i, children: /* @__PURE__ */ e(de, { asChild: !0, children: /* @__PURE__ */ l(
-          R,
-          {
-            onClick: (a) => {
-              a == null || a.preventDefault(), a == null || a.stopPropagation(), n((d) => !d);
-            },
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            className: p("aspect-square size-6", "transition-transform"),
-            children: [
-              /* @__PURE__ */ e(
-                le,
-                {
-                  className: p(
-                    "!size-5",
-                    "transition-transform",
-                    o && "rotate-180"
-                  )
-                }
-              ),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle" })
-            ]
-          }
-        ) }) }),
-        /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(
-          q,
-          {
-            ...i,
-            deep: m + 1,
-            option: a
-          },
-          a.value
-        )) }) })
-      ]
-    }
-  ) : /* @__PURE__ */ e(_, { ...i, ref: s });
-}), fe = y((i, s) => {
-  const { options: t = [], ...m } = i;
-  return /* @__PURE__ */ e("div", { ref: s, className: "flex flex-col gap-0", children: t.map((o) => /* @__PURE__ */ e(q, { ...m, option: o }, o.value)) });
-}), Dt = y(
-  (i, s) => {
-    var j;
-    const {
-      value: t,
-      onChange: m,
-      placeholder: o,
-      disabled: n,
-      searchLabel: c = "Type to search...",
-      fetchOptions: a,
-      options: d,
-      emptyLabel: L = "No options",
-      emptyAction: g,
-      commandInputAction: w,
-      onMount: T
-    } = i, N = H(!1), [u, v] = f.useState(!1), [C, k] = f.useState(""), [S, x] = f.useState([]), [O, E] = f.useState(), [P, h] = f.useState(!1);
-    J(() => {
-      d != null && d.length && x(d);
-    }, [d]);
-    const A = async () => {
-      u || (z(), k(""));
-    }, z = b(async (r) => {
-      h(!0);
-      try {
-        const D = await a(r);
-        x(D);
-      } catch (D) {
-        console.error("Unexpected error while get option:", D);
-      } finally {
-        h(!1);
-      }
-    }, []), B = ie(z, 1e3, {
-      leading: !1,
-      trailing: !0
-    }), G = b((r) => {
-      h(!0), k(r), B(r);
-    }, []), I = b((r) => {
-      m(r.value), E(r), h(!1);
-    }, []), U = b(() => {
-      I({ value: "", label: "" }), E(void 0), h(!1);
-    }, []), M = K(() => ({
-      setOptions: x,
-      search: C || "",
-      open: u,
-      setOpen: v
-    }), []), V = b(() => {
-      if (!T) {
-        N.current = !0;
-        return;
-      }
-      T({ setOptions: x, search: C || "", open: u, setOpen: v }).finally(
-        () => {
-          N.current = !0;
-        }
-      );
-    }, []);
-    return Q(() => (V(), () => {
-      N.current = !1;
-    }), []), /* @__PURE__ */ e("div", { className: "w-full", ref: s, children: /* @__PURE__ */ l(
-      Z,
-      {
-        open: u,
-        onOpenChange: (r) => {
-          v(r), r && A();
-        },
-        children: [
-          /* @__PURE__ */ e($, { asChild: !0, className: "border-input", children: /* @__PURE__ */ l(
-            R,
-            {
-              variant: "outline",
-              role: "combobox",
-              size: "lg",
-              "aria-expanded": u,
-              className: p(
-                "w-full justify-between font-normal text-sm bg-transparent relative p-3",
-                "border border-border",
-                u && "border-2 outline-none ring-1 ring-ring",
-                "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
-              ),
-              disabled: n,
-              children: [
-                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = S.find((r) => r.value === t)) == null ? void 0 : j.label) || (O == null ? void 0 : O.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: o }) }),
-                t ? /* @__PURE__ */ e(
-                  "div",
-                  {
-                    className: p(
-                      "absolute top-0 right-1",
-                      "flex items-center justify-center",
-                      "w-9 aspect-square [&_svg]:size-5",
-                      "opacity-50 cursor-pointer hover:opacity-100"
-                    ),
-                    onClick: (r) => {
-                      r.stopPropagation(), U();
-                    },
-                    children: /* @__PURE__ */ e(pe, {})
-                  }
-                ) : /* @__PURE__ */ e(me, { className: "opacity-50 w-4 h-4" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e(
-            ee,
-            {
-              className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
-              align: "start",
-              children: /* @__PURE__ */ l(oe, { shouldFilter: !1, children: [
-                /* @__PURE__ */ e(
-                  re,
-                  {
-                    placeholder: c,
-                    value: C,
-                    onValueChange: G
-                  }
-                ),
-                typeof w == "function" ? w(M) : w,
-                /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ l(
-                  ne,
-                  {
-                    className: p(!S.length && "p-0 shadow-none"),
-                    children: [
-                      P && /* @__PURE__ */ e(Y, { fullWidth: !0 }),
-                      !P && !!C && /* @__PURE__ */ e(W, { children: g ? /* @__PURE__ */ l(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
-                        /* @__PURE__ */ e("span", { children: L }),
-                        typeof g == "function" ? g(M) : g
-                      ] }) : /* @__PURE__ */ e(F, { children: L }) }),
-                      !P && /* @__PURE__ */ e(
-                        fe,
-                        {
-                          value: t,
-                          options: S,
-                          onChangeOption: I,
-                          setOpen: v
-                        }
-                      )
-                    ]
-                  }
-                ) })
-              ] })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-export {
-  Dt as C,
-  _ as a,
-  q as b,
-  fe as c
-};