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

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/components/Wrapper/Wrapper.js

@@ -0,0 +1,22 @@
+import { t as e } from "../../../../../../utils-B-6R7kNE.js";
+import { filterButtonVariants as m } from "../../../../Filter.variants.js";
+import { FilterDropdown as p } from "../../../FilterDropdown/FilterDropdown.js";
+import { useCustomDateRangeFilterDropdown as n } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { Actions as s } from "../Actions/Actions.js";
+import { Picker as a } from "../Picker/Picker.js";
+import { Trigger as f } from "../Trigger/Trigger.js";
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+var j = () => {
+  const { isOpen: o, position: t, onOpenChange: i } = n();
+  return /* @__PURE__ */ g(p, {
+    isOpen: o,
+    position: t,
+    triggerClassName: e(m(), { "text-slate-700": o }),
+    trigger: /* @__PURE__ */ r(f, {}),
+    onOpenChange: i,
+    children: [/* @__PURE__ */ r(a, {}), /* @__PURE__ */ r(s, {})]
+  });
+};
+export {
+  j as Wrapper
+};

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

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

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

@@ -0,0 +1,5 @@
+import { DEFAULT_ROLLING_PRESETS as r, createDefaultPresets as t } from "./presets/presets.js";
+export {
+  r as DEFAULT_ROLLING_PRESETS,
+  t as createDefaultPresets
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/constants/presets/presets.js

@@ -0,0 +1,33 @@
+import { durationToId as e, subtractDuration as o } from "../../utils/duration/duration.js";
+var u = (l) => (a) => ({
+  from: o(a, l),
+  to: a
+}), v = [
+  {
+    value: "last-24-hours",
+    label: "Last 24 hours",
+    duration: "24h"
+  },
+  {
+    value: "last-7-days",
+    label: "Last 7 days",
+    duration: "7days"
+  },
+  {
+    value: "last-30-days",
+    label: "Last 30 days",
+    duration: "30days"
+  }
+], i = ({ labelCustomRange: l, rollingPresets: a }) => [...a.map(({ duration: r, label: s, value: t }) => ({
+  value: t ?? `last-${e(r)}`,
+  label: s,
+  resolve: u(r)
+})), {
+  value: "custom",
+  label: l,
+  resolve: () => ({})
+}];
+export {
+  v as DEFAULT_ROLLING_PRESETS,
+  i as createDefaultPresets
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+var o = t(null);
+export {
+  o as CustomDateRangeFilterDropdownContext
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js

@@ -0,0 +1,10 @@
+import { CustomDateRangeFilterDropdownContext as e } from "./custom-date-range-filter-dropdown.context.js";
+import { useContext as o } from "react";
+var a = () => {
+  const t = o(e);
+  if (!t) throw new Error("useCustomDateRangeFilterDropdown must be used within a CustomDateRangeFilterDropdownProvider");
+  return t;
+};
+export {
+  a as useCustomDateRangeFilterDropdown
+};

package/dist/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider.js

@@ -0,0 +1,149 @@
+import { useFilterContext as De } from "../../../../contexts/filter.hook.js";
+import { useFilterDropdownSync as Fe } from "../../../../hooks/useFilterDropdownSync.js";
+import { CustomDateRangeFilterDropdownContext as Oe } from "./custom-date-range-filter-dropdown.context.js";
+import { spanWholeDays as Ae } from "../../utils/whole-days/whole-days.js";
+import { DEFAULT_ROLLING_PRESETS as ve } from "../../constants/presets/presets.js";
+import { useAppliedDateRange as be } from "../../hooks/useAppliedDateRange/useAppliedDateRange.js";
+import { useCalendarVisibility as xe } from "../../hooks/useCalendarVisibility/useCalendarVisibility.js";
+import { useDateRangeSelection as Ee } from "../../hooks/useDateRangeSelection/useDateRangeSelection.js";
+import { useFilterDropdownOpenState as Le } from "../../hooks/useFilterDropdownOpenState/useFilterDropdownOpenState.js";
+import { useFormattedDateRange as we } from "../../hooks/useFormattedDateRange/useFormattedDateRange.js";
+import { usePendingDateRange as Ke } from "../../hooks/usePendingDateRange/usePendingDateRange.js";
+import { useResetKey as ke } from "../../hooks/useResetKey/useResetKey.js";
+import { usePresetOptions as Ie } from "../../hooks/usePresetOptions/usePresetOptions.js";
+import { useSelectedPreset as Me } from "../../hooks/useSelectedPreset/useSelectedPreset.js";
+import { useCallback as n } from "react";
+import { jsx as Ne } from "react/jsx-runtime";
+var $e = ({ animationDuration: K = 500, appliedRangeDisplay: k = "compact", applyOnPresetSelect: P = !1, children: I, countryCode: M = "US", dateDisplayFormat: N = "long", defaultRange: s, label: U, labelApply: _ = "Apply", labelCustomRange: j = "Custom range", labelEndDate: B = "To", labelRangeSeparator: G = "to", labelReset: T = "Clear", labelStartDate: V = "From", labelTimePeriod: W, maxDate: q, minDate: z, navigationMode: H = "independent", numberOfMonths: J = 2, position: Q = "left", presets: X, requiredDates: Y = !0, revealCalendarOnCustom: Z = !1, rollingPresets: $ = ve, showCustomRange: S = !0, showOutsideDays: ee = !1, showPresets: ne = !0, showTime: g = !1, timeFormat: oe = "24", onApply: te }) => {
+  const { closeOnApply: y } = De(), re = Ie({
+    labelCustomRange: j,
+    presets: X,
+    rollingPresets: $,
+    showCustomRange: S
+  }), { id: ae, isOpen: se, close: l, handleOpenChange: D } = Le(), { selectedRange: p, selectRange: i, handleRangeChange: F, clearSelectedRange: t } = Ee({ defaultRange: s }), { appliedPreset: O, selectedPreset: R, applyPreset: c, clearSelectedPreset: d, markManualSelection: A, revertSelectedPreset: v, selectPreset: b } = Me({ defaultRange: s }), { appliedRange: a, applyRange: m, clearAppliedRange: C } = be({
+    defaultRange: s,
+    onApply: te
+  }), { appliedRangeEnds: le, appliedRangeLabel: pe } = we({
+    range: a,
+    countryCode: M
+  }), { canApply: ie, hasPendingSelection: ce } = Ke({
+    selectedRange: p,
+    appliedRange: a
+  }), { isCollapsed: de, showsCalendar: me, collapseCalendar: x, hideCalendar: E, restoreCalendar: L, revealCalendarFor: w } = xe({ defaultRange: s }), [Ce, f] = ke(), r = n(() => {
+    y && l();
+  }, [l, y]), fe = n(() => {
+    m(p), c(R), r();
+  }, [
+    c,
+    m,
+    r,
+    R,
+    p
+  ]), u = n(() => {
+    a ? i(a) : t(), v(), L(O === "custom");
+  }, [
+    O,
+    a,
+    t,
+    L,
+    v,
+    i
+  ]), ue = n((e) => {
+    e || u(), D(e);
+  }, [u, D]), ge = n(() => {
+    u(), l();
+  }, [l, u]), Re = n((e, o) => {
+    if (b(e, !!(o.from || o.to)), e === null) {
+      x();
+      return;
+    }
+    const ye = w(o);
+    !P || ye || (i(o), m(o), c(e), r());
+  }, [
+    P,
+    c,
+    m,
+    r,
+    x,
+    w,
+    b,
+    i
+  ]), he = n((e) => {
+    const o = A();
+    F(o && !g ? {
+      ...e,
+      ...Ae(e)
+    } : e);
+  }, [
+    F,
+    A,
+    g
+  ]), h = n(() => {
+    t(), d(), C(), E(), f();
+  }, [
+    f,
+    C,
+    d,
+    t,
+    E
+  ]), Pe = n(() => {
+    h(), r();
+  }, [h, r]), Se = n(() => {
+    t(), d(), C(), f();
+  }, [
+    f,
+    C,
+    d,
+    t
+  ]);
+  return Fe({
+    id: ae,
+    onClose: ge,
+    onReset: h
+  }), /* @__PURE__ */ Ne(Oe.Provider, {
+    value: {
+      animationDuration: K,
+      appliedRangeDisplay: k,
+      appliedRangeEnds: le,
+      appliedRangeLabel: pe,
+      canApply: ie,
+      dateDisplayFormat: N,
+      hasPendingSelection: ce,
+      isCollapsed: de,
+      isOpen: se,
+      label: U,
+      labelApply: _,
+      labelEndDate: B,
+      labelRangeSeparator: G,
+      labelReset: T,
+      labelStartDate: V,
+      labelTimePeriod: W,
+      maxDate: q,
+      minDate: z,
+      navigationMode: H,
+      numberOfMonths: J,
+      position: Q,
+      presets: re,
+      requiredDates: Y,
+      resetKey: Ce,
+      revealCalendarOnCustom: Z || !S,
+      selectedPreset: R,
+      selectedRange: p,
+      showOutsideDays: ee,
+      showPresets: ne,
+      showsCalendar: me,
+      showTime: g,
+      timeFormat: oe,
+      onApply: fe,
+      onClear: Se,
+      onOpenChange: ue,
+      onPresetChange: Re,
+      onRangeChange: he,
+      onReset: Pe
+    },
+    children: I
+  });
+};
+export {
+  $e as CustomDateRangeFilterDropdownProvider
+};

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

@@ -0,0 +1,6 @@
+import { useCustomDateRangeFilterDropdown as r } from "./custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { CustomDateRangeFilterDropdownProvider as t } from "./custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider.js";
+export {
+  t as CustomDateRangeFilterDropdownProvider,
+  r as useCustomDateRangeFilterDropdown
+};

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

@@ -0,0 +1,20 @@
+import { useAppliedDateRange as t } from "./useAppliedDateRange/useAppliedDateRange.js";
+import { useCalendarVisibility as o } from "./useCalendarVisibility/useCalendarVisibility.js";
+import { useDateRangeSelection as i } from "./useDateRangeSelection/useDateRangeSelection.js";
+import { useFilterDropdownOpenState as s } from "./useFilterDropdownOpenState/useFilterDropdownOpenState.js";
+import { useFormattedDateRange as n } from "./useFormattedDateRange/useFormattedDateRange.js";
+import { usePendingDateRange as u } from "./usePendingDateRange/usePendingDateRange.js";
+import { useResetKey as l } from "./useResetKey/useResetKey.js";
+import { usePresetOptions as D } from "./usePresetOptions/usePresetOptions.js";
+import { useSelectedPreset as P } from "./useSelectedPreset/useSelectedPreset.js";
+export {
+  t as useAppliedDateRange,
+  o as useCalendarVisibility,
+  i as useDateRangeSelection,
+  s as useFilterDropdownOpenState,
+  n as useFormattedDateRange,
+  u as usePendingDateRange,
+  D as usePresetOptions,
+  l as useResetKey,
+  P as useSelectedPreset
+};

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,25 @@
+import { t as n } from "../../../../../../utils-DVYdP0CJ.js";
+import { useMemo as i } from "react";
+var f = ({ range: t, countryCode: r = "US" }) => i(() => {
+  if (!t?.from) return {
+    appliedRangeLabel: void 0,
+    appliedRangeEnds: void 0
+  };
+  const m = n(r), e = (o) => o.toLocaleDateString(m, {
+    day: "numeric",
+    month: "short"
+  }), a = (o) => {
+    const l = o.toLocaleDateString(m, { month: "short" });
+    return `${o.getDate()} ${l} ${o.getFullYear()}`;
+  };
+  return {
+    appliedRangeLabel: t.to ? `${e(t.from)} - ${e(t.to)}` : e(t.from),
+    appliedRangeEnds: {
+      from: a(t.from),
+      to: t.to && a(t.to)
+    }
+  };
+}, [t, r]);
+export {
+  f 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

@@ -5,7 +5,7 @@ import { Badge as x } from "../../../Badge/Badge.js";
 import { DatePicker as y } from "../../../Datepicker/DatePicker.js";
 import { filterButtonIconVariants as C, filterButtonVariants as D } from "../../Filter.variants.js";
 import { FilterDropdown as w } from "../FilterDropdown/FilterDropdown.js";
-import { useDateFilterDropdown as N } from "./DateFilterDropdown.hook.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({

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/{DateFilterDropdown.hook.js → hooks/useDateFilterDropdown/useDateFilterDropdown.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-DVYdP0CJ.js";
+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-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/DateRangeFilterDropdown/DateRangeFilterDropdown.js

@@ -5,7 +5,7 @@ import { Badge as k } from "../../../Badge/Badge.js";
 import { DateRangePicker as v } from "../../../DateRangePicker/DateRangePicker.js";
 import { filterButtonIconVariants as y, filterButtonVariants as B } from "../../Filter.variants.js";
 import { FilterDropdown as F } from "../FilterDropdown/FilterDropdown.js";
-import { useDateRangeFilterDropdown as N } from "./DateRangeFilterDropdown.hook.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({

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/{DateRangeFilterDropdown.hook.js → hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.js}

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

package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js

@@ -5,7 +5,7 @@ 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 B } from "../FilterDropdown/FilterDropdown.js";
-import { useBadgeMultiSelect as A } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
+import { useBadgeMultiSelect as A } from "../BadgeDropdown/hooks/useBadgeMultiSelect/useBadgeMultiSelect.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({

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

@@ -5,7 +5,7 @@ import { Badge as N } from "../../../Badge/Badge.js";
 import { TimePicker as C } from "../../../TimePicker/TimePicker.js";
 import { filterButtonIconVariants as w, filterButtonVariants as B } from "../../Filter.variants.js";
 import { FilterDropdown as D } from "../FilterDropdown/FilterDropdown.js";
-import { useTimeFilterDropdown as F } from "./TimeFilterDropdown.hook.js";
+import { useTimeFilterDropdown as F } from "./hooks/useTimeFilterDropdown/useTimeFilterDropdown.js";
 import { Fragment as j, jsx as e, jsxs as l } from "react/jsx-runtime";
 var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
   const { appliedLabel: c, isOpen: o, selectedTime: h, selectedPresetLabel: d, handleApply: b, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({