@companix/uikit 0.0.51 → 0.0.53

package/dist/Select/SelectLoader.d.ts

@@ -0,0 +1 @@
+export declare const SelectLoader: () => import("react/jsx-runtime").JSX.Element;

package/dist/Select/SelectOptions.d.ts

@@ -9,10 +9,11 @@ interface SelectPopoverProps<T> {
     optionsWrapperRef?: React.RefObject<HTMLDivElement>;
     options: Option<T>[];
     minimalOptions?: boolean;
-    active?: T | null;
+    isActive: (value: T) => boolean;
     onSelect?: (value: T) => void;
     onOpened?: () => void;
     addOption?: SelectAddOption;
+    emptyText?: string;
 }
-export declare const SelectOptions: <T>(props: SelectPopoverProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectOptionsList: <T>(props: SelectPopoverProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Select/index.d.ts

@@ -19,6 +19,7 @@ export interface SelectParams {
     }>;
     addOption?: SelectAddOption;
     isLoading?: boolean;
+    emptyText?: string;
 }
 export type SelectProps<T> = Omit<SelectFormProps, 'value' | 'onChange' | 'closeButton'> & DependedValueType<T> & SelectParams & {
     value: T | null;

package/dist/SelectTags/index.d.ts

@@ -1,4 +1,5 @@
 import { Option } from '../types';
+import { SelectAddOption } from '../Select/SelectOptions';
 export interface SelectTagsProps<T> {
     options: Option<T>[];
     onChange: (event: T[]) => void;
@@ -11,8 +12,10 @@ export interface SelectTagsProps<T> {
     emptyText?: string;
     size?: 'sm' | 'md' | 'lg';
     fill?: boolean;
+    minimalOptions?: boolean;
     inputRef?: React.Ref<HTMLInputElement>;
     required?: boolean;
     isLoading?: boolean;
+    addOption?: SelectAddOption;
 }
 export declare const SelectTags: <T extends string | number>(props: SelectTagsProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/bundle.es12.js

@@ -1,13 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as I, useImperativeHandle as T } from "react";
-import { Popover as b } from "./bundle.es10.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as I, useImperativeHandle as b } from "react";
+import { Popover as z } from "./bundle.es10.js";
 import { useFroozeClosing as B } from "./bundle.es45.js";
 import { SelectInput as D } from "./bundle.es46.js";
-import { useScrollListController as L } from "./bundle.es47.js";
-import { SelectOptions as j } from "./bundle.es48.js";
-import { mergeRefs as w } from "react-merge-refs";
-import { Spinner as H } from "./bundle.es6.js";
-const Q = (a) => {
+import { useScrollListController as j } from "./bundle.es47.js";
+import { SelectOptionsList as w } from "./bundle.es48.js";
+import { mergeRefs as y } from "react-merge-refs";
+import { SelectLoader as H } from "./bundle.es49.js";
+const U = (a) => {
   const {
     options: t,
     onChange: l,
@@ -19,57 +19,59 @@ const Q = (a) => {
     scrollRef: d,
     popoverRef: v,
     clearButton: s,
-    addOption: h,
-    isLoading: g,
-    ...x
-  } = a, r = I(() => {
+    emptyText: h,
+    addOption: x,
+    isLoading: R,
+    ...g
+  } = a, n = I(() => {
     const o = i === null ? -1 : t.findIndex((e) => e.value === i);
     return {
       index: o,
       option: t[o]
     };
-  }, [t, i]), R = r.option?.value ?? null, { popoverRef: C, froozePopoverPosition: O, handleAnimationEnd: P } = B(), { scrollToElement: c, optionsWrapperRef: S, scrollBoxRef: A } = L();
-  T(d, () => ({
+  }, [t, i]), C = n.option?.value ?? null, { popoverRef: O, froozePopoverPosition: P, handleAnimationEnd: S } = B(), { scrollToElement: c, optionsWrapperRef: A, scrollBoxRef: L } = j();
+  b(d, () => ({
     scrollTo: (o) => c(o, "top")
   }));
-  const z = (o, e) => {
-    O(), l(o), e();
+  const T = (o, e) => {
+    P(), l(o), e();
   }, E = (o) => {
     o.stopPropagation(), s && l(null);
   }, F = () => {
-    r.index !== -1 && c(r.index, "center");
+    n.index !== -1 && c(n.index, "center");
   };
-  return /* @__PURE__ */ n(
-    b,
+  return /* @__PURE__ */ r(
+    z,
     {
       minimal: !0,
-      ref: w([C, v]),
+      ref: y([O, v]),
       sideOffset: 0,
       matchTarget: f,
-      onAnimationEnd: P,
+      onAnimationEnd: S,
       onOpenAutoFocus: (o) => o.preventDefault(),
       onCloseAutoFocus: (o) => o.preventDefault(),
       disabled: p,
-      content: ({ close: o }) => g ? /* @__PURE__ */ n("div", { className: "select-popover-loading", children: /* @__PURE__ */ n(H, { size: 24 }) }) : /* @__PURE__ */ n(
-        j,
+      content: ({ close: o }) => R ? /* @__PURE__ */ r(H, {}) : /* @__PURE__ */ r(
+        w,
         {
           options: t,
-          active: R,
-          scrollboxRef: A,
-          optionsWrapperRef: S,
+          isActive: (e) => e === C,
+          emptyText: h,
+          scrollboxRef: L,
+          optionsWrapperRef: A,
           minimalOptions: m,
-          addOption: h,
+          addOption: x,
           onOpened: F,
-          onSelect: (e) => z(e, o)
+          onSelect: (e) => T(e, o)
         }
       ),
-      children: u ?? /* @__PURE__ */ n(
+      children: u ?? /* @__PURE__ */ r(
         D,
         {
-          ...x,
+          ...g,
           disabled: p,
           clearButton: s,
-          value: r.option?.title ?? "",
+          value: n.option?.title ?? "",
           onClear: E
         }
       )
@@ -77,5 +79,5 @@ const Q = (a) => {
   );
 };
 export {
-  Q as Select
+  U as Select
 };

package/dist/bundle.es13.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as b, useRef as R } from "react";
 import { mergeRefs as c } from "react-merge-refs";
-import { InputElement as x } from "./bundle.es49.js";
-import { InputContainer as I } from "./bundle.es50.js";
+import { InputElement as x } from "./bundle.es50.js";
+import { InputContainer as I } from "./bundle.es51.js";
 import g from "classnames";
 const N = b(
   ({

package/dist/bundle.es15.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import C from "classnames";
 import { forwardRef as j, useRef as w } from "react";
 import { mergeRefs as y } from "react-merge-refs";
-import { InputContainer as F } from "./bundle.es50.js";
+import { InputContainer as F } from "./bundle.es51.js";
 import { NumericFormat as V } from "react-number-format";
 const D = j(
   ({

package/dist/bundle.es21.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import f from "classnames";
 import * as o from "@radix-ui/react-dialog";
 import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as v } from "./bundle.es51.js";
+import { RemoveListener as v } from "./bundle.es52.js";
 const g = (l) => {
   const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
     p && h.preventDefault();

package/dist/bundle.es22.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-alert-dialog";
 import { Button as c } from "./bundle.es4.js";
-import { RemoveListener as N } from "./bundle.es51.js";
+import { RemoveListener as N } from "./bundle.es52.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es23.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Button as m } from "./bundle.es4.js";
-import { useLoading as p } from "./bundle.es52.js";
+import { useLoading as p } from "./bundle.es53.js";
 const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
   const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
   return /* @__PURE__ */ e(

package/dist/bundle.es26.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es53.js";
+import { useResizeTextarea as x } from "./bundle.es54.js";
 import { attr as e, callMultiple as u } from "@companix/utils-browser";
 import { useEffect as z } from "react";
 import { mergeRefs as R } from "react-merge-refs";

package/dist/bundle.es27.js

@@ -1,111 +1,110 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import { useFroozeClosing as q } from "./bundle.es45.js";
-import { Spinner as L } from "./bundle.es6.js";
 import { Popover as V } from "./bundle.es10.js";
-import { OptionItem as B } from "./bundle.es14.js";
-import { OptionsList as H } from "./bundle.es16.js";
+import { useState as $, useRef as f, useMemo as p } from "react";
 import { Icon as d } from "./bundle.es33.js";
-import { useState as X, useRef as h, useMemo as g } from "react";
-import { attr as v, getActiveElementByAnotherElement as G, contains as J } from "@companix/utils-browser";
-import { mergeRefs as K } from "react-merge-refs";
-import { faXmark as Q, faChevronDown as U } from "@companix/icons-solid";
-import { matchPattern as W } from "@companix/utils-js";
-const le = (x) => {
+import { attr as h, getActiveElementByAnotherElement as B, contains as X } from "@companix/utils-browser";
+import { mergeRefs as G } from "react-merge-refs";
+import { faXmark as H, faChevronDown as J } from "@companix/icons-solid";
+import { matchPattern as K } from "@companix/utils-js";
+import { SelectOptionsList as Q } from "./bundle.es48.js";
+import { SelectLoader as U } from "./bundle.es49.js";
+const se = (g) => {
   const {
     options: r,
-    closeAfterSelect: C,
-    placeholder: N,
-    onChange: c,
-    emptyText: R = "Ничего не найдено",
-    readOnly: l,
-    size: z = "md",
+    closeAfterSelect: v,
+    placeholder: x,
+    onChange: s,
+    emptyText: C = "Ничего не найдено",
+    readOnly: c,
+    size: N = "md",
     value: n,
-    inputRef: A,
-    isLoading: D,
-    disabled: p,
-    required: P
-  } = x, [i, b] = X(""), a = h(null), k = h(null), { popoverRef: m, froozePopoverPosition: y, handleAnimationEnd: E } = q(), O = g(() => {
+    inputRef: R,
+    minimalOptions: A,
+    isLoading: z,
+    disabled: m,
+    required: D,
+    addOption: P
+  } = g, [a, S] = $(""), i = f(null), b = f(null), { popoverRef: l, froozePopoverPosition: E, handleAnimationEnd: O } = q(), k = p(() => {
     const e = {};
     return r.forEach((t) => {
       e[t.value] = t;
     }), e;
-  }, [r]), S = (e) => n.includes(e) ? [...n] : [...n, e], T = (e) => n.filter((t) => e !== t), w = (e, t) => {
-    C ? (y(), c(e), t()) : c(e);
-  }, f = g(() => i.trim() ? r.filter(({ title: e }) => W(e, i)) : r, [i, r]), I = (e) => {
-    if (p) return;
-    m.current && m.current.getAttribute("data-state") === "open" && e.preventDefault();
-    const t = G(e.currentTarget);
-    e.defaultPrevented || J(e.currentTarget, t) || a.current && a.current.focus();
-  }, $ = (e) => {
-    e.target !== a.current && e.preventDefault();
-  }, F = (e, t) => {
-    e.stopPropagation(), c(T(t));
+  }, [r]), y = (e) => n.includes(e) ? [...n] : [...n, e], T = (e) => n.filter((t) => e !== t), w = (e, t) => {
+    v ? (E(), s(e), t()) : s(e);
+  }, F = p(() => a.trim() ? r.filter(({ title: e }) => K(e, a)) : r, [a, r]), I = (e) => {
+    if (m) return;
+    l.current && l.current.getAttribute("data-state") === "open" && e.preventDefault();
+    const t = B(e.currentTarget);
+    e.defaultPrevented || X(e.currentTarget, t) || i.current && i.current.focus();
+  }, L = (e) => {
+    e.target !== i.current && e.preventDefault();
+  }, M = (e, t) => {
+    e.stopPropagation(), s(T(t));
   };
   return /* @__PURE__ */ o(
     V,
     {
       minimal: !0,
-      ref: m,
+      ref: l,
       sideOffset: 0,
       matchTarget: "width",
-      onAnimationEnd: E,
+      onAnimationEnd: O,
       onOpenAutoFocus: (e) => e.preventDefault(),
       onCloseAutoFocus: (e) => e.preventDefault(),
-      content: ({ close: e }) => D ? /* @__PURE__ */ o("div", { className: "select-popover-loading", children: /* @__PURE__ */ o(L, { size: 24 }) }) : /* @__PURE__ */ s(H, { maxHeight: 300, children: [
-        f.length === 0 && /* @__PURE__ */ o("div", { className: "select-tags-empty", children: R }),
-        f.map(({ value: t, title: u, icon: M }, j) => /* @__PURE__ */ o(
-          B,
-          {
-            active: n.includes(t),
-            onClick: () => w(S(t), e),
-            title: u,
-            icon: M
-          },
-          `option-item-${t}-${j}`
-        ))
-      ] }),
+      content: ({ close: e }) => z ? /* @__PURE__ */ o(U, {}) : /* @__PURE__ */ o(
+        Q,
+        {
+          isActive: (t) => n.includes(t),
+          options: F,
+          emptyText: C,
+          onSelect: (t) => w(y(t), e),
+          minimalOptions: A,
+          addOption: P
+        }
+      ),
       children: /* @__PURE__ */ o(
         "div",
         {
           className: "form",
           onClick: I,
-          onMouseDown: $,
-          "data-size": z,
-          "data-required": v(P),
-          children: /* @__PURE__ */ s("div", { className: "select-tags-container", children: [
-            /* @__PURE__ */ s("div", { className: "select-tags", children: [
+          onMouseDown: L,
+          "data-size": N,
+          "data-required": h(D),
+          children: /* @__PURE__ */ u("div", { className: "select-tags-container", children: [
+            /* @__PURE__ */ u("div", { className: "select-tags", children: [
               n.length > 0 && /* @__PURE__ */ o(
                 "div",
                 {
                   className: "tag-container",
-                  ref: k,
+                  ref: b,
                   role: "listbox",
-                  "data-readonly": v(l),
-                  children: n.map((e, t) => /* @__PURE__ */ s("div", { className: "tag", children: [
-                    /* @__PURE__ */ o("span", { className: "tag-name", children: O[e].title }),
-                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (u) => F(u, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: Q, size: "xxxs" }) })
+                  "data-readonly": h(c),
+                  children: n.map((e, t) => /* @__PURE__ */ u("div", { className: "tag", children: [
+                    /* @__PURE__ */ o("span", { className: "tag-name", children: k[e].title }),
+                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (j) => M(j, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: H, size: "xxxs" }) })
                   ] }, `tag-option-${e}-${t}`))
                 }
               ),
-              (!l || n.length === 0) && /* @__PURE__ */ o(
+              (!c || n.length === 0) && /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: K([A, a]),
+                  ref: G([R, i]),
                   type: "text",
                   autoCapitalize: "none",
                   autoComplete: "off",
                   autoCorrect: "off",
                   className: "form-input",
                   spellCheck: !1,
-                  value: i,
-                  disabled: p,
-                  readOnly: l,
-                  placeholder: N,
-                  onChange: ({ target: e }) => b(e.value)
+                  value: a,
+                  disabled: m,
+                  readOnly: c,
+                  placeholder: x,
+                  onChange: ({ target: e }) => S(e.value)
                 }
               )
             ] }),
-            /* @__PURE__ */ o(d, { className: "expand-icon", icon: U, size: "xxxs" })
+            /* @__PURE__ */ o(d, { className: "expand-icon", icon: J, size: "xxxs" })
           ] })
         }
       )
@@ -113,5 +112,5 @@ const le = (x) => {
   );
 };
 export {
-  le as SelectTags
+  se as SelectTags
 };

package/dist/bundle.es28.js

@@ -2,11 +2,11 @@ import { jsx as u } from "react/jsx-runtime";
 import { Popover as T } from "./bundle.es10.js";
 import { Input as w } from "./bundle.es13.js";
 import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es54.js";
-import { useDayDisableCheker as N } from "./bundle.es55.js";
+import { Calendar as E } from "./bundle.es55.js";
+import { useDayDisableCheker as N } from "./bundle.es56.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es56.js";
-import { SelectRightElements as Y } from "./bundle.es57.js";
+import { removeDigits as O } from "./bundle.es57.js";
+import { SelectRightElements as Y } from "./bundle.es58.js";
 const i = {
   char: "-",
   toString: (e) => {

package/dist/bundle.es29.js

@@ -1,8 +1,8 @@
 import { jsxs as D, jsx as h } from "react/jsx-runtime";
 import { useMemo as M, useEffect as C } from "react";
 import { Select as c } from "./bundle.es12.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es56.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es58.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es57.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es59.js";
 const B = ({
   min: o = j,
   max: e = N,

package/dist/bundle.es32.js

@@ -1,8 +1,8 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as _, useMemo as b, useState as P, useEffect as j } from "react";
 import { getNum as v } from "@companix/utils-js";
-import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es56.js";
-import { SelectRightElements as w } from "./bundle.es57.js";
+import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es57.js";
+import { SelectRightElements as w } from "./bundle.es58.js";
 import { Select as y } from "./bundle.es12.js";
 import { Input as z } from "./bundle.es13.js";
 const r = {

package/dist/bundle.es35.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
-import { getColorScheme as v, updateDOM as m } from "./bundle.es59.js";
+import { getColorScheme as v, updateDOM as m } from "./bundle.es60.js";
 const i = f({
   setColorScheme: () => {
   }

package/dist/bundle.es38.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { hash as m } from "@companix/utils-js";
 import { useRef as n, useMemo as s } from "react";
-import { Viewport as p } from "./bundle.es60.js";
+import { Viewport as p } from "./bundle.es61.js";
 const a = (t = {}) => {
   const e = {
     emit: (r) => {

package/dist/bundle.es39.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { hash as r } from "@companix/utils-js";
-import { Viewport as a } from "./bundle.es61.js";
+import { Viewport as a } from "./bundle.es62.js";
 import { useRef as c, useMemo as h } from "react";
 const m = (i = {}) => {
   const o = {

package/dist/bundle.es40.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toast";
 import { attr as T } from "@companix/utils-browser";
 import { useState as d, useRef as b, useEffect as j, useLayoutEffect as E } from "react";
-import { RemoveListener as I } from "./bundle.es51.js";
+import { RemoveListener as I } from "./bundle.es52.js";
 const m = (o) => {
   const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
     appearance: C = "neutral",

package/dist/bundle.es46.js

@@ -4,7 +4,7 @@ import { attr as l } from "@companix/utils-browser";
 import { forwardRef as y, useRef as S, useCallback as T } from "react";
 import { VisuallyHidden as j } from "@radix-ui/react-visually-hidden";
 import { mergeRefs as w } from "react-merge-refs";
-import { SelectRightElements as z } from "./bundle.es57.js";
+import { SelectRightElements as z } from "./bundle.es58.js";
 const V = y(
   ({
     required: a,

package/dist/bundle.es48.js

@@ -1,44 +1,46 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { useEffect as x } from "react";
-import { OptionItem as e } from "./bundle.es14.js";
-import { OptionsList as O } from "./bundle.es16.js";
-import { Icon as u } from "./bundle.es33.js";
-import { faPlus as v } from "@companix/icons-solid";
-const S = (n) => {
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useEffect as O } from "react";
+import { OptionItem as n } from "./bundle.es14.js";
+import { OptionsList as u } from "./bundle.es16.js";
+import { Icon as v } from "./bundle.es33.js";
+import { faPlus as h } from "@companix/icons-solid";
+const L = (s) => {
   const {
-    active: m,
-    onOpened: r,
-    addOption: o,
-    scrollboxRef: c,
+    isActive: m,
+    onOpened: c,
+    addOption: t,
+    scrollboxRef: l,
     optionsWrapperRef: p,
-    options: s,
-    onSelect: l,
-    minimalOptions: a
-  } = n;
-  return x(() => {
-    r?.();
-  }, []), /* @__PURE__ */ d(O, { scrollboxRef: c, optionsWrapperRef: p, maxHeight: 300, children: [
-    o && /* @__PURE__ */ i(
-      e,
+    options: i,
+    onSelect: r,
+    minimalOptions: a,
+    emptyText: f
+  } = s;
+  return O(() => {
+    c?.();
+  }, []), /* @__PURE__ */ x(u, { scrollboxRef: l, optionsWrapperRef: p, maxHeight: 300, children: [
+    t && /* @__PURE__ */ e(
+      n,
       {
         className: "select-add-option",
-        icon: /* @__PURE__ */ i(u, { icon: v }),
-        title: o.text,
-        onClick: o.onClick
+        icon: /* @__PURE__ */ e(v, { icon: h }),
+        title: t.text,
+        onClick: t.onClick
       }
     ),
-    s.map((t, f) => /* @__PURE__ */ i(
-      e,
+    i.length === 0 && !t && /* @__PURE__ */ e("div", { className: "select-tags-empty", children: f }),
+    i.map((o, d) => /* @__PURE__ */ e(
+      n,
       {
-        active: m === t.value,
-        onClick: () => l?.(t.value),
+        active: m(o.value),
+        onClick: () => r?.(o.value),
         minimal: a,
-        ...t
+        ...o
       },
-      `select-option-${f}`
+      `select-option-${d}`
     ))
   ] });
 };
 export {
-  S as SelectOptions
+  L as SelectOptionsList
 };

package/dist/bundle.es49.js

@@ -1,26 +1,6 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as m, useCallback as i } from "react";
-import c from "react-input-mask";
-const I = m(
-  ({ mask: r, maskChar: f = "_", onChange: n, onValueChange: o, ...a }, e) => {
-    const p = i(
-      (t) => {
-        n?.(t), o?.(t.target.value, t.target);
-      },
-      [n, o]
-    );
-    return r ? /* @__PURE__ */ u(
-      c,
-      {
-        inputRef: e,
-        mask: r,
-        maskChar: f,
-        onChange: p,
-        ...a
-      }
-    ) : /* @__PURE__ */ u("input", { ref: e, ...a, onChange: p });
-  }
-);
+import { jsx as e } from "react/jsx-runtime";
+import { Spinner as r } from "./bundle.es6.js";
+const t = () => /* @__PURE__ */ e("div", { className: "select-popover-loading", children: /* @__PURE__ */ e(r, { size: 24 }) });
 export {
-  I as InputElement
+  t as SelectLoader
 };