@konstructio/ui 0.1.2-alpha.98 → 0.1.3

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

@@ -1,76 +1,73 @@
-import { t as h } from "../../../../Checkbox-BvRmHWxk.js";
-import { t as r } from "../../../../utils-COaoD3PI.js";
-import { Button as f } from "../../../Button/Button.js";
-import { t as B } from "../../../../chevron-down-T3Rx8Nc7.js";
+import { t as O } from "../../../../chevron-down-BODx0Q7h.js";
 import { Badge as c } from "../../../Badge/Badge.js";
-import { filterButtonIconVariants as O, filterButtonVariants as A } from "../../Filter.variants.js";
-import { useBadgeMultiSelect as I } from "./BadgeMultiSelect.hook.js";
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-var q = ({ options: t, label: p, position: i = "left", onApply: g, showSelectAll: u = !0, selectAllLabel: b = "All" }) => {
-  const { wrapperRef: x, isOpen: d, isAllSelected: s, selectedOptions: v, selectedCount: m, handleOpen: k, handleResetOptions: C, handleApplyOptions: N, handleSelectAll: y, handleSelectOption: S } = I({
-    onApply: g,
-    options: t
+import { Button as o } from "../../../Button/Button.js";
+import { t as m } from "../../../../Checkbox-DtgzySMh.js";
+import { filterButtonIconVariants as S, filterButtonVariants as B } from "../../Filter.variants.js";
+import { t as i } from "../../../../utils-DnIJruo0.js";
+import { FilterDropdown as I } from "../FilterDropdown/FilterDropdown.js";
+import { useBadgeMultiSelect as A } from "./hooks/useBadgeMultiSelect/useBadgeMultiSelect.js";
+import { Fragment as j, jsx as a, jsxs as r } from "react/jsx-runtime";
+var G = ({ options: l, label: h, position: g = "left", onApply: p, showSelectAll: f = !0, selectAllLabel: d = "All" }) => {
+  const { isOpen: n, isAllSelected: u, selectedOptions: x, selectedCount: s, handleOpenChange: b, handleResetOptions: v, handleApplyOptions: C, handleSelectAll: k, handleSelectOption: y } = A({
+    onApply: p,
+    options: l
   });
-  return t.length === 0 ? null : /* @__PURE__ */ l("div", {
-    ref: x,
-    className: "relative",
-    children: [/* @__PURE__ */ l("button", {
-      className: r(A(), { "text-slate-700 dark:text-metal-50": d }),
-      onClick: k,
-      children: [
-        p,
-        m.length > 0 && /* @__PURE__ */ a(c, { label: m.length.toString() }),
-        /* @__PURE__ */ a(B, { className: r(O(), { "rotate-180 text-blue-600 dark:text-aurora-500": d }) })
-      ]
-    }), d && /* @__PURE__ */ l("div", {
-      className: r("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "dark:bg-metal-800", "dark:border-metal-700", {
-        "left-0": i === "left",
-        "right-0": i === "right"
-      }),
-      children: [/* @__PURE__ */ a("div", {
-        className: "px-6 py-4",
-        children: /* @__PURE__ */ l("div", {
-          className: "flex flex-col gap-2",
-          children: [u && /* @__PURE__ */ l("div", {
+  return l.length === 0 ? null : /* @__PURE__ */ r(I, {
+    isOpen: n,
+    position: g,
+    contentClassName: "border border-gray-200",
+    triggerClassName: i(B(), { "text-slate-700 dark:text-metal-50": n }),
+    trigger: /* @__PURE__ */ r(j, { children: [
+      h,
+      s.length > 0 && /* @__PURE__ */ a(c, { label: s.length.toString() }),
+      /* @__PURE__ */ a(O, { className: i(S(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
+    ] }),
+    onOpenChange: b,
+    children: [/* @__PURE__ */ a("div", {
+      className: "px-6 py-4",
+      children: /* @__PURE__ */ r("div", {
+        className: "flex flex-col gap-2",
+        children: [f && /* @__PURE__ */ r("div", {
+          className: "flex gap-4",
+          children: [/* @__PURE__ */ a(m, {
+            checked: u,
+            "aria-label": d,
+            onChange: (e) => k(l, e)
+          }), /* @__PURE__ */ a(c, { label: d })]
+        }), l.map((e) => {
+          const N = x.some((t) => t.id === e.id && !t.isRemoved);
+          return /* @__PURE__ */ r("div", {
             className: "flex gap-4",
-            children: [/* @__PURE__ */ a(h, {
-              defaultChecked: s,
-              onChange: (e) => y(t, e)
-            }, `select-all-${s}`), /* @__PURE__ */ a(c, { label: b })]
-          }), t.map((e) => {
-            const o = !!v.find((n) => n.id === e.id);
-            return /* @__PURE__ */ l("div", {
-              className: "flex gap-4",
-              children: [/* @__PURE__ */ a(h, {
-                defaultChecked: o,
-                "data-label": e.id,
-                onChange: (n) => S(e, n)
-              }, `${e.id}-${o}`), /* @__PURE__ */ a(c, {
-                label: e.label,
-                variant: e.variant,
-                leftIcon: e.leftIcon,
-                rightIcon: e.rightIcon,
-                loading: e.loading
-              })]
-            }, e.id);
-          })]
-        })
-      }), /* @__PURE__ */ l("div", {
-        className: r("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
-        children: [/* @__PURE__ */ a(f, {
-          variant: "secondary",
-          appearance: "compact",
-          onClick: C,
-          children: "Reset"
-        }), /* @__PURE__ */ a(f, {
-          appearance: "compact",
-          onClick: N,
-          children: "Apply"
+            children: [/* @__PURE__ */ a(m, {
+              checked: N,
+              "aria-label": e.label,
+              "data-label": e.id,
+              onChange: (t) => y(e, t)
+            }), /* @__PURE__ */ a(c, {
+              label: e.label,
+              variant: e.variant,
+              leftIcon: e.leftIcon,
+              rightIcon: e.rightIcon,
+              loading: e.loading
+            })]
+          }, e.id);
         })]
+      })
+    }), /* @__PURE__ */ r("div", {
+      className: i("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
+      children: [/* @__PURE__ */ a(o, {
+        variant: "secondary",
+        appearance: "compact",
+        onClick: v,
+        children: "Reset"
+      }), /* @__PURE__ */ a(o, {
+        appearance: "compact",
+        onClick: C,
+        children: "Apply"
       })]
     })]
   });
 };
 export {
-  q as BadgeMultiSelect
+  G as BadgeMultiSelect
 };

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

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

package/dist/components/Filter/components/BadgeDropdown/hooks/useBadgeMultiSelect/useBadgeMultiSelect.js

@@ -0,0 +1,67 @@
+import { useFilterContext as w } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as y } from "../../../../events/index.js";
+import { useFilterDropdownSync as I } from "../../../../hooks/useFilterDropdownSync.js";
+import { useCallback as p, useId as M, useMemo as u, useState as R } from "react";
+var E = ({ onApply: r, options: o = [] }) => {
+  const { closeOnApply: a } = w(), c = M(), [v, d] = R(!1), [n, l] = R([]), A = p(() => d(!1), []), m = p(() => {
+    l([]), r?.([]);
+  }, [r]);
+  I({
+    id: c,
+    onClose: A,
+    onReset: m
+  });
+  const h = (e) => {
+    e && (y(c), l((t) => t.filter((i) => i.isApplied).map((i) => ({
+      ...i,
+      isRemoved: !1
+    })))), d(e);
+  }, O = (e, t) => {
+    l(t ? (i) => i.some((s) => s.id === e.id) ? i.map((s) => s.id === e.id ? {
+      ...s,
+      isRemoved: !1
+    } : s) : [...i, {
+      ...e,
+      isApplied: !1
+    }] : (i) => i.map((s) => s.id === e.id ? {
+      ...s,
+      isRemoved: !0
+    } : s));
+  }, S = () => {
+    m(), a && d(!1);
+  }, C = () => {
+    const e = n.filter((t) => !t.isRemoved).map((t) => ({
+      ...t,
+      isApplied: !0
+    }));
+    l(e), r?.(e.map(({ isApplied: t, isRemoved: i, ...s }) => s)), a && d(!1);
+  }, g = u(() => n.filter((e) => e.isApplied), [n]), x = u(() => o.length > 0 && o.every((e) => n.some((t) => t.id === e.id && !t.isRemoved)), [o, n]);
+  return {
+    isOpen: v,
+    isAllSelected: x,
+    selectedCount: g,
+    selectedOptions: n,
+    handleApplyOptions: C,
+    handleOpenChange: h,
+    handleResetOptions: S,
+    handleSelectAll: (e, t) => {
+      l(t ? (i) => e.map((s) => {
+        const f = i.find((F) => F.id === s.id);
+        return f ? {
+          ...f,
+          isRemoved: !1
+        } : {
+          ...s,
+          isApplied: !1
+        };
+      }) : (i) => i.map((s) => ({
+        ...s,
+        isRemoved: !0
+      })));
+    },
+    handleSelectOption: O
+  };
+};
+export {
+  E as useBadgeMultiSelect
+};

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

@@ -0,0 +1,10 @@
+import { Wrapper as e } from "./components/Wrapper/Wrapper.js";
+import { CustomDateRangeFilterDropdownProvider as t } from "./contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider.js";
+import { jsx as r } from "react/jsx-runtime";
+var a = (o) => /* @__PURE__ */ r(t, {
+  ...o,
+  children: /* @__PURE__ */ r(e, {})
+});
+export {
+  a as CustomDateRangeFilterDropdown
+};

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

@@ -0,0 +1,77 @@
+import { Button as s } from "../../../../../Button/Button.js";
+import { t as D } from "../../../../../../utils-DnIJruo0.js";
+import { useCustomDateRangeFilterDropdown as O } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { jsx as a, jsxs as I } from "react/jsx-runtime";
+import { AnimatePresence as r, motion as c } from "motion/react";
+var i = 0.15, B = () => {
+  const { animationDuration: l, appliedRangeLabel: p, hasPendingSelection: e, isCollapsed: d, labelApply: h, labelReset: m, revealCalendarOnCustom: u, showsCalendar: y, onApply: f, onReset: g } = O(), n = u && !y, o = n && e && !d, v = n && (o || !!p), t = l / 1e3, A = {
+    opacity: 1,
+    transition: {
+      duration: i,
+      delay: t
+    }
+  }, C = {
+    opacity: 0,
+    transition: { duration: i }
+  }, w = {
+    height: "auto",
+    opacity: 1,
+    transition: {
+      height: {
+        duration: t,
+        ease: "easeInOut"
+      },
+      opacity: {
+        duration: i,
+        delay: t
+      }
+    }
+  }, x = {
+    height: 0,
+    opacity: 0,
+    transition: {
+      height: {
+        duration: t,
+        ease: "easeInOut"
+      },
+      opacity: { duration: i }
+    }
+  };
+  return /* @__PURE__ */ a(r, {
+    initial: !1,
+    children: v && /* @__PURE__ */ a(c.div, {
+      className: "overflow-hidden",
+      initial: {
+        height: 0,
+        opacity: 0
+      },
+      animate: w,
+      exit: x,
+      children: /* @__PURE__ */ I("div", {
+        className: D("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"),
+        children: [/* @__PURE__ */ a(s, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: g,
+          children: m
+        }), /* @__PURE__ */ a(r, {
+          initial: !1,
+          children: o && /* @__PURE__ */ a(c.div, {
+            initial: { opacity: 0 },
+            animate: A,
+            exit: C,
+            children: /* @__PURE__ */ a(s, {
+              appearance: "compact",
+              disabled: !e,
+              onClick: f,
+              children: h
+            })
+          }, "apply")
+        })]
+      })
+    }, "actions")
+  });
+};
+export {
+  B as Actions
+};

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

@@ -0,0 +1,23 @@
+import { Button as e } from "../../../../../Button/Button.js";
+import { useCustomDateRangeFilterDropdown as c } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+var m = () => {
+  const { hasPendingSelection: n, labelApply: o, labelReset: l, onApply: r, onClear: t } = c();
+  return /* @__PURE__ */ i("div", {
+    className: "flex w-full justify-end gap-4",
+    children: [/* @__PURE__ */ a(e, {
+      variant: "secondary",
+      appearance: "compact",
+      onClick: t,
+      children: l
+    }), /* @__PURE__ */ a(e, {
+      appearance: "compact",
+      disabled: !n,
+      onClick: r,
+      children: o
+    })]
+  });
+};
+export {
+  m as PanelActions
+};

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

@@ -0,0 +1,34 @@
+import { DateRangePicker as v } from "../../../../../DateRangePicker/DateRangePicker.js";
+import { useCustomDateRangeFilterDropdown as x } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { PanelActions as y } from "../PanelActions/PanelActions.js";
+import { jsx as t } from "react/jsx-runtime";
+var T = () => {
+  const { animationDuration: o, dateDisplayFormat: r, labelEndDate: n, labelStartDate: s, labelTimePeriod: i, maxDate: m, minDate: l, navigationMode: d, numberOfMonths: u, presets: D, requiredDates: c, resetKey: f, revealCalendarOnCustom: e, selectedPreset: g, selectedRange: a, showOutsideDays: h, showPresets: p, showsCalendar: P, showTime: w, timeFormat: C, onPresetChange: R, onRangeChange: b } = x();
+  return /* @__PURE__ */ t(v, {
+    animationDuration: o,
+    dateDisplayFormat: r,
+    navigationMode: d,
+    numberOfMonths: u,
+    showOutsideDays: h,
+    defaultRange: a,
+    defaultPreset: g ?? ((e ? P : a) ? "custom" : null),
+    showTime: w,
+    timeFormat: C,
+    showPresets: p,
+    presets: D,
+    revealCalendarOnCustom: e,
+    labelTimePeriod: i,
+    labelStartDate: s,
+    labelEndDate: n,
+    requiredDates: c,
+    minDate: l,
+    maxDate: m,
+    onRangeChange: b,
+    onPresetChange: R,
+    footer: /* @__PURE__ */ t(y, {}),
+    classNames: { container: "shadow-none" }
+  }, f);
+};
+export {
+  T as Picker
+};

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

@@ -0,0 +1,22 @@
+import { t as s } from "../../../../../../chevron-down-BODx0Q7h.js";
+import { Badge as t } from "../../../../../Badge/Badge.js";
+import { filterButtonIconVariants as d } from "../../../../Filter.variants.js";
+import { Typography as c } from "../../../../../Typography/Typography.js";
+import { t as f } from "../../../../../../utils-DnIJruo0.js";
+import { useCustomDateRangeFilterDropdown as g } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { Fragment as a, jsx as e, jsxs as o } from "react/jsx-runtime";
+var v = () => {
+  const { appliedRangeDisplay: l, appliedRangeEnds: r, appliedRangeLabel: n, isOpen: p, label: i, labelRangeSeparator: m } = g();
+  return /* @__PURE__ */ o(a, { children: [
+    i,
+    l === "split" && r ? /* @__PURE__ */ o(a, { children: [/* @__PURE__ */ e(t, { label: r.from }), r.to && /* @__PURE__ */ o(a, { children: [/* @__PURE__ */ e(c, {
+      component: "span",
+      className: "text-sm",
+      children: m
+    }), /* @__PURE__ */ e(t, { label: r.to })] })] }) : n && /* @__PURE__ */ e(t, { label: n }),
+    /* @__PURE__ */ e(s, { className: f(d(), { "rotate-180 text-blue-600 dark:text-aurora-500": p }) })
+  ] });
+};
+export {
+  v as Trigger
+};

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

@@ -0,0 +1,22 @@
+import { filterButtonVariants as e } from "../../../../Filter.variants.js";
+import { t as m } from "../../../../../../utils-DnIJruo0.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: m(e(), { "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 { DEFAULT_ROLLING_PRESETS as Oe } from "../../constants/presets/presets.js";
+import { useAppliedDateRange as Ae } from "../../hooks/useAppliedDateRange/useAppliedDateRange.js";
+import { useCalendarVisibility as ve } from "../../hooks/useCalendarVisibility/useCalendarVisibility.js";
+import { useDateRangeSelection as be } from "../../hooks/useDateRangeSelection/useDateRangeSelection.js";
+import { useFilterDropdownOpenState as xe } from "../../hooks/useFilterDropdownOpenState/useFilterDropdownOpenState.js";
+import { useFormattedDateRange as Ee } from "../../hooks/useFormattedDateRange/useFormattedDateRange.js";
+import { usePendingDateRange as Le } from "../../hooks/usePendingDateRange/usePendingDateRange.js";
+import { usePresetOptions as we } from "../../hooks/usePresetOptions/usePresetOptions.js";
+import { useResetKey as Ke } from "../../hooks/useResetKey/useResetKey.js";
+import { useSelectedPreset as ke } from "../../hooks/useSelectedPreset/useSelectedPreset.js";
+import { spanWholeDays as Ie } from "../../utils/whole-days/whole-days.js";
+import { CustomDateRangeFilterDropdownContext as Me } from "./custom-date-range-filter-dropdown.context.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: $ = Oe, showCustomRange: S = !0, showOutsideDays: ee = !1, showPresets: ne = !0, showTime: g = !1, timeFormat: oe = "24", onApply: te }) => {
+  const { closeOnApply: y } = De(), re = we({
+    labelCustomRange: j,
+    presets: X,
+    rollingPresets: $,
+    showCustomRange: S
+  }), { id: ae, isOpen: se, close: l, handleOpenChange: D } = xe(), { selectedRange: p, selectRange: i, handleRangeChange: F, clearSelectedRange: t } = be({ defaultRange: s }), { appliedPreset: O, selectedPreset: R, applyPreset: c, clearSelectedPreset: d, markManualSelection: A, revertSelectedPreset: v, selectPreset: b } = ke({ defaultRange: s }), { appliedRange: a, applyRange: m, clearAppliedRange: C } = Ae({
+    defaultRange: s,
+    onApply: te
+  }), { appliedRangeEnds: le, appliedRangeLabel: pe } = Ee({
+    range: a,
+    countryCode: M
+  }), { canApply: ie, hasPendingSelection: ce } = Le({
+    selectedRange: p,
+    appliedRange: a
+  }), { isCollapsed: de, showsCalendar: me, collapseCalendar: x, hideCalendar: E, restoreCalendar: L, revealCalendarFor: w } = ve({ 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,
+      ...Ie(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(Me.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
+};