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

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -1,47 +1,49 @@
-import { t as m } from "../../../../Checkbox-B_ngk9Dj.js";
-import { t as d } from "../../../../utils-Cx-WzRZF.js";
-import { Button as h } from "../../../Button/Button.js";
+import { t as o } from "../../../../Checkbox-B20uoUKD.js";
+import { t as c } from "../../../../utils-Cx-WzRZF.js";
+import { Button as m } from "../../../Button/Button.js";
 import { t as O } from "../../../../chevron-down-DNP-OOAQ.js";
-import { Badge as c } from "../../../Badge/Badge.js";
+import { Badge as i } from "../../../Badge/Badge.js";
 import { filterButtonIconVariants as S, filterButtonVariants as B } from "../../Filter.variants.js";
-import { FilterDropdown as A } from "../FilterDropdown/FilterDropdown.js";
-import { useBadgeMultiSelect as I } from "./BadgeMultiSelect.hook.js";
-import { Fragment as j, jsx as a, jsxs as l } from "react/jsx-runtime";
-var E = ({ options: r, label: g, position: p = "left", onApply: f, showSelectAll: u = !0, selectAllLabel: x = "All" }) => {
-  const { isOpen: t, isAllSelected: i, selectedOptions: C, selectedCount: s, handleOpenChange: b, handleResetOptions: v, handleApplyOptions: k, handleSelectAll: y, handleSelectOption: N } = I({
-    onApply: f,
-    options: r
+import { FilterDropdown as I } from "../FilterDropdown/FilterDropdown.js";
+import { useBadgeMultiSelect as A } from "./BadgeMultiSelect.hook.js";
+import { Fragment as j, jsx as a, jsxs as r } from "react/jsx-runtime";
+var G = ({ options: l, label: h, position: g = "left", onApply: p, showSelectAll: f = !0, selectAllLabel: d = "All" }) => {
+  const { isOpen: n, isAllSelected: u, selectedOptions: x, selectedCount: s, handleOpenChange: b, handleResetOptions: v, handleApplyOptions: C, handleSelectAll: k, handleSelectOption: y } = A({
+    onApply: p,
+    options: l
   });
-  return r.length === 0 ? null : /* @__PURE__ */ l(A, {
-    isOpen: t,
-    position: p,
+  return l.length === 0 ? null : /* @__PURE__ */ r(I, {
+    isOpen: n,
+    position: g,
     contentClassName: "border border-gray-200",
-    triggerClassName: d(B(), { "text-slate-700 dark:text-metal-50": t }),
-    trigger: /* @__PURE__ */ l(j, { children: [
-      g,
-      s.length > 0 && /* @__PURE__ */ a(c, { label: s.length.toString() }),
-      /* @__PURE__ */ a(O, { className: d(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": t }) })
+    triggerClassName: c(B(), { "text-slate-700 dark:text-metal-50": n }),
+    trigger: /* @__PURE__ */ r(j, { children: [
+      h,
+      s.length > 0 && /* @__PURE__ */ a(i, { label: s.length.toString() }),
+      /* @__PURE__ */ a(O, { className: c(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
     ] }),
     onOpenChange: b,
     children: [/* @__PURE__ */ a("div", {
       className: "px-6 py-4",
-      children: /* @__PURE__ */ l("div", {
+      children: /* @__PURE__ */ r("div", {
         className: "flex flex-col gap-2",
-        children: [u && /* @__PURE__ */ l("div", {
+        children: [f && /* @__PURE__ */ r("div", {
           className: "flex gap-4",
-          children: [/* @__PURE__ */ a(m, {
-            defaultChecked: i,
-            onChange: (e) => y(r, e)
-          }, `select-all-${i}`), /* @__PURE__ */ a(c, { label: x })]
-        }), r.map((e) => {
-          const o = !!C.find((n) => n.id === e.id);
-          return /* @__PURE__ */ l("div", {
+          children: [/* @__PURE__ */ a(o, {
+            checked: u,
+            "aria-label": d,
+            onChange: (e) => k(l, e)
+          }), /* @__PURE__ */ a(i, { label: d })]
+        }), l.map((e) => {
+          const N = x.some((t) => t.id === e.id && !t.isRemoved);
+          return /* @__PURE__ */ r("div", {
             className: "flex gap-4",
-            children: [/* @__PURE__ */ a(m, {
-              defaultChecked: o,
+            children: [/* @__PURE__ */ a(o, {
+              checked: N,
+              "aria-label": e.label,
               "data-label": e.id,
-              onChange: (n) => N(e, n)
-            }, `${e.id}-${o}`), /* @__PURE__ */ a(c, {
+              onChange: (t) => y(e, t)
+            }), /* @__PURE__ */ a(i, {
               label: e.label,
               variant: e.variant,
               leftIcon: e.leftIcon,
@@ -51,21 +53,21 @@ var E = ({ options: r, label: g, position: p = "left", onApply: f, showSelectAll
           }, e.id);
         })]
       })
-    }), /* @__PURE__ */ l("div", {
-      className: d("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
-      children: [/* @__PURE__ */ a(h, {
+    }), /* @__PURE__ */ r("div", {
+      className: c("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
+      children: [/* @__PURE__ */ a(m, {
         variant: "secondary",
         appearance: "compact",
         onClick: v,
         children: "Reset"
-      }), /* @__PURE__ */ a(h, {
+      }), /* @__PURE__ */ a(m, {
         appearance: "compact",
-        onClick: k,
+        onClick: C,
         children: "Apply"
       })]
     })]
   });
 };
 export {
-  E as BadgeMultiSelect
+  G as BadgeMultiSelect
 };

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.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-B-BTGYA5.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.hook.js

@@ -1,7 +1,7 @@
 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-B-BTGYA5.js";
+import { t as x } from "../../../../utils-DVYdP0CJ.js";
 import { useCallback as a, useId as y, useMemo as I, useState as i } 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(() => {

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

@@ -1,6 +1,6 @@
 import { t as l } from "../../../../utils-Cx-WzRZF.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-BaPW7qXd2.js";
+import { i as p, n as c, r as h, t as g } from "../../../../dist-B6ExqXM_2.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/TextMultiSelect/TextMultiSelect.js

@@ -1,71 +1,73 @@
-import { t as m } from "../../../../Checkbox-B_ngk9Dj.js";
+import { t as d } from "../../../../Checkbox-B20uoUKD.js";
 import { t as s } from "../../../../utils-Cx-WzRZF.js";
-import { Button as o } from "../../../Button/Button.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 A } from "../FilterDropdown/FilterDropdown.js";
-import { useBadgeMultiSelect as B } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
-import { Fragment as j, jsx as e, jsxs as a } from "react/jsx-runtime";
-var z = ({ options: l, label: p, position: h = "left", onApply: f, showSelectAll: x = !0, selectAllLabel: g = "All" }) => {
-  const { isOpen: r, isAllSelected: c, selectedOptions: u, selectedCount: d, handleOpenChange: C, handleResetOptions: b, handleApplyOptions: k, handleSelectAll: N, handleSelectOption: v } = B({
-    onApply: f,
-    options: l
+import { FilterDropdown as B } from "../FilterDropdown/FilterDropdown.js";
+import { useBadgeMultiSelect as A } from "../BadgeDropdown/BadgeMultiSelect.hook.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({
+    onApply: h,
+    options: r
   });
-  return l.length === 0 ? null : /* @__PURE__ */ a(A, {
-    isOpen: r,
-    position: h,
+  return r.length === 0 ? null : /* @__PURE__ */ t(B, {
+    isOpen: n,
+    position: p,
     contentClassName: "border border-gray-200",
-    triggerClassName: s(w(), { "text-slate-700 dark:text-metal-50": r }),
-    trigger: /* @__PURE__ */ a(j, { children: [
-      p,
-      d.length > 0 && /* @__PURE__ */ e(O, { label: d.length.toString() }),
-      /* @__PURE__ */ e(y, { className: s(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
+    triggerClassName: s(w(), { "text-slate-700 dark:text-metal-50": n }),
+    trigger: /* @__PURE__ */ t(j, { children: [
+      o,
+      i.length > 0 && /* @__PURE__ */ e(O, { label: i.length.toString() }),
+      /* @__PURE__ */ e(y, { className: s(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
     ] }),
-    onOpenChange: C,
+    onOpenChange: u,
     children: [/* @__PURE__ */ e("div", {
       className: "px-6 py-4",
-      children: /* @__PURE__ */ a("div", {
+      children: /* @__PURE__ */ t("div", {
         className: "flex flex-col gap-2",
-        children: [x && /* @__PURE__ */ a("div", {
+        children: [x && /* @__PURE__ */ t("div", {
           className: "flex gap-4",
-          children: [/* @__PURE__ */ e(m, {
-            defaultChecked: c,
-            onChange: (t) => N(l, t)
-          }, `select-all-${c}`), /* @__PURE__ */ e("span", {
+          children: [/* @__PURE__ */ e(d, {
+            checked: g,
+            "aria-label": c,
+            onChange: (a) => k(r, a)
+          }), /* @__PURE__ */ e("span", {
             className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
-            children: g
+            children: c
           })]
-        }), l.map((t) => {
-          const i = !!u.find((n) => n.id === t.id);
-          return /* @__PURE__ */ a("div", {
+        }), r.map((a) => {
+          const v = f.some((l) => l.id === a.id && !l.isRemoved);
+          return /* @__PURE__ */ t("div", {
             className: "flex gap-4",
-            children: [/* @__PURE__ */ e(m, {
-              defaultChecked: i,
-              "data-label": t.id,
-              onChange: (n) => v(t, n)
-            }, `${t.id}-${i}`), /* @__PURE__ */ e("span", {
+            children: [/* @__PURE__ */ e(d, {
+              checked: v,
+              "aria-label": a.label,
+              "data-label": a.id,
+              onChange: (l) => N(a, l)
+            }), /* @__PURE__ */ e("span", {
               className: "text-sm text-slate-700 dark:text-metal-200 whitespace-nowrap",
-              children: t.label
+              children: a.label
             })]
-          }, t.id);
+          }, a.id);
         })]
       })
-    }), /* @__PURE__ */ a("div", {
+    }), /* @__PURE__ */ t("div", {
       className: s("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
-      children: [/* @__PURE__ */ e(o, {
+      children: [/* @__PURE__ */ e(m, {
         variant: "secondary",
         appearance: "compact",
         onClick: b,
         children: "Reset"
-      }), /* @__PURE__ */ e(o, {
+      }), /* @__PURE__ */ e(m, {
         appearance: "compact",
-        onClick: k,
+        onClick: C,
         children: "Apply"
       })]
     })]
   });
 };
 export {
-  z as TextMultiSelect
+  E as TextMultiSelect
 };

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

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-B-BTGYA5.js";
+import { t } from "../../../utils-DVYdP0CJ.js";
 export {
   t as getLocale
 };

package/dist/components/ImageUpload/ImageUpload.js

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

package/dist/components/Input/Input.js

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

package/dist/components/LineChart/LineChart.js

@@ -1,6 +1,6 @@
 import { i as l, t as _ } from "../../utils-Cx-WzRZF.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-AihTpWdF.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";
 import { jsx as p, jsxs as V } from "react/jsx-runtime";
 P.register(E, F, M, O, N, j, D);

package/dist/components/Modal/Modal.js

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

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

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../Modal-Dyn088X7.js";
+import { n as p } from "../../../../Modal-CkAf9UY7.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-Dyn088X7.js";
+import { n as i } from "../../../Modal-CkAf9UY7.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-MnxnhLqM.js";
 export {
   t as MultiSelectDropdown
 };

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-MnxnhLqM.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-MnxnhLqM.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-MnxnhLqM.js";
 export {
   m as Item,
   t as List,

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-B8Ja3k4j.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/FlagSelectorList/FlagSelectorList.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../FlagSelectorList-CkTR3j6O.js";
+import { t as o } from "../../../../FlagSelectorList-CnJjnsp6.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 i } from "../../../../Input-wp-rsCmX.js";
 import { t as c } from "../../../../utils-Cx-WzRZF.js";
-import { t as d } from "../../../../FlagSelectorList-CkTR3j6O.js";
+import { t as d } from "../../../../FlagSelectorList-CnJjnsp6.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-oJzmvhAb.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-B8Ja3k4j.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-CnJjnsp6.js";
+import { t as p } from "../../../Wrapper-B8Ja3k4j.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 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/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 { i as v, n as V, r as i, t as S } from "../../dist-CqNOgbfR.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,41 @@
 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 { t as v } from "../../Wrapper-R8fik3ah.js";
+import { SelectProvider as N } from "./contexts/select.provider.js";
+import { n as O } 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
-    ]
-  })
-}));
+var W = g(({ error: e, errorClassName: m, helperText: s, helperTextClassName: n, highlightSearch: p, mainWrapperClassName: d, name: l, value: f, options: t, onChange: o, onBlur: i, ...c }, x) => {
+  const u = j(() => t.length ? O(t.at(0)) ? t.flatMap((h) => h.options) : t : [], [t]);
+  return /* @__PURE__ */ r(N, {
+    highlightSearch: p,
+    name: l,
+    value: f,
+    options: u,
+    onBlur: i,
+    onChange: o,
+    children: /* @__PURE__ */ k("div", {
+      className: a("relative w-full", d),
+      children: [
+        /* @__PURE__ */ r(v, {
+          error: e,
+          name: l,
+          ref: x,
+          onBlur: i,
+          groupedOptions: t,
+          ...c
+        }),
+        e ? /* @__PURE__ */ r("span", {
+          className: a("text-xs text-red-700 dark:text-red-400", m),
+          children: e
+        }) : null,
+        !e && s ? /* @__PURE__ */ r("span", {
+          className: a("text-xs text-slate-600 dark:text-slate-200", n),
+          children: s
+        }) : null
+      ]
+    })
+  });
+});
 export {
-  R as Select
+  W as Select
 };