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

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as o } from "./Body/Body.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Header as e } from "./Header/Header.js";
-import { n as i } from "../../../Modal-Dyn088X7.js";
+import { n as i } from "../../../Modal-Dq9BHD_9.js";
 export {
   o as Body,
   p as Footer,

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,4 +1,4 @@
-import { t } from "../../components-Cf345jTv.js";
+import { t } from "../../components-CaEW5ge4.js";
 export {
   t as MultiSelectDropdown
 };

package/dist/components/MultiSelectDropdown/components/Item/Item.js

@@ -1,4 +1,4 @@
-import { t as i } from "../../../../utils-Cx-WzRZF.js";
+import { t as i } from "../../../../utils-B-6R7kNE.js";
 import { Badge as l } from "../../../Badge/Badge.js";
 import { Typography as n } from "../../../Typography/Typography.js";
 import { useMultiSelectDropdown as p } from "../../contexts/MultiSelectDropdown.hook.js";

package/dist/components/MultiSelectDropdown/components/List/List.js

@@ -1,4 +1,4 @@
-import { r as o } from "../../../../components-Cf345jTv.js";
+import { r as o } from "../../../../components-CaEW5ge4.js";
 export {
   o as List
 };

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../components-Cf345jTv.js";
+import { n as p } from "../../../../components-CaEW5ge4.js";
 export {
   p as Wrapper
 };

package/dist/components/MultiSelectDropdown/components/index.js

@@ -1,5 +1,5 @@
 import { Item as m } from "./Item/Item.js";
-import { n as p, r as t } from "../../../components-Cf345jTv.js";
+import { n as p, r as t } from "../../../components-CaEW5ge4.js";
 export {
   m as Item,
   t as List,

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.context.js

@@ -14,8 +14,9 @@ var n = {
     throw new Error("Function not implemented.");
   },
   isLoading: !1,
-  noOptionsText: void 0
-}, o = e(n);
+  noOptionsText: void 0,
+  loadingText: void 0
+}, t = e(n);
 export {
-  o as MultiSelectDropdownContext
+  t as MultiSelectDropdownContext
 };

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js

