@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.107

package/dist/Input-is8n7emP.js

@@ -0,0 +1,195 @@
+import { o as R } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as q } from "./prop-types-BCUW56rg.js";
+import { n as D, t as l } from "./utils-B-6R7kNE.js";
+import { SearchIcon as F } from "./assets/icons/components/Search.js";
+import { WarningIcon as K } from "./assets/icons/components/Warning.js";
+import { Typography as g } from "./components/Typography/Typography.js";
+import { inputVariants as V } from "./components/Input/Input.variants.js";
+import d, { forwardRef as w, useId as G, useRef as J, useState as Q } from "react";
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+var c = /* @__PURE__ */ R(q());
+function y() {
+  return y = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, y.apply(this, arguments);
+}
+function U(e, o) {
+  if (e == null) return {};
+  var r = X(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < a.length; n++)
+      t = a[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function X(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, a;
+  for (a = 0; a < t.length; a++)
+    n = t[a], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var b = w(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, a = n === void 0 ? 24 : n, p = U(e, ["color", "size"]);
+  return /* @__PURE__ */ d.createElement("svg", y({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, p), /* @__PURE__ */ d.createElement("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), /* @__PURE__ */ d.createElement("line", {
+    x1: "1",
+    y1: "1",
+    x2: "23",
+    y2: "23"
+  }));
+});
+b.propTypes = {
+  color: c.default.string,
+  size: c.default.oneOfType([c.default.string, c.default.number])
+};
+b.displayName = "EyeOff";
+function x() {
+  return x = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, x.apply(this, arguments);
+}
+function Y(e, o) {
+  if (e == null) return {};
+  var r = Z(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < a.length; n++)
+      t = a[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function Z(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, a;
+  for (a = 0; a < t.length; a++)
+    n = t[a], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var O = w(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, a = n === void 0 ? 24 : n, p = Y(e, ["color", "size"]);
+  return /* @__PURE__ */ d.createElement("svg", x({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, p), /* @__PURE__ */ d.createElement("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ d.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "3"
+  }));
+});
+O.propTypes = {
+  color: c.default.string,
+  size: c.default.oneOfType([c.default.string, c.default.number])
+};
+O.displayName = "Eye";
+var ee = w(({ className: e, error: o, helperText: r, helperTextClassName: t, hidePasswordLabel: n = "Hide password", id: a, isRequired: p = !1, isSearch: j = !1, label: k, labelAction: I, labelClassName: _, labelWrapperClassName: z, name: $, showPasswordLabel: T = "Show password", theme: L, type: f = "text", ...W }, S) => {
+  const M = G(), u = a ?? M, N = `${u}-error`, E = `${u}-helper-text`, B = J(f === "password"), [m, C] = Q(() => f !== "password"), s = typeof o == "string" && o.length > 0, h = f === "password", P = !s && !!r, A = D(s && N, P && E), H = m ? O : b;
+  return /* @__PURE__ */ v("div", {
+    className: "flex flex-col gap-2 w-full relative",
+    "data-theme": L,
+    children: [
+      k ? /* @__PURE__ */ v("div", {
+        className: l("flex items-center justify-between", z),
+        children: [/* @__PURE__ */ v(g, {
+          component: "label",
+          variant: "labelLarge",
+          htmlFor: u,
+          className: l("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium", _),
+          children: [
+            k,
+            " ",
+            p && /* @__PURE__ */ i(g, {
+              component: "span",
+              "aria-hidden": "true",
+              className: l("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"),
+              children: "*"
+            })
+          ]
+        }), I]
+      }) : null,
+      /* @__PURE__ */ v("div", {
+        className: "relative",
+        children: [
+          j ? /* @__PURE__ */ i("i", {
+            className: l("absolute", "left-2.5", "top-1/2", "-translate-y-1/2", "text-slate-400", "dark:text-metal-400", { "text-red-700": s }),
+            children: /* @__PURE__ */ i(F, { className: "w-5 h-5" })
+          }) : null,
+          /* @__PURE__ */ i("input", {
+            ...W,
+            id: u,
+            ref: S,
+            name: $,
+            type: m ? B.current ? "text" : f : "password",
+            "data-error": s,
+            "aria-invalid": s || void 0,
+            "aria-describedby": A,
+            "aria-required": p || void 0,
+            className: l(V({
+              className: e,
+              variant: s ? "error" : "default"
+            }), {
+              "pr-10": h || s,
+              "pr-16": h && s,
+              "pl-8": j
+            })
+          }),
+          s ? /* @__PURE__ */ i("i", {
+            className: l("-translate-y-1/2", "absolute", "text-red-700", "top-1/2", "dark:text-red-500", h ? "right-10" : "right-3"),
+            children: /* @__PURE__ */ i(K, { className: "w-5 h-5" })
+          }) : null,
+          h ? /* @__PURE__ */ i("button", {
+            type: "button",
+            "aria-label": m ? n : T,
+            className: l("-translate-y-1/2", "absolute", "cursor-pointer", "right-3", "text-slate-400", "top-1/2"),
+            onClick: () => C(!m),
+            children: /* @__PURE__ */ i(H, { className: "w-5 h-5" })
+          }) : null
+        ]
+      }),
+      s ? /* @__PURE__ */ i(g, {
+        component: "span",
+        id: N,
+        className: l("text-xs", "tracking-normal", "text-red-700", "dark:text-red-400"),
+        children: o
+      }) : null,
+      P ? /* @__PURE__ */ i(g, {
+        component: "span",
+        id: E,
+        variant: "body1",
+        className: l("text-xs", "text-slate-600", "dark:text-slate-200", "select-none", "tracking-normal", t),
+        children: r
+      }) : null
+    ]
+  });
+});
+ee.displayName = "KonstructInput";
+export {
+  ee as t
+};

package/dist/{Loading-DUh9PMJN.js → Loading-DO8JOWBV.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./utils-Cx-WzRZF.js";
+import { t as e } from "./utils-B-6R7kNE.js";
 import { t as i } from "./createLucideIcon-MbzNWCaI.js";
 import { loadingVariants as t } from "./components/Loading/Loading.variants.js";
 import { jsx as d } from "react/jsx-runtime";

package/dist/{Modal-Dyn088X7.js → Modal-Dq9BHD_9.js}

@@ -1,9 +1,9 @@
-import { t as F } from "./x-BI9jmc7e.js";
+import { t as F } from "./x-Ierxf0uI.js";
 import { t as N } from "./dist-DX0sBG3Q.js";
-import { t as h } from "./utils-Cx-WzRZF.js";
+import { t as h } from "./utils-B-6R7kNE.js";
 import { t as k } from "./Combination-CnMM05mt.js";
-import { t as w } from "./react-CvUtBTMg.js";
-import { t as A } from "./es2015-DigR3dar.js";
+import { t as w } from "./react-7zQ6bvbE.js";
+import { t as A } from "./es2015-B_07N-UL.js";
 import { Body as R } from "./components/Modal/components/Body/Body.js";
 import { Footer as x } from "./components/Modal/components/Footer/Footer.js";
 import { Header as B } from "./components/Modal/components/Header/Header.js";

package/dist/{Spinner-CUwE2bLm.js → Spinner-BJE79VTl.js}

@@ -1,5 +1,5 @@
 import { n as m } from "./dist-DX0sBG3Q.js";
-import { t as L } from "./utils-Cx-WzRZF.js";
+import { t as L } from "./utils-B-6R7kNE.js";
 import { Typography as d } from "./components/Typography/Typography.js";
 import { spinnerIconVariants as k, spinnerVariants as g } from "./components/Spinner/Spinner.variants.js";
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";

package/dist/{StepIndicatorContent-CjbjVjS1.js → StepIndicatorContent-BGDvxLzV.js}

@@ -1,4 +1,4 @@
-import { t as d } from "./utils-Cx-WzRZF.js";
+import { t as d } from "./utils-B-6R7kNE.js";
 import { ExclamationIcon as m } from "./assets/icons/components/Exclamation.js";
 import { t as p } from "./createLucideIcon-MbzNWCaI.js";
 import { CHECK_ICON_SIZE_MAP as a, ICON_SIZE_MAP as c } from "./components/Stepper/constants/index.js";

package/dist/Switch-C7286Bcu.js

@@ -0,0 +1,199 @@
+import { a as H } from "./dist-xCbHbMLA.js";
+import { t as y } from "./dist-CCdbu9GU.js";
+import { t as x } from "./utils-B-6R7kNE.js";
+import { i as D, r as $, t as G } from "./dist-D-yS0HN8.js";
+import { Typography as U } from "./components/Typography/Typography.js";
+import { t as V } from "./dist-pWlMx4Fi.js";
+import { switchVariants as W, thumbVariants as X } from "./components/Switch/Switch.variants.js";
+import * as r from "react";
+import { forwardRef as J, useEffect as K, useId as Q, useImperativeHandle as Y, useRef as Z } from "react";
+import { Fragment as ee, jsx as p, jsxs as E } from "react/jsx-runtime";
+var te = Object.defineProperty, R = (s, a) => te(s, "name", {
+  value: a,
+  configurable: !0
+}), T = "Switch", [re, ve] = D(T), [ne, N] = re(T);
+function q(s) {
+  const { __scopeSwitch: a, checked: f, children: n, defaultChecked: i, disabled: o, form: e, name: l, onCheckedChange: t, required: u, value: w = "on", internal_do_not_use_render: m } = s, [d, b] = G({
+    prop: f,
+    defaultProp: i ?? !1,
+    onChange: t,
+    caller: T
+  }), [S, v] = r.useState(null), [h, k] = r.useState(null), g = r.useRef(!1), [c, C] = r.useReducer((P) => P + 1, 0), I = {
+    checked: d,
+    setChecked: b,
+    disabled: o,
+    control: S,
+    setControl: v,
+    name: l,
+    form: e,
+    value: w,
+    hasConsumerStoppedPropagationRef: g,
+    userInteractionCount: c,
+    onUserInteraction: C,
+    required: u,
+    defaultChecked: i,
+    isFormControl: S ? !!e || !!S.closest("form") : !0,
+    bubbleInput: h,
+    setBubbleInput: k
+  };
+  return /* @__PURE__ */ p(ne, {
+    scope: a,
+    ...I,
+    children: L(m) ? m(I) : n
+  });
+}
+R(q, "SwitchProvider");
+var oe = "SwitchTrigger", ce = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ R(function({ __scopeSwitch: a, onClick: f, ...n }, i) {
+  const { control: o, form: e, value: l, disabled: t, checked: u, required: w, setControl: m, setChecked: d, hasConsumerStoppedPropagationRef: b, onUserInteraction: S, isFormControl: v, bubbleInput: h } = N(oe, a), k = H(i, m), g = r.useRef(u);
+  return r.useEffect(() => {
+    const c = e ? o?.ownerDocument.getElementById(e) : o?.form;
+    if (c instanceof HTMLFormElement) {
+      const C = /* @__PURE__ */ R(() => d(g.current), "reset");
+      return c.addEventListener("reset", C), () => c.removeEventListener("reset", C);
+    }
+  }, [
+    o,
+    e,
+    d
+  ]), /* @__PURE__ */ p(y.button, {
+    type: "button",
+    role: "switch",
+    "aria-checked": u,
+    "aria-required": w,
+    "data-state": B(u),
+    "data-disabled": t ? "" : void 0,
+    disabled: t,
+    value: l,
+    ...n,
+    ref: k,
+    onClick: $(f, (c) => {
+      S(), d((C) => !C), h && v && (b.current = c.isPropagationStopped(), b.current || c.stopPropagation());
+    })
+  });
+}, "SwitchTrigger")), se = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ R(function(a, f) {
+  const { __scopeSwitch: n, name: i, checked: o, defaultChecked: e, required: l, disabled: t, value: u, onCheckedChange: w, form: m, ...d } = a;
+  return /* @__PURE__ */ p(q, {
+    __scopeSwitch: n,
+    checked: o,
+    defaultChecked: e,
+    disabled: t,
+    required: l,
+    onCheckedChange: w,
+    name: i,
+    form: m,
+    value: u,
+    internal_do_not_use_render: ({ isFormControl: b }) => /* @__PURE__ */ E(ee, { children: [/* @__PURE__ */ p(ce, {
+      ...d,
+      ref: f,
+      __scopeSwitch: n
+    }), b && /* @__PURE__ */ p(de, { __scopeSwitch: n })] })
+  });
+}, "Switch")), ae = "SwitchThumb", ie = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ R(function(a, f) {
+  const { __scopeSwitch: n, ...i } = a, o = N(ae, n);
+  return /* @__PURE__ */ p(y.span, {
+    "data-state": B(o.checked),
+    "data-disabled": o.disabled ? "" : void 0,
+    ...i,
+    ref: f
+  });
+}, "SwitchThumb")), ue = "SwitchBubbleInput", de = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ R(function({ __scopeSwitch: a, onClick: f, ...n }, i) {
+  const { control: o, hasConsumerStoppedPropagationRef: e, userInteractionCount: l, checked: t, defaultChecked: u, required: w, disabled: m, name: d, value: b, form: S, bubbleInput: v, setBubbleInput: h } = N(ue, a), k = H(i, h), g = V(o), c = r.useRef(!1), C = r.useRef(t), I = r.useRef(l);
+  r.useEffect(() => {
+    const _ = v;
+    if (!_) return;
+    const j = window.HTMLInputElement.prototype, F = Object.getOwnPropertyDescriptor(j, "checked").set, M = l !== I.current;
+    I.current = l;
+    const A = C.current !== t;
+    C.current = t;
+    const z = !(M && e.current);
+    if (A && F) {
+      c.current = !M;
+      const O = new Event("click", { bubbles: z });
+      F.call(_, t), _.dispatchEvent(O), c.current = !1;
+    }
+  }, [
+    v,
+    t,
+    e,
+    l
+  ]);
+  const P = r.useRef(t);
+  return /* @__PURE__ */ p(y.input, {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: u ?? P.current,
+    required: w,
+    disabled: m,
+    name: d,
+    value: b,
+    form: S,
+    ...n,
+    tabIndex: -1,
+    ref: k,
+    onClick: $(f, (_) => {
+      c.current && _.stopPropagation();
+    }),
+    style: {
+      ...n.style,
+      ...g,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0,
+      transform: "translateX(-100%)"
+    }
+  });
+}, "SwitchBubbleInput"));
+function L(s) {
+  return typeof s == "function";
+}
+R(L, "isFunction");
+function B(s) {
+  return s ? "checked" : "unchecked";
+}
+R(B, "getState");
+var ke = J(({ alignment: s = "horizontal", className: a, defaultChecked: f, disabled: n = !1, helperText: i, helperTextClassName: o, label: e, labelClassName: l, labelWrapperClassName: t, name: u, theme: w, thumbClassName: m, value: d, variant: b, onChange: S }, v) => {
+  const h = Z(null), k = Q(), g = u ? `${k}-${u}` : k;
+  return Y(v, () => h.current, [h]), K(() => {
+    h.current && (h.current.value = `${d}`);
+  }, [d]), /* @__PURE__ */ E("div", {
+    className: x("w-full", "flex", "gap-3", s === "vertical" ? "flex-col" : "flex-row", t),
+    "data-theme": w,
+    children: [
+      /* @__PURE__ */ p(se, {
+        id: g,
+        defaultChecked: f,
+        checked: d,
+        onCheckedChange: (c) => S?.(c),
+        className: x(W({
+          variant: b,
+          className: a
+        })),
+        "aria-label": e,
+        disabled: n,
+        children: /* @__PURE__ */ p(ie, { className: X({ className: m }) })
+      }),
+      e ? /* @__PURE__ */ E(U, {
+        component: "label",
+        className: x("flex", "flex-col", "text-sm", "dark:text-white", "select-none", l),
+        htmlFor: g,
+        style: { paddingRight: 15 },
+        children: [e, i ? /* @__PURE__ */ p(U, {
+          component: "span",
+          className: x("text-xs", "select-none", "text-slate-600", "dark:text-metal-400", o),
+          children: i
+        }) : null]
+      }) : null,
+      /* @__PURE__ */ p("input", {
+        ref: h,
+        name: u,
+        type: "text",
+        className: "hidden",
+        "aria-hidden": "true"
+      })
+    ]
+  });
+});
+export {
+  ke as t
+};

package/dist/{Toast-3NEz7LLa.js → Toast-jSx3Lao8.js}

@@ -1,8 +1,8 @@
-import { t as Ce } from "./x-BI9jmc7e.js";
+import { t as Ce } from "./x-Ierxf0uI.js";
 import { a as ce, t as q } from "./dist-xCbHbMLA.js";
 import { n as xe, t as I } from "./dist-CCdbu9GU.js";
 import { n as ue, t as Pe } from "./dist-DX0sBG3Q.js";
-import { t as X } from "./utils-Cx-WzRZF.js";
+import { t as X } from "./utils-B-6R7kNE.js";
 import { CheckCircleFilledIcon as ye } from "./assets/icons/components/CheckCircleFilled.js";
 import { ErrorIcon as Re } from "./assets/icons/components/Error.js";
 import { InformationOutlineIcon as ge } from "./assets/icons/components/InformationOutline.js";
@@ -12,7 +12,7 @@ import { t as Y } from "./dist-D5XYRjmR.js";
 import { r as De, t as Ie } from "./dist-DKryKPmP.js";
 import { t as Ne } from "./dist-C4j75TwZ.js";
 import { t as Fe } from "./dist-BUocnzkM.js";
-import { t as Le } from "./dist-CzKqHuqJ2.js";
+import { t as Le } from "./dist-DwxO2RoR.js";
 import { closeToastVariants as ke, toastVariants as Me, viewportToastVariants as Oe } from "./components/Toast/Toast.variants.js";
 import * as s from "react";
 import { isValidElement as G, useEffect as Ve, useRef as Ke } from "react";
@@ -329,10 +329,11 @@ function ee(a) {
   return Array.from(a.childNodes).forEach((t) => {
     if (t.nodeType === t.TEXT_NODE && t.textContent && e.push(t.textContent), ve(t)) {
       const o = t.ariaHidden || t.hidden || t.style.display === "none", n = t.dataset.radixToastAnnounceExclude === "";
-      if (!o) if (n) {
-        const l = t.dataset.radixToastAnnounceAlt;
-        l && e.push(l);
-      } else e.push(...ee(t));
+      if (!o)
+        if (n) {
+          const l = t.dataset.radixToastAnnounceAlt;
+          l && e.push(l);
+        } else e.push(...ee(t));
     }
   }), e;
 }

package/dist/Wrapper-2AUlYAHQ.js

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

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

@@ -1,7 +1,7 @@
-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 { t as l } from "./utils-Cx-WzRZF.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-B-6R7kNE.js";
 import { Tag as S } from "./components/Tag/Tag.js";
 import { useTagSelect as C } from "./components/TagSelect/contexts/TagSelect.hook.js";
 import { List as z } from "./components/TagSelect/components/List/List.js";