laif-ds 0.1.86 → 0.1.89

package/dist/components/ui/input.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as x from "react";
 import { cva as g } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as a } from "../../lib/utils.js";
+import { cn as s } from "../../lib/utils.js";
 import { Label as v } from "./label.js";
 import { Icon as l } from "./icon.js";
 const b = g(
-  "file:text-d-foreground placeholder:text-d-muted-foreground selection:bg-d-primary selection:text-d-primary-foreground border-d-input flex w-full min-w-0 rounded-md border bg-d-input px-3 py-1 text-base shadow-sm transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+  "file:text-d-foreground placeholder:text-d-muted-foreground selection:bg-d-primary selection:text-d-primary-foreground border-d-input flex w-full min-w-0 rounded-md border bg-d-input px-3 py-1 text-base shadow-sm transition-all duration-200 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm hover:shadow-md",
   {
     variants: {
       size: {
@@ -27,14 +27,14 @@ const b = g(
     labelClassName: u,
     id: p,
     iconLeft: i,
-    iconRight: s,
+    iconRight: d,
     size: t,
     ...f
   }, c) => {
     const n = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-    return /* @__PURE__ */ d("div", { className: a("space-y-1.5", o), children: [
+    return /* @__PURE__ */ a("div", { className: s("space-y-1.5", o), children: [
       r && /* @__PURE__ */ e(v, { htmlFor: n, className: u, children: r }),
-      /* @__PURE__ */ d("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ a("div", { className: "relative w-full", children: [
         i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
         /* @__PURE__ */ e(
           "input",
@@ -42,19 +42,18 @@ const b = g(
             id: n,
             type: m,
             "data-slot": "input",
-            className: a(
+            className: s(
               b({ size: t }),
-              "focus-visible:ring-ring focus-visible:ring-1 focus-visible:outline-none",
+              "focus-visible:ring-d-ring focus-visible:ring-1 focus-visible:outline-none",
               "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
-              "shadow-sm",
               i ? t !== "lg" ? "pl-9" : "pl-10" : "",
-              s ? t !== "lg" ? "pr-9" : "pr-10" : ""
+              d ? t !== "lg" ? "pr-9" : "pr-10" : ""
             ),
             ref: c,
             ...f
           }
         ),
-        s && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: s, size: t === "lg" ? "sm" : "xs" }) })
+        d && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: d, size: t === "lg" ? "sm" : "xs" }) })
       ] })
     ] });
   }

package/dist/components/ui/multiple-selector.js

@@ -1,366 +1,380 @@
 "use client";
-import { jsx as o, jsxs as L, Fragment as K } from "react/jsx-runtime";
-import { Command as ie, useCommandState as de } from "../../node_modules/cmdk/dist/index.js";
-import * as d from "react";
-import { useEffect as C, forwardRef as ue } from "react";
-import { CommandPortal as ae } from "./command-portal.js";
-import { Badge as ce } from "./badge.js";
-import { CommandItem as V, Command as fe, CommandList as me, CommandGroup as ge } from "./command.js";
-import { cn as h } from "../../lib/utils.js";
-import { Label as he } from "./label.js";
-import q from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-function ve(r, s) {
-  const [l, a] = d.useState(r);
+import { jsx as r, jsxs as L, Fragment as G } from "react/jsx-runtime";
+import { Command as ae, useCommandState as ce } from "../../node_modules/cmdk/dist/index.js";
+import * as o from "react";
+import { useEffect as C, forwardRef as fe } from "react";
+import { Popover as me, PopoverTrigger as ge, PopoverContent as he } from "./popover.js";
+import { Badge as pe } from "./badge.js";
+import { CommandItem as I, Command as q, CommandList as ve, CommandGroup as be } from "./command.js";
+import { cn as p } from "../../lib/utils.js";
+import { Label as we } from "./label.js";
+import { Icon as xe } from "./icon.js";
+import Ne from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function ye(s, l) {
+  const [i, a] = o.useState(s);
   return C(() => {
-    const u = setTimeout(() => a(r), s);
+    const u = setTimeout(() => a(s), l);
     return () => {
       clearTimeout(u);
     };
-  }, [r, s]), l;
+  }, [s, l]), i;
 }
