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

package/dist/components/Drawer/Drawer.js

@@ -1,21 +1,21 @@
 "use client";
-import { t as g } from "../../x-BI9jmc7e.js";
+import { t as g } from "../../x-Ierxf0uI.js";
 import { t as z } from "../../dist-DX0sBG3Q.js";
-import { t as o } from "../../utils-Cx-WzRZF.js";
+import { t as o } from "../../utils-B-6R7kNE.js";
 import { t as B } from "../../Combination-CnMM05mt.js";
-import { t as C } from "../../es2015-DigR3dar.js";
-import { DrawerContext as I } from "./contexts/Drawer.context.js";
-import { Header as M } from "./components/Header/Header.js";
-import { Body as j } from "./components/Body/Body.js";
-import { Footer as k } from "./components/Footer/Footer.js";
-import { buttonCloseVariants as A, drawerVariants as K, overlayVariants as P, resizeHandleVariants as R } from "./Drawer.variants.js";
+import { t as I } from "../../es2015-B_07N-UL.js";
+import { DrawerContext as M } from "./contexts/Drawer.context.js";
+import { Header as j } from "./components/Header/Header.js";
+import { Body as k } from "./components/Body/Body.js";
+import { Footer as A } from "./components/Footer/Footer.js";
+import { buttonCloseVariants as K, drawerVariants as P, overlayVariants as R, resizeHandleVariants as T } from "./Drawer.variants.js";
 import "./constants/index.js";
