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

package/dist/components/Datepicker/DatePicker.js

@@ -4,29 +4,29 @@ import { t as f } from "../../chevron-right-CDwgDdp-.js";
 import { t as p } from "../../DayPicker-kweJz134.js";
 import { datePickerVariants as k } from "./DatePicker.variants.js";
 import '../../style.css';/* empty css                   */
-import { useCallback as g, useState as w } from "react";
+import { useState as g } from "react";
 import { jsx as a } from "react/jsx-runtime";
-var y = ({ className: l, showOutsideDays: n = !0, animate: d = !0, arrowClassName: s, monthsClassName: i, defaultSelected: m, onSelect: o, ...u }) => {
-  const [c, x] = w(() => m), b = g((e) => {
-    e && (x(e), o?.(e));
-  }, [o]);
+var w = ({ className: o, showOutsideDays: l = !0, animate: n = !0, arrowClassName: d, monthsClassName: s, defaultSelected: i, onSelect: m, ...u }) => {
+  const [c, x] = g(() => i), b = (e) => {
+    e && (x(e), m?.(e));
+  };
   return /* @__PURE__ */ a(p, {
-    className: t(k({ className: l })),
-    animate: d,
+    className: t(k({ className: o })),
+    animate: n,
     mode: "single",
     selected: c,
     onSelect: b,
-    showOutsideDays: n,
+    showOutsideDays: l,
     role: "dialog",
     "aria-label": "Datepicker",
     classNames: {
       chevron: t("cursor-pointer", "text-slate-500", "w-5", "h-5", "text-slate-500", "w-4", "h-4", "dark:text-metal-200"),
-      day_button: t("h-[30px]", "aria-selected:opacity-100", "font-semibold", "hover:rounded-full", "cursor-pointer", "rounded-full", "w-[30px]"),
+      day_button: t("h-7.5", "aria-selected:opacity-100", "font-semibold", "hover:rounded-full", "cursor-pointer", "rounded-full", "w-7.5"),
       day: "text-center text-sm leading-5",
       month_caption: t("text-slate-700", "font-semibold", "text-sm", "pl-1", "h-8", "flex", "items-center", "dark:text-white"),
-      months: t("flex", "flex-col", "relative", "px-5", "py-4", "rounded-lg", "shadow-md", "px-6", "py-4", "w-[307px]", "justify-center", "items-center", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", i),
+      months: t("flex", "flex-col", "relative", "px-5", "py-4", "rounded-lg", "shadow-md", "px-6", "py-4", "w-[307px]", "justify-center", "items-center", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", s),
       month: "flex flex-col gap-4",
-      nav: t("absolute", "right-4", "top-3.5", "flex", "justify-center", "items-center", "gap-1", s),
+      nav: t("absolute", "right-4", "top-3.5", "flex", "justify-center", "items-center", "gap-1", d),
       outside: "text-slate-400 dark:text-metal-500",
       selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "[&>button]:transition-all", "[&>button]:duration-300", "[&>button]:rounded-full", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900"),
       weekdays: "text-slate-500 dark:text-metal-300",
@@ -45,7 +45,7 @@ var y = ({ className: l, showOutsideDays: n = !0, animate: d = !0, arrowClassNam
     ...u
   });
 };
-y.displayName = "KonstructDatePicker";
+w.displayName = "KonstructDatePicker";
 export {
-  y as DatePicker
+  w as DatePicker
 };

package/dist/components/Drawer/Drawer.js

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

package/dist/components/Drawer/hooks/useDrawer.js

@@ -1,62 +1,57 @@
 import "../constants/index.js";
-import { useCallback as D, useEffect as c, useMemo as v, useRef as w, useState as E } from "react";
-var H = ({ canResize: n = !1, defaultWidth: I = 500, isOpen: s, maxWidth: u = 800, minWidth: l = 400, position: t = "right", onClose: M }) => {
-  const [T, g] = E(!1), [a, h] = E(!1), [L, f] = E(I), d = w(!1), i = w(() => {
-  }), m = w(() => {
+import { useCallback as b, useEffect as u, useRef as y, useState as D } from "react";
+var F = ({ canResize: o = !1, defaultWidth: g = 500, isOpen: n, maxWidth: l = 800, minWidth: a = 400, position: r = "right", onClose: w }) => {
+  const [I, h] = D(!1), [E, M] = D(!1), [T, c] = D(g), f = y(!1), i = y(() => {
+  }), d = y(() => {
   });
-  c(() => {
+  u(() => {
     let e;
-    return s ? (g(!0), e = setTimeout(() => h(!0), 10)) : (h(!1), e = setTimeout(() => g(!1), 300)), () => {
+    return n ? (h(!0), e = setTimeout(() => M(!0), 10)) : (M(!1), e = setTimeout(() => h(!1), 300)), () => {
       clearTimeout(e);
     };
-  }, [s]), c(() => {
-    if (!s) return;
-    const e = new AbortController(), r = (A) => {
-      A.code === "Escape" && M?.();
+  }, [n]), u(() => {
+    if (!n) return;
+    const e = new AbortController(), t = (m) => {
+      m.code === "Escape" && w?.();
     };
-    return window.addEventListener("keydown", r, { signal: e.signal }), () => {
+    return window.addEventListener("keydown", t, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [s, M]);
-  const o = D(() => {
-    document.removeEventListener("mousemove", i.current), document.removeEventListener("mouseup", m.current), document.body.style.cursor = "", document.body.style.userSelect = "";
+  }, [n, w]);
+  const s = b(() => {
+    document.removeEventListener("mousemove", i.current), document.removeEventListener("mouseup", d.current), document.body.style.cursor = "", document.body.style.userSelect = "";
   }, []);
-  c(() => {
+  u(() => {
     i.current = (e) => {
-      if (!d.current || !n) return;
-      let r;
-      t === "right" ? r = window.innerWidth - e.clientX : r = e.clientX, r = Math.max(l, Math.min(u, r)), f(r);
-    }, m.current = () => {
-      d.current = !1, o();
+      if (!f.current || !o) return;
+      let t;
+      r === "right" ? t = window.innerWidth - e.clientX : t = e.clientX, t = Math.max(a, Math.min(l, t)), c(t);
+    }, d.current = () => {
+      f.current = !1, s();
     };
   }, [
-    t,
+    r,
+    a,
     l,
-    u,
-    n,
-    o
+    o,
+    s
   ]);
-  const _ = D(() => {
-    d.current = !0, document.addEventListener("mousemove", i.current), document.addEventListener("mouseup", m.current), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }, []), b = D((e) => {
-    if (!n) return;
-    const r = t === "right" && e.key === "ArrowLeft" || t === "left" && e.key === "ArrowRight", A = t === "right" && e.key === "ArrowRight" || t === "left" && e.key === "ArrowLeft";
-    r ? (e.preventDefault(), f((y) => Math.min(u, y + 20))) : A && (e.preventDefault(), f((y) => Math.max(l, y - 20)));
-  }, [
-    n,
-    t,
-    u,
-    l
-  ]);
-  return c(() => o, [o]), {
-    isAnimating: a,
-    isVisible: T,
-    width: L,
-    translateClass: v(() => a ? "translate-x-0" : t === "left" ? "-translate-x-full" : "translate-x-full", [a, t]),
-    handleMouseDown: _,
-    handleKeyDown: b
+  const L = () => {
+    f.current = !0, document.addEventListener("mousemove", i.current), document.addEventListener("mouseup", d.current), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+  }, _ = (e) => {
+    if (!o) return;
+    const t = r === "right" && e.key === "ArrowLeft" || r === "left" && e.key === "ArrowRight", m = r === "right" && e.key === "ArrowRight" || r === "left" && e.key === "ArrowLeft";
+    t ? (e.preventDefault(), c((A) => Math.min(l, A + 20))) : m && (e.preventDefault(), c((A) => Math.max(a, A - 20)));
+  };
+  return u(() => s, [s]), {
+    isAnimating: E,
+    isVisible: I,
+    width: T,
+    translateClass: E ? "translate-x-0" : r === "left" ? "-translate-x-full" : "translate-x-full",
+    handleMouseDown: L,
+    handleKeyDown: _
   };
 };
 export {
-  H as useDrawer
+  F as useDrawer
 };

package/dist/components/DropdownButton/DropdownButton.js

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

package/dist/components/Filter/Filter.js

@@ -1,35 +1,36 @@
 "use client";
-import { t as l } from "../../utils-Cx-WzRZF.js";
-import { FilterProvider as a } from "./contexts/filter.provider.js";
-import { filterVariants as p } from "./Filter.variants.js";
-import { BadgeMultiSelect as n } from "./components/BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as d } from "./components/DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as f } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { ResetButton as c } from "./components/ResetButton/ResetButton.js";
-import { TextMultiSelect as s } from "./components/TextMultiSelect/TextMultiSelect.js";
-import { TimeFilterDropdown as D } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
+import { t as a } from "../../utils-Cx-WzRZF.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";
+import { DateFilterDropdown as f } from "./components/DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as s } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { ResetButton as D } from "./components/ResetButton/ResetButton.js";
+import { TextMultiSelect as c } from "./components/TextMultiSelect/TextMultiSelect.js";
+import { TimeFilterDropdown as u } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
 import { jsx as e } from "react/jsx-runtime";
-var t = ({ className: o, theme: r = "civo", children: i, closeOnApply: m = !0 }) => /* @__PURE__ */ e(a, {
+var t = ({ className: o, theme: r, children: i, closeOnApply: m = !0, resetScope: l }) => /* @__PURE__ */ e(p, {
   closeOnApply: m,
+  resetScope: l,
   theme: r,
   children: /* @__PURE__ */ e("div", {
-    className: l(p({ className: o })),
+    className: a(n({ className: o })),
     "data-theme": r,
     children: i
   })
 });
 t.displayName = "KonstructFilter";
-t.BadgeMultiSelect = n;
-t.TextMultiSelect = s;
-t.DateFilterDropdown = d;
-t.DateRangeFilterDropdown = f;
-t.TimeFilterDropdown = D;
-t.ResetButton = c;
+t.BadgeMultiSelect = d;
+t.TextMultiSelect = c;
+t.DateFilterDropdown = f;
+t.DateRangeFilterDropdown = s;
+t.TimeFilterDropdown = u;
+t.ResetButton = D;
 export {
-  n as BadgeMultiSelect,
-  d as DateFilterDropdown,
-  f as DateRangeFilterDropdown,
+  d as BadgeMultiSelect,
+  f as DateFilterDropdown,
+  s as DateRangeFilterDropdown,
   t as Filter,
-  s as TextMultiSelect,
-  D as TimeFilterDropdown
+  c as TextMultiSelect,
+  u as TimeFilterDropdown
 };

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

@@ -1,66 +1,52 @@
-import { useFilterContext as w } from "../../contexts/filter.hook.js";
-import { FilterEvent as p, sendOpenFilterEvent as F } from "../../events/index.js";
-import { useCallback as d, useEffect as m, useId as L, useMemo as u, useState as v } from "react";
-var _ = ({ onApply: l, options: c = [] }) => {
-  const { closeOnApply: o } = w(), a = L(), [O, r] = v(!1), [s, i] = v([]);
-  m(() => {
-    const e = new AbortController();
-    return document.addEventListener(p.OPEN, (t) => {
-      t.detail !== a && r(!1);
-    }, { signal: e.signal }), document.addEventListener(p.RESET, () => {
-      i([]), l?.([]);
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [a, l]);
-  const g = d((e) => {
-    e && (F(a), i((t) => t.filter((n) => n.isApplied))), r(e);
-  }, [a]), f = d(() => r(!1), []), h = d((e, t) => {
-    i(t ? [...s, {
+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({
+    id: c,
+    onClose: O,
+    onReset: r
+  });
+  const A = (e) => {
+    e && (w(c), i((s) => s.filter((l) => l.isApplied))), n(e);
+  }, h = (e, s) => {
+    i(s ? [...t, {
       ...e,
       isApplied: !1
-    }] : s.map((n) => n.id === e.id ? {
-      ...n,
+    }] : t.map((l) => l.id === e.id ? {
+      ...l,
       isRemoved: !0
-    } : n));
-  }, [i, s]), E = d(() => {
-    i([]), l?.([]), o && r(!1);
-  }, [o, l]), A = d(() => {
-    const e = s?.filter((t) => !t.isRemoved).map((t) => ({
-      ...t,
+    } : l));
+  }, S = () => {
+    r(), p && n(!1);
+  }, v = () => {
+    const e = t?.filter((s) => !s.isRemoved).map((s) => ({
+      ...s,
       isApplied: !0
     }));
-    i(e), l?.(e.map(({ isApplied: t, isRemoved: n, ...b }) => b)), o && r(!1);
-  }, [
-    o,
-    l,
-    s,
-    i
-  ]), C = u(() => s.filter((e) => e.isApplied), [s]), R = u(() => c.length > 0 && c.every((e) => s.some((t) => t.id === e.id && !t.isRemoved)), [c, s]), S = d((e, t) => {
-    t && i(e.map((n) => ({
-      ...n,
-      isApplied: !1
-    })));
-  }, []);
-  return m(() => {
-    const e = new AbortController();
-    return document.addEventListener("visibilitychange", () => {
-      document.hidden && f();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [f]), {
-    isOpen: O,
-    isAllSelected: R,
-    selectedCount: C,
-    selectedOptions: s,
-    handleApplyOptions: A,
-    handleOpenChange: g,
-    handleResetOptions: E,
-    handleSelectAll: S,
+    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]);
+  return {
+    isOpen: u,
+    isAllSelected: C,
+    selectedCount: R,
+    selectedOptions: t,
+    handleApplyOptions: v,
+    handleOpenChange: A,
+    handleResetOptions: S,
+    handleSelectAll: (e, s) => {
+      s && i(e.map((l) => ({
+        ...l,
+        isApplied: !1
+      })));
+    },
     handleSelectOption: h
   };
 };
 export {
-  _ as useBadgeMultiSelect
+  B as useBadgeMultiSelect
 };

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

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../Checkbox-DzAx7n67.js";
+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 "../../../../chevron-down-DNP-OOAQ.js";

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

@@ -1,50 +1,37 @@
-import { useFilterContext as S } from "../../contexts/filter.hook.js";
-import { FilterEvent as u, sendOpenFilterEvent as y } from "../../events/index.js";
-import { t as C } from "../../../../utils-B-BTGYA5.js";
-import { useCallback as o, useEffect as p, useId as F, useMemo as L, useState as d } from "react";
-var k = ({ onApply: t, countryCode: c = "US" }) => {
-  const { closeOnApply: a } = S(), n = F(), [v, s] = d(!1), [i, r] = d(), [m, l] = d(), g = L(() => m?.toLocaleDateString(C(c), {
+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 { 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), {
     day: "numeric",
     month: "short",
     year: "numeric"
-  }), [m, c]), h = o((e) => {
-    e && y(n), s(e);
-  }, [n]), D = o(() => {
-    l(i), t?.(i), a && s(!1);
-  }, [
-    a,
-    t,
-    i
-  ]), E = o((e) => r(e), []), f = o(() => s(!1), []), b = o(() => {
-    r(void 0), l(void 0), t?.(), a && s(!1);
-  }, [a, t]);
-  return p(() => {
-    const e = new AbortController();
-    return document.addEventListener(u.OPEN, (O) => {
-      O.detail !== n && s(!1);
-    }, { signal: e.signal }), document.addEventListener(u.RESET, () => {
-      r(void 0), l(void 0), t?.();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [n, t]), p(() => {
-    const e = new AbortController();
-    return document.addEventListener("visibilitychange", () => {
-      document.hidden && f();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [f]), {
-    id: n,
-    appliedDay: g,
-    isOpen: v,
-    selectedDay: i,
-    handleApply: D,
-    handleOpenChange: h,
-    handleSelect: E,
-    handleReset: b
+  }), [d, r]), u = (t) => {
+    t && v(s), e(t);
+  }, h = () => {
+    p(n), o?.(n), i && e(!1);
+  }, y = a((t) => c(t), []), S = a(() => e(!1), []), m = a(() => {
+    c(void 0), p(void 0), o?.();
+  }, [o]), F = () => {
+    m(), i && e(!1);
+  };
+  return C({
+    id: s,
+    onClose: S,
+    onReset: m
+  }), {
+    id: s,
+    appliedDay: D,
+    isOpen: f,
+    selectedDay: n,
+    handleApply: h,
+    handleOpenChange: u,
+    handleSelect: y,
+    handleReset: F
   };
 };
 export {
-  k as useDateFilterDropdown
+  A as useDateFilterDropdown
 };