@konstructio/ui 0.1.6 → 0.1.8

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

@@ -1,14 +1,14 @@
-import { PRESET_OPTIONS as rt } from "../../constants/presets/presets.js";
+import { PRESET_OPTIONS as ot } from "../../constants/presets/presets.js";
 import { calculatePresetRange as w } from "../../utils/presets/presets.js";
 import { canNavigateToNextMonth as q, canNavigateToPrevMonth as z } from "../../utils/disabled-dates/disabled-dates.js";
-import { getDisplayedMonths as ot } from "../../utils/displayed-months/displayed-months.js";
-import { DateRangePickerContext as nt } from "./date-range-picker.context.js";
+import { getDisplayedMonths as nt } from "../../utils/displayed-months/displayed-months.js";
+import { DateRangePickerContext as at } from "./date-range-picker.context.js";
 import { useCallback as o, useMemo as a, useState as Y } from "react";
-import { jsx as at } from "react/jsx-runtime";
-var Mt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: p = "custom", presets: g = rt, timeFormat: G = "24", showTime: H = !0, name: J, disabled: K = !1, animationDuration: O = 500, blockedDays: Q = [], blockedMonths: U = [], minDate: u, maxDate: i, hideDisabledNavigation: W = !1, showOutsideDays: X = !1, navigationMode: Z = "together", numberOfMonths: T = 2, dateDisplayFormat: $ = "long", revealCalendarOnCustom: C = !1, onRangeChange: c, onDateChange: v, onPresetChange: S }) => {
-  const [M, x] = Y(() => l || w(p, g)), [s, tt] = Y(() => B ?? {}), [y, D] = Y(p), [r, n] = Y(() => {
+import { jsx as it } from "react/jsx-runtime";
+var ft = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: p = "custom", presets: g = ot, timeFormat: G = "24", showTime: H = !0, name: J, disabled: K = !1, animationDuration: O = 500, blockedDays: Q = [], blockedMonths: U = [], minDate: u, maxDate: i, hideDisabledNavigation: W = !1, showOutsideDays: X = !1, navigationMode: Z = "together", numberOfMonths: T = 2, fluid: $ = !1, dateDisplayFormat: C = "long", revealCalendarOnCustom: tt = !1, onRangeChange: c, onDateChange: v, onPresetChange: S }) => {
+  const [M, x] = Y(() => l || w(p, g)), [s, et] = Y(() => B ?? {}), [y, D] = Y(p), [r, n] = Y(() => {
     const t = l || w(p, g), e = t?.from ?? t?.to ?? /* @__PURE__ */ new Date();
-    return ot(e, i, T);
+    return nt(e, i, T);
   }), L = r[T - 1], k = o((t) => {
     x(t), D("custom"), c?.({
       ...t,
@@ -19,7 +19,7 @@ var Mt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: p = "cu
     c,
     v
   ]), d = o((t) => {
-    tt(t), c?.({
+    et(t), c?.({
       ...M,
       ...t
     });
@@ -54,7 +54,7 @@ var Mt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: p = "cu
     P && n(([t, e]) => [t, new Date(e.getFullYear(), e.getMonth() - 1, 1)]);
   }, [P]), b = o(() => {
     F && n(([t, e]) => [t, new Date(e.getFullYear(), e.getMonth() + 1, 1)]);
-  }, [F]), et = a(() => ({
+  }, [F]), rt = a(() => ({
     range: M,
     time: s,
     preset: y,
@@ -96,9 +96,9 @@ var Mt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: p = "cu
     _,
     b
   ]);
-  return /* @__PURE__ */ at(nt.Provider, {
+  return /* @__PURE__ */ it(at.Provider, {
     value: {
-      ...et,
+      ...rt,
       presets: g,
       timeFormat: G,
       showTime: H,
@@ -110,15 +110,16 @@ var Mt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: p = "cu
       minDate: u,
       maxDate: i,
       hideDisabledNavigation: W,
-      revealCalendarOnCustom: C,
+      revealCalendarOnCustom: tt,
       showOutsideDays: X,
       navigationMode: Z,
       numberOfMonths: T,
-      dateDisplayFormat: $
+      fluid: $,
+      dateDisplayFormat: C
     },
     children: A
   });
 };
 export {
-  Mt as DateRangePickerProvider
+  ft as DateRangePickerProvider
 };

package/dist/components/Filter/Filter.variants.js

@@ -1,9 +1,9 @@
 import { t } from "../../dist-B9GE4SXf.js";
-var e = t([
+var r = t([
   "flex",
   "gap-8",
   "items-center"
-]), r = t([
+]), i = t([
   "flex",
   "items-center",
   "gap-1",
@@ -11,8 +11,13 @@ var e = t([
   "cursor-pointer",
   "text-sm",
   "w-max",
-  "dark:text-metal-300"
-]), i = t([
+  "dark:text-metal-300",
+  "rounded-sm",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-aurora-500",
+  "kubefirst:focus-visible:ring-kubefirst-primary"
+]), a = t([
   "text-slate-400",
   "h-5",
   "w-5",
@@ -21,7 +26,7 @@ var e = t([
   "ease-in-out"
 ]);
 export {
-  i as filterButtonIconVariants,
-  r as filterButtonVariants,
-  e as filterVariants
+  a as filterButtonIconVariants,
+  i as filterButtonVariants,
+  r as filterVariants
 };

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

@@ -0,0 +1,39 @@
+import { t as u } from "../../../../../../check-Bekes_eB.js";
+import { t as d } from "../../../../../../chevron-right-D4OkgIIT.js";
+import { t as x } from "../../../../../../utils-DnIJruo0.js";
+import { useCustomDateRangeFilterDropdown as f } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+var b = "flex min-h-12 w-full items-center justify-between gap-4 px-4 text-left text-base text-slate-700 tap-target active:bg-slate-100 dark:text-metal-50 dark:active:bg-metal-700", N = ({ onCustomRange: l }) => {
+  const { presets: n, selectedPreset: o, onApplyPreset: i, onPresetChange: m } = f(), c = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ r("ul", {
+    className: "flex flex-col",
+    children: n.map((e) => {
+      const t = e.resolve(c), a = !t.from && !t.to, s = e.value === o;
+      return /* @__PURE__ */ r("li", {
+        className: x(a && "mt-2 border-t border-slate-200 pt-2 dark:border-metal-700"),
+        children: /* @__PURE__ */ h("button", {
+          type: "button",
+          "aria-current": s || void 0,
+          className: b,
+          onClick: () => {
+            if (a) {
+              m(e.value, t), l();
+              return;
+            }
+            i(e.value, t);
+          },
+          children: [e.label, a ? /* @__PURE__ */ r(d, {
+            "aria-hidden": "true",
+            className: "size-5 shrink-0 text-slate-500 dark:text-metal-400"
+          }) : s && /* @__PURE__ */ r(u, {
+            "aria-hidden": "true",
+            className: "size-5 shrink-0 text-aurora-500"
+          })]
+        })
+      }, e.value);
+    })
+  });
+};
+export {
+  N as MobilePresets
+};

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

@@ -1,23 +1,26 @@
-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();
+import { Button as l } from "../../../../../Button/Button.js";
+import { t as e } from "../../../../../../utils-DnIJruo0.js";
+import { useCustomDateRangeFilterDropdown as t } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+var x = ({ isSheet: a = !1 }) => {
+  const { hasPendingSelection: o, labelApply: r, labelReset: c, onApply: p, onClear: s } = t();
   return /* @__PURE__ */ i("div", {
-    className: "flex w-full justify-end gap-4",
-    children: [/* @__PURE__ */ a(e, {
+    className: e("flex w-full justify-end", a ? "gap-2" : "gap-4"),
+    children: [/* @__PURE__ */ n(l, {
       variant: "secondary",
       appearance: "compact",
-      onClick: t,
-      children: l
-    }), /* @__PURE__ */ a(e, {
+      className: e(a && "h-11! flex-1"),
+      onClick: s,
+      children: c
+    }), /* @__PURE__ */ n(l, {
       appearance: "compact",
-      disabled: !n,
-      onClick: r,
-      children: o
+      className: e(a && "h-11! flex-1"),
+      disabled: !o,
+      onClick: p,
+      children: r
     })]
   });
 };
 export {
-  m as PanelActions
+  x as PanelActions
 };

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

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

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

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

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

@@ -1,22 +1,58 @@
-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, {
+import { Button as A } from "../../../../../Button/Button.js";
+import { filterButtonVariants as j } from "../../../../Filter.variants.js";
+import { useFilterSheet as E } from "../../../../hooks/useFilterSheet.js";
+import { t as M } from "../../../../../../utils-DnIJruo0.js";
+import { FilterDropdown as f } from "../../../FilterDropdown/FilterDropdown.js";
+import { useCustomDateRangeFilterDropdown as _ } from "../../contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.hook.js";
+import { Actions as y } from "../Actions/Actions.js";
+import { MobilePresets as G } from "../MobilePresets/MobilePresets.js";
+import { PanelActions as L } from "../PanelActions/PanelActions.js";
+import { Picker as u } from "../Picker/Picker.js";
+import { Trigger as S } from "../Trigger/Trigger.js";
+import { useState as U } from "react";
+import { Fragment as C, jsx as e, jsxs as s } from "react/jsx-runtime";
+var a = 1, ee = () => {
+  const { appliedRangeLabel: i, hasPendingSelection: v, isOpen: o, label: l, labelReset: P, position: w, presets: x, selectedPreset: B, onOpenChange: m, onPresetChange: O, onReset: R } = _(), b = E(), [p, n] = U(0), c = M(j(), { "text-slate-700": o });
+  if (!b) return /* @__PURE__ */ s(f, {
     isOpen: o,
-    position: t,
-    triggerClassName: m(e(), { "text-slate-700": o }),
-    trigger: /* @__PURE__ */ r(f, {}),
-    onOpenChange: i,
-    children: [/* @__PURE__ */ r(a, {}), /* @__PURE__ */ r(s, {})]
+    position: w,
+    triggerClassName: c,
+    trigger: /* @__PURE__ */ e(S, {}),
+    onOpenChange: m,
+    children: [/* @__PURE__ */ e(u, {}), /* @__PURE__ */ e(y, {})]
+  });
+  const F = /* @__PURE__ */ new Date(), h = x.find((r) => {
+    const g = r.resolve(F);
+    return !g.from && !g.to;
+  }), t = p === a, N = !!i && B === h?.value, k = !!i || v, D = (r) => {
+    n(r && N ? a : 0), m(r);
+  }, T = () => {
+    O(null, {}), n(0);
+  }, d = /* @__PURE__ */ s(C, { children: [/* @__PURE__ */ e(G, { onCustomRange: () => n(a) }), k && /* @__PURE__ */ e("div", {
+    className: "px-4 pt-4",
+    children: /* @__PURE__ */ e(A, {
+      variant: "secondary",
+      appearance: "compact",
+      className: "h-11! w-full",
+      onClick: R,
+      children: P
+    })
+  })] });
+  return /* @__PURE__ */ e(f, {
+    isOpen: o,
+    triggerClassName: c,
+    trigger: /* @__PURE__ */ e(S, {}),
+    sheetTitle: t ? h?.label ?? l : l,
+    sheetStep: p,
+    sheetPreviousContent: t ? d : void 0,
+    onSheetBack: t ? T : void 0,
+    onOpenChange: D,
+    children: t ? /* @__PURE__ */ s(C, { children: [/* @__PURE__ */ e(u, { isSheet: !0 }), /* @__PURE__ */ e("div", {
+      className: "px-4 pt-4",
+      children: /* @__PURE__ */ e(L, { isSheet: !0 })
+    })] }) : d
   });
 };
 export {
-  j as Wrapper
+  ee as Wrapper
 };

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

@@ -1,106 +1,114 @@
-import { useFilterContext as De } from "../../../../contexts/filter.hook.js";
+import { useFilterContext as Ae } 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 { useAppliedDateRange as ve } from "../../hooks/useAppliedDateRange/useAppliedDateRange.js";
+import { useCalendarVisibility as be } from "../../hooks/useCalendarVisibility/useCalendarVisibility.js";
+import { useDateRangeSelection as xe } from "../../hooks/useDateRangeSelection/useDateRangeSelection.js";
+import { useFilterDropdownOpenState as Ee } from "../../hooks/useFilterDropdownOpenState/useFilterDropdownOpenState.js";
+import { useFormattedDateRange as Le } from "../../hooks/useFormattedDateRange/useFormattedDateRange.js";
+import { usePendingDateRange as we } from "../../hooks/usePendingDateRange/usePendingDateRange.js";
+import { usePresetOptions as Ke } from "../../hooks/usePresetOptions/usePresetOptions.js";
+import { useResetKey as ke } from "../../hooks/useResetKey/useResetKey.js";
+import { useSelectedPreset as Ie } from "../../hooks/useSelectedPreset/useSelectedPreset.js";
+import { spanWholeDays as Me } from "../../utils/whole-days/whole-days.js";
+import { CustomDateRangeFilterDropdownContext as Ne } 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({
+import { jsx as Ue } from "react/jsx-runtime";
+var en = ({ animationDuration: K = 500, appliedRangeDisplay: k = "compact", applyOnPresetSelect: y = !1, children: I, countryCode: M = "US", dateDisplayFormat: N = "long", defaultRange: c, 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: R = !1, timeFormat: oe = "24", onApply: te }) => {
+  const { closeOnApply: D } = Ae(), re = Ke({
     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,
+  }), { id: se, isOpen: ae, close: t, handleOpenChange: A } = Ee(), { selectedRange: d, selectRange: r, handleRangeChange: F, clearSelectedRange: s } = xe({ defaultRange: c }), { appliedPreset: O, selectedPreset: h, applyPreset: a, clearSelectedPreset: m, markManualSelection: v, revertSelectedPreset: b, selectPreset: C } = Ie({ defaultRange: c }), { appliedRange: i, applyRange: l, clearAppliedRange: f } = ve({
+    defaultRange: c,
     onApply: te
-  }), { appliedRangeEnds: le, appliedRangeLabel: pe } = Ee({
-    range: a,
+  }), { appliedRangeEnds: le, appliedRangeLabel: pe } = Le({
+    range: i,
     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();
+  }), { canApply: ie, hasPendingSelection: ce } = we({
+    selectedRange: d,
+    appliedRange: i
+  }), { isCollapsed: de, showsCalendar: me, collapseCalendar: x, hideCalendar: E, restoreCalendar: L, revealCalendarFor: w } = be({ defaultRange: c }), [Ce, u] = ke(), p = n(() => {
+    D && t();
+  }, [t, D]), fe = n(() => {
+    l(d), a(h), p();
   }, [
-    c,
-    m,
-    r,
-    R,
-    p
-  ]), u = n(() => {
-    a ? i(a) : t(), v(), L(O === "custom");
+    a,
+    l,
+    p,
+    h,
+    d
+  ]), g = n(() => {
+    i ? r(i) : s(), b(), L(O === "custom");
   }, [
     O,
-    a,
-    t,
+    i,
+    s,
     L,
-    v,
-    i
+    b,
+    r
   ]), 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) {
+    e || g(), A(e);
+  }, [g, A]), ge = n(() => {
+    g(), t();
+  }, [t, g]), Re = n((e, o) => {
+    if (C(e, !!(o.from || o.to)), e === null) {
       x();
       return;
     }
-    const ye = w(o);
-    !P || ye || (i(o), m(o), c(e), r());
+    const De = w(o);
+    !y || De || (r(o), l(o), a(e), p());
   }, [
-    P,
-    c,
-    m,
-    r,
+    y,
+    a,
+    l,
+    p,
     x,
     w,
-    b,
-    i
-  ]), he = n((e) => {
-    const o = A();
-    F(o && !g ? {
+    C,
+    r
+  ]), he = n((e, o) => {
+    C(e, !0), r(o), l(o), a(e), t();
+  }, [
+    a,
+    l,
+    t,
+    C,
+    r
+  ]), Pe = n((e) => {
+    const o = v();
+    F(o && !R ? {
       ...e,
-      ...Ie(e)
+      ...Me(e)
     } : e);
   }, [
     F,
-    A,
-    g
-  ]), h = n(() => {
-    t(), d(), C(), E(), f();
+    v,
+    R
+  ]), P = n(() => {
+    s(), m(), f(), E(), u();
   }, [
+    u,
     f,
-    C,
-    d,
-    t,
+    m,
+    s,
     E
-  ]), Pe = n(() => {
-    h(), r();
-  }, [h, r]), Se = n(() => {
-    t(), d(), C(), f();
+  ]), ye = n(() => {
+    P(), p();
+  }, [P, p]), Se = n(() => {
+    s(), m(), f(), u();
   }, [
+    u,
     f,
-    C,
-    d,
-    t
+    m,
+    s
   ]);
   return Fe({
-    id: ae,
+    id: se,
     onClose: ge,
-    onReset: h
-  }), /* @__PURE__ */ Ne(Me.Provider, {
+    onReset: P
+  }), /* @__PURE__ */ Ue(Ne.Provider, {
     value: {
       animationDuration: K,
       appliedRangeDisplay: k,
@@ -110,7 +118,7 @@ var $e = ({ animationDuration: K = 500, appliedRangeDisplay: k = "compact", appl
       dateDisplayFormat: N,
       hasPendingSelection: ce,
       isCollapsed: de,
-      isOpen: se,
+      isOpen: ae,
       label: U,
       labelApply: _,
       labelEndDate: B,
@@ -127,23 +135,24 @@ var $e = ({ animationDuration: K = 500, appliedRangeDisplay: k = "compact", appl
       requiredDates: Y,
       resetKey: Ce,
       revealCalendarOnCustom: Z || !S,
-      selectedPreset: R,
-      selectedRange: p,
+      selectedPreset: h,
+      selectedRange: d,
       showOutsideDays: ee,
       showPresets: ne,
       showsCalendar: me,
-      showTime: g,
+      showTime: R,
       timeFormat: oe,
       onApply: fe,
+      onApplyPreset: he,
       onClear: Se,
       onOpenChange: ue,
       onPresetChange: Re,
-      onRangeChange: he,
-      onReset: Pe
+      onRangeChange: Pe,
+      onReset: ye
     },
     children: I
   });
 };
 export {
-  $e as CustomDateRangeFilterDropdownProvider
+  en as CustomDateRangeFilterDropdownProvider
 };