@@ -1,9 +1,9 @@
-import { useToggle as V } from "../../../hooks/useToggle.js";
-import { MultiSelectDropdownContext as k } from "./MultiSelectDropdown.context.js";
-import { useCallback as S, useEffect as R, useRef as C, useState as g } from "react";
-import { jsx as E } from "react/jsx-runtime";
-var q = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, onChange: m, onBlur: w, name: h, isLoading: b, noOptionsText: j }) => {
-  const d = C(null), [u, I] = V(!1), [y, p] = g(r), [c, v] = g([]), o = f !== void 0;
+import { useToggle as k } from "../../../hooks/useToggle.js";
+import { MultiSelectDropdownContext as C } from "./MultiSelectDropdown.context.js";
+import { useCallback as S, useEffect as R, useRef as E, useState as g } from "react";
+import { jsx as J } from "react/jsx-runtime";
+var z = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, onChange: m, onBlur: w, name: h, isLoading: b, noOptionsText: j, loadingText: y }) => {
+  const d = E(null), [u, I] = k(!1), [D, p] = g(r), [c, v] = g([]), o = f !== void 0;
   R(() => {
     if (!o) {
       const n = new Set(c.map((e) => e.id));
@@ -34,9 +34,9 @@ var q = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, o
     i
   ]);
   const l = S((n) => {
-    const e = n.map(({ id: t, value: O, label: P }) => ({
+    const e = n.map(({ id: t, value: O, label: V }) => ({
       id: t,
-      value: O ?? P
+      value: O ?? V
     })), s = JSON.stringify(e);
     d.current && (d.current.value = s), m && m({ target: {
       value: n,
@@ -53,7 +53,7 @@ var q = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, o
     I,
     w,
     d
-  ]), D = S((n) => {
+  ]), M = S((n) => {
     if (o) {
       const t = [...i ? c : [], n];
       l(t), a(!1);
@@ -73,7 +73,7 @@ var q = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, o
     c,
     a,
     o
-  ]), M = S((n) => {
+  ]), P = S((n) => {
     if (o) {
       const t = c.filter((O) => O.id !== n.id);
       l(t);
@@ -89,21 +89,22 @@ var q = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, o
     c,
     o
   ]);
-  return /* @__PURE__ */ E(k.Provider, {
+  return /* @__PURE__ */ J(C.Provider, {
     value: {
-      options: y,
+      options: D,
       selectedOptions: c,
       isOpen: u,
       inputRef: d,
-      onSelectOption: D,
-      onRemoveOption: M,
+      onSelectOption: M,
+      onRemoveOption: P,
       onOpen: a,
       isLoading: b,
-      noOptionsText: j
+      noOptionsText: j,
+      loadingText: y
     },
     children: x
   });
 };
 export {
-  q as MultiSelectDropdownProvider
+  z as MultiSelectDropdownProvider
 };

package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js

@@ -1,15 +1,15 @@
-import { useClickOutside as l } from "../../../hooks/useClickOutside.js";
-import { useMultiSelectDropdown as s } from "../contexts/MultiSelectDropdown.hook.js";
-import { useCallback as a, useEffect as u, useRef as c } from "react";
-var m = () => {
-  const o = c(null), { onOpen: e } = s();
-  return l(o, a(() => {
+import { useClickOutside as s } from "../../../hooks/useClickOutside.js";
+import { useMultiSelectDropdown as a } from "../contexts/MultiSelectDropdown.hook.js";
+import { useCallback as u, useEffect as c, useRef as d } from "react";
+var w = () => {
+  const o = d(null), { onOpen: e } = a(), n = u(() => {
     e(!1);
-  }, [e])), u(() => {
-    const t = new AbortController(), n = (r) => {
-      r.key === "Escape" && e(!1);
+  }, [e]);
+  return s(o, n), c(() => {
+    const t = new AbortController(), r = (l) => {
+      l.key === "Escape" && e(!1);
     };
-    return document.addEventListener("keydown", n, { signal: t.signal }), () => {
+    return document.addEventListener("keydown", r, { signal: t.signal }), () => {
       t.abort();
     };
   }, [e]), {
@@ -20,5 +20,5 @@ var m = () => {
   };
 };
 export {
-  m as useMultiSelectDropdown
+  w as useMultiSelectDropdown
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,5 +1,5 @@
-import { t as p } from "../../phone-number.provider-BxQCTxp8.js";
-import { t } from "../../Wrapper-DP6Sxngx.js";
+import { t as p } from "../../phone-number.provider-Dkq_p1Gi.js";
+import { t } from "../../Wrapper-a7RVCcrn.js";
 import { forwardRef as f } from "react";
 import { jsx as r } from "react/jsx-runtime";
 var h = f(({ defaultCountryCode: o = "US", ...m }, e) => /* @__PURE__ */ r(p, {

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,4 +1,4 @@
-import { t as n } from "../../../../utils-Cx-WzRZF.js";
+import { t as n } from "../../../../utils-B-6R7kNE.js";
 import { t as s } from "../../../../chevron-up-Bjpvg6ui.js";
 import { usePhoneNumberContext as l } from "../../contexts/phone-number.hook.js";
 import { jsx as a, jsxs as c } from "react/jsx-runtime";

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../FlagSelectorList-CkTR3j6O.js";
+import { t as o } from "../../../../FlagSelectorList-tYZNl-tz.js";
 export {
   o as FlagSelectorList
 };

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js

@@ -1,6 +1,6 @@
-import { t as i } from "../../../../Input-Cf44DzfE.js";
-import { t as c } from "../../../../utils-Cx-WzRZF.js";
-import { t as d } from "../../../../FlagSelectorList-CkTR3j6O.js";
+import { t as i } from "../../../../Input-is8n7emP.js";
+import { t as c } from "../../../../utils-B-6R7kNE.js";
+import { t as d } from "../../../../FlagSelectorList-tYZNl-tz.js";
 import { usePhoneNumberContext as p } from "../../contexts/phone-number.hook.js";
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 var v = ({ placeholder: e = "Search", showFlagOnSearch: a, showInputFilter: o, showNameOnSearch: t, showPlaceHolder: m = !0 }) => {

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js

@@ -1,6 +1,6 @@
-import { o as f } from "../../../../rolldown-runtime-Ck3dxwZt.js";
-import { a as u, i as b, n as m, o as p } from "../../../../dist-tGUUcv8n.js";
-import { t as h } from "../../../../debounce-C5Ycjilj.js";
+import { o as f } from "../../../../rolldown-runtime-Dw9YIBcH.js";
+import { a as u, i as b, n as m, o as p } from "../../../../dist-AxOGvL82.js";
+import { t as h } from "../../../../debounce-BdyZeJQk.js";
 import { useCallback as w, useEffect as i, useRef as g, useState as v } from "react";
 import { jsx as s, jsxs as a } from "react/jsx-runtime";
 var k = /* @__PURE__ */ f(h(), 1), N = ({ text: r, prefix: n }) => {

package/dist/components/PhoneNumberInput/components/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-DP6Sxngx.js";
+import { t as p } from "../../../Wrapper-a7RVCcrn.js";
 export {
   p as Wrapper
 };

package/dist/components/PhoneNumberInput/components/index.js

@@ -1,5 +1,5 @@
-import { t } from "../../../FlagSelectorList-CkTR3j6O.js";
-import { t as p } from "../../../Wrapper-DP6Sxngx.js";
+import { t } from "../../../FlagSelectorList-tYZNl-tz.js";
+import { t as p } from "../../../Wrapper-a7RVCcrn.js";
 export {
   t as FlagSelectorList,
   p as Wrapper

package/dist/components/PhoneNumberInput/contexts/index.js

@@ -1,5 +1,5 @@
 import { PhoneNumberContext as r } from "./phone-number.context.js";
-import { t as m } from "../../../phone-number.provider-BxQCTxp8.js";
+import { t as m } from "../../../phone-number.provider-Dkq_p1Gi.js";
 import { usePhoneNumberContext as n } from "./phone-number.hook.js";
 export {
   r as PhoneNumberContext,

package/dist/components/PhoneNumberInput/contexts/phone-number.provider.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../phone-number.provider-BxQCTxp8.js";
+import { t as o } from "../../../phone-number.provider-Dkq_p1Gi.js";
 export {
   o as PhoneNumberProvider
 };

package/dist/components/PhoneNumberInput/utils/index.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../libphonenumber-hGupNnJu.js";
+import { t as m } from "../../../libphonenumber-BMq3Thej.js";
 var n = m(), e = n.PhoneNumberUtil.getInstance(), p = (t) => {
   const r = t.code, o = e.getExampleNumber(r);
   if (!o) return;

package/dist/components/PieChart/PieChart.js

@@ -1,11 +1,11 @@
-import { i as e } from "../../utils-Cx-WzRZF.js";
-import { a as v, r as C, t as D } from "../../dist-AihTpWdF.js";
-import { useMemo as d } from "react";
-import { jsx as A } from "react/jsx-runtime";
-v.register(C);
-var E = ({ values: c, colors: m = [e("--color-neutral-600"), e("--color-emerald-400")], borderColors: p = [e("--color-white"), e("--color-white")], borderWidth: h = 0, cutoutPercentage: x = 80, title: a, subtitle: s, titleFontSize: n = 16, subtitleFontSize: l = 14, titleColor: g = e("--color-gray-900"), subtitleColor: w = e("--color-gray-500"), titleFontWeight: u = "bold", subtitleFontWeight: y = "normal", redraw: $ = !0 }) => /* @__PURE__ */ A(D, {
-  data: d(() => ({ datasets: [{
-    data: c,
+import { a as e } from "../../utils-B-6R7kNE.js";
+import { a as A, r as T, t as j } from "../../dist-iUAHw-3y.js";
+import { useMemo as i } from "react";
+import { jsx as k } from "react/jsx-runtime";
+A.register(T);
+var G = ({ values: d, colors: m = [e("--color-neutral-600"), e("--color-emerald-400")], borderColors: p = [e("--color-white"), e("--color-white")], borderWidth: h = 0, cutoutPercentage: x = 80, title: n, subtitle: s, titleFontSize: a = 16, subtitleFontSize: t = 14, titleColor: g = e("--color-gray-900"), subtitleColor: w = e("--color-gray-500"), titleFontWeight: u = "bold", subtitleFontWeight: y = "normal", redraw: $ = !0 }) => {
+  const v = i(() => ({ datasets: [{
+    data: d,
     backgroundColor: m,
     borderWidth: h,
     borderColor: p
@@ -13,40 +13,43 @@ var E = ({ values: c, colors: m = [e("--color-neutral-600"), e("--color-emerald-
     p,
     h,
     m,
-    c
-  ]),
-  options: d(() => ({
+    d
+  ]), C = i(() => ({
     plugins: { legend: { display: !1 } },
     cutout: `${x}%`,
     hover: { mode: null }
-  }), [x]),
-  plugins: d(() => {
-    const t = [];
-    return a && t.push({
+  }), [x]), D = i(() => {
+    const l = [];
+    return n && l.push({
       id: "titleCenter",
       beforeDraw(o) {
-        const r = o.ctx, f = o.width, i = o.height;
-        r.restore(), r.font = `${u} ${n}px sans-serif`, r.fillStyle = g, r.textAlign = "center", r.textBaseline = "middle", r.fillText(a, f / 2, i / 2 - (s ? n / 2 : 0)), r.save();
+        const r = o.ctx, c = o.width, f = o.height;
+        r.restore(), r.font = `${u} ${a}px sans-serif`, r.fillStyle = g, r.textAlign = "center", r.textBaseline = "middle", r.fillText(n, c / 2, f / 2 - (s ? a / 2 : 0)), r.save();
       }
-    }), s && t.push({
+    }), s && l.push({
       id: "subtitleCenter",
       beforeDraw(o) {
-        const r = o.ctx, f = o.width, i = o.height;
-        r.restore(), r.font = `${y} ${l}px sans-serif`, r.fillStyle = w, r.fillText(s, f / 2, i / 2 + l / 2), r.save();
+        const r = o.ctx, c = o.width, f = o.height;
+        r.restore(), r.font = `${y} ${t}px sans-serif`, r.fillStyle = w, r.fillText(s, c / 2, f / 2 + t / 2), r.save();
       }
-    }), t;
+    }), l;
   }, [
     s,
     w,
-    l,
+    t,
     y,
-    a,
-    g,
     n,
+    g,
+    a,
     u
-  ]),
-  redraw: $
-});
+  ]);
+  return /* @__PURE__ */ k(j, {
+    data: v,
+    options: C,
+    plugins: D,
+    redraw: $
+  });
+};
 export {
-  E as PieChart
+  G as PieChart
 };

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,5 +1,5 @@
 import { t as p } from "../../dist-DX0sBG3Q.js";
-import { t as v } from "../../utils-Cx-WzRZF.js";
+import { t as v } from "../../utils-B-6R7kNE.js";
 import { progressBarFillVariants as x, progressBarTrackVariants as f } from "./ProgressBar.variants.js";
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
 var b = ({ ariaLabel: m, className: o, fillClassName: l, leftContent: r, percent: d, rightContent: e, status: s, theme: t, trackClassName: n }) => {

package/dist/components/Radio/Radio.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
+import { t as a } from "../../utils-B-6R7kNE.js";
 import { Typography as t } from "../Typography/Typography.js";
 import { labelRadioVariants as p, radioVariants as u, wrapperRadioVariants as V } from "./Radio.variants.js";
 import { forwardRef as b, useId as j } from "react";

package/dist/components/RadioCard/RadioCard.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
+import { t as a } from "../../utils-B-6R7kNE.js";
 import { Card as d } from "../Card/Card.js";
 import { Radio as l } from "../Radio/Radio.js";
 import { radioCardVariants as e } from "./RadioCard.variants.js";

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../utils-Cx-WzRZF.js";
+import { t as e } from "../../utils-B-6R7kNE.js";
 import { RadioCard as C } from "../RadioCard/RadioCard.js";
 import { radioCardGroupVariants as N } from "./RadioCardGroup.variants.js";
 import { useState as S } from "react";

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { t as R } from "../../dist-xCbHbMLA.js";
-import { t as r } from "../../utils-Cx-WzRZF.js";
+import { t as r } from "../../utils-B-6R7kNE.js";
 import { Radio as g } from "../Radio/Radio.js";
 import { radioGroupVariants as j } from "./RadioGroup.variants.js";
 import { useState as k } from "react";

package/dist/components/Range/Range.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../utils-Cx-WzRZF.js";
-import { i as v, n as V, r as i, t as S } from "../../dist-DDck_2lb.js";
+import { t as e } from "../../utils-B-6R7kNE.js";
+import { i as v, n as V, r as i, t as S } from "../../dist-BIBFLVt1.js";
 import { rangeOutsideVariants as R, rangeVariants as j, thumbVariants as c, trackVariants as w } from "./Range.variants.js";
 import { forwardRef as y, useEffect as b, useImperativeHandle as k, useRef as C, useState as T } from "react";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";

package/dist/components/Select/Select.js

@@ -1,38 +1,45 @@
-import { t as a } from "../../utils-Cx-WzRZF.js";
-import { t as h } from "../../Wrapper-R8fik3ah.js";
-import { SelectProvider as v } from "./contexts/select.provider.js";
-import { n as N } from "../../AdditionalOptions-D0BAS2HG.js";
-import { forwardRef as g, useMemo as j } from "react";
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-var R = g(({ error: e, errorClassName: i, helperText: l, helperTextClassName: d, highlightSearch: p, mainWrapperClassName: f, name: s, value: n, options: t, onChange: c, onBlur: m, ...o }, x) => /* @__PURE__ */ r(v, {
-  highlightSearch: p,
-  name: s,
-  value: n,
-  options: j(() => t.length ? N(t.at(0)) ? t.flatMap((u) => u.options) : t : [], [t]),
-  onBlur: m,
-  onChange: c,
-  children: /* @__PURE__ */ k("div", {
-    className: a("relative w-full", f),
-    children: [
-      /* @__PURE__ */ r(h, {
-        error: e,
-        name: s,
-        ref: x,
-        onBlur: m,
-        groupedOptions: t,
-        ...o
-      }),
-      e ? /* @__PURE__ */ r("span", {
-        className: a("text-xs text-red-700 dark:text-red-400", i),
-        children: e
-      }) : null,
-      !e && l ? /* @__PURE__ */ r("span", {
-        className: a("text-xs text-slate-600 dark:text-slate-200", d),
-        children: l
-      }) : null
-    ]
-  })
-}));
+import { n as w, t as d } from "../../utils-B-6R7kNE.js";
+import { t as y } from "../../Wrapper-2AUlYAHQ.js";
+import { SelectProvider as M } from "./contexts/select.provider.js";
+import { n as S } from "../../AdditionalOptions-Crcnz0_g.js";
+import { forwardRef as b, useId as E, useMemo as G } from "react";
+import { jsx as s, jsxs as H } from "react/jsx-runtime";
+var A = b(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, ...$ }, N) => {
+  const c = E(), o = u ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, O = w(a && i, f && p), j = G(() => t.length ? S(t.at(0)) ? t.flatMap((k) => k.options) : t : [], [t]);
+  return /* @__PURE__ */ s(M, {
+    highlightSearch: h,
+    name: r,
+    value: g,
+    options: j,
+    onBlur: n,
+    onChange: v,
+    children: /* @__PURE__ */ H("div", {
+      className: d("relative w-full", I),
+      children: [
+        /* @__PURE__ */ s(y, {
+          describedBy: O,
+          error: e,
+          fieldId: o,
+          name: r,
+          ref: N,
+          onBlur: n,
+          groupedOptions: t,
+          ...$
+        }),
+        a ? /* @__PURE__ */ s("span", {
+          id: i,
+          className: d("text-xs text-red-700 dark:text-red-400", m),
+          children: e
+        }) : null,
+        f ? /* @__PURE__ */ s("span", {
+          id: p,
+          className: d("text-xs text-slate-600 dark:text-slate-200", x),
+          children: l
+        }) : null
+      ]
+    })
+  });
+});
 export {
-  R as Select
+  A as Select
 };

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../AdditionalOptions-D0BAS2HG.js";
+import { t } from "../../../../AdditionalOptions-Crcnz0_g.js";
 export {
   t as AdditionalOptions
 };

package/dist/components/Select/components/AdditionalOptions/AdditionalOptions.variants.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-B-6R7kNE.js";
 var r = e("flex", "min-h-10", "py-2", "px-6", "w-full", "h-full", "gap-1", "items-center", "text-sm", "[&>svg]:-ml-1", "[&>svg]:w-3.5", "[&>svg]:h-3.5", "[&>svg]:shrink-0", "cursor-pointer", "select-none", "hover:bg-gray-50", "hover:dark:bg-metal-700", "focus:outline-0", "text-blue-600", "dark:text-aurora-500");
 export {
   r as additionalOptionSlotClassName