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

package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js

@@ -1,8 +1,8 @@
 import { t as a } from "../../../../../../utils-Cx-WzRZF.js";
-import { t as Q } from "../../../../../../react-CvUtBTMg.js";
+import { t as Q } from "../../../../../../react-B6Nc0Fib.js";
 import { CalendarDivider as U } from "../CalendarDivider/CalendarDivider.js";
 import { calendarGridContainerVariants as X, calendarPanelVariants as Y } from "../../CalendarPanel.variants.js";
-import "../../../../../../constants-CxJJRVK3.js";
+import "../../../../../../constants-CSsr7_YV.js";
 import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";
 import { useIndependentCarousel as Z } from "../../hooks/useIndependentCarousel.js";
 import { NavigationButton as c } from "../NavigationButton/NavigationButton.js";

package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js

@@ -1,5 +1,5 @@
 import { t as n } from "../../../../../../utils-Cx-WzRZF.js";
-import { t as P } from "../../../../../../react-CvUtBTMg.js";
+import { t as P } from "../../../../../../react-B6Nc0Fib.js";
 import { CalendarDivider as W } from "../CalendarDivider/CalendarDivider.js";
 import { calendarGridContainerVariants as z, calendarPanelVariants as L } from "../../CalendarPanel.variants.js";
 import { CalendarMonth as R } from "../CalendarMonth/CalendarMonth.js";

package/dist/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../../../constants-CxJJRVK3.js";
+import { s as e } from "../../../../../constants-CSsr7_YV.js";
 export {
   e as createDayPickerClassNames
 };

package/dist/components/DateRangePicker/components/CalendarPanel/constants/index.js

@@ -1,5 +1,5 @@
 import { getMonthName as E } from "../../../utils/validation.js";
-import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-CxJJRVK3.js";
+import { a as s, i as _, n as r, o as T, r as e, s as o, t } from "../../../../../constants-CSsr7_YV.js";
 export {
   t as GAP_WIDTH,
   r as MONTH_HEADER_HEIGHT,

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/index.js

@@ -1,5 +1,5 @@
 import { getMonthName as t } from "../../../utils/validation.js";
-import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-CxJJRVK3.js";
+import { a as o, i as r, n as s, o as H, r as E, s as m, t as _ } from "../../../../../constants-CSsr7_YV.js";
 import { calculateCalendarHeight as T, getNextMonth as i, getPrevMonth as I, getWeeksInMonth as M } from "../utils/index.js";
 import { useTogetherCarousel as N } from "./useTogetherCarousel.js";
 import { useIndependentCarousel as h } from "./useIndependentCarousel.js";

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js

@@ -1,10 +1,10 @@
-import { r as w } from "../../../../../constants-CxJJRVK3.js";
-import { calculateCalendarHeight as j, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as O } from "../utils/index.js";
-import { useEffect as g, useMemo as p, useRef as I, useState as i } from "react";
-var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
-  const [f, x] = i(u[0]), [s, S] = i(null), [r, b] = i(!1), [a, L] = i(!1), [W, C] = i(!0), T = I(null), N = I(!0), [o, E] = i(u[1]), [l, D] = i(null), [n, P] = i(!1), [c, H] = i(!1), [X, _] = i(!0), A = I(null), d = I(!0);
+import { r as W } from "../../../../../constants-CSsr7_YV.js";
+import { calculateCalendarHeight as j, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as k } from "../utils/index.js";
+import { useEffect as g, useMemo as p, useRef as L, useState as i } from "react";
+var Q = ({ displayedMonths: u, animationDuration: F, navigationMode: I }) => {
+  const [f, x] = i(u[0]), [s, S] = i(null), [r, b] = i(!1), [a, H] = i(!1), [w, C] = i(!0), T = L(null), N = L(!0), [o, E] = i(u[1]), [l, D] = i(null), [n, P] = i(!1), [c, q] = i(!1), [O, _] = i(!0), A = L(null), d = L(!0);
   g(() => {
-    if (F === "independent") {
+    if (I === "independent") {
       if (N.current) {
         N.current = !1;
         return;
@@ -12,8 +12,8 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
       if (!r) {
         const e = f.getTime(), t = u[0].getTime();
         if (e !== t) {
-          const q = t - e, R = Math.round(q / w);
-          Math.abs(R) === 1 ? (S(R > 0 ? "left" : "right"), b(!0), L(!1)) : x(u[0]);
+          const R = t - e, M = Math.round(R / W);
+          Math.abs(M) === 1 ? (S(M > 0 ? "left" : "right"), b(!0), H(!1)) : x(u[0]);
         }
       }
     }
@@ -21,9 +21,9 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     u,
     f,
     r,
-    F
+    I
   ]), g(() => {
-    if (F === "independent") {
+    if (I === "independent") {
       if (d.current) {
         d.current = !1;
         return;
@@ -31,8 +31,8 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
       if (!n) {
         const e = o.getTime(), t = u[1].getTime();
         if (e !== t) {
-          const q = t - e, R = Math.round(q / w);
-          Math.abs(R) === 1 ? (D(R > 0 ? "left" : "right"), P(!0), H(!1)) : E(u[1]);
+          const R = t - e, M = Math.round(R / W);
+          Math.abs(M) === 1 ? (D(M > 0 ? "left" : "right"), P(!0), q(!1)) : E(u[1]);
         }
       }
     }
@@ -40,10 +40,10 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     u,
     o,
     n,
-    F
+    I
   ]), g(() => {
     r && !a && s && (T.current && T.current.offsetHeight, requestAnimationFrame(() => {
-      L(!0);
+      H(!0);
     }));
   }, [
     r,
@@ -51,7 +51,7 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     s
   ]), g(() => {
     n && !c && l && (A.current && A.current.offsetHeight, requestAnimationFrame(() => {
-      H(!0);
+      q(!0);
     }));
   }, [
     n,
@@ -61,42 +61,44 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     if (r && a) {
       const e = setTimeout(() => {
         C(!1), requestAnimationFrame(() => {
-          T.current && T.current.offsetHeight, x((t) => s === "left" ? m(t) : h(t)), b(!1), S(null), L(!1), requestAnimationFrame(() => {
+          T.current && T.current.offsetHeight, x((t) => s === "left" ? m(t) : h(t)), b(!1), S(null), H(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
               C(!0);
             });
           });
         });
-      }, M);
+      }, F);
       return () => clearTimeout(e);
     }
   }, [
     r,
     a,
-    M,
+    F,
     s
   ]), g(() => {
     if (n && c) {
       const e = setTimeout(() => {
         _(!1), requestAnimationFrame(() => {
-          A.current && A.current.offsetHeight, E((t) => l === "left" ? m(t) : h(t)), P(!1), D(null), H(!1), requestAnimationFrame(() => {
+          A.current && A.current.offsetHeight, E((t) => l === "left" ? m(t) : h(t)), P(!1), D(null), q(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
               _(!0);
             });
           });
         });
-      }, M);
+      }, F);
       return () => clearTimeout(e);
     }
   }, [
     n,
     c,
-    M,
+    F,
     l
   ]);
