@konstructio/ui 0.1.2-alpha.104 → 0.1.2-alpha.106

package/dist/{Wrapper-DP6Sxngx.js → Wrapper-B8Ja3k4j.js}

@@ -1,16 +1,16 @@
-import { o as Ne } from "./rolldown-runtime-Ck3dxwZt.js";
+import { o as Ne } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as X } from "./utils-Cx-WzRZF.js";
 import { useClickOutside as Be } from "./hooks/useClickOutside.js";
 import { Typography as ee } from "./components/Typography/Typography.js";
-import { n as Re } from "./phone-number.provider-BxQCTxp8.js";
+import { n as Re } from "./phone-number.provider-Dkq_p1Gi.js";
 import { usePhoneNumberContext as Ge } from "./components/PhoneNumberInput/contexts/phone-number.hook.js";
 import { labelVariants as Le, phoneNumberInputVariants as Ve } from "./components/PhoneNumberInput/PhoneNumberInput.variants.js";
 import { getPhoneMask as xe } from "./components/PhoneNumberInput/utils/index.js";
 import { FlagContent as Ke } from "./components/PhoneNumberInput/components/FlagContent/FlagContent.js";
 import { FlagSelectorWrapper as De } from "./components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js";
-import { forwardRef as Fe, useCallback as pe, useEffect as fe, useId as Ue, useImperativeHandle as _e, useMemo as $e, useRef as te } from "react";
-import { jsx as B, jsxs as Z } from "react/jsx-runtime";
-function de(e, n) {
+import { forwardRef as Fe, useCallback as pe, useEffect as de, useId as Ue, useImperativeHandle as _e, useMemo as $e, useRef as te } from "react";
+import { jsx as R, jsxs as Z } from "react/jsx-runtime";
+function fe(e, n) {
   (n == null || n > e.length) && (n = e.length);
   for (var t = 0, r = Array(n); t < n; t++) r[t] = e[t];
   return r;
@@ -36,9 +36,9 @@ function Se(e, n) {
   if (!t) {
     if (Array.isArray(e) || (t = (function(i, u) {
       if (i) {
-        if (typeof i == "string") return de(i, u);
+        if (typeof i == "string") return fe(i, u);
         var s = {}.toString.call(i).slice(8, -1);
-        return s === "Object" && i.constructor && (s = i.constructor.name), s === "Map" || s === "Set" ? Array.from(i) : s === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s) ? de(i, u) : void 0;
+        return s === "Object" && i.constructor && (s = i.constructor.name), s === "Map" || s === "Set" ? Array.from(i) : s === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s) ? fe(i, u) : void 0;
       }
     })(e)) || n) {
       t && (e = t);
@@ -172,8 +172,8 @@ function U(e, n) {
   var t, r = n.replacementChars, o = n.replacement, a = n.separate, l = r, c = "", i = Se(e);
   try {
     for (i.s(); !(t = i.n()).done; ) {
-      var u, s = t.value, f = !Object.prototype.hasOwnProperty.call(o, s) && ((u = o[l[0]]) === null || u === void 0 ? void 0 : u.test(s));
-      (a && s === l[0] || f) && (l = l.slice(1), c += s);
+      var u, s = t.value, d = !Object.prototype.hasOwnProperty.call(o, s) && ((u = o[l[0]]) === null || u === void 0 ? void 0 : u.test(s));
+      (a && s === l[0] || d) && (l = l.slice(1), c += s);
     }
   } catch (O) {
     i.e(O);
@@ -196,8 +196,8 @@ function Me(e, n) {
     u.f();
   }
   if (a && !l) {
-    for (var f = r.length - 1; f >= 0 && i[f] === r[f]; f--) ;
-    i = i.slice(0, f + 1);
+    for (var d = r.length - 1; d >= 0 && i[d] === r[d]; d--) ;
+    i = i.slice(0, d + 1);
   }
   return i;
 }
@@ -216,9 +216,9 @@ function K(e) {
   return e.length > 0 ? we({}, e, /./) : {};
 }
 function ae(e, n) {
-  for (var t = n.start, r = t === void 0 ? 0 : t, o = n.end, a = n.mask, l = n.replacement, c = n.separate, i = e.slice(r, o), u = a.slice(r, o), s = "", f = 0; f < u.length; f++) {
-    var O = Object.prototype.hasOwnProperty.call(l, u[f]);
-    O && i[f] !== void 0 && i[f] !== u[f] ? s += i[f] : O && c && (s += u[f]);
+  for (var t = n.start, r = t === void 0 ? 0 : t, o = n.end, a = n.mask, l = n.replacement, c = n.separate, i = e.slice(r, o), u = a.slice(r, o), s = "", d = 0; d < u.length; d++) {
+    var O = Object.prototype.hasOwnProperty.call(l, u[d]);
+    O && i[d] !== void 0 && i[d] !== u[d] ? s += i[d] : O && c && (s += u[d]);
   }
   return s;
 }
@@ -442,9 +442,9 @@ var _ = (function(e) {
   this.register = function(a) {
     var l;
     if (be.includes(a.type)) {
-      var c = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = c.initialValue, u = i === void 0 ? "" : i, s = c.controlled, f = s !== void 0 && s, O = t({
+      var c = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = c.initialValue, u = i === void 0 ? "" : i, s = c.controlled, d = s !== void 0 && s, O = t({
         initialValue: a.value || u,
-        controlled: f
+        controlled: d
       }), P = O.value, j = O.options, y = {
         value: P,
         options: j,
@@ -458,45 +458,45 @@ var _ = (function(e) {
         selectionEnd: 0
       }, S = Object.getOwnPropertyDescriptor("_valueTracker" in a ? a : HTMLInputElement.prototype, "value");
       Object.defineProperty(a, "value", ye(ye({}, S), {}, { set: function(h) {
-        var d;
-        p.value = h, S == null || (d = S.set) === null || d === void 0 || d.call(a, h);
+        var f;
+        p.value = h, S == null || (f = S.set) === null || f === void 0 || f.call(a, h);
       } })), a.value = P;
       var w = function() {
         var h = function() {
-          var d, k;
-          p.selectionStart = (d = a.selectionStart) !== null && d !== void 0 ? d : 0, p.selectionEnd = (k = a.selectionEnd) !== null && k !== void 0 ? k : 0, m.id = window.setTimeout(h);
+          var f, k;
+          p.selectionStart = (f = a.selectionStart) !== null && f !== void 0 ? f : 0, p.selectionEnd = (k = a.selectionEnd) !== null && k !== void 0 ? k : 0, m.id = window.setTimeout(h);
         };
         m.id = window.setTimeout(h);
       }, E = function() {
         window.clearTimeout(m.id), m.id = -1, m.cachedId = -1;
       }, v = function(h) {
         try {
-          var d, k;
+          var f, k;
           if (m.cachedId === m.id) throw new _("The input selection has not been updated.");
           m.cachedId = m.id;
           var M = a.value, g = a.selectionStart, A = a.selectionEnd;
           if (g === null || A === null) throw new _("The selection attributes have not been initialized.");
-          var C, b = p.value;
-          if (h.inputType === void 0 && (p.selectionStart = 0, p.selectionEnd = b.length), g > p.selectionStart ? C = "insert" : g <= p.selectionStart && g < p.selectionEnd ? C = "deleteBackward" : g === p.selectionEnd && M.length < b.length && (C = "deleteForward"), C === void 0 || (C === "deleteBackward" || C === "deleteForward") && M.length > b.length) throw new _("Input type detection error.");
-          var T = "", N = p.selectionStart, R = p.selectionEnd;
-          if (C === "insert") T = M.slice(p.selectionStart, g);
+          var C, T = p.value;
+          if (h.inputType === void 0 && (p.selectionStart = 0, p.selectionEnd = T.length), g > p.selectionStart ? C = "insert" : g <= p.selectionStart && g < p.selectionEnd ? C = "deleteBackward" : g === p.selectionEnd && M.length < T.length && (C = "deleteForward"), C === void 0 || (C === "deleteBackward" || C === "deleteForward") && M.length > T.length) throw new _("Input type detection error.");
+          var b = "", N = p.selectionStart, B = p.selectionEnd;
+          if (C === "insert") b = M.slice(p.selectionStart, g);
           else {
-            var D = b.length - M.length;
-            N = g, R = g + D;
+            var D = T.length - M.length;
+            N = g, B = g + D;
           }
-          y.value !== b ? y.options = y.fallbackOptions : y.fallbackOptions = y.options;
+          y.value !== T ? y.options = y.fallbackOptions : y.fallbackOptions = y.options;
           var F = y.options, G = r({
             inputType: C,
-            previousValue: b,
+            previousValue: T,
             previousOptions: F,
             value: M,
-            addedValue: T,
+            addedValue: b,
             changeStart: N,
-            changeEnd: R,
+            changeEnd: B,
             selectionStart: g,
             selectionEnd: A
           }), H = G.options, I = an(G, on);
-          a.value = I.value, a.setSelectionRange(I.selectionStart, I.selectionEnd), y.value = I.value, y.options = H, p.selectionStart = I.selectionStart, p.selectionEnd = I.selectionEnd, (d = a._valueTracker) === null || d === void 0 || (k = d.setValue) === null || k === void 0 || k.call(d, b);
+          a.value = I.value, a.setSelectionRange(I.selectionStart, I.selectionEnd), y.value = I.value, y.options = H, p.selectionStart = I.selectionStart, p.selectionEnd = I.selectionEnd, (f = a._valueTracker) === null || f === void 0 || (k = f.setValue) === null || k === void 0 || k.call(f, T);
         } catch (W) {
           if (a.value = p.value, a.setSelectionRange(p.selectionStart, p.selectionEnd), h.preventDefault(), h.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
         }
@@ -543,8 +543,8 @@ var Ie = (function(e) {
     var t, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     return He(this, n), (t = ze(this, n, [{
       init: function(o) {
-        var a = o.initialValue, l = o.controlled, c = x(r), i = c.mask, u = c.replacement, s = c.separate, f = c.showMask;
-        return a = l || a ? a : f ? i : "", process.env.NODE_ENV !== "production" && (function(O) {
+        var a = o.initialValue, l = o.controlled, c = x(r), i = c.mask, u = c.replacement, s = c.separate, d = c.showMask;
+        return a = l || a ? a : d ? i : "", process.env.NODE_ENV !== "production" && (function(O) {
           var P = O.initialValue, j = O.mask, y = O.replacement;
           P.length > j.length && console.error(ne(Error)("The initialized value of the `value` or `defaultValue` property is longer than the value specified in the `mask` property. Check the correctness of the initialized value in the specified property.", 'Invalid value: "'.concat(P, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
           var m = Object.keys(y).filter((function(v) {
@@ -573,7 +573,7 @@ var Ie = (function(e) {
         };
       },
       tracking: function(o) {
-        var a = o.inputType, l = o.previousValue, c = o.previousOptions, i = o.addedValue, u = o.changeStart, s = o.changeEnd, f = x(r), O = f.track, P = f.modify, j = Je(f, ln), y = j.mask, m = j.replacement, p = j.showMask, S = j.separate, w = J(J({}, a === "insert" ? {
+        var a = o.inputType, l = o.previousValue, c = o.previousOptions, i = o.addedValue, u = o.changeStart, s = o.changeEnd, d = x(r), O = d.track, P = d.modify, j = Je(d, ln), y = j.mask, m = j.replacement, p = j.showMask, S = j.separate, w = J(J({}, a === "insert" ? {
           inputType: a,
           data: i
         } : {
@@ -588,7 +588,7 @@ var Ie = (function(e) {
         E === null ? i = "" : E !== !0 && E !== void 0 && (i = E);
         var v = P?.(w);
         v?.mask !== void 0 && (y = v.mask), v?.replacement !== void 0 && (m = typeof v?.replacement == "string" ? K(v?.replacement) : v.replacement), v?.showMask !== void 0 && (p = v.showMask), v?.separate !== void 0 && (S = v.separate);
-        var h = ae(l, J({ end: u }, c)), d = ae(l, J({ start: s }, c)), k = RegExp("[^".concat(Object.keys(m).join(""), "]"), "g"), M = y.replace(k, "");
+        var h = ae(l, J({ end: u }, c)), f = ae(l, J({ start: s }, c)), k = RegExp("[^".concat(Object.keys(m).join(""), "]"), "g"), M = y.replace(k, "");
         if (h && (h = U(h, {
           replacementChars: M,
           replacement: m,
@@ -600,26 +600,26 @@ var Ie = (function(e) {
         }), M = M.slice(i.length)), a === "insert" && i === "") throw new _("The character does not match the key value of the `replacement` object.");
         if (S) {
           var g = y.slice(u, s).replace(k, ""), A = g.length - i.length;
-          A < 0 ? d = d.slice(-A) : A > 0 && (d = g.slice(-A) + d);
+          A < 0 ? f = f.slice(-A) : A > 0 && (f = g.slice(-A) + f);
         }
-        d && (d = U(d, {
+        f && (f = U(f, {
           replacementChars: M,
           replacement: m,
           separate: S
         }));
-        var C = Me(h + i + d, {
+        var C = Me(h + i + f, {
           mask: y,
           replacement: m,
           separate: S,
           showMask: p
-        }), b = (function(T) {
-          var N, R, D, F = T.inputType, G = T.value, H = T.addedValue, I = T.beforeChangeValue, W = T.mask, le = T.replacement, Ae = T.separate, Q = Pe(G, {
+        }), T = (function(b) {
+          var N, B, D, F = b.inputType, G = b.value, H = b.addedValue, I = b.beforeChangeValue, W = b.mask, le = b.replacement, Ae = b.separate, Q = Pe(G, {
             mask: W,
             replacement: le
           }).filter((function(q) {
             var se = q.type;
             return se === "input" || Ae && se === "replacement";
-          })), ce = (N = Q[I.length + H.length - 1]) === null || N === void 0 ? void 0 : N.index, L = (R = Q[I.length - 1]) === null || R === void 0 ? void 0 : R.index, V = (D = Q[I.length + H.length]) === null || D === void 0 ? void 0 : D.index;
+          })), ce = (N = Q[I.length + H.length - 1]) === null || N === void 0 ? void 0 : N.index, L = (B = Q[I.length - 1]) === null || B === void 0 ? void 0 : B.index, V = (D = Q[I.length + H.length]) === null || D === void 0 ? void 0 : D.index;
           if (F === "insert") {
             if (ce !== void 0) return ce + 1;
             if (V !== void 0) return V;
@@ -648,8 +648,8 @@ var Ie = (function(e) {
         });
         return {
           value: C,
-          selectionStart: b,
-          selectionEnd: b,
+          selectionStart: T,
+          selectionEnd: T,
           options: {
             mask: y,
             replacement: m,
@@ -972,42 +972,42 @@ var sn = {
   countries: sn
 };
 un.registerLocale(pn);
-var Mn = Fe(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r, isRequired: o, label: a, labelClassName: l, labelWrapperClassName: c, name: i, placeholder: u, showFlagOnSearch: s = !0, showInputFilter: f = !0, showNameOnSearch: O = !0, wrapperClassName: P, showPlaceHolder: j, ...y }, m) => {
-  const p = Ue(), S = i ?? p, w = te(null), { isOpenSelector: E, value: v, selectedCountry: h, onChangeValue: d, handleOpenSelector: k } = Ge(), M = typeof n == "string" && n.length >= 0, g = cn({
+var Mn = Fe(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r, isRequired: o, label: a, labelClassName: l, labelWrapperClassName: c, name: i, placeholder: u, showFlagOnSearch: s = !0, showInputFilter: d = !0, showNameOnSearch: O = !0, wrapperClassName: P, showPlaceHolder: j, ...y }, m) => {
+  const p = Ue(), S = i ?? p, w = te(null), { isOpenSelector: E, value: v, selectedCountry: h, onChangeValue: f, handleOpenSelector: k } = Ge(), M = typeof n == "string" && n.length >= 0, g = cn({
     mask: xe(h),
     replacement: { _: /\d/ }
   });
   _e(m, () => g.current, [g]);
   const A = (b) => {
-    b.target.value.startsWith(h.prefix) ? d(b.target.value) : d(`${h.prefix} `);
-  };
-  Be(w, pe(() => {
+    b.target.value.startsWith(h.prefix) ? f(b.target.value) : f(`${h.prefix} `);
+  }, C = pe(() => {
     k(!1);
-  }, [k])), fe(() => {
-    const b = new AbortController(), T = (N) => {
-      N.key === "Escape" && k(!1);
+  }, [k]);
+  Be(w, C), de(() => {
+    const b = new AbortController(), N = (B) => {
+      B.key === "Escape" && k(!1);
     };
-    return document.addEventListener("keydown", T, { signal: b.signal }), document.addEventListener("visibilitychange", () => {
+    return document.addEventListener("keydown", N, { signal: b.signal }), document.addEventListener("visibilitychange", () => {
       document.hidden && k(!1);
     }, { signal: b.signal }), () => {
       b.abort();
     };
-  }, [k]), fe(() => {
+  }, [k]), de(() => {
     g.current && (g.current.value = h.prefix + " ");
   }, [h.code]);
-  const C = pe((b) => {
+  const T = pe((b) => {
     b === null && g.current?.blur(), g.current = b;
   }, [g]);
   return /* @__PURE__ */ Z("div", {
     className: "w-full flex flex-col gap-2",
     children: [
-      a ? /* @__PURE__ */ B("div", {
+      a ? /* @__PURE__ */ R("div", {
         className: X(c),
         children: /* @__PURE__ */ Z("label", {
           htmlFor: S,
           className: Le({ className: l }),
           onClick: () => !e && g.current?.focus(),
-          children: [a, o && /* @__PURE__ */ B(ee, {
+          children: [a, o && /* @__PURE__ */ R(ee, {
             component: "span",
             className: "text-red-600 dark:text-red-500 ml-1",
             children: "*"
@@ -1023,9 +1023,9 @@ var Mn = Fe(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r
         }),
         children: [/* @__PURE__ */ Z("div", {
           className: "p-2 flex items-center gap-2.5",
-          children: [/* @__PURE__ */ B(Ke, {}), /* @__PURE__ */ B("input", {
+          children: [/* @__PURE__ */ R(Ke, {}), /* @__PURE__ */ R("input", {
             id: a ? S : void 0,
-            ref: C,
+            ref: T,
             name: i,
             autoComplete: "off",
             className: X("outline-0", "w-full", "caret-slate-800", "text-slate-800", "bg-transparent", "dark:caret-metal-50", "dark:text-metal-50", "disabled:cursor-not-allowed", "disabled:opacity-50"),
@@ -1036,20 +1036,20 @@ var Mn = Fe(({ disabled: e = !1, error: n, helperText: t, helperTextClassName: r
             disabled: e,
             ...y
           })]
-        }), E && /* @__PURE__ */ B(De, {
+        }), E && /* @__PURE__ */ R(De, {
           placeholder: u,
           showFlagOnSearch: s,
-          showInputFilter: f,
+          showInputFilter: d,
           showNameOnSearch: O,
           showPlaceHolder: j
         })]
       }),
-      n ? /* @__PURE__ */ B(ee, {
+      n ? /* @__PURE__ */ R(ee, {
         component: "span",
         className: "text-xs text-red-700 dark:text-red-500",
         children: n
       }) : null,
-      !n && t ? /* @__PURE__ */ B(ee, {
+      !n && t ? /* @__PURE__ */ R(ee, {
         component: "span",
         className: X("text-xs kubefirst-dark:text-slate-200", r),
         children: t

package/dist/{Wrapper-CVJSuYWx.js → Wrapper-CvDRHgN4.js}

@@ -1,6 +1,6 @@
-import { o as k } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as _ } from "./prop-types-CfEYxTbR.js";
-import { t as T } from "./x-BI9jmc7e.js";
+import { o as k } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as _ } from "./prop-types-BCUW56rg.js";
+import { t as T } from "./x-Ierxf0uI.js";
 import { t as l } from "./utils-Cx-WzRZF.js";
 import { Tag as S } from "./components/Tag/Tag.js";
 import { useTagSelect as C } from "./components/TagSelect/contexts/TagSelect.hook.js";

package/dist/Wrapper-R8fik3ah.js

@@ -0,0 +1,182 @@
+import { t as r } from "./utils-Cx-WzRZF.js";
+import { LoaderIcon as oe } from "./assets/icons/components/Loader.js";
+import { t as se } from "./createLucideIcon-MbzNWCaI.js";
+import { t as ie } from "./chevron-up-Bjpvg6ui.js";
+import { Typography as ce } from "./components/Typography/Typography.js";
+import { useSelectContext as ue } from "./components/Select/contexts/select.hook.js";
+import { List as me } from "./components/Select/components/List/List.js";
+import { inputVariants as fe, labelVariants as pe, selectVariants as de } from "./components/Select/Select.variants.js";
+import { useSelect as xe } from "./components/Select/hooks/useSelect.js";
+import { forwardRef as he, useEffect as we, useId as Ne, useImperativeHandle as ge, useMemo as ve, useRef as h } from "react";
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+var ye = [["path", {
+  d: "m21 21-4.34-4.34",
+  key: "14j7rj"
+}], ["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}]], ke = se("search", ye), Se = he(({ additionalOptions: R, className: D, defaultValue: w, disabled: a = !1, error: p, groupedOptions: T, iconClassName: S, inputClassName: E, isInfiniteScrollEnabled: F = !1, isLoading: k, isRequired: N, label: g, labelAction: K, labelClassName: M, labelWrapperClassName: W, listClassName: _, listItemClassName: $, listItemSecondRowClassName: q, name: d, noOptionsText: A, placeholder: v, searchable: C = !1, showSearchIcon: y, theme: H, visibleItems: P, wrapperClassName: U, onFetchMoreOptions: B, onBlur: G, onSearchChange: J, ...I }, Q) => {
+  const j = Ne(), c = h(null), L = h(null), O = h(null), X = h(0), { isOpen: o, options: l, searchTerm: Y, value: s, setCanFilter: Z, setSearchTerm: ee, setValue: u, toggleOpen: te } = ue(), t = ve(() => l.find(({ value: e }) => e === s), [l, s]), { wrapperRef: ae, wrapperInputRef: V, handleOpen: x } = xe({
+    inputRef: c,
+    searchInputRef: L,
+    internalValue: t,
+    onBlur: G
+  }), b = () => {
+    if (!a) {
+      if (o) {
+        te(!1);
+        return;
+      }
+      x();
+    }
+  }, re = (e) => {
+    if (!a) {
+      if (e.key === "ArrowDown") {
+        if (e.preventDefault(), !o) {
+          x();
+          return;
+        }
+        O.current?.querySelector("li")?.focus();
+        return;
+      }
+      e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
+    }
+  }, m = d ? `${j}-${d}` : j;
+  ge(Q, () => c.current, [c]), we(() => {
+    if (w && !s) {
+      const e = l && l.find((f) => f.value === w);
+      e && u(e.value);
+    }
+  }, [
+    w,
+    l,
+    u,
+    s
+  ]);
+  const ne = (e) => {
+    const f = e.target.value;
+    Z(!0), u(""), ee(f ?? ""), J?.(f);
+    const z = l.find((le) => le.value.toLocaleLowerCase() === f.toLocaleLowerCase());
+    u(z ? z.value : t?.value ?? "");
+  };
+  return /* @__PURE__ */ i("div", {
+    ref: ae,
+    className: r("flex flex-col gap-2 w-full relative", U),
+    "data-theme": H,
+    children: [
+      g ? /* @__PURE__ */ i("div", {
+        className: r("flex items-center justify-between", W),
+        children: [/* @__PURE__ */ i("label", {
+          id: m,
+          className: r(pe({ className: M })),
+          htmlFor: m,
+          onClick: () => !a && x(),
+          children: [g, N && /* @__PURE__ */ n("span", {
+            className: "text-red-600 dark:text-red-500 ml-1",
+            children: "*"
+          })]
+        }), K]
+      }) : null,
+      /* @__PURE__ */ i("div", {
+        ref: V,
+        id: m,
+        className: r(de({
+          className: D,
+          hasError: !!p,
+          disabled: a
+        })),
+        role: "combobox",
+        onClick: b,
+        onKeyDown: re,
+        "aria-expanded": o,
+        tabIndex: X.current,
+        "aria-labelledby": m,
+        children: [/* @__PURE__ */ i("div", {
+          className: "flex gap-2.5 items-center flex-1",
+          children: [
+            t?.leftIcon && !y && /* @__PURE__ */ n("span", {
+              className: "w-4 h-4 flex justify-center items-center dark:text-metal-50",
+              children: t.leftIcon
+            }),
+            y && /* @__PURE__ */ n(ke, { className: r("w-4", "h-4", "text-zinc-500", "select-none", "transition-colors", "duration-300", "dark:text-metal-300", "dark:group-focus-within:text-metal-50") }),
+            C ? /* @__PURE__ */ n("input", {
+              ref: L,
+              type: "text",
+              value: o ? Y : t?.label ?? s ?? "",
+              onChange: ne,
+              placeholder: v,
+              className: r(fe({ className: E }), { "text-red-700 placeholder:text-red-700": !!p }),
+              onClick: (e) => {
+                e.stopPropagation(), a || x();
+              },
+              "aria-label": g || v,
+              "aria-labelledby": m,
+              required: N,
+              autoComplete: "off",
+              autoCapitalize: "words",
+              disabled: a,
+              tabIndex: -1,
+              ...I
+            }) : /* @__PURE__ */ i(ce, {
+              variant: "body2",
+              className: r("flex-1 text-zinc-400 text-sm dark:text-metal-400 flex gap-2 items-center", {
+                "text-red-700": !!p,
+                "select-none": !t,
+                "text-metal-800 dark:text-metal-50": t,
+                "text-metal-400/50 dark:text-metal-50/50": a
+              }, t?.wrapperClassNameOnSelectedValue),
+              children: [
+                t?.label || v,
+                " ",
+                t?.showRightComponentOnselectedValue ? t?.rightComponent : null
+              ]
+            })
+          ]
+        }), k ? /* @__PURE__ */ n(oe, {
+          size: 16,
+          className: "text-metal-400 animate-spin select-none"
+        }) : !y && /* @__PURE__ */ n(ie, {
+          "data-state": o ? "open" : "closed",
+          className: r("w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-metal-50", S, {
+            "text-red-700": !!p,
+            "text-metal-400/50 dark:group-focus-within:text-zinc-500": a
+          })
+        })]
+      }),
+      /* @__PURE__ */ n("input", {
+        ref: c,
+        type: "text",
+        name: d,
+        className: "hidden",
+        "aria-hidden": "true",
+        required: N,
+        inert: !0,
+        defaultValue: t?.value ?? s ?? void 0,
+        ...I
+      }),
+      o && /* @__PURE__ */ n(me, {
+        ref: O,
+        additionalOptions: R,
+        className: _,
+        groupedOptions: T,
+        itemClassName: $,
+        name: d,
+        wrapperInputRef: V,
+        inputRef: c,
+        options: l,
+        isLoading: !!k,
+        searchable: C,
+        listItemSecondRowClassName: q,
+        isInfiniteScrollEnabled: F,
+        onFetchMoreOptions: B,
+        noOptionsText: A,
+        visibleItems: P
+      })
+    ]
+  });
+});
+export {
+  Se as t
+};

package/dist/components/Alert/Alert.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as h } from "../../x-BI9jmc7e.js";
+import { t as h } from "../../x-Ierxf0uI.js";
 import { n as C } from "../../dist-DX0sBG3Q.js";
 import { t as n } from "../../utils-Cx-WzRZF.js";
 import { CheckCircleFilledIcon as v } from "../../assets/icons/components/CheckCircleFilled.js";

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as n } from "../../utils-Cx-WzRZF.js";
-import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-BGo_acd5.js";
+import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-BOrb536P.js";
 import { Button as i } from "../Button/Button.js";
 import { useAlertDialog as H } from "./hooks/useAlertDialog.js";
 import { useEffect as I, useRef as J, useState as L } from "react";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../AlertDialogTrigger-BGo_acd5.js";
+import { t as o } from "../../../AlertDialogTrigger-BOrb536P.js";
 export {
   o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../AlertDialogTrigger-BGo_acd5.js";
+import { t as o } from "../../../AlertDialogTrigger-BOrb536P.js";
 export {
   o as AlertDialogTrigger
 };

package/dist/components/Autocomplete/hooks/useAutocomplete.js

@@ -1,50 +1,52 @@
-import { n as f } from "../../../utils-Cx-WzRZF.js";
-import { useClickOutside as C } from "../../../hooks/useClickOutside.js";
-import { useCallback as E, useEffect as a, useState as c } from "react";
-var S = ({ options: s, inputRef: t, wrapperRef: l, onChange: u }) => {
-  const [h, i] = c(() => s ?? []), [m, n] = c(!1), [b, d] = c("");
-  a(() => {
+import { n as O } from "../../../utils-Cx-WzRZF.js";
+import { useClickOutside as k } from "../../../hooks/useClickOutside.js";
+import { useCallback as E, useEffect as c, useState as i } from "react";
+var v = ({ options: l, inputRef: t, wrapperRef: r, onChange: u }) => {
+  const [m, d] = i(() => l ?? []), [b, n] = i(!1), [f, g] = i("");
+  c(() => {
     const e = new AbortController();
     return t.current?.addEventListener("focus", () => n(!0), { signal: e.signal }), () => {
       e.abort();
     };
-  }, [t]), C(l, E(() => {
+  }, [t]);
+  const C = E(() => {
     n(!1);
-  }, [])), a(() => {
-    const e = new AbortController(), r = (o) => {
-      o.key === "Escape" && (n(!1), t.current?.blur());
+  }, []);
+  k(r, C), c(() => {
+    const e = new AbortController(), o = (s) => {
+      s.key === "Escape" && (n(!1), t.current?.blur());
     };
-    return document.addEventListener("keydown", r, { signal: e.signal }), () => {
+    return document.addEventListener("keydown", o, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [t]), a(() => {
+  }, [t]), c(() => {
     const e = new AbortController();
-    return l.current?.addEventListener("focusout", (r) => {
-      l.current?.contains(r.relatedTarget) || n(!1);
+    return r.current?.addEventListener("focusout", (o) => {
+      r.current?.contains(o.relatedTarget) || n(!1);
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [l]);
-  const g = (e) => {
-    if (e.length === 0) i(s);
+  }, [r]);
+  const h = (e) => {
+    if (e.length === 0) d(l);
     else {
-      const r = f(s.map(({ value: o }) => o), e).map((o) => ({ value: o }));
-      i(r);
+      const o = l.map(({ value: a }) => a), s = O(o, e).map((a) => ({ value: a }));
+      d(s);
     }
   };
   return {
     inputRef: t,
-    newOptions: h,
-    showOptions: m,
-    value: b,
+    newOptions: m,
+    showOptions: b,
+    value: f,
     handleChange: (e) => {
-      d(e.target.value), g(e.target.value), u?.(e.target.value);
+      g(e.target.value), h(e.target.value), u?.(e.target.value);
     },
     handleSelectValue: (e) => {
-      d(e), g(e), u?.(e), n(!1);
+      g(e), h(e), u?.(e), n(!1);
     }
   };
 };
 export {
-  S as useAutocomplete
+  v as useAutocomplete
 };

package/dist/components/Autocomplete/hooks/useNavigationList.js

@@ -1,5 +1,5 @@
 import { useEffect as l, useRef as b } from "react";
-var k = ({ ulRef: t, inputRef: c, wrapperRef: u, options: a }) => {
+var w = ({ ulRef: t, inputRef: c, wrapperRef: u, options: a }) => {
   const r = b(0);
   l(() => {
     const e = t.current?.querySelectorAll("li") ?? [], n = new AbortController(), o = () => {
@@ -21,7 +21,6 @@ var k = ({ ulRef: t, inputRef: c, wrapperRef: u, options: a }) => {
         case "Enter":
         case " ":
           e[r.current].click();
-          break;
       }
     }, { signal: n.signal }), () => {
       n.abort();
@@ -55,5 +54,5 @@ var k = ({ ulRef: t, inputRef: c, wrapperRef: u, options: a }) => {
   }, [t, u]);
 };
 export {
-  k as useNavigationUlList
+  w as useNavigationUlList
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../Breadcrumb-Cp3abB2w.js";
+import { t as m } from "../../Breadcrumb-DVBxqgW_.js";
 export {
   m as Breadcrumb
 };

package/dist/components/Breadcrumb/components/BackButton/BackButton.js

@@ -1,6 +1,6 @@
 import { t as o } from "../../../../utils-Cx-WzRZF.js";
 import { ArrowBackIcon as h } from "../../../../assets/icons/components/ArrowBack.js";
-import { n as k, t as b } from "../../../../useBreadcrumb-DYfZL_2p.js";
+import { n as k, t as b } from "../../../../useBreadcrumb-Ds_9BeFz.js";
 import { backButtonVariants as c } from "./BackButton.variants.js";
 import { jsx as e } from "react/jsx-runtime";
 var C = ({ icon: d, onClick: s, to: a, target: m, label: t = "Go back", theme: n, component: f = "a" }) => {