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

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/utils/duration/duration.js

@@ -0,0 +1,59 @@
+var a = 6e4, h = {
+  m: a,
+  h: 60 * a,
+  d: 1440 * a,
+  w: 10080 * a
+}, u = {
+  m: "m",
+  min: "m",
+  mins: "m",
+  minute: "m",
+  minutes: "m",
+  h: "h",
+  hr: "h",
+  hrs: "h",
+  hour: "h",
+  hours: "h",
+  d: "d",
+  day: "d",
+  days: "d",
+  w: "w",
+  wk: "w",
+  wks: "w",
+  week: "w",
+  weeks: "w",
+  mo: "mo",
+  mos: "mo",
+  month: "mo",
+  months: "mo",
+  y: "y",
+  yr: "y",
+  yrs: "y",
+  year: "y",
+  years: "y"
+}, d = /^(\d+(?:\.\d+)?)\s*([a-z]+)$/i, s = (r) => {
+  const e = d.exec(r.trim()), t = e && u[e[2].toLowerCase()];
+  if (!e || !t) throw new Error(`Invalid duration "${r}". Use a number followed by m, h, d, w, month or year, e.g. "30m", "1h", "7days", "2months", "1year".`);
+  return {
+    amount: Number(e[1]),
+    unit: t
+  };
+}, i = (r, e) => {
+  const t = new Date(r), n = t.getDate();
+  t.setDate(1), t.setMonth(t.getMonth() - e);
+  const o = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
+  return t.setDate(Math.min(n, o)), t;
+}, w = (r, e) => {
+  const { amount: t, unit: n } = s(e), o = h[n];
+  if (o !== void 0) return new Date(r.getTime() - t * o);
+  const m = n === "y" ? t * 12 : t;
+  return i(r, Math.round(m));
+}, y = (r) => {
+  const { amount: e, unit: t } = s(r);
+  return `${e}${t}`;
+};
+export {
+  y as durationToId,
+  s as parseDuration,
+  w as subtractDuration
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/utils/index.js

@@ -0,0 +1,8 @@
+import { durationToId as r, parseDuration as t, subtractDuration as a } from "./duration/duration.js";
+import { spanWholeDays as p } from "./whole-days/whole-days.js";
+export {
+  r as durationToId,
+  t as parseDuration,
+  p as spanWholeDays,
+  a as subtractDuration
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/utils/whole-days/whole-days.js

@@ -0,0 +1,7 @@
+var r = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), a = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999), n = ({ from: e, to: t }) => ({
+  from: e && r(e),
+  to: t && a(t)
+});
+export {
+  n as spanWholeDays
+};

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js

@@ -1,11 +1,11 @@
-import { t as e } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-B-6R7kNE.js";
 import { Button as l } from "../../../Button/Button.js";
 import { t as u } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as x } from "../../../Badge/Badge.js";
 import { DatePicker as y } from "../../../Datepicker/DatePicker.js";
 import { filterButtonIconVariants as C, filterButtonVariants as D } from "../../Filter.variants.js";
 import { FilterDropdown as w } from "../FilterDropdown/FilterDropdown.js";
