@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/Wrapper-F9NmImqw.js

@@ -1,110 +0,0 @@
-import { o as k } from "./chunk-cI0lbGMq.js";
-import { t as _ } from "./prop-types-CE0Kfmwk.js";
-import { t as T } from "./x-KjMYhcCb.js";
-import { t as s } from "./utils-COaoD3PI.js";
-import { Tag as S } from "./components/Tag/Tag.js";
-import { useTagSelect as C } from "./components/TagSelect/contexts/TagSelect.hook.js";
-import { List as z } from "./components/TagSelect/components/List/List.js";
-import { useTagSelect as P } from "./components/TagSelect/hooks/useTagSelect.js";
-import { labelVariants as R, tagSelectVariants as E, wrapperVariants as I } from "./components/TagSelect/TagSelect.variants.js";
-import g, { forwardRef as y, useId as L, useImperativeHandle as W } from "react";
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-var p = /* @__PURE__ */ k(_());
-function u() {
-  return u = Object.assign || function(e) {
-    for (var a = 1; a < arguments.length; a++) {
-      var r = arguments[a];
-      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
-    }
-    return e;
-  }, u.apply(this, arguments);
-}
-function V(e, a) {
-  if (e == null) return {};
-  var r = $(e, a), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < o.length; n++)
-      t = o[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function $(e, a) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, o;
-  for (o = 0; o < t.length; o++)
-    n = t[o], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var d = y(function(e, a) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, c = V(e, ["color", "size"]);
-  return /* @__PURE__ */ g.createElement("svg", u({
-    ref: a,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, c), /* @__PURE__ */ g.createElement("polyline", { points: "18 15 12 9 6 15" }));
-});
-d.propTypes = {
-  color: p.default.string,
-  size: p.default.oneOfType([p.default.string, p.default.number])
-};
-d.displayName = "ChevronUp";
-var K = y(({ label: e, labelClassName: a, labelWrapperClassName: r, name: t, placeholder: n = "Select a value...", theme: o, wrapperClassName: c }, w) => {
-  const h = L(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: O, inputRef: f } = C(), { wrapperRef: N, handleOpen: j } = P();
-  return W(w, () => f.current, [f]), /* @__PURE__ */ b("div", {
-    ref: N,
-    className: s(I({ className: c })),
-    "data-theme": o,
-    children: [
-      e ? /* @__PURE__ */ i("div", {
-        className: s(r),
-        children: /* @__PURE__ */ i("label", {
-          htmlFor: t ?? h,
-          className: s(R({ className: a })),
-          onClick: () => x(!0),
-          children: e
-        })
-      }) : null,
-      /* @__PURE__ */ b("div", {
-        id: t ?? h,
-        className: s(E()),
-        role: "combobox",
-        onClick: j,
-        "aria-expanded": m,
-        children: [v.length === 0 ? /* @__PURE__ */ i("span", {
-          className: "text-base text-inherit select-none",
-          children: n
-        }) : /* @__PURE__ */ i("div", {
-          className: "flex flex-wrap gap-1.5",
-          children: v.map((l) => /* @__PURE__ */ i(S, {
-            ...l,
-            className: "select-none",
-            rightIcon: /* @__PURE__ */ i(T, {
-              className: "w-3 h-3",
-              onClick: () => O(l)
-            }),
-            "data-value": l.label
-          }, l.id))
-        }), /* @__PURE__ */ i(d, { className: s("w-4 h-4 text-inherit transition-all duration-50 shrink-0", m ? "rotate-0" : "rotate-180") })]
-      }),
-      /* @__PURE__ */ i("input", {
-        ref: f,
-        type: "text",
-        name: t,
-        className: "hidden"
-      }),
-      m ? /* @__PURE__ */ i(z, {}) : null
-    ]
-  });
-});
-export {
-  d as n,
-  K as t
-};

package/dist/chevron-down-T3Rx8Nc7.js

@@ -1,8 +0,0 @@
-import { t as o } from "./createLucideIcon-CL4htJAF.js";
-var r = [["path", {
-  d: "m6 9 6 6 6-6",
-  key: "qrunsl"
-}]], n = o("chevron-down", r);
-export {
-  n as t
-};

package/dist/chevron-left-CeJrJR0U.js

@@ -1,8 +0,0 @@
-import { t as e } from "./createLucideIcon-CL4htJAF.js";
-var o = [["path", {
-  d: "m15 18-6-6 6-6",
-  key: "1wnfg3"
-}]], t = e("chevron-left", o);
-export {
-  t
-};

package/dist/chevron-right-BFOnP164.js

@@ -1,8 +0,0 @@
-import { t as r } from "./createLucideIcon-CL4htJAF.js";
-var t = [["path", {
-  d: "m9 18 6-6-6-6",
-  key: "mthhwq"
-}]], o = r("chevron-right", t);
-export {
-  o as t
-};

package/dist/chevron-up-BKlxfVX9.js

@@ -1,8 +0,0 @@
-import { t as e } from "./createLucideIcon-CL4htJAF.js";
-var o = [["path", {
-  d: "m18 15-6-6-6 6",
-  key: "153udz"
-}]], a = e("chevron-up", o);
-export {
-  a as t
-};

package/dist/chunk-cI0lbGMq.js

@@ -1,31 +0,0 @@
-var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = Object.getOwnPropertyNames, g = Object.getPrototypeOf, i = Object.prototype.hasOwnProperty, O = (e, r) => () => (e && (r = e(e = 0)), r), b = (e, r) => () => (r || (e((r = { exports: {} }).exports, r), e = null), r.exports), P = (e, r) => {
-  let t = {};
-  for (var o in e)
-    a(t, o, {
-      get: e[o],
-      enumerable: !0
-    });
-  return r || a(t, Symbol.toStringTag, { value: "Module" }), t;
-}, p = (e, r, t, o) => {
-  if (r && typeof r == "object" || typeof r == "function")
-    for (var l = c(r), u = 0, _ = l.length, n; u < _; u++)
-      n = l[u], !i.call(e, n) && n !== t && a(e, n, {
-        get: ((s) => r[s]).bind(null, n),
-        enumerable: !(o = v(r, n)) || o.enumerable
-      });
-  return e;
-}, d = (e, r, t) => (t = e != null ? f(g(e)) : {}, p(r || !e || !e.__esModule ? a(t, "default", {
-  value: e,
-  enumerable: !0
-}) : t, e)), y = (e) => i.call(e, "module.exports") ? e["module.exports"] : p(a({}, "__esModule", { value: !0 }), e), q = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
-  if (typeof require < "u") return require.apply(this, arguments);
-  throw Error('Calling `require` for "' + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-export {
-  y as a,
-  q as i,
-  O as n,
-  d as o,
-  P as r,
-  b as t
-};

package/dist/components/DateRangePicker/constants/presets.js

@@ -1,25 +0,0 @@
-var a = [
-  {
-    value: "today",
-    label: "Today"
-  },
-  {
-    value: "current-month",
-    label: "Current month"
-  },
-  {
-    value: "custom",
-    label: "Custom"
-  },
-  {
-    value: "last-7-days",
-    label: "Last 7 days"
-  },
-  {
-    value: "last-2-weeks",
-    label: "Last 2 weeks"
-  }
-];
-export {
-  a as PRESET_OPTIONS
-};

package/dist/components/DateRangePicker/contexts/date-range-picker.provider.js

@@ -1,119 +0,0 @@
-import { DateRangePickerContext as _ } from "./date-range-picker.context.js";
-import { calculatePresetRange as w } from "../utils/presets.js";
-import { canNavigateToNextMonth as q, canNavigateToPrevMonth as z } from "../utils/disabled-dates.js";
-import { useCallback as n, useMemo as a, useState as p } from "react";
-import { jsx as $ } from "react/jsx-runtime";
-var nt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: i = "custom", timeFormat: E = "24", showTime: G = !0, name: H, disabled: I = !1, animationDuration: J = 500, blockedDays: K = [], blockedMonths: O = [], minDate: u, maxDate: g, hideDisabledNavigation: Q = !1, showOutsideDays: U = !1, navigationMode: W = "together", onRangeChange: s, onDateChange: v }) => {
-  const [M, P] = p(() => l || (i !== "custom" ? w(i) : {})), [c, X] = p(() => B ?? {}), [T, x] = p(i), [r, o] = p(() => {
-    let t = {};
-    l ? t = l : i !== "custom" && (t = w(i));
-    const e = t?.from ?? t?.to ?? /* @__PURE__ */ new Date();
-    return [new Date(e.getFullYear(), e.getMonth(), 1), new Date(e.getFullYear(), e.getMonth() + 1, 1)];
-  }), D = n((t) => {
-    P(t), x("custom"), s?.({
-      ...t,
-      ...c
-    }), v?.(t);
-  }, [
-    c,
-    s,
-    v
-  ]), L = n((t) => {
-    X(t), s?.({
-      ...M,
-      ...t
-    });
-  }, [M, s]), S = n((t) => {
-    if (x(t), t !== "custom") {
-      const e = w(t);
-      P(e), s?.({
-        ...e,
-        ...c
-      }), v?.(e);
-    }
-  }, [
-    c,
-    s,
-    v
-  ]), h = a(() => z(r[0], u), [r, u]), f = a(() => q(r[1], g), [r, g]), k = n(() => {
-    h && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), new Date(e.getFullYear(), e.getMonth() - 1, 1)]);
-  }, [h]), y = n(() => {
-    f && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), new Date(e.getFullYear(), e.getMonth() + 1, 1)]);
-  }, [f]), m = a(() => z(r[0], u), [r, u]), N = a(() => {
-    const t = r[0], e = r[1];
-    return new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() < e.getTime();
-  }, [r]), F = a(() => {
-    const t = r[0], e = r[1];
-    return new Date(e.getFullYear(), e.getMonth() - 1, 1).getTime() > t.getTime();
-  }, [r]), Y = a(() => q(r[1], g), [r, g]), b = n(() => {
-    m && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), e]);
-  }, [m]), j = n(() => {
-    N && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), e]);
-  }, [N]), R = n(() => {
-    F && o(([t, e]) => [t, new Date(e.getFullYear(), e.getMonth() - 1, 1)]);
-  }, [F]), V = n(() => {
-    Y && o(([t, e]) => [t, new Date(e.getFullYear(), e.getMonth() + 1, 1)]);
-  }, [Y]), Z = a(() => ({
-    range: M,
-    time: c,
-    preset: T,
-    displayedMonths: r,
-    canNavigatePrev: h,
-    canNavigateNext: f,
-    canLeftNavigatePrev: m,
-    canLeftNavigateNext: N,
-    canRightNavigatePrev: F,
-    canRightNavigateNext: Y,
-    setRange: D,
-    setTime: L,
-    setPreset: S,
-    navigatePrevMonth: k,
-    navigateNextMonth: y,
-    navigateLeftPrev: b,
-    navigateLeftNext: j,
-    navigateRightPrev: R,
-    navigateRightNext: V,
-    setDisplayedMonths: o
-  }), [
-    M,
-    c,
-    T,
-    r,
-    h,
-    f,
-    m,
-    N,
-    F,
-    Y,
-    D,
-    L,
-    S,
-    k,
-    y,
-    b,
-    j,
-    R,
-    V
-  ]);
-  return /* @__PURE__ */ $(_.Provider, {
-    value: {
-      ...Z,
-      timeFormat: E,
-      showTime: G,
-      name: H,
-      disabled: I,
-      animationDuration: J,
-      blockedDays: K,
-      blockedMonths: O,
-      minDate: u,
-      maxDate: g,
-      hideDisabledNavigation: Q,
-      showOutsideDays: U,
-      navigationMode: W
-    },
-    children: A
-  });
-};
-export {
-  nt as DateRangePickerProvider
-};

