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

package/dist/components/DateRangePicker/components/RightPanel/RightPanel.js

@@ -0,0 +1,38 @@
+import { t as d } from "../../../../utils-B-6R7kNE.js";
+import { t as l } from "../../../../react-DRLuFcbk.js";
+import { t as p } from "../../../../AnimatePresence-C5PSMIZj.js";
+import { useDateRangePicker as h } from "../../contexts/date-range-picker/date-range-picker.hook.js";
+import { hidesRightPanel as c } from "../../utils/right-panel/right-panel.js";
+import { jsx as e } from "react/jsx-runtime";
+var a = {
+  width: 0,
+  height: 0,
+  opacity: 0
+}, f = {
+  width: "auto",
+  height: "auto",
+  opacity: 1
+}, g = ({ children: i, className: t }) => {
+  const { animationDuration: r, preset: n, presets: o, revealCalendarOnCustom: s } = h(), m = c(n, o, s);
+  return /* @__PURE__ */ e(p, {
+    initial: !1,
+    children: !m && /* @__PURE__ */ e(l.div, {
+      className: "overflow-hidden",
+      initial: a,
+      animate: f,
+      exit: a,
+      transition: {
+        duration: r / 1e3,
+        ease: "easeInOut"
+      },
+      children: /* @__PURE__ */ e("div", {
+        className: d(t, "w-max"),
+        children: i
+      })
+    }, "right-panel")
+  });
+};
+g.displayName = "DateRangePickerRightPanel";
+export {
+  g as RightPanel
+};

package/dist/components/DateRangePicker/components/index.js

@@ -1,8 +1,10 @@
 import { PresetPanel as e } from "./PresetPanel/PresetPanel.js";
 import { DateTimeInputs as o } from "./DateTimeInputs/DateTimeInputs.js";
 import { CalendarPanel as a } from "./CalendarPanel/CalendarPanel.js";
+import { RightPanel as p } from "./RightPanel/RightPanel.js";
 export {
   a as CalendarPanel,
   o as DateTimeInputs,
-  e as PresetPanel
+  e as PresetPanel,
+  p as RightPanel
 };

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

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

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

@@ -0,0 +1,42 @@
+var a = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), r = (e) => (s) => {
+  const l = a(s), t = new Date(l);
+  return t.setDate(t.getDate() - (e - 1)), {
+    from: t,
+    to: l
+  };
+}, o = [
+  {
+    value: "today",
+    label: "Today",
+    resolve: (e) => ({
+      from: a(e),
+      to: a(e)
+    })
+  },
+  {
+    value: "current-month",
+    label: "Current month",
+    resolve: (e) => ({
+      from: new Date(e.getFullYear(), e.getMonth(), 1),
+      to: new Date(e.getFullYear(), e.getMonth() + 1, 0)
+    })
+  },
+  {
+    value: "custom",
+    label: "Custom",
+    resolve: () => ({})
+  },
+  {
+    value: "last-7-days",
+    label: "Last 7 days",
+    resolve: r(7)
+  },
+  {
+    value: "last-2-weeks",
+    label: "Last 2 weeks",
+    resolve: r(14)
+  }
+];
+export {
+  o as PRESET_OPTIONS
+};

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