-  const $ = p(() => {
+  const X = p(() => {
     let e = f, t = o;
-    return r && s === "left" ? e = m(f) : r && s === "right" && (e = h(f)), n && l === "left" ? t = m(o) : n && l === "right" && (t = h(o)), j(Math.max(O(e), O(t)));
+    r && s === "left" ? e = m(f) : r && s === "right" && (e = h(f)), n && l === "left" ? t = m(o) : n && l === "right" && (t = h(o));
+    const R = Math.max(k(e), k(t));
+    return j(R);
   }, [
     f,
     o,
@@ -104,7 +106,7 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     n,
     s,
     l
-  ]), k = () => {
+  ]), $ = () => {
     let e = -259;
     return r && a && (s === "left" ? e = -2 * 259 : s === "right" && (e = 0)), `translateX(${e}px)`;
   }, G = () => {
@@ -117,18 +119,18 @@ var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     leftNextMonth: m(f),
     leftCarouselRef: T,
     isLeftAnimating: r,
-    enableLeftTransition: W,
+    enableLeftTransition: w,
     leftAnimateTransform: a,
-    getLeftTransform: k,
+    getLeftTransform: $,
     rightInternalMonth: o,
     rightPrevMonth: h(o),
     rightNextMonth: m(o),
     rightCarouselRef: A,
     isRightAnimating: n,
-    enableRightTransition: X,
+    enableRightTransition: O,
     rightAnimateTransform: c,
     getRightTransform: G,
-    calendarHeight: $
+    calendarHeight: X
   };
 };
 export {

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js

@@ -1,35 +1,37 @@
-import { r as w } from "../../../../../constants-CxJJRVK3.js";
+import { r as w } from "../../../../../constants-CSsr7_YV.js";
 import { calculateCalendarHeight as L, getNextMonth as T, getPrevMonth as g, getWeeksInMonth as X } from "../utils/index.js";
 import { useEffect as A, useMemo as $, useRef as q, useState as a } from "react";
 var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePrev: D, canNavigateNext: E, navigationMode: N, navigatePrevMonth: S, navigateNextMonth: b }) => {
-  const [n, u] = a(null), [e, c] = a(!1), [o, i] = a(!1), [p, F] = a(!0), [r, P] = a(l), f = q(null), R = q(!0), W = 291, C = g(g(r[0])), M = g(r[0]), h = r[0], m = r[1], d = T(r[1]), O = T(T(r[1])), v = $(() => {
+  const [n, c] = a(null), [e, u] = a(!1), [o, i] = a(!1), [p, W] = a(!0), [s, F] = a(l), f = q(null), P = q(!0), R = 291, C = g(g(s[0])), M = g(s[0]), m = s[0], h = s[1], d = T(s[1]), O = T(T(s[1])), k = $(() => {
     let t;
-    return e && n === "left" ? t = [m, d] : e && n === "right" ? t = [M, h] : t = [h, m], L(Math.max(...t.map(X)));
+    e && n === "left" ? t = [h, d] : e && n === "right" ? t = [M, m] : t = [m, h];
+    const r = Math.max(...t.map(X));
+    return L(r);
   }, [
     e,
     n,
-    h,
     m,
+    h,
     d,
     M
-  ]), G = 6 * 259 + 160, x = -2 * 291;
+  ]), v = 6 * 259 + 160, x = -2 * 291;
   return A(() => {
     if (N !== "independent") {
-      if (R.current) {
-        R.current = !1;
+      if (P.current) {
+        P.current = !1;
         return;
       }
       if (!e) {
-        const t = r[0].getTime(), s = l[0].getTime();
-        if (t !== s) {
-          const k = s - t, _ = Math.round(k / w);
-          Math.abs(_) === 1 ? (u(_ > 0 ? "left" : "right"), c(!0), i(!1)) : P(l);
+        const t = s[0].getTime(), r = l[0].getTime();
+        if (t !== r) {
+          const G = r - t, _ = Math.round(G / w);
+          Math.abs(_) === 1 ? (c(_ > 0 ? "left" : "right"), u(!0), i(!1)) : F(l);
         }
       }
     }
   }, [
     l,
-    r,
+    s,
     e,
     N
   ]), A(() => {
@@ -43,10 +45,10 @@ var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePre
   ]), A(() => {
     if (e && o) {
       const t = setTimeout(() => {
-        F(!1), requestAnimationFrame(() => {
-          f.current && f.current.offsetHeight, P((s) => n === "left" ? [s[1], T(s[1])] : [g(s[0]), s[0]]), c(!1), u(null), i(!1), requestAnimationFrame(() => {
+        W(!1), requestAnimationFrame(() => {
+          f.current && f.current.offsetHeight, F((r) => n === "left" ? [r[1], T(r[1])] : [g(r[0]), r[0]]), u(!1), c(null), i(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              F(!0);
+              W(!0);
             });
           });
         });
@@ -63,25 +65,25 @@ var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePre
     isAnimating: e,
     enableTransition: p,
     animateTransform: o,
-    calendarHeight: v,
-    carouselTotalWidth: G,
+    calendarHeight: k,
+    carouselTotalWidth: v,
     monthsToRender: [
       C,
       M,
-      h,
       m,
+      h,
       d,
       O
     ],
     handlePrevMonth: () => {
-      e || I || !D || (u("right"), c(!0), i(!1), S());
+      e || I || !D || (c("right"), u(!0), i(!1), S());
     },
     handleNextMonth: () => {
-      e || I || !E || (u("left"), c(!0), i(!1), b());
+      e || I || !E || (c("left"), u(!0), i(!1), b());
     },
     getTransform: () => {
       let t = x;
-      return e && o && (n === "left" ? t = x - W : n === "right" && (t = x + W)), `translateX(${t}px)`;
+      return e && o && (n === "left" ? t = x - R : n === "right" && (t = x + R)), `translateX(${t}px)`;
     }
   };
 };

package/dist/components/DateRangePicker/components/CalendarPanel/utils/index.js

@@ -1,4 +1,4 @@
-import "../../../../../constants-CxJJRVK3.js";
+import "../../../../../constants-CSsr7_YV.js";
 var E = (t) => {
   const e = t.getFullYear(), a = t.getMonth(), n = new Date(e, a, 1), r = new Date(e, a + 1, 0), o = n.getDay() + r.getDate();
   return Math.ceil(o / 7);

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -1,4 +1,4 @@
-import { t as I } from "../../../../../../Input-Cf44DzfE.js";
+import { t as I } from "../../../../../../Input-wp-rsCmX.js";
 import { t as r } from "../../../../../../utils-Cx-WzRZF.js";
 import { Typography as p } from "../../../../../Typography/Typography.js";
 import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -1,4 +1,4 @@
-import { t as I } from "../../../../../../Input-Cf44DzfE.js";
+import { t as I } from "../../../../../../Input-wp-rsCmX.js";
 import { t as r } from "../../../../../../utils-Cx-WzRZF.js";
 import { Typography as n } from "../../../../../Typography/Typography.js";
 import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";

package/dist/components/Datepicker/DatePicker.js

@@ -1,7 +1,7 @@
 import { t } from "../../utils-Cx-WzRZF.js";
 import { t as h } from "../../chevron-left-DxGDBBKA.js";
 import { t as f } from "../../chevron-right-CDwgDdp-.js";
-import { t as p } from "../../DayPicker-kweJz134.js";
+import { t as p } from "../../DayPicker-C22j0Y-u.js";
 import { datePickerVariants as k } from "./DatePicker.variants.js";
 import '../../style.css';/* empty css                   */
 import { useState as g } from "react";

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

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

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
 };