@konstructio/ui 0.1.2-alpha.99 → 0.1.3

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useAppliedDateRange/useAppliedDateRange.js

@@ -0,0 +1,20 @@
+import { useCallback as i, useState as s } from "react";
+var g = ({ defaultRange: o, onApply: e }) => {
+  const [p, a] = s(o);
+  return {
+    appliedRange: p,
+    applyRange: i((t) => {
+      const r = {
+        from: t?.from,
+        to: t?.to
+      };
+      a(r), e?.(r);
+    }, [e]),
+    clearAppliedRange: i(() => {
+      a(void 0), e?.();
+    }, [e])
+  };
+};
+export {
+  g as useAppliedDateRange
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useCalendarVisibility/useCalendarVisibility.js

@@ -0,0 +1,24 @@
+import { useCallback as l, useState as o } from "react";
+var i = ({ defaultRange: t }) => {
+  const [n, e] = o(!!t), [d, a] = o(!1), C = l((s) => {
+    const r = !s.from && !s.to;
+    return e(r), a(!1), r;
+  }, []), f = l(() => {
+    e(!1), a(!1);
+  }, []);
+  return {
+    isCollapsed: d,
+    showsCalendar: n,
+    collapseCalendar: l(() => {
+      e(!1), a(!0);
+    }, []),
+    hideCalendar: f,
+    restoreCalendar: l((s) => {
+      e(s), a(!1);
+    }, []),
+    revealCalendarFor: C
+  };
+};
+export {
+  i as useCalendarVisibility
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useDateRangeSelection/useDateRangeSelection.js

@@ -0,0 +1,22 @@
+import { useCallback as a, useState as l } from "react";
+var r = ({ defaultRange: n }) => {
+  const [o, t] = l(n);
+  return {
+    selectedRange: o,
+    selectRange: a((e) => {
+      t(e);
+    }, []),
+    handleRangeChange: a((e) => {
+      t({
+        from: e.from,
+        to: e.to
+      });
+    }, []),
+    clearSelectedRange: a(() => {
+      t(void 0);
+    }, [])
+  };
+};
+export {
+  r as useDateRangeSelection
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useFilterDropdownOpenState/useFilterDropdownOpenState.js

@@ -0,0 +1,18 @@
+import { sendOpenFilterEvent as a } from "../../../../events/index.js";
+import { useCallback as n, useId as l, useState as p } from "react";
+var d = () => {
+  const e = l(), [r, t] = p(!1), o = n((s) => {
+    s && a(e), t(s);
+  }, [e]);
+  return {
+    id: e,
+    isOpen: r,
+    close: n(() => {
+      t(!1);
+    }, []),
+    handleOpenChange: o
+  };
+};
+export {
+  d as useFilterDropdownOpenState
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useFormattedDateRange/useFormattedDateRange.js

@@ -0,0 +1,28 @@
+import { useLocale as n } from "../../../../hooks/useLocale.js";
+import { useMemo as i } from "react";
+var u = ({ range: o, countryCode: a = "US" }) => {
+  const e = n(a);
+  return i(() => {
+    if (!o?.from) return {
+      appliedRangeLabel: void 0,
+      appliedRangeEnds: void 0
+    };
+    const r = (t) => t.toLocaleDateString(e, {
+      day: "numeric",
+      month: "short"
+    }), m = (t) => {
+      const l = t.toLocaleDateString(e, { month: "short" });
+      return `${t.getDate()} ${l} ${t.getFullYear()}`;
+    };
+    return {
+      appliedRangeLabel: o.to ? `${r(o.from)} - ${r(o.to)}` : r(o.from),
+      appliedRangeEnds: {
+        from: m(o.from),
+        to: o.to && m(o.to)
+      }
+    };
+  }, [o, e]);
+};
+export {
+  u as useFormattedDateRange
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/usePendingDateRange/usePendingDateRange.js

@@ -0,0 +1,15 @@
+import { useMemo as m } from "react";
+var n = (r, o) => (r?.getTime() ?? null) === (o?.getTime() ?? null), f = ({ selectedRange: r, appliedRange: o }) => {
+  const t = !!(r?.from || r?.to);
+  return {
+    canApply: t,
+    hasPendingSelection: m(() => t ? !n(r?.from, o?.from) || !n(r?.to, o?.to) : !1, [
+      t,
+      r,
+      o
+    ])
+  };
+};
+export {
+  f as usePendingDateRange
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/usePresetOptions/usePresetOptions.js

@@ -0,0 +1,22 @@
+import { createDefaultPresets as c } from "../../constants/presets/presets.js";
+import { useMemo as m } from "react";
+var a = ({ labelCustomRange: r, presets: e, rollingPresets: t, showCustomRange: o }) => m(() => {
+  const n = e ?? c({
+    labelCustomRange: r,
+    rollingPresets: t
+  });
+  if (o) return n;
+  const i = /* @__PURE__ */ new Date();
+  return n.filter((u) => {
+    const f = u.resolve(i);
+    return !!(f.from || f.to);
+  });
+}, [
+  r,
+  e,
+  t,
+  o
+]);
+export {
+  a as usePresetOptions
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useResetKey/useResetKey.js

@@ -0,0 +1,10 @@
+import { useCallback as s, useState as u } from "react";
+var o = () => {
+  const [e, t] = u(0);
+  return [e, s(() => {
+    t((r) => r + 1);
+  }, [])];
+};
+export {
+  o as useResetKey
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/hooks/useSelectedPreset/useSelectedPreset.js

@@ -0,0 +1,24 @@
+import { useCallback as r, useRef as p, useState as u } from "react";
+var k = ({ defaultRange: a }) => {
+  const c = a ? "custom" : null, [o, e] = u(c), [l, n] = u(c), t = p(!1), P = r((s, m) => {
+    t.current = m, e(s);
+  }, []), f = r(() => t.current ? (t.current = !1, !1) : (e("custom"), !0), []), i = r((s) => {
+    e(s), n(s);
+  }, []), d = r(() => {
+    t.current = !1, e(l);
+  }, [l]);
+  return {
+    appliedPreset: l,
+    selectedPreset: o,
+    applyPreset: i,
+    clearSelectedPreset: r(() => {
+      t.current = !1, e(null), n(null);
+    }, []),
+    markManualSelection: f,
+    revertSelectedPreset: d,
+    selectPreset: P
+  };
+};
+export {
+  k as useSelectedPreset
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/utils/duration/duration.js

@@ -0,0 +1,59 @@
+var a = 6e4, h = {
+  m: a,
+  h: 60 * a,
+  d: 1440 * a,
+  w: 10080 * a
+}, u = {
+  m: "m",
+  min: "m",
+  mins: "m",
+  minute: "m",
+  minutes: "m",
+  h: "h",
+  hr: "h",
+  hrs: "h",
+  hour: "h",
+  hours: "h",
+  d: "d",
+  day: "d",
+  days: "d",
+  w: "w",
+  wk: "w",
+  wks: "w",
+  week: "w",
+  weeks: "w",
+  mo: "mo",
+  mos: "mo",
+  month: "mo",
+  months: "mo",
+  y: "y",
+  yr: "y",
+  yrs: "y",
+  year: "y",
+  years: "y"
+}, d = /^(\d+(?:\.\d+)?)\s*([a-z]+)$/i, s = (r) => {
+  const e = d.exec(r.trim()), t = e && u[e[2].toLowerCase()];
+  if (!e || !t) throw new Error(`Invalid duration "${r}". Use a number followed by m, h, d, w, month or year, e.g. "30m", "1h", "7days", "2months", "1year".`);
+  return {
+    amount: Number(e[1]),
+    unit: t
+  };
+}, i = (r, e) => {
+  const t = new Date(r), n = t.getDate();
+  t.setDate(1), t.setMonth(t.getMonth() - e);
+  const o = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
+  return t.setDate(Math.min(n, o)), t;
+}, w = (r, e) => {
+  const { amount: t, unit: n } = s(e), o = h[n];
+  if (o !== void 0) return new Date(r.getTime() - t * o);
+  const m = n === "y" ? t * 12 : t;
+  return i(r, Math.round(m));
+}, y = (r) => {
+  const { amount: e, unit: t } = s(r);
+  return `${e}${t}`;
+};
+export {
+  y as durationToId,
+  s as parseDuration,
+  w as subtractDuration
+};

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

@@ -0,0 +1,8 @@
+import { durationToId as r, parseDuration as t, subtractDuration as a } from "./duration/duration.js";
+import { spanWholeDays as p } from "./whole-days/whole-days.js";
+export {
+  r as durationToId,
+  t as parseDuration,
+  p as spanWholeDays,
+  a as subtractDuration
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/utils/whole-days/whole-days.js

@@ -0,0 +1,7 @@
+var r = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), a = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999), n = ({ from: e, to: t }) => ({
+  from: e && r(e),
+  to: t && a(t)
+});
+export {
+  n as spanWholeDays
+};

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

@@ -1,55 +1,50 @@
-import { t as e } from "../../../../utils-COaoD3PI.js";
-import { Button as i } from "../../../Button/Button.js";
-import { t as g } from "../../../../chevron-down-T3Rx8Nc7.js";
+import { t as u } from "../../../../chevron-down-BODx0Q7h.js";
 import { Badge as x } from "../../../Badge/Badge.js";
-import { DatePicker as w } from "../../../Datepicker/DatePicker.js";
-import { filterButtonIconVariants as y, filterButtonVariants as k } from "../../Filter.variants.js";
-import { useDateFilterDropdown as D } from "./DateFilterDropdown.hook.js";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-var A = ({ label: d, position: l = "left", countryCode: s = "US", onApply: p }) => {
-  const { id: m, appliedDay: n, isOpen: r, selectedDay: o, wrapperRef: c, handleApply: f, handleOpen: h, handleSelect: u, handleReset: b } = D({
-    onApply: p,
+import { Button as l } from "../../../Button/Button.js";
+import { DatePicker as y } from "../../../Datepicker/DatePicker.js";
+import { filterButtonIconVariants as C, filterButtonVariants as D } from "../../Filter.variants.js";
+import { t as e } from "../../../../utils-DnIJruo0.js";
+import { FilterDropdown as w } from "../FilterDropdown/FilterDropdown.js";
+import { useDateFilterDropdown as N } from "./hooks/useDateFilterDropdown/useDateFilterDropdown.js";
+import { Fragment as S, jsx as t, jsxs as o } from "react/jsx-runtime";
+var R = ({ label: p, position: i = "left", countryCode: s = "US", onApply: m }) => {
+  const { id: c, appliedDay: n, isOpen: r, selectedDay: a, handleApply: d, handleOpenChange: f, handleSelect: h, handleReset: g } = N({
+    onApply: m,
     countryCode: s
   });
-  return /* @__PURE__ */ a("div", {
-    ref: c,
-    className: "relative",
-    children: [/* @__PURE__ */ a("button", {
-      className: e(k(), { "text-slate-700": r }),
-      onClick: h,
-      children: [
-        d,
-        n && /* @__PURE__ */ t(x, { label: n }),
-        /* @__PURE__ */ t(g, { className: e(y(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
-      ]
-    }), r && /* @__PURE__ */ a("div", {
-      className: e("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "flex", "flex-col", "gap-4", "py-4", "px-6", "dark:bg-metal-800", "dark:border-metal-700", {
-        "left-0": l === "left",
-        "right-0": l === "right"
-      }),
-      children: [/* @__PURE__ */ t(w, {
-        className: "p-0",
-        arrowClassName: "-top-1 right-0",
-        monthsClassName: e("shadow-none", "p-0", "w-auto", "dark:border-transparent"),
-        defaultSelected: o,
-        defaultMonth: o,
-        onSelect: u
-      }, o?.toISOString() ?? m), /* @__PURE__ */ a("div", {
-        className: e("flex", "justify-end", "items-center", "gap-4", "py-2"),
-        children: [/* @__PURE__ */ t(i, {
-          variant: "secondary",
-          appearance: "compact",
-          onClick: b,
-          children: "Reset"
-        }), /* @__PURE__ */ t(i, {
-          appearance: "compact",
-          onClick: f,
-          children: "Apply"
-        })]
+  return /* @__PURE__ */ o(w, {
+    isOpen: r,
+    position: i,
+    contentClassName: e("border", "border-gray-200", "flex", "flex-col", "gap-4", "py-4", "px-6"),
+    triggerClassName: e(D(), { "text-slate-700": r }),
+    trigger: /* @__PURE__ */ o(S, { children: [
+      p,
+      n && /* @__PURE__ */ t(x, { label: n }),
+      /* @__PURE__ */ t(u, { className: e(C(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
+    ] }),
+    onOpenChange: f,
+    children: [/* @__PURE__ */ t(y, {
+      className: "p-0",
+      arrowClassName: "-top-1 right-0",
+      monthsClassName: e("shadow-none", "p-0", "w-auto", "dark:border-transparent"),
+      defaultSelected: a,
+      defaultMonth: a,
+      onSelect: h
+    }, a?.toISOString() ?? c), /* @__PURE__ */ o("div", {
+      className: e("flex", "justify-end", "items-center", "gap-4", "py-2"),
+      children: [/* @__PURE__ */ t(l, {
+        variant: "secondary",
+        appearance: "compact",
+        onClick: g,
+        children: "Reset"
+      }), /* @__PURE__ */ t(l, {
+        appearance: "compact",
+        onClick: d,
+        children: "Apply"
       })]
     })]
   });
 };
 export {
-  A as DateFilterDropdown
+  R as DateFilterDropdown
 };

package/dist/components/Filter/components/DateFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useDateFilterDropdown as r } from "./useDateFilterDropdown/useDateFilterDropdown.js";
+export {
+  r as useDateFilterDropdown
+};

package/dist/components/Filter/components/DateFilterDropdown/hooks/useDateFilterDropdown/useDateFilterDropdown.js

@@ -0,0 +1,37 @@
+import { useFilterContext as O } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as v } from "../../../../events/index.js";
+import { useFilterDropdownSync as g } from "../../../../hooks/useFilterDropdownSync.js";
+import { useLocale as w } from "../../../../hooks/useLocale.js";
+import { useCallback as a, useId as x, useMemo as I, useState as l } from "react";
+var E = ({ onApply: o, countryCode: f = "US" }) => {
+  const { closeOnApply: r } = O(), s = x(), [u, e] = l(!1), [n, c] = l(), [i, d] = l(), p = w(f), D = I(() => i?.toLocaleDateString(p, {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  }), [i, p]), y = (t) => {
+    t && v(s), e(t);
+  }, h = () => {
+    d(n), o?.(n), r && e(!1);
+  }, S = a((t) => c(t), []), C = a(() => e(!1), []), m = a(() => {
+    c(void 0), d(void 0), o?.();
+  }, [o]), F = () => {
+    m(), r && e(!1);
+  };
+  return g({
+    id: s,
+    onClose: C,
+    onReset: m
+  }), {
+    id: s,
+    appliedDay: D,
+    isOpen: u,
+    selectedDay: n,
+    handleApply: h,
+    handleOpenChange: y,
+    handleSelect: S,
+    handleReset: F
+  };
+};
+export {
+  E as useDateFilterDropdown
+};

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

@@ -1,58 +1,52 @@
-import { t as a } from "../../../../utils-COaoD3PI.js";
-import { Button as l } from "../../../Button/Button.js";
-import { t as x } from "../../../../chevron-down-T3Rx8Nc7.js";
-import { Badge as C } from "../../../Badge/Badge.js";
-import { DateRangePicker as D } from "../../../DateRangePicker/DateRangePicker.js";
-import { filterButtonIconVariants as N, filterButtonVariants as y } from "../../Filter.variants.js";
-import { useDateRangeFilterDropdown as B } from "./DateRangeFilterDropdown.hook.js";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-var S = ({ label: i, position: n = "left", showTime: s = !1, timeFormat: d = "24", showPresets: m = !0, defaultRange: p, minDate: c, maxDate: f, countryCode: h = "US", onApply: g }) => {
-  const { appliedRange: o, isOpen: r, selectedRange: u, wrapperRef: R, handleApply: b, handleOpen: k, handleRangeChange: v, handleReset: w } = B({
-    defaultRange: p,
-    onApply: g,
-    countryCode: h
+import { t as w } from "../../../../chevron-down-BODx0Q7h.js";
+import { Badge as k } from "../../../Badge/Badge.js";
+import { Button as o } from "../../../Button/Button.js";
+import { DateRangePicker as v } from "../../../DateRangePicker/DateRangePicker.js";
+import { filterButtonIconVariants as y, filterButtonVariants as B } from "../../Filter.variants.js";
+import { t } from "../../../../utils-DnIJruo0.js";
+import { FilterDropdown as F } from "../FilterDropdown/FilterDropdown.js";
+import { useDateRangeFilterDropdown as N } from "./hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.js";
+import { Fragment as j, jsx as e, jsxs as r } from "react/jsx-runtime";
+var z = ({ label: i, position: l = "left", showTime: p = !1, timeFormat: s = "24", showPresets: m = !0, defaultRange: c, minDate: d, maxDate: g, countryCode: f = "US", onApply: h }) => {
+  const { appliedRange: n, isOpen: a, selectedRange: u, handleApply: R, handleOpenChange: C, handleRangeChange: x, handleReset: D } = N({
+    defaultRange: c,
+    onApply: h,
+    countryCode: f
   });
-  return /* @__PURE__ */ t("div", {
-    ref: R,
-    className: "relative",
-    children: [/* @__PURE__ */ t("button", {
-      className: a(y(), { "text-slate-700": r }),
-      onClick: k,
-      children: [
-        i,
-        o && /* @__PURE__ */ e(C, { label: o }),
-        /* @__PURE__ */ e(x, { className: a(N(), { "rotate-180 text-blue-600 dark:text-aurora-500": r }) })
-      ]
-    }), r && /* @__PURE__ */ t("div", {
-      className: a("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "dark:bg-metal-800", "dark:border-metal-700", {
-        "left-0": n === "left",
-        "right-0": n === "right"
-      }),
-      children: [/* @__PURE__ */ e(D, {
-        defaultRange: u,
-        showTime: s,
-        timeFormat: d,
-        showPresets: m,
-        minDate: c,
-        maxDate: f,
-        onRangeChange: v,
-        classNames: { container: "shadow-none" }
-      }), /* @__PURE__ */ t("div", {
-        className: a("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"),
-        children: [/* @__PURE__ */ e(l, {
-          variant: "secondary",
-          appearance: "compact",
-          onClick: w,
-          children: "Reset"
-        }), /* @__PURE__ */ e(l, {
-          appearance: "compact",
-          onClick: b,
-          children: "Apply"
-        })]
+  return /* @__PURE__ */ r(F, {
+    isOpen: a,
+    position: l,
+    triggerClassName: t(B(), { "text-slate-700": a }),
+    trigger: /* @__PURE__ */ r(j, { children: [
+      i,
+      n && /* @__PURE__ */ e(k, { label: n }),
+      /* @__PURE__ */ e(w, { className: t(y(), { "rotate-180 text-blue-600 dark:text-aurora-500": a }) })
+    ] }),
+    onOpenChange: C,
+    children: [/* @__PURE__ */ e(v, {
+      defaultRange: u,
+      showTime: p,
+      timeFormat: s,
+      showPresets: m,
+      minDate: d,
+      maxDate: g,
+      onRangeChange: x,
+      classNames: { container: "shadow-none" }
+    }), /* @__PURE__ */ r("div", {
+      className: t("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"),
+      children: [/* @__PURE__ */ e(o, {
+        variant: "secondary",
+        appearance: "compact",
+        onClick: D,
+        children: "Reset"
+      }), /* @__PURE__ */ e(o, {
+        appearance: "compact",
+        onClick: R,
+        children: "Apply"
       })]
     })]
   });
 };
 export {
-  S as DateRangeFilterDropdown
+  z as DateRangeFilterDropdown
 };

package/dist/components/Filter/components/DateRangeFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useDateRangeFilterDropdown as o } from "./useDateRangeFilterDropdown/useDateRangeFilterDropdown.js";
+export {
+  o as useDateRangeFilterDropdown
+};

package/dist/components/Filter/components/DateRangeFilterDropdown/hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.js

@@ -0,0 +1,49 @@
+import { useFilterContext as v } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as w } from "../../../../events/index.js";
+import { useFilterDropdownSync as x } from "../../../../hooks/useFilterDropdownSync.js";
+import { useLocale as y } from "../../../../hooks/useLocale.js";
+import { useCallback as a, useId as I, useMemo as L, useState as l } from "react";
+var M = ({ defaultRange: p, onApply: n, countryCode: u = "US" }) => {
+  const { closeOnApply: i } = v(), s = I(), [g, o] = l(!1), [r, c] = l(p), [t, m] = l(), f = y(u), h = L(() => {
+    if (!t?.from) return;
+    const e = (O) => O.toLocaleDateString(f, {
+      day: "numeric",
+      month: "short"
+    });
+    return t.to ? `${e(t.from)} - ${e(t.to)}` : e(t.from);
+  }, [t, f]), R = (e) => {
+    e && w(s), o(e);
+  }, C = () => {
+    const e = {
+      from: r?.from,
+      to: r?.to
+    };
+    m(e), n?.(e), i && o(!1);
+  }, S = a((e) => {
+    c({
+      from: e.from,
+      to: e.to
+    });
+  }, []), D = a(() => o(!1), []), d = a(() => {
+    c(void 0), m(void 0), n?.();
+  }, [n]), F = () => {
+    d(), i && o(!1);
+  };
+  return x({
+    id: s,
+    onClose: D,
+    onReset: d
+  }), {
+    id: s,
+    appliedRange: h,
+    isOpen: g,
+    selectedRange: r,
+    handleApply: C,
+    handleOpenChange: R,
+    handleRangeChange: S,
+    handleReset: F
+  };
+};
+export {
+  M as useDateRangeFilterDropdown
+};

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

@@ -0,0 +1,28 @@
+import { a as l, i as p, r as f, t as c } from "../../../../dist-DPLBSjtu.js";
+import { useFilterContext as h } from "../../contexts/filter.hook.js";
+import { t as g } from "../../../../utils-DnIJruo0.js";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+var w = ({ isOpen: r, trigger: t, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
+  const { theme: m } = h();
+  return /* @__PURE__ */ u(c, {
+    open: r,
+    onOpenChange: i,
+    children: [/* @__PURE__ */ e(l, {
+      className: o,
+      children: t
+    }), /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(f, {
+      "data-theme": m,
+      side: "bottom",
+      sideOffset: 4,
+      align: a === "right" ? "end" : "start",
+      onOpenAutoFocus: (d) => {
+        d.preventDefault();
+      },
+      className: g("bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-50", "dark:bg-metal-800", "dark:border-metal-700", n),
+      children: s
+    }) })]
+  });
+};
+export {
+  w as FilterDropdown
+};

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,21 +1,24 @@
-import { t as n } from "../../../../utils-COaoD3PI.js";
 import { Button as a } from "../../../Button/Button.js";
+import { t as i } from "../../../../utils-DnIJruo0.js";
+import { useFilterContext as c } from "../../contexts/filter.hook.js";
 import { resetEvent as m } from "../../events/index.js";
-import { useCallback as i } from "react";
-import { jsx as p } from "react/jsx-runtime";
-var v = ({ disabled: r, className: e, onClick: t, ...o }) => /* @__PURE__ */ p(a, {
-  type: "button",
-  variant: "link",
-  appearance: "compact",
-  version: "alternate",
-  onClick: i(() => {
-    m(), t?.();
-  }, [t]),
-  disabled: r,
-  className: n("hover:no-underline", e),
-  ...o,
-  children: "Reset"
-});
+import { jsx as s } from "react/jsx-runtime";
+var h = ({ disabled: t, className: e, onClick: r, ...o }) => {
+  const { resetScope: n } = c();
+  return /* @__PURE__ */ s(a, {
+    type: "button",
+    variant: "link",
+    appearance: "compact",
+    version: "alternate",
+    onClick: () => {
+      m(n), r?.();
+    },
+    disabled: t,
+    className: i("hover:no-underline", e),
+    ...o,
+    children: "Reset"
+  });
+};
 export {
-  v as ResetButton
+  h as ResetButton
 };