@@ -0,0 +1,124 @@
+import { DateRangePickerContext as rt } from "./date-range-picker.context.js";
+import { PRESET_OPTIONS as ot } from "../../constants/presets/presets.js";
+import { calculatePresetRange as w } from "../../utils/presets/presets.js";
+import { getDisplayedMonths as nt } from "../../utils/displayed-months/displayed-months.js";
+import { canNavigateToNextMonth as q, canNavigateToPrevMonth as z } from "../../utils/disabled-dates/disabled-dates.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 = 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, 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(() => {
+    const t = l || w(p, g), e = t?.from ?? t?.to ?? /* @__PURE__ */ new Date();
+    return nt(e, i, T);
+  }), L = r[T - 1], k = o((t) => {
+    x(t), D("custom"), c?.({
+      ...t,
+      ...s
+    }), v?.(t);
+  }, [
+    s,
+    c,
+    v
+  ]), d = o((t) => {
+    tt(t), c?.({
+      ...M,
+      ...t
+    });
+  }, [M, c]), E = o((t) => {
+    D(t);
+    const e = w(t, g);
+    S?.(t, e), !(!e.from && !e.to) && (x(e), c?.({
+      ...e,
+      ...s
+    }), v?.(e));
+  }, [
+    g,
+    s,
+    c,
+    v,
+    S
+  ]), f = a(() => z(r[0], u), [r, u]), N = a(() => q(L, i), [L, i]), R = o(() => {
+    f && n(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), new Date(e.getFullYear(), e.getMonth() - 1, 1)]);
+  }, [f]), V = o(() => {
+    N && n(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), new Date(e.getFullYear(), e.getMonth() + 1, 1)]);
+  }, [N]), m = a(() => z(r[0], u), [r, u]), h = a(() => {
+    const t = r[0], e = r[1];
+    return new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() < e.getTime();
+  }, [r]), P = a(() => {
+    const t = r[0], e = r[1];
+    return new Date(e.getFullYear(), e.getMonth() - 1, 1).getTime() > t.getTime();
+  }, [r]), F = a(() => q(r[1], i), [r, i]), j = o(() => {
+    m && n(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), e]);
+  }, [m]), I = o(() => {
+    h && n(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), e]);
+  }, [h]), _ = o(() => {
+    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(() => ({
+    range: M,
+    time: s,
+    preset: y,
+    displayedMonths: r,
+    canNavigatePrev: f,
+    canNavigateNext: N,
+    canLeftNavigatePrev: m,
+    canLeftNavigateNext: h,
+    canRightNavigatePrev: P,
+    canRightNavigateNext: F,
+    setRange: k,
+    setTime: d,
+    setPreset: E,
+    navigatePrevMonth: R,
+    navigateNextMonth: V,
+    navigateLeftPrev: j,
+    navigateLeftNext: I,
+    navigateRightPrev: _,
+    navigateRightNext: b,
+    setDisplayedMonths: n
+  }), [
+    M,
+    s,
+    y,
+    r,
+    f,
+    N,
+    m,
+    h,
+    P,
+    F,
+    k,
+    d,
+    E,
+    R,
+    V,
+    j,
+    I,
+    _,
+    b
+  ]);
+  return /* @__PURE__ */ at(rt.Provider, {
+    value: {
+      ...et,
+      presets: g,
+      timeFormat: G,
+      showTime: H,
+      name: J,
+      disabled: K,
+      animationDuration: O,
+      blockedDays: Q,
+      blockedMonths: U,
+      minDate: u,
+      maxDate: i,
+      hideDisabledNavigation: W,
+      revealCalendarOnCustom: C,
+      showOutsideDays: X,
+      navigationMode: Z,
+      numberOfMonths: T,
+      dateDisplayFormat: $
+    },
+    children: A
+  });
+};
+export {
+  Mt as DateRangePickerProvider
+};

package/dist/components/DateRangePicker/contexts/index.js

@@ -1,6 +1,6 @@
-import { DateRangePickerContext as r } from "./date-range-picker.context.js";
-import { useDateRangePicker as t } from "./date-range-picker.hook.js";
-import { DateRangePickerProvider as a } from "./date-range-picker.provider.js";
+import { DateRangePickerContext as r } from "./date-range-picker/date-range-picker.context.js";
+import { useDateRangePicker as t } from "./date-range-picker/date-range-picker.hook.js";
+import { DateRangePickerProvider as a } from "./date-range-picker/date-range-picker.provider.js";
 export {
   r as DateRangePickerContext,
   a as DateRangePickerProvider,

package/dist/components/DateRangePicker/utils/displayed-months/displayed-months.js

@@ -0,0 +1,12 @@
+var r = (t) => new Date(t.getFullYear(), t.getMonth(), 1), a = (t, e) => new Date(t.getFullYear(), t.getMonth() + e, 1), s = (t, e, l = 2) => {
+  let n = a(r(t), l - 1);
+  if (e) {
+    const h = r(e);
+    n > h && (n = h);
+  }
+  const o = a(n, 1 - l);
+  return [o, a(o, 1)];
+};
+export {
+  s as getDisplayedMonths
+};

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

@@ -1,22 +1,26 @@
-import { calculatePresetRange as e } from "./presets.js";
-import { canNavigateToNextMonth as r, canNavigateToPrevMonth as i, createDisabledMatcher as o, isDateSelectable as m } from "./disabled-dates.js";
-import { PRESET_OPTIONS as g } from "../constants/presets.js";
-import { autoFormatDateInput as T, combineDateAndTime as D, formatDateToDisplayString as S, formatDateToString as s, formatTimeToString as c, getMonthName as l, isValidTimeString as f, parseDateString as N, parseDisplayDateString as h, parseTimeString as M } from "./validation.js";
+import { PRESET_OPTIONS as e } from "../constants/presets/presets.js";
+import { calculatePresetRange as r } from "./presets/presets.js";
+import { getDisplayedMonths as o } from "./displayed-months/displayed-months.js";
+import { hidesRightPanel as n } from "./right-panel/right-panel.js";
+import { autoFormatDateInput as g, combineDateAndTime as s, formatDateToDisplayString as D, formatDateToString as T, formatTimeToString as l, getMonthName as S, isValidTimeString as f, parseDateString as c, parseDisplayDateString as h, parseTimeString as d } from "./validation/validation.js";
+import { canNavigateToNextMonth as N, canNavigateToPrevMonth as P, createDisabledMatcher as b, isDateSelectable as u } from "./disabled-dates/disabled-dates.js";
 export {
-  g as PRESET_OPTIONS,
-  T as autoFormatDateInput,
-  e as calculatePresetRange,
-  r as canNavigateToNextMonth,
-  i as canNavigateToPrevMonth,
-  D as combineDateAndTime,
-  o as createDisabledMatcher,
-  S as formatDateToDisplayString,
-  s as formatDateToString,
-  c as formatTimeToString,
-  l as getMonthName,
-  m as isDateSelectable,
+  e as PRESET_OPTIONS,
+  g as autoFormatDateInput,
+  r as calculatePresetRange,
+  N as canNavigateToNextMonth,
+  P as canNavigateToPrevMonth,
+  s as combineDateAndTime,
+  b as createDisabledMatcher,
+  D as formatDateToDisplayString,
+  T as formatDateToString,
+  l as formatTimeToString,
+  o as getDisplayedMonths,
+  S as getMonthName,
+  n as hidesRightPanel,
+  u as isDateSelectable,
   f as isValidTimeString,
-  N as parseDateString,
+  c as parseDateString,
   h as parseDisplayDateString,
-  M as parseTimeString
+  d as parseTimeString
 };

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

@@ -0,0 +1,5 @@
+import { PRESET_OPTIONS as o } from "../../constants/presets/presets.js";
+var n = (e, r = o, a = /* @__PURE__ */ new Date()) => r.find(({ value: t }) => t === e)?.resolve(a) ?? {};
+export {
+  n as calculatePresetRange
+};

package/dist/components/DateRangePicker/utils/right-panel/right-panel.js

@@ -0,0 +1,9 @@
+import { calculatePresetRange as n } from "../presets/presets.js";
+var t = (e, r, a) => {
+  if (!a) return !1;
+  const o = n(e, r);
+  return e === null || !!o.from || !!o.to;
+};
+export {
+  t as hidesRightPanel
+};

package/dist/components/DateRangePicker/utils/{validation.js → validation/validation.js}

@@ -23,45 +23,45 @@ var p = (t, n) => {
   if (!t) return !0;
   const [e, r] = t.split(":").map(Number);
   return isNaN(e) || isNaN(r) ? !1 : n === "24" ? e >= 0 && e <= 23 && r >= 0 && r <= 59 : e >= 1 && e <= 12 && r >= 0 && r <= 59;
-}, v = (t, n = "24", e) => {
+}, S = (t, n = "24", e) => {
   if (!t || !l(t, n)) return;
-  const [r, i] = t.split(":").map(Number), a = /* @__PURE__ */ new Date();
-  let o = r;
-  return n === "12" && e && (e === "PM" && r !== 12 ? o = r + 12 : e === "AM" && r === 12 && (o = 0)), a.setHours(o, i, 0, 0), a;
-}, d = (t, n = "24") => {
+  const [r, s] = t.split(":").map(Number), a = /* @__PURE__ */ new Date();
+  let u = r;
+  return n === "12" && e && (e === "PM" && r !== 12 ? u = r + 12 : e === "AM" && r === 12 && (u = 0)), a.setHours(u, s, 0, 0), a;
+}, N = (t, n = "24") => {
   if (!t) return "";
   const e = t.getHours(), r = t.getMinutes();
   if (n === "24") return `${e.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
-  const i = e >= 12 ? "PM" : "AM";
-  return `${(e % 12 || 12).toString().padStart(2, "0")}:${r.toString().padStart(2, "0")} ${i}`;
-}, S = (t) => t ? `${t.getDate()} ${g[t.getMonth()]} ${t.getFullYear()}` : "", N = (t) => t ? `${(t.getMonth() + 1).toString().padStart(2, "0")}/${t.getDate().toString().padStart(2, "0")}/${t.getFullYear()}` : "", m = (t) => {
+  const s = e >= 12 ? "PM" : "AM";
+  return `${(e % 12 || 12).toString().padStart(2, "0")}:${r.toString().padStart(2, "0")} ${s}`;
+}, m = (t) => t ? `${t.getDate()} ${g[t.getMonth()]} ${t.getFullYear()}` : "", D = (t) => t ? `${(t.getMonth() + 1).toString().padStart(2, "0")}/${t.getDate().toString().padStart(2, "0")}/${t.getFullYear()}` : "", h = (t) => {
   if (!t) return;
   const n = t.trim().split(" ");
   if (n.length !== 3) return;
-  const [e, r, i] = n, a = parseInt(e, 10), o = parseInt(i, 10), u = g.findIndex((f) => f.toLowerCase() === r.toLowerCase());
-  if (isNaN(a) || isNaN(o) || u === -1 || a < 1 || a > 31 || o < 1900 || o > 2100) return;
-  const s = new Date(o, u, a);
-  if (!(s.getMonth() !== u || s.getDate() !== a || s.getFullYear() !== o))
-    return s;
-}, D = (t) => {
+  const [e, r, s] = n, a = parseInt(e, 10), u = parseInt(s, 10), o = g.findIndex((f) => f.toLowerCase() === r.toLowerCase());
+  if (isNaN(a) || isNaN(u) || o === -1 || a < 1 || a > 31 || u < 1900 || u > 2100) return;
+  const i = new Date(u, o, a);
+  if (!(i.getMonth() !== o || i.getDate() !== a || i.getFullYear() !== u))
+    return i;
+}, M = (t) => {
   if (!t) return;
   const n = t.split("/");
   if (n.length !== 3) return;
-  const [e, r, i] = n.map(Number);
-  if (isNaN(e) || isNaN(r) || isNaN(i) || e < 1 || e > 12 || r < 1 || r > 31 || i < 1900 || i > 2100) return;
-  const a = new Date(i, e - 1, r);
-  if (!(a.getMonth() !== e - 1 || a.getDate() !== r || a.getFullYear() !== i))
+  const [e, r, s] = n.map(Number);
+  if (isNaN(e) || isNaN(r) || isNaN(s) || e < 1 || e > 12 || r < 1 || r > 31 || s < 1900 || s > 2100) return;
+  const a = new Date(s, e - 1, r);
+  if (!(a.getMonth() !== e - 1 || a.getDate() !== r || a.getFullYear() !== s))
     return a;
-}, h = (t) => g[t] || "";
+}, v = (t) => g[t] || "";
 export {
   c as autoFormatDateInput,
   p as combineDateAndTime,
-  S as formatDateToDisplayString,
-  N as formatDateToString,
-  d as formatTimeToString,
-  h as getMonthName,
+  m as formatDateToDisplayString,
+  D as formatDateToString,
+  N as formatTimeToString,
+  v as getMonthName,
   l as isValidTimeString,
-  D as parseDateString,
-  m as parseDisplayDateString,
-  v as parseTimeString
+  M as parseDateString,
+  h as parseDisplayDateString,
+  S as parseTimeString
 };

package/dist/components/DropdownButton/DropdownButton.js

@@ -1,4 +1,4 @@
-import { t } from "../../DropdownButton-D4QlKGg7.js";
+import { t } from "../../DropdownButton-LEDrhn1j.js";
 export {
   t as DropdownButton
 };

package/dist/components/Filter/Filter.js

@@ -3,11 +3,12 @@ import { t as a } from "../../utils-B-6R7kNE.js";
 import { FilterProvider as p } from "./contexts/filter.provider.js";
 import { filterVariants as n } from "./Filter.variants.js";
 import { BadgeMultiSelect as d } from "./components/BadgeDropdown/BadgeMultiSelect.js";
+import { CustomDateRangeFilterDropdown as D } from "./components/CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
 import { DateFilterDropdown as f } from "./components/DateFilterDropdown/DateFilterDropdown.js";
 import { DateRangeFilterDropdown as s } from "./components/DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { ResetButton as D } from "./components/ResetButton/ResetButton.js";
-import { TextMultiSelect as c } from "./components/TextMultiSelect/TextMultiSelect.js";
-import { TimeFilterDropdown as u } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
+import { ResetButton as u } from "./components/ResetButton/ResetButton.js";
+import { TextMultiSelect as F } from "./components/TextMultiSelect/TextMultiSelect.js";
+import { TimeFilterDropdown as c } from "./components/TimeFilterDropdown/TimeFilterDropdown.js";
 import { jsx as e } from "react/jsx-runtime";
 var t = ({ className: o, theme: r, children: i, closeOnApply: m = !0, resetScope: l }) => /* @__PURE__ */ e(p, {
   closeOnApply: m,
@@ -21,16 +22,18 @@ var t = ({ className: o, theme: r, children: i, closeOnApply: m = !0, resetScope
 });
 t.displayName = "KonstructFilter";
 t.BadgeMultiSelect = d;
-t.TextMultiSelect = c;
+t.TextMultiSelect = F;
 t.DateFilterDropdown = f;
 t.DateRangeFilterDropdown = s;
-t.TimeFilterDropdown = u;
-t.ResetButton = D;
+t.CustomDateRangeFilterDropdown = D;
+t.TimeFilterDropdown = c;
+t.ResetButton = u;
 export {
   d as BadgeMultiSelect,
+  D as CustomDateRangeFilterDropdown,
   f as DateFilterDropdown,
   s as DateRangeFilterDropdown,
   t as Filter,
-  c as TextMultiSelect,
-  u as TimeFilterDropdown
+  F as TextMultiSelect,
+  c as TimeFilterDropdown
 };

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

@@ -5,7 +5,7 @@ import { t as O } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as i } from "../../../Badge/Badge.js";
 import { filterButtonIconVariants as S, filterButtonVariants as B } from "../../Filter.variants.js";
 import { FilterDropdown as I } from "../FilterDropdown/FilterDropdown.js";
-import { useBadgeMultiSelect as A } from "./BadgeMultiSelect.hook.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({

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

@@ -1,6 +1,6 @@
-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 { 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(() => {

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

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

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

@@ -0,0 +1,78 @@
+import { t as D } from "../../../../../../utils-B-6R7kNE.js";
+import { Button as s } from "../../../../../Button/Button.js";
+import { t as r } from "../../../../../../react-DRLuFcbk.js";
+import { t as c } from "../../../../../../AnimatePresence-C5PSMIZj.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";
+var i = 0.15, F = () => {
+  const { animationDuration: l, appliedRangeLabel: p, hasPendingSelection: e, isCollapsed: d, labelApply: m, labelReset: h, 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(c, {
+    initial: !1,
+    children: v && /* @__PURE__ */ a(r.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: h
+        }), /* @__PURE__ */ a(c, {
+          initial: !1,
+          children: o && /* @__PURE__ */ a(r.div, {
+            initial: { opacity: 0 },
+            animate: A,
+            exit: C,
+            children: /* @__PURE__ */ a(s, {
+              appearance: "compact",
+              disabled: !e,
+              onClick: f,
+              children: m
+            })
+          }, "apply")
+        })]
+      })
+    }, "actions")
+  });
+};
+export {
+  F 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 "../../../../../../utils-B-6R7kNE.js";
+import { t as d } from "../../../../../../chevron-down-DNP-OOAQ.js";
+import { Badge as t } from "../../../../../Badge/Badge.js";
+import { Typography as c } from "../../../../../Typography/Typography.js";
+import { filterButtonIconVariants as f } from "../../../../Filter.variants.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(d, { className: s(f(), { "rotate-180 text-blue-600 dark:text-aurora-500": p }) })
+  ] });
+};
+export {
+  v as Trigger
+};