-import { useDrawer as T } from "./hooks/useDrawer.js";
-import { useId as _, useMemo as E } from "react";
-import { createPortal as L } from "react-dom";
+import { useDrawer as _ } from "./hooks/useDrawer.js";
+import { useId as E, useMemo as L } from "react";
+import { createPortal as S } from "react-dom";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-var d = ({ canResize: t = !1, children: u, className: c, classNames: r, container: f, defaultWidth: m = 500, isOpen: p, maxWidth: h, minWidth: w, position: a = "right", showCloseButton: y = !0, theme: v, onClose: i }) => {
-  const n = _(), { handleKeyDown: b, handleMouseDown: D, isAnimating: s, isVisible: x, translateClass: V, width: H } = T({
+var d = ({ canResize: t = !1, children: c, className: u, classNames: r, container: f, defaultWidth: m = 500, isOpen: p, maxWidth: h, minWidth: w, position: a = "right", showCloseButton: y = !0, theme: v, onClose: i }) => {
+  const n = E(), { handleKeyDown: b, handleMouseDown: D, isAnimating: s, isVisible: x, translateClass: V, width: H } = _({
     canResize: t,
     defaultWidth: m,
     isOpen: p,
@@ -23,28 +23,29 @@ var d = ({ canResize: t = !1, children: u, className: c, classNames: r, containe
     minWidth: w,
     position: a,
     onClose: i
-  }), F = E(() => ({
+  }), C = L(() => ({
     classNames: r,
     headerId: n
   }), [r, n]);
-  return x ? L(/* @__PURE__ */ e(I.Provider, {
-    value: F,
+  if (!x) return null;
+  const F = /* @__PURE__ */ e(M.Provider, {
+    value: C,
     children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l("div", {
       className: o("fixed inset-0 z-40", r?.root),
       "data-theme": v,
       children: [/* @__PURE__ */ e("div", {
-        className: o(P(), {
+        className: o(R(), {
           "opacity-50": s,
           "opacity-0": !s
         }, r?.overlay),
         "aria-hidden": "true",
         onClick: i,
         role: "presentation"
-      }), /* @__PURE__ */ e(C, {
+      }), /* @__PURE__ */ e(I, {
         returnFocus: !0,
         className: "contents",
         children: /* @__PURE__ */ l("div", {
-          className: o(K({ position: a }), V, r?.panel, c),
+          className: o(P({ position: a }), V, r?.panel, u),
           style: { width: t ? H : m },
           role: "dialog",
           "aria-modal": "true",
@@ -53,29 +54,30 @@ var d = ({ canResize: t = !1, children: u, className: c, classNames: r, containe
             t && /* @__PURE__ */ e("button", {
               type: "button",
               "aria-label": "Resize drawer",
-              className: o(R({ position: a }), r?.resizeHandle),
+              className: o(T({ position: a }), r?.resizeHandle),
               onMouseDown: D,
               onKeyDown: b
             }),
             y && /* @__PURE__ */ l("button", {
-              className: o(A(), r?.closeButton),
+              className: o(K(), r?.closeButton),
               onClick: i,
               type: "button",
               children: [/* @__PURE__ */ e(g, { size: 20 }), /* @__PURE__ */ e(z, { children: "Dismiss drawer" })]
             }),
             /* @__PURE__ */ e("div", {
               className: o("flex flex-1 flex-col h-full overflow-hidden", r?.content),
-              children: u
+              children: c
             })
           ]
         })
       })]
     }) })
-  }), f || document.body) : null;
+  });
+  return S(F, f || document.body);
 };
-d.Header = M;
-d.Body = j;
-d.Footer = k;
+d.Header = j;
+d.Body = k;
+d.Footer = A;
 export {
   d as Drawer
 };

package/dist/components/Drawer/components/Body/Body.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-B-6R7kNE.js";
 import { useDrawerContext as a } from "../../contexts/Drawer.context.js";
 import { memo as t } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/Drawer/components/Footer/Footer.js

@@ -1,4 +1,4 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
+import { t } from "../../../../utils-B-6R7kNE.js";
 import { useDrawerContext as m } from "../../contexts/Drawer.context.js";
 import { memo as a } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/Drawer/components/Header/Header.js

@@ -1,4 +1,4 @@
-import { t as d } from "../../../../utils-Cx-WzRZF.js";
+import { t as d } from "../../../../utils-B-6R7kNE.js";
 import { useDrawerContext as s } from "../../contexts/Drawer.context.js";
 import { memo as t } from "react";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/DropdownButton/DropdownButton.js

@@ -1,4 +1,4 @@
-import { t } from "../../DropdownButton-DfNojmCW.js";
+import { t } from "../../DropdownButton-D4QlKGg7.js";
 export {
   t as DropdownButton
 };

package/dist/components/Filter/Filter.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as a } from "../../utils-Cx-WzRZF.js";
+import { t as a } from "../../utils-B-6R7kNE.js";
 import { FilterProvider as p } from "./contexts/filter.provider.js";
 import { filterVariants as n } from "./Filter.variants.js";
 import { BadgeMultiSelect as d } from "./components/BadgeDropdown/BadgeMultiSelect.js";

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

@@ -1,52 +1,67 @@
-import { useFilterContext as F } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as w } from "../../events/index.js";
-import { useFilterDropdownSync as x } from "../../hooks/useFilterDropdownSync.js";
-import { useCallback as a, useId as y, useMemo as f, useState as m } from "react";
-var B = ({ onApply: o, options: d = [] }) => {
-  const { closeOnApply: p } = F(), c = y(), [u, n] = m(!1), [t, i] = m([]), O = a(() => n(!1), []), r = a(() => {
-    i([]), o?.([]);
-  }, [o]);
-  x({
+import { useFilterContext as w } from "../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as y } from "../../events/index.js";
+import { useFilterDropdownSync as I } from "../../hooks/useFilterDropdownSync.js";
+import { useCallback as p, useId as M, useMemo as u, useState as R } from "react";
+var E = ({ onApply: r, options: o = [] }) => {
+  const { closeOnApply: a } = w(), c = M(), [v, d] = R(!1), [n, l] = R([]), A = p(() => d(!1), []), m = p(() => {
+    l([]), r?.([]);
+  }, [r]);
+  I({
     id: c,
-    onClose: O,
-    onReset: r
+    onClose: A,
+    onReset: m
   });
-  const A = (e) => {
-    e && (w(c), i((s) => s.filter((l) => l.isApplied))), n(e);
-  }, h = (e, s) => {
-    i(s ? [...t, {
+  const h = (e) => {
+    e && (y(c), l((t) => t.filter((i) => i.isApplied).map((i) => ({
+      ...i,
+      isRemoved: !1
+    })))), d(e);
+  }, O = (e, t) => {
+    l(t ? (i) => i.some((s) => s.id === e.id) ? i.map((s) => s.id === e.id ? {
+      ...s,
+      isRemoved: !1
+    } : s) : [...i, {
       ...e,
       isApplied: !1
-    }] : t.map((l) => l.id === e.id ? {
-      ...l,
+    }] : (i) => i.map((s) => s.id === e.id ? {
+      ...s,
       isRemoved: !0
-    } : l));
+    } : s));
   }, S = () => {
-    r(), p && n(!1);
-  }, v = () => {
-    const e = t?.filter((s) => !s.isRemoved).map((s) => ({
-      ...s,
+    m(), a && d(!1);
+  }, C = () => {
+    const e = n.filter((t) => !t.isRemoved).map((t) => ({
+      ...t,
       isApplied: !0
     }));
-    i(e), o?.(e.map(({ isApplied: s, isRemoved: l, ...g }) => g)), p && n(!1);
-  }, R = f(() => t.filter((e) => e.isApplied), [t]), C = f(() => d.length > 0 && d.every((e) => t.some((s) => s.id === e.id && !s.isRemoved)), [d, t]);
+    l(e), r?.(e.map(({ isApplied: t, isRemoved: i, ...s }) => s)), a && d(!1);
+  }, g = u(() => n.filter((e) => e.isApplied), [n]), x = u(() => o.length > 0 && o.every((e) => n.some((t) => t.id === e.id && !t.isRemoved)), [o, n]);
   return {
-    isOpen: u,
-    isAllSelected: C,
-    selectedCount: R,
-    selectedOptions: t,
-    handleApplyOptions: v,
-    handleOpenChange: A,
+    isOpen: v,
+    isAllSelected: x,
+    selectedCount: g,
+    selectedOptions: n,
+    handleApplyOptions: C,
+    handleOpenChange: h,
     handleResetOptions: S,
-    handleSelectAll: (e, s) => {
-      s && i(e.map((l) => ({
-        ...l,
-        isApplied: !1
+    handleSelectAll: (e, t) => {
+      l(t ? (i) => e.map((s) => {
+        const f = i.find((F) => F.id === s.id);
+        return f ? {
+          ...f,
+          isRemoved: !1
+        } : {
+          ...s,
+          isApplied: !1
+        };
+      }) : (i) => i.map((s) => ({
+        ...s,
+        isRemoved: !0
       })));
     },
-    handleSelectOption: h
+    handleSelectOption: O
   };
 };
 export {
-  B as useBadgeMultiSelect
+  E as useBadgeMultiSelect
 };

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-8KnRLpQG.js";
+import { t as c } from "../../../../utils-B-6R7kNE.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/DateFilterDropdown/DateFilterDropdown.js

@@ -1,4 +1,4 @@
-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";

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/DateRangeFilterDropdown/DateRangeFilterDropdown.js

@@ -1,4 +1,4 @@
-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";

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-BaPW7qXd2.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,71 +1,73 @@
-import { t as m } from "../../../../Checkbox-B_ngk9Dj.js";
-import { t as s } from "../../../../utils-Cx-WzRZF.js";
-import { Button as o } from "../../../Button/Button.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 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/components/TimeFilterDropdown/TimeFilterDropdown.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 s } from "../../../Button/Button.js";
 import { t as k } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as N } from "../../../Badge/Badge.js";

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-D7HKSXK8.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-is8n7emP.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 { 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-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/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-Dyn088X7.js";
+import { t } from "../../Modal-Dq9BHD_9.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-Dyn088X7.js";
+import { n as p } from "../../../../Modal-Dq9BHD_9.js";
 export {
   p as Wrapper
 };