package/dist/components/DateRangePicker/utils/disabled-dates.js

@@ -1,27 +0,0 @@
-var n = (e) => {
-  const r = new Date(e);
-  return r.setHours(0, 0, 0, 0), r;
-}, s = (e, r) => {
-  const t = n(e);
-  return r.some((a) => n(a).getTime() === t.getTime());
-}, u = (e, r) => {
-  const t = e.getFullYear(), a = e.getMonth();
-  return r.some((o) => o.year === t && o.month === a);
-}, i = (e, r) => r ? n(e) < n(r) : !1, f = (e, r) => r ? n(e) > n(r) : !1, c = (e, r) => {
-  const { blockedDays: t, blockedMonths: a, minDate: o, maxDate: l } = r;
-  return !(s(e, t) || u(e, a) || i(e, o) || f(e, l));
-}, g = (e) => {
-  const { blockedDays: r, blockedMonths: t, minDate: a, maxDate: o } = e;
-  if (!(r.length === 0 && t.length === 0 && !a && !o))
-    return (l) => !c(l, e);
-}, v = (e, r) => {
-  if (!r) return !0;
-  const t = new Date(e.getFullYear(), e.getMonth() - 1, 1);
-  return n(new Date(t.getFullYear(), t.getMonth() + 1, 0)) >= n(r);
-}, D = (e, r) => r ? n(new Date(e.getFullYear(), e.getMonth() + 1, 1)) <= n(r) : !0;
-export {
-  D as canNavigateToNextMonth,
-  v as canNavigateToPrevMonth,
-  g as createDisabledMatcher,
-  c as isDateSelectable
-};