-function I(r, s) {
-  if (r.length === 0)
+function T(s, l) {
+  if (s.length === 0)
     return {};
-  if (!s)
+  if (!l)
     return {
-      "": r
+      "": s
     };
-  const l = {};
-  return r.forEach((a) => {
-    const u = a[s] || "";
-    l[u] || (l[u] = []), l[u].push(a);
-  }), l;
+  const i = {};
+  return s.forEach((a) => {
+    const u = a[l] || "";
+    i[u] || (i[u] = []), i[u].push(a);
+  }), i;
 }
-function pe(r, s) {
-  const l = JSON.parse(JSON.stringify(r));
-  for (const [a, u] of Object.entries(l))
-    l[a] = u.filter(
-      (F) => !s.find((c) => c.value === F.value)
+function Ce(s, l) {
+  const i = JSON.parse(JSON.stringify(s));
+  for (const [a, u] of Object.entries(i))
+    i[a] = u.filter(
+      (V) => !l.find((c) => c.value === V.value)
     );
-  return l;
+  return i;
 }
-function be(r, s) {
-  for (const [, l] of Object.entries(r))
-    if (l.some((a) => s.find((u) => u.value === a.value)))
+function Ee(s, l) {
+  for (const [, i] of Object.entries(s))
+    if (i.some((a) => l.find((u) => u.value === a.value)))
       return !0;
   return !1;
 }
-const Q = ue(({ className: r, ...s }, l) => de((u) => u.filtered.count === 0) ? /* @__PURE__ */ o(
+const Q = fe(({ className: s, ...l }, i) => ce((u) => u.filtered.count === 0) ? /* @__PURE__ */ r(
   "div",
   {
-    ref: l,
-    className: h("py-6 text-center text-sm", r),
+    ref: i,
+    className: p("py-6 text-center text-sm", s),
     "cmdk-empty": "",
     role: "presentation",
-    ...s
+    ...l
   }
 ) : null);
 Q.displayName = "CommandEmpty";
-const xe = d.forwardRef(
+const Oe = o.forwardRef(
   ({
-    value: r,
-    onChange: s,
-    placeholder: l,
+    value: s,
+    onChange: l,
+    placeholder: i,
     defaultOptions: a = [],
     options: u,
-    delay: F,
+    delay: V,
     onSearch: c,
-    onSearchSync: G,
+    onSearchSync: X,
     loadingIndicator: Y,
     emptyIndicator: D,
     maxSelected: _ = Number.MAX_SAFE_INTEGER,
-    onMaxSelected: z,
-    hidePlaceholderWhenSelected: A,
-    disabled: v,
-    groupBy: p,
+    onMaxSelected: A,
+    hidePlaceholderWhenSelected: U,
+    disabled: N,
+    groupBy: v,
     className: Z,
-    badgeClassName: W,
-    selectFirstItem: B = !0,
-    creatable: k = !1,
-    triggerSearchOnFocus: S = !1,
+    badgeClassName: B,
+    selectFirstItem: P = !0,
+    creatable: E = !1,
+    triggerSearchOnFocus: R = !1,
     commandProps: m,
-    inputProps: E,
-    hideClearAllButton: P = !1,
-    label: U
-  }, ee) => {
-    const f = d.useRef(null), [b, M] = d.useState(!1), [te, X] = d.useState(!1), [H, $] = d.useState(!1), R = d.useRef(null), [t, N] = d.useState(r || []), [x, T] = d.useState(
-      I(a, p)
-    ), [g, J] = d.useState(""), w = ve(g, F || 500);
-    d.useImperativeHandle(
-      ee,
+    inputProps: O,
+    hideClearAllButton: ee = !1,
+    label: W
+  }, te) => {
+    const g = o.useRef(null), [f, S] = o.useState(!1), [ne, z] = o.useState(!1), [H, $] = o.useState(!1), [re, oe] = o.useState(
+      void 0
+    ), j = o.useRef(null), F = o.useRef(null), [t, y] = o.useState(s || []), [b, J] = o.useState(
+      T(a, v)
+    ), [h, K] = o.useState(""), w = ye(h, V || 500);
+    o.useImperativeHandle(
+      te,
       () => ({
         selectedValue: [...t],
-        input: f.current,
-        focus: () => f?.current?.focus(),
-        reset: () => N([])
+        input: g.current,
+        focus: () => g?.current?.focus(),
+        reset: () => y([])
       }),
       [t]
     );
-    const y = (e) => {
-      R.current && !R.current.contains(e.target) && f.current && !f.current.contains(e.target) && (M(!1), f.current.blur());
-    }, j = d.useCallback(
+    const x = (e) => {
+      j.current && !j.current.contains(e.target) && g.current && !g.current.contains(e.target) && (S(!1), g.current.blur());
+    }, M = o.useCallback(
       (e) => {
-        const n = t.filter((i) => i.value !== e.value);
-        N(n), s?.(n);
+        const n = t.filter((d) => d.value !== e.value);
+        y(n), l?.(n);
       },
-      [s, t]
-    ), ne = d.useCallback(
+      [l, t]
+    ), se = o.useCallback(
       (e) => {
-        const n = f.current;
-        n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || j(t[t.length - 1])), e.key === "Escape" && n.blur());
+        const n = g.current;
+        n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || M(t[t.length - 1])), e.key === "Escape" && n.blur());
       },
-      [j, t]
+      [M, t]
     );
     C(() => {
       if (typeof document < "u")
-        return b ? (document.addEventListener("mousedown", y), document.addEventListener("touchend", y)) : (document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y)), () => {
-          document.removeEventListener("mousedown", y), document.removeEventListener("touchend", y);
+        return f ? (document.addEventListener("mousedown", x), document.addEventListener("touchend", x)) : (document.removeEventListener("mousedown", x), document.removeEventListener("touchend", x)), () => {
+          document.removeEventListener("mousedown", x), document.removeEventListener("touchend", x);
         };
-    }, [b, y]), C(() => {
-      r && N(r);
-    }, [r]), C(() => {
+    }, [f, x]), C(() => {
+      s && y(s);
+    }, [s]), C(() => {
       if (!u || c)
         return;
-      const e = I(u || [], p);
-      JSON.stringify(e) !== JSON.stringify(x) && T(e);
-    }, [a, u, p, c, x]), C(() => {
+      const e = T(u || [], v);
+      JSON.stringify(e) !== JSON.stringify(b) && J(e);
+    }, [a, u, v, c, b]), C(() => {
       const e = () => {
-        const i = G?.(w);
-        T(I(i || [], p));
+        const d = X?.(w);
+        J(T(d || [], v));
       };
       (async () => {
-        !G || !b || (S && e(), w && e());
+        !X || !f || (R && e(), w && e());
       })();
-    }, [w, p, b, S]), C(() => {
+    }, [w, v, f, R]), C(() => {
       const e = async () => {
         $(!0);
-        const i = await c?.(w);
-        T(I(i || [], p)), $(!1);
+        const d = await c?.(w);
+        J(T(d || [], v)), $(!1);
       };
       (async () => {
-        !c || !b || (S && await e(), w && await e());
+        !c || !f || (R && await e(), w && await e());
       })();
-    }, [w, p, b, S]);
-    const re = () => {
-      if (!k || be(x, [{ value: g, label: g }]) || t.find((n) => n.value === g))
+    }, [w, v, f, R]), o.useEffect(() => {
+      if (f && F.current) {
+        const e = F.current.getBoundingClientRect();
+        oe(e.width);
+      }
+    }, [f]);
+    const le = () => {
+      if (!E || Ee(b, [{ value: h, label: h }]) || t.find((n) => n.value === h))
         return;
-      const e = /* @__PURE__ */ o(
-        V,
+      const e = /* @__PURE__ */ r(
+        I,
         {
-          value: g,
+          value: h,
           className: "cursor-pointer",
           onMouseDown: (n) => {
             n.preventDefault(), n.stopPropagation();
           },
           onSelect: (n) => {
             if (t.length >= _) {
-              z?.(t.length);
+              A?.(t.length);
               return;
             }
-            J("");
-            const i = [...t, { value: n, label: n }];
-            N(i), s?.(i);
+            K("");
+            const d = [...t, { value: n, label: n }];
+            y(d), l?.(d);
           },
-          children: `Create "${g}"`
+          children: `Create "${h}"`
         }
       );
-      if (!c && g.length > 0 || c && w.length > 0 && !H)
+      if (!c && h.length > 0 || c && w.length > 0 && !H)
         return e;
-    }, oe = d.useCallback(() => {
+    }, ie = o.useCallback(() => {
       if (D)
-        return c && !k && Object.keys(x).length === 0 ? /* @__PURE__ */ o(V, { value: "-", disabled: !0, children: D }) : /* @__PURE__ */ o(Q, { children: D });
-    }, [k, D, c, x]), se = d.useMemo(
-      () => pe(x, t),
-      [x, t]
-    ), le = d.useCallback(() => {
+        return c && !E && Object.keys(b).length === 0 ? /* @__PURE__ */ r(I, { value: "-", disabled: !0, children: D }) : /* @__PURE__ */ r(Q, { children: D });
+    }, [E, D, c, b]), de = o.useMemo(
+      () => Ce(b, t),
+      [b, t]
+    ), ue = o.useCallback(() => {
       if (m?.filter)
         return m.filter;
-      if (k)
+      if (E)
         return (e, n) => e.toLowerCase().includes(n.toLowerCase()) ? 1 : -1;
-    }, [k, m?.filter]);
+    }, [E, m?.filter]);
     return /* @__PURE__ */ L("div", { className: "flex flex-col space-y-1.5", children: [
-      U && /* @__PURE__ */ o(he, { children: U }),
-      /* @__PURE__ */ L(
-        fe,
+      W && /* @__PURE__ */ r(we, { children: W }),
+      /* @__PURE__ */ r(
+        q,
         {
-          ref: R,
+          ref: j,
           ...m,
           onKeyDown: (e) => {
-            ne(e), m?.onKeyDown?.(e);
+            se(e), m?.onKeyDown?.(e);
           },
-          className: h(
-            "bg-d-input h-auto overflow-visible shadow-sm",
+          className: p(
+            "bg-d-input border-d-border h-auto overflow-visible shadow-sm",
             m?.className
           ),
           shouldFilter: m?.shouldFilter !== void 0 ? m.shouldFilter : !c,
-          filter: le(),
-          children: [
-            /* @__PURE__ */ o(
+          filter: ue(),
+          children: /* @__PURE__ */ L(me, { open: f, onOpenChange: S, children: [
+            /* @__PURE__ */ r(ge, { asChild: !0, children: /* @__PURE__ */ r(
               "div",
               {
-                className: h(
-                  "border-d-input ring-offset-d-background focus-within:ring-d-ring min-h-10 rounded-md border text-base focus-within:ring-1 md:text-sm",
+                ref: F,
+                className: p(
+                  "border-d-input ring-offset-d-background min-h-10 rounded-md border text-base md:text-sm",
+                  "focus-within:outline-none",
+                  "focus-visible-within:ring-d-ring focus-visible-within:ring-1",
+                  f && "ring-d-ring ring-1",
                   {
                     "px-3 py-2": t.length !== 0,
-                    "cursor-text": !v && t.length !== 0,
-                    "disabled:cursor-not-allowed disabled:opacity-50": v
+                    "cursor-text": !N && t.length !== 0,
+                    "disabled:cursor-not-allowed disabled:opacity-50": N
                   },
                   Z
                 ),
-                onClick: () => {
-                  v || f?.current?.focus();
-                },
                 children: /* @__PURE__ */ L("div", { className: "relative flex flex-wrap gap-1", children: [
                   t.map((e) => /* @__PURE__ */ L(
-                    ce,
+                    pe,
                     {
-                      className: h(
+                      className: p(
                         "data-[disabled]:bg-d-secondary-foreground data-[disabled]:text-d-secondary data-[disabled]:hover:bg-d-secondary-foreground",
                         "data-[fixed]:bg-d-secondary-foreground data-[fixed]:text-d-secondary data-[fixed]:hover:bg-d-secondary-foreground",
-                        W
+                        B
                       ),
                       "data-fixed": e.fixed,
-                      "data-disabled": v || void 0,
+                      "data-disabled": N || void 0,
                       children: [
                         e.label,
-                        /* @__PURE__ */ o(
+                        /* @__PURE__ */ r(
                           "button",
                           {
                             type: "button",
-                            className: h(
+                            className: p(
                               "text-d-secondary-foreground ring-offset-d-background focus:ring-d-ring ml-1 rounded-full outline-none focus:ring-1 focus:ring-offset-2",
-                              (v || e.fixed) && "hidden"
+                              (N || e.fixed) && "hidden"
                             ),
                             onKeyDown: (n) => {
-                              n.key === "Enter" && j(e);
+                              n.key === "Enter" && M(e);
                             },
                             onMouseDown: (n) => {
                               n.preventDefault(), n.stopPropagation();
                             },
-                            onClick: () => j(e),
-                            children: /* @__PURE__ */ o(q, { className: "text-d-secondary-foreground hover:text-d-foreground h-3 w-3" })
+                            onClick: () => M(e),
+                            children: /* @__PURE__ */ r(Ne, { className: "text-d-secondary-foreground hover:text-d-foreground h-3 w-3 cursor-pointer" })
                           }
                         )
                       ]
                     },
                     e.value
                   )),
-                  /* @__PURE__ */ o(
-                    ie.Input,
+                  /* @__PURE__ */ r(
+                    ae.Input,
                     {
-                      ...E,
-                      ref: f,
-                      value: g,
-                      disabled: v,
+                      ...O,
+                      ref: g,
+                      value: h,
+                      disabled: N,
                       onValueChange: (e) => {
-                        J(e), E?.onValueChange?.(e);
+                        K(e), O?.onValueChange?.(e);
                       },
                       onBlur: (e) => {
-                        te || M(!1), E?.onBlur?.(e);
+                        ne || S(!1), O?.onBlur?.(e);
                       },
                       onFocus: (e) => {
-                        M(!0), E?.onFocus?.(e);
+                        S(!0), O?.onFocus?.(e);
                       },
-                      placeholder: A && t.length !== 0 ? "" : l,
-                      className: h(
+                      placeholder: U && t.length !== 0 ? "" : i,
+                      className: p(
                         "placeholder:text-d-muted-foreground flex-1 bg-transparent outline-none",
                         {
-                          "w-full": A,
+                          "w-full": U,
                           "px-3 py-2": t.length === 0,
                           "ml-1": t.length !== 0
                         },
-                        E?.className
+                        O?.className
                       )
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ r(
                     "div",
                     {
-                      className: h(
-                        "bg-d-secondary/20 hover:bg-d-secondary/30 absolute top-0 right-0 z-20 flex cursor-pointer items-center justify-center rounded-full border p-1",
-                        (P || v || t.length < 1 || t.filter((e) => e.fixed).length === t.length) && "hidden"
+                      className: p(
+                        "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
+                        (ee || N || t.length < 1 || t.filter((e) => e.fixed).length === t.length) && "hidden"
                       ),
                       onClick: () => {
-                        N(t.filter((e) => e.fixed)), s?.(t.filter((e) => e.fixed));
+                        y(t.filter((e) => e.fixed)), l?.(t.filter((e) => e.fixed));
                       },
                       "aria-label": "Clear selection",
-                      children: /* @__PURE__ */ o(q, { size: 12, className: "text-d-foreground" })
+                      children: /* @__PURE__ */ r(
+                        xe,
+                        {
+                          name: "X",
+                          size: "xs",
+                          className: "!text-d-foreground opacity-50"
+                        }
+                      )
                     }
                   )
                 ] })
               }
-            ),
-            /* @__PURE__ */ o(
-              ae,
+            ) }),
+            /* @__PURE__ */ r(
+              he,
               {
-                open: b,
-                triggerRef: R,
-                onClose: () => {
-                  M(!1), f.current?.blur();
-                },
-                children: /* @__PURE__ */ o(
-                  me,
+                className: "border-none p-0 shadow-lg",
+                style: { width: re },
+                onWheel: (e) => e.stopPropagation(),
+                children: /* @__PURE__ */ r(q, { shouldFilter: !1, className: "w-full", children: /* @__PURE__ */ r(
+                  ve,
                   {
                     className: "bg-d-popover text-d-popover-foreground animate-in border-d-border w-full rounded-md border shadow-md outline-none",
                     onMouseLeave: () => {
-                      X(!1);
+                      z(!1);
                     },
                     onMouseEnter: () => {
-                      X(!0);
+                      z(!0);
                     },
                     onMouseUp: () => {
-                      f?.current?.focus();
+                      g?.current?.focus();
                     },
-                    children: H ? /* @__PURE__ */ o(K, { children: Y }) : /* @__PURE__ */ L(K, { children: [
-                      oe(),
-                      re(),
-                      !B && /* @__PURE__ */ o(V, { value: "-", className: "hidden" }),
-                      Object.entries(se).map(([e, n]) => /* @__PURE__ */ o(
-                        ge,
+                    children: H ? /* @__PURE__ */ r(G, { children: Y }) : /* @__PURE__ */ L(G, { children: [
+                      ie(),
+                      le(),
+                      !P && /* @__PURE__ */ r(I, { value: "-", className: "hidden" }),
+                      Object.entries(de).map(([e, n]) => /* @__PURE__ */ r(
+                        be,
                         {
                           heading: e,
                           className: "h-full overflow-auto",
-                          children: /* @__PURE__ */ o(K, { children: n.map((i) => /* @__PURE__ */ o(
-                            V,
+                          children: /* @__PURE__ */ r(G, { children: n.map((d) => /* @__PURE__ */ r(
+                            I,
                             {
-                              value: i.label,
-                              disabled: i.disable,
-                              onMouseDown: (O) => {
-                                O.preventDefault(), O.stopPropagation();
+                              value: d.label,
+                              disabled: d.disable,
+                              onMouseDown: (k) => {
+                                k.preventDefault(), k.stopPropagation();
                               },
                               onSelect: () => {
                                 if (t.length >= _) {
-                                  z?.(t.length);
+                                  A?.(t.length);
                                   return;
                                 }
-                                J("");
-                                const O = [...t, i];
-                                N(O), s?.(O);
+                                K("");
+                                const k = [...t, d];
+                                y(k), l?.(k);
                               },
-                              className: h(
+                              className: p(
                                 "cursor-pointer",
-                                i.disable && "text-d-secondary-foreground cursor-default"
+                                d.disable && "text-d-secondary-foreground cursor-default"
                               ),
-                              children: i.label
+                              children: d.label
                             },
-                            i.value
+                            d.value
                           )) })
                         },
                         e
                       ))
                     ] })
                   }
-                )
+                ) })
               }
             )
-          ]
+          ] })
         }
       )
     ] });
   }
 );
-xe.displayName = "MultipleSelector";
+Oe.displayName = "MultipleSelector";
 export {
-  xe as MultipleSelector,
-  ve as useDebounce
+  Oe as MultipleSelector,
+  ye as useDebounce
 };