-import { useDateFilterDropdown as N } from "./DateFilterDropdown.hook.js";
+import { useDateFilterDropdown as N } from "./hooks/useDateFilterDropdown/useDateFilterDropdown.js";
 import { Fragment as S, jsx as t, jsxs as o } from "react/jsx-runtime";
 var R = ({ label: p, position: i = "left", countryCode: s = "US", onApply: m }) => {
   const { id: c, appliedDay: n, isOpen: r, selectedDay: a, handleApply: d, handleOpenChange: f, handleSelect: h, handleReset: g } = N({

package/dist/components/Filter/components/DateFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useDateFilterDropdown as r } from "./useDateFilterDropdown/useDateFilterDropdown.js";
+export {
+  r as useDateFilterDropdown
+};

package/dist/components/Filter/components/DateFilterDropdown/{DateFilterDropdown.hook.js → hooks/useDateFilterDropdown/useDateFilterDropdown.js}

@@ -1,7 +1,7 @@
-import { useFilterContext as O } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as v } from "../../events/index.js";
-import { useFilterDropdownSync as C } from "../../hooks/useFilterDropdownSync.js";
-import { t as g } from "../../../../utils-DVYdP0CJ.js";
+import { useFilterContext as O } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as v } from "../../../../events/index.js";
+import { useFilterDropdownSync as C } from "../../../../hooks/useFilterDropdownSync.js";
+import { t as g } from "../../../../../../utils-DVYdP0CJ.js";
 import { useCallback as a, useId as w, useMemo as x, useState as l } from "react";
 var A = ({ onApply: o, countryCode: r = "US" }) => {
   const { closeOnApply: i } = O(), s = w(), [f, e] = l(!1), [n, c] = l(), [d, p] = l(), D = x(() => d?.toLocaleDateString(g(r), {

package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js

@@ -1,11 +1,11 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
 import { Button as o } from "../../../Button/Button.js";
 import { t as w } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as k } from "../../../Badge/Badge.js";
 import { DateRangePicker as v } from "../../../DateRangePicker/DateRangePicker.js";
 import { filterButtonIconVariants as y, filterButtonVariants as B } from "../../Filter.variants.js";
 import { FilterDropdown as F } from "../FilterDropdown/FilterDropdown.js";
-import { useDateRangeFilterDropdown as N } from "./DateRangeFilterDropdown.hook.js";
+import { useDateRangeFilterDropdown as N } from "./hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.js";
 import { Fragment as j, jsx as e, jsxs as r } from "react/jsx-runtime";
 var z = ({ label: i, position: l = "left", showTime: p = !1, timeFormat: s = "24", showPresets: m = !0, defaultRange: c, minDate: d, maxDate: g, countryCode: f = "US", onApply: h }) => {
   const { appliedRange: n, isOpen: a, selectedRange: u, handleApply: R, handleOpenChange: C, handleRangeChange: x, handleReset: D } = N({

package/dist/components/Filter/components/DateRangeFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useDateRangeFilterDropdown as o } from "./useDateRangeFilterDropdown/useDateRangeFilterDropdown.js";
+export {
+  o as useDateRangeFilterDropdown
+};

package/dist/components/Filter/components/DateRangeFilterDropdown/{DateRangeFilterDropdown.hook.js → hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.js}

@@ -1,24 +1,24 @@
-import { useFilterContext as F } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as O } from "../../events/index.js";
-import { useFilterDropdownSync as w } from "../../hooks/useFilterDropdownSync.js";
-import { t as x } from "../../../../utils-DVYdP0CJ.js";
-import { useCallback as a, useId as y, useMemo as I, useState as i } from "react";
+import { useFilterContext as O } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as v } from "../../../../events/index.js";
+import { useFilterDropdownSync as w } from "../../../../hooks/useFilterDropdownSync.js";
+import { t as x } from "../../../../../../utils-DVYdP0CJ.js";
+import { useCallback as a, useId as y, useMemo as I, useState as l } from "react";
 var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
-  const { closeOnApply: l } = F(), r = y(), [g, o] = i(!1), [s, c] = i(d), [t, m] = i(), u = I(() => {
+  const { closeOnApply: i } = O(), r = y(), [g, o] = l(!1), [s, c] = l(d), [t, m] = l(), u = I(() => {
     if (!t?.from) return;
-    const e = (D) => D.toLocaleDateString(x(p), {
+    const e = (F) => F.toLocaleDateString(x(p), {
       day: "numeric",
       month: "short"
     });
     return t.to ? `${e(t.from)} - ${e(t.to)}` : e(t.from);
   }, [t]), h = (e) => {
-    e && O(r), o(e);
+    e && v(r), o(e);
   }, R = () => {
     const e = {
       from: s?.from,
       to: s?.to
     };
-    m(e), n?.(e), l && o(!1);
+    m(e), n?.(e), i && o(!1);
   }, C = a((e) => {
     c({
       from: e.from,
@@ -26,8 +26,8 @@ var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
     });
   }, []), S = a(() => o(!1), []), f = a(() => {
     c(void 0), m(void 0), n?.();
-  }, [n]), v = () => {
-    f(), l && o(!1);
+  }, [n]), D = () => {
+    f(), i && o(!1);
   };
   return w({
     id: r,
@@ -41,7 +41,7 @@ var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
     handleApply: R,
     handleOpenChange: h,
     handleRangeChange: C,
-    handleReset: v
+    handleReset: D
   };
 };
 export {

package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js

@@ -1,6 +1,6 @@
-import { t as l } from "../../../../utils-Cx-WzRZF.js";
+import { t as l } from "../../../../utils-B-6R7kNE.js";
 import { useFilterContext as f } from "../../contexts/filter.hook.js";
-import { i as p, n as c, r as h, t as g } from "../../../../dist-B6ExqXM_2.js";
+import { i as p, n as c, r as h, t as g } from "../../../../dist-BnCbAI-c.js";
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 var j = ({ isOpen: t, trigger: r, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
   const { theme: m } = f();

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { Button as i } from "../../../Button/Button.js";
 import { useFilterContext as c } from "../../contexts/filter.hook.js";
 import { resetEvent as m } from "../../events/index.js";

package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js

@@ -1,11 +1,11 @@
-import { t as d } from "../../../../Checkbox-B20uoUKD.js";
-import { t as s } from "../../../../utils-Cx-WzRZF.js";
+import { t as d } from "../../../../Checkbox-8KnRLpQG.js";
+import { t as s } from "../../../../utils-B-6R7kNE.js";
 import { Button as m } from "../../../Button/Button.js";
 import { t as y } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as O } from "../../../Badge/Badge.js";
 import { filterButtonIconVariants as S, filterButtonVariants as w } from "../../Filter.variants.js";
 import { FilterDropdown as B } from "../FilterDropdown/FilterDropdown.js";
-import { useBadgeMultiSelect as A } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
+import { useBadgeMultiSelect as A } from "../BadgeDropdown/hooks/useBadgeMultiSelect/useBadgeMultiSelect.js";
 import { Fragment as j, jsx as e, jsxs as t } from "react/jsx-runtime";
 var E = ({ options: r, label: o, position: p = "left", onApply: h, showSelectAll: x = !0, selectAllLabel: c = "All" }) => {
   const { isOpen: n, isAllSelected: g, selectedOptions: f, selectedCount: i, handleOpenChange: u, handleResetOptions: b, handleApplyOptions: C, handleSelectAll: k, handleSelectOption: N } = A({

package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js

@@ -1,11 +1,11 @@
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { Button as s } from "../../../Button/Button.js";
 import { t as k } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as N } from "../../../Badge/Badge.js";
 import { TimePicker as C } from "../../../TimePicker/TimePicker.js";
 import { filterButtonIconVariants as w, filterButtonVariants as B } from "../../Filter.variants.js";
 import { FilterDropdown as D } from "../FilterDropdown/FilterDropdown.js";
-import { useTimeFilterDropdown as F } from "./TimeFilterDropdown.hook.js";
+import { useTimeFilterDropdown as F } from "./hooks/useTimeFilterDropdown/useTimeFilterDropdown.js";
 import { Fragment as j, jsx as e, jsxs as l } from "react/jsx-runtime";
 var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
   const { appliedLabel: c, isOpen: o, selectedTime: h, selectedPresetLabel: d, handleApply: b, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({

package/dist/components/Filter/components/TimeFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useTimeFilterDropdown as r } from "./useTimeFilterDropdown/useTimeFilterDropdown.js";
+export {
+  r as useTimeFilterDropdown
+};

package/dist/components/Filter/components/TimeFilterDropdown/{TimeFilterDropdown.hook.js → hooks/useTimeFilterDropdown/useTimeFilterDropdown.js}

@@ -1,7 +1,7 @@
-import { getFormattedTime as g } from "../../../TimePicker/utils/index.js";
-import { useFilterContext as w } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as x } from "../../events/index.js";
-import { useFilterDropdownSync as A } from "../../hooks/useFilterDropdownSync.js";
+import { getFormattedTime as g } from "../../../../../TimePicker/utils/index.js";
+import { useFilterContext as w } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as x } from "../../../../events/index.js";
+import { useFilterDropdownSync as A } from "../../../../hooks/useFilterDropdownSync.js";
 import { useCallback as d, useId as D, useState as t } from "react";
 var j = ({ onApply: o, format: v = "24" }) => {
   const { closeOnApply: c } = w(), l = D(), [b, s] = t(!1), [n, i] = t(), [r, p] = t(), [m, a] = t(), [h, f] = t(), S = h ?? (r ? g(r, v) : void 0), C = (e) => {

package/dist/components/Filter/components/index.js

@@ -1,14 +1,16 @@
 import { BadgeMultiSelect as t } from "./BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as e } from "./DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as i } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { ResetButton as l } from "./ResetButton/ResetButton.js";
-import { TextMultiSelect as n } from "./TextMultiSelect/TextMultiSelect.js";
-import { TimeFilterDropdown as a } from "./TimeFilterDropdown/TimeFilterDropdown.js";
+import { CustomDateRangeFilterDropdown as e } from "./CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
+import { DateFilterDropdown as i } from "./DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as l } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { ResetButton as n } from "./ResetButton/ResetButton.js";
+import { TextMultiSelect as a } from "./TextMultiSelect/TextMultiSelect.js";
+import { TimeFilterDropdown as u } from "./TimeFilterDropdown/TimeFilterDropdown.js";
 export {
   t as BadgeMultiSelect,
-  e as DateFilterDropdown,
-  i as DateRangeFilterDropdown,
-  l as ResetButton,
-  n as TextMultiSelect,
-  a as TimeFilterDropdown
+  e as CustomDateRangeFilterDropdown,
+  i as DateFilterDropdown,
+  l as DateRangeFilterDropdown,
+  n as ResetButton,
+  a as TextMultiSelect,
+  u as TimeFilterDropdown
 };

package/dist/components/ImageUpload/ImageUpload.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../ImageUpload-DgCBCa5X.js";
+import { t as a } from "../../ImageUpload-D7HKSXK8.js";
 export {
   a as ImageUpload
 };

package/dist/components/Input/Input.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Input-wp-rsCmX.js";
+import { t as o } from "../../Input-is8n7emP.js";
 export {
   o as Input
 };

package/dist/components/LineChart/LineChart.js

@@ -1,4 +1,4 @@
-import { i as l, t as _ } from "../../utils-Cx-WzRZF.js";
+import { a as l, t as _ } from "../../utils-B-6R7kNE.js";
 import { Typography as z } from "../Typography/Typography.js";
 import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-iUAHw-3y.js";
 import { useMemo as h } from "react";

package/dist/components/Loading/Loading.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../Loading-DUh9PMJN.js";
+import { t as r } from "../../Loading-DO8JOWBV.js";
 export {
   r as Loading
 };

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../../Modal-CkAf9UY7.js";
+import { t } from "../../Modal-DL4p692X.js";
 export {
   t as Modal
 };

package/dist/components/Modal/components/Body/Body.js

@@ -1,5 +1,5 @@
 import { t as m } from "../../../../dist-xCbHbMLA.js";
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { jsx as s } from "react/jsx-runtime";
 var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ s(o ? m : "div", {
   className: a("flex-1", t),

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,5 +1,5 @@
 import { t as m } from "../../../../dist-xCbHbMLA.js";
-import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { t as a } from "../../../../utils-B-6R7kNE.js";
 import { jsx as e } from "react/jsx-runtime";
 var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ e(o ? m : "div", {
   className: a("border-zinc-200 dark:border-metal-700", t),

package/dist/components/Modal/components/Header/Header.js

@@ -1,5 +1,5 @@
 import { t as a } from "../../../../dist-xCbHbMLA.js";
-import { t as e } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-B-6R7kNE.js";
 import { jsx as m } from "react/jsx-runtime";
 var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ m(o ? a : "div", {
   className: e("border-zinc-200 dark:border-metal-700", t),

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../Modal-CkAf9UY7.js";
+import { n as p } from "../../../../Modal-DL4p692X.js";
 export {
   p as Wrapper
 };

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-CkAf9UY7.js";
+import { n as i } from "../../../Modal-DL4p692X.js";
 export {
   o as Body,
   p as Footer,

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,4 +1,4 @@
-import { t } from "../../components-MnxnhLqM.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-MnxnhLqM.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-MnxnhLqM.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-MnxnhLqM.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/PhoneNumberInput/PhoneNumberInput.js

@@ -1,5 +1,5 @@
 import { t as p } from "../../phone-number.provider-Dkq_p1Gi.js";
-import { t } from "../../Wrapper-B8Ja3k4j.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-CnJjnsp6.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-wp-rsCmX.js";
-import { t as c } from "../../../../utils-Cx-WzRZF.js";
-import { t as d } from "../../../../FlagSelectorList-CnJjnsp6.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,5 +1,5 @@
 import { o as f } from "../../../../rolldown-runtime-Dw9YIBcH.js";
-import { a as u, i as b, n as m, o as p } from "../../../../dist-oJzmvhAb.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";

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

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-B8Ja3k4j.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-CnJjnsp6.js";
-import { t as p } from "../../../Wrapper-B8Ja3k4j.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/PieChart/PieChart.js

@@ -1,4 +1,4 @@
-import { i as e } from "../../utils-Cx-WzRZF.js";
+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";

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,20 +1,20 @@
-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";
+import { labelRadioVariants as p, radioVariants as V, wrapperRadioVariants as b } from "./Radio.variants.js";
+import { forwardRef as j, useId as w } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, label: f, labelTextClassName: N, description: r, descriptionClassName: h, name: m, theme: x, value: i, wrapperClassName: R, onChange: y }, g) => {
-  const n = `${j()}-${m}`;
+var F = j(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, label: f, labelTextClassName: N, description: r, descriptionClassName: h, name: m, theme: x, value: i, wrapperClassName: R, onChange: y, onClick: g }, u) => {
+  const n = `${w()}-${m}`;
   return /* @__PURE__ */ c("label", {
     htmlFor: n,
-    className: a(V({
+    className: a(b({
       className: R,
       disabled: e || !1
     })),
     "data-theme": x,
     children: [
       /* @__PURE__ */ s("input", {
-        ref: g,
+        ref: u,
         id: n,
         type: "radio",
         name: m,
@@ -23,9 +23,10 @@ var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, labe
         defaultChecked: l,
         className: "hidden peer",
         onChange: () => y?.(i),
+        onClick: g,
         disabled: e
       }),
-      /* @__PURE__ */ s("span", { className: a(u({
+      /* @__PURE__ */ s("span", { className: a(V({
         className: d,
         disabled: e || !1,
         checked: o || l || !1
@@ -45,7 +46,7 @@ var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, labe
     ]
   });
 });
-w.displayName = "KonstructRadio";
+F.displayName = "KonstructRadio";
 export {
-  w as Radio
+  F as Radio
 };