package/dist/components/DateRangePicker/utils/presets.js

@@ -1,34 +0,0 @@
-var o = (n) => {
-  const e = /* @__PURE__ */ new Date(), a = new Date(e.getFullYear(), e.getMonth(), e.getDate());
-  switch (n) {
-    case "today":
-      return {
-        from: a,
-        to: a
-      };
-    case "current-month":
-      return {
-        from: new Date(e.getFullYear(), e.getMonth(), 1),
-        to: new Date(e.getFullYear(), e.getMonth() + 1, 0)
-      };
-    case "last-7-days": {
-      const t = new Date(a);
-      return t.setDate(t.getDate() - 6), {
-        from: t,
-        to: a
-      };
-    }
-    case "last-2-weeks": {
-      const t = new Date(a);
-      return t.setDate(t.getDate() - 13), {
-        from: t,
-        to: a
-      };
-    }
-    default:
-      return {};
-  }
-};
-export {
-  o as calculatePresetRange
-};

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

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

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

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

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

@@ -1,63 +0,0 @@
-import { useFilterContext as F } from "../../contexts/filter.hook.js";
-import { FilterEvent as g, sendOpenFilterEvent as S } from "../../events/index.js";
-import { t as D } from "../../../../utils-Cc9GhtYC.js";
-import { useCallback as a, useEffect as p, useId as k, useMemo as x, useRef as I, useState as u } from "react";
-var P = ({ defaultRange: h, onApply: t, countryCode: v = "US" }) => {
-  const { closeOnApply: i } = F(), d = I(null), o = k(), [R, r] = u(!1), [l, c] = u(h), [n, f] = u(), E = x(() => {
-    if (!n?.from) return;
-    const e = (s) => s.toLocaleDateString(D(v), {
-      day: "numeric",
-      month: "short"
-    });
-    return n.to ? `${e(n.from)} - ${e(n.to)}` : e(n.from);
-  }, [n]), C = a(() => r((e) => (e || S(o), !e)), [o]), O = a(() => {
-    const e = {
-      from: l?.from,
-      to: l?.to
-    };
-    f(e), t?.(e), i && r(!1);
-  }, [
-    i,
-    t,
-    l
-  ]), b = a((e) => {
-    c({
-      from: e.from,
-      to: e.to
-    });
-  }, []), m = a(() => r(!1), []), L = a(() => {
-    c(void 0), f(void 0), t?.(), i && r(!1);
-  }, [i, t]);
-  return p(() => {
-    const e = new AbortController();
-    return document.addEventListener(g.OPEN, (s) => {
-      s.detail !== o && r(!1);
-    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
-      c(void 0), f(void 0), t?.();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [o, t]), p(() => {
-    const e = new AbortController(), s = (w) => {
-      d.current?.contains(w.target) || m();
-    };
-    return document.addEventListener("mousedown", s, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && m();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [m, d]), {
-    id: o,
-    appliedRange: E,
-    isOpen: R,
-    selectedRange: l,
-    wrapperRef: d,
-    handleApply: O,
-    handleOpen: C,
-    handleRangeChange: b,
-    handleReset: L
-  };
-};
-export {
-  P as useDateRangeFilterDropdown
-};

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

@@ -1,54 +0,0 @@
-import { getFormattedTime as k } from "../../../TimePicker/utils/index.js";
-import { useFilterContext as x } from "../../contexts/filter.hook.js";
-import { FilterEvent as g, sendOpenFilterEvent as I } from "../../events/index.js";
-import { useCallback as n, useEffect as E, useId as A, useRef as D, useState as i } from "react";
-var B = ({ onApply: t, format: h = "24" }) => {
-  const { closeOnApply: l } = x(), c = D(null), s = A(), [L, o] = i(!1), [d, r] = i(), [b, m] = i(), [u, a] = i(), [C, f] = i(), O = C ?? (b ? k(b, h) : void 0), T = n(() => o((e) => (e || I(s), !e)), [s]), P = n((e) => {
-    r(e.value), a(e.label);
-  }, []), S = n((e) => {
-    r(e), a(void 0);
-  }, []), w = n(() => {
-    m(d), f(u), t?.(d), l && o(!1);
-  }, [
-    l,
-    t,
-    d,
-    u
-  ]), v = n(() => o(!1), []), F = n(() => {
-    r(void 0), m(void 0), a(void 0), f(void 0), t?.(), l && o(!1);
-  }, [l, t]);
-  return E(() => {
-    const e = new AbortController();
-    return document.addEventListener(g.OPEN, (p) => {
-      p.detail !== s && o(!1);
-    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
-      r(void 0), m(void 0), a(void 0), f(void 0), t?.();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [s, t]), E(() => {
-    const e = new AbortController(), p = (R) => {
-      c.current?.contains(R.target) || v();
-    };
-    return document.addEventListener("mousedown", p, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && v();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [v, c]), {
-    id: s,
-    appliedLabel: O,
-    isOpen: L,
-    selectedTime: d,
-    selectedPresetLabel: u,
-    wrapperRef: c,
-    handleApply: w,
-    handleOpen: T,
-    handleSelectPreset: P,
-    handleSelectCustom: S,
-    handleReset: F
-  };
-};
-export {
-  B as useTimeFilterDropdown
-};