@pibit.ai/cure-design-system 0.5.7 → 0.5.8

package/dist/applications/date-picker/date-picker.js

@@ -0,0 +1,237 @@
+import { jsx as e, jsxs as m, Fragment as W } from "react/jsx-runtime";
+import { getLocalTimeZone as E, toCalendarDateTime as Y, today as A } from "@internationalized/date";
+import { useControlledState as ee } from "@react-stately/utils";
+import { Calendar as $, XClose as te } from "@untitledui/icons";
+import { useState as oe, useCallback as ne, useEffect as re } from "react";
+import { useDateFormatter as ie, I18nProvider as le } from "react-aria";
+import { DatePicker as ae, Group as se, ButtonContext as de, Popover as ce, Dialog as me } from "react-aria-components";
+import { cx as r, sortCx as ue } from "../../utils/cn.js";
+import { ControlledCalendarContextProvider as he, Calendar as q } from "./calendar.js";
+import { Button as g } from "../../primitives/button/button.js";
+import { DateTimeCalendar as fe } from "./date-time-calendar.js";
+const P = [A(E())], s = ue({
+  xs: { button: "xs", text: "text-xs", icon: "size-3!" },
+  sm: { button: "xs", text: "text-sm", icon: "size-3.5!" },
+  md: { button: "sm", text: "text-md", icon: "size-4!" }
+}), pe = (t) => t === "hour" || t === "minute" || t === "second", S = (t) => t && !("hour" in t) ? Y(t) : t;
+function ge({
+  committedValue: t,
+  onSync: y
+}) {
+  return re(() => {
+    y(t);
+  }, []), null;
+}
+const Oe = ({
+  value: t,
+  defaultValue: y,
+  onChange: F,
+  onApply: b,
+  onCancel: x,
+  className: C,
+  showFooter: v = !0,
+  triggerClassName: k,
+  clearable: I = !1,
+  endAdornment: w,
+  isDisabled: O,
+  size: i = "xs",
+  granularity: u,
+  minValue: T,
+  maxValue: V,
+  isDateUnavailable: j,
+  firstDayOfWeek: z,
+  hourCycle: U,
+  timeStep: X,
+  defaultTime: Z,
+  ...G
+}) => {
+  const n = pe(u), L = {
+    minValue: T,
+    maxValue: V,
+    isDateUnavailable: j,
+    firstDayOfWeek: z,
+    isReadOnly: G.isReadOnly
+  }, h = U ?? (n ? 12 : void 0), _ = ie({
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    ...n && {
+      hour: "numeric",
+      minute: "2-digit",
+      second: u === "second" ? "2-digit" : void 0,
+      hourCycle: h === 24 ? "h23" : h === 12 ? "h12" : void 0
+    }
+  }), [d, c] = ee(
+    t,
+    y || null,
+    F
+  ), D = d ?? null, [f, N] = oe(
+    D
+  ), o = v, l = o ? D : d, H = o ? () => {
+  } : c, B = l ? _.format(l.toDate(E())) : n ? "Select date and time" : "Select date", p = typeof C == "string" && C.includes("w-full"), J = (a) => {
+    o && (c(f), b == null || b(f ?? void 0)), a();
+  }, K = ne(() => {
+    c(null);
+  }, [c]), M = I && D != null && !O, R = w ? "pr-8" : void 0;
+  return /* @__PURE__ */ e(le, { locale: "en-US", children: /* @__PURE__ */ m(
+    ae,
+    {
+      shouldCloseOnSelect: !v && !n,
+      ...G,
+      minValue: T,
+      maxValue: V,
+      isDateUnavailable: j,
+      firstDayOfWeek: z,
+      granularity: u,
+      hourCycle: h,
+      isDisabled: O,
+      className: C,
+      value: n ? S(o ? l : d) : o ? l : d,
+      onChange: H,
+      children: [
+        /* @__PURE__ */ m(se, { className: r("relative", p && "w-full"), children: [
+          M ? /* @__PURE__ */ m(
+            "div",
+            {
+              className: r(
+                "flex min-w-0 overflow-hidden rounded-md bg-primary ring-1 ring-secondary ring-inset border border-secondary",
+                p && "w-full"
+              ),
+              children: [
+                /* @__PURE__ */ e(
+                  g,
+                  {
+                    size: s[i].button,
+                    color: "secondary",
+                    iconLeading: $,
+                    className: r(
+                      "min-w-0 flex-1 rounded-none ring-0 shadow-none",
+                      s[i].text,
+                      p && "justify-start",
+                      R,
+                      k
+                    ),
+                    leadingClassName: s[i].icon,
+                    children: B
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Clear date",
+                    onClick: K,
+                    className: r(
+                      "flex w-9 shrink-0 items-center justify-center bg-primary text-fg-quaternary",
+                      "transition-colors hover:bg-primary_hover hover:text-secondary",
+                      "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-inset"
+                    ),
+                    children: /* @__PURE__ */ e(te, { "aria-hidden": !0, className: "size-4 shrink-0" })
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ e(
+            g,
+            {
+              size: s[i].button,
+              color: "secondary",
+              iconLeading: $,
+              className: r(
+                s[i].text,
+                p && "w-full min-w-0 justify-start",
+                R,
+                k
+              ),
+              leadingClassName: s[i].icon,
+              children: B
+            }
+          ),
+          w ? /* @__PURE__ */ e(de.Provider, { value: null, children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: r(
+                "absolute top-1/2 z-10 -translate-y-1/2",
+                M ? "right-9" : "right-1"
+              ),
+              children: w
+            }
+          ) }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          ce,
+          {
+            offset: 8,
+            placement: "bottom right",
+            containerPadding: 16,
+            className: ({ isEntering: a, isExiting: Q }) => r(
+              "origin-(--trigger-anchor-point) will-change-transform overflow-y-auto",
+              a && "duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5",
+              Q && "duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5"
+            ),
+            children: /* @__PURE__ */ e(me, { className: "rounded-2xl bg-primary shadow-xl border border-secondary", children: ({ close: a }) => /* @__PURE__ */ m(W, { children: [
+              o && /* @__PURE__ */ e(
+                ge,
+                {
+                  committedValue: n ? S(l) ?? null : l,
+                  onSync: N
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "flex px-6 py-5", children: n ? /* @__PURE__ */ e(
+                fe,
+                {
+                  value: o ? f : S(d) ?? null,
+                  onChange: o ? N : c,
+                  ...L,
+                  highlightedDates: P,
+                  timeStep: X,
+                  hourCycle: h,
+                  timeGranularity: u,
+                  defaultTime: Z
+                }
+              ) : o ? /* @__PURE__ */ e(
+                he,
+                {
+                  value: f,
+                  onChange: N,
+                  children: /* @__PURE__ */ e(
+                    q,
+                    {
+                      ...L,
+                      highlightedDates: P
+                    }
+                  )
+                }
+              ) : /* @__PURE__ */ e(q, { highlightedDates: P }) }),
+              v && /* @__PURE__ */ m("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [
+                /* @__PURE__ */ e(
+                  g,
+                  {
+                    size: "md",
+                    color: "secondary",
+                    onClick: () => {
+                      x == null || x(), a();
+                    },
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  g,
+                  {
+                    size: "md",
+                    color: "primary",
+                    onClick: () => J(a),
+                    children: "Apply"
+                  }
+                )
+              ] })
+            ] }) })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Oe as DatePicker
+};

package/dist/applications/date-picker/date-range-picker.d.ts

@@ -0,0 +1,44 @@
+import { DateRangePickerProps as AriaDateRangePickerProps, DateValue } from 'react-aria-components';
+export interface DateRangePickerProps extends AriaDateRangePickerProps<DateValue> {
+    /** The function to call when the apply button is clicked. */
+    onApply?: () => void;
+    /** The function to call when the cancel button is clicked. */
+    onCancel?: () => void;
+    /** The function to call when the reset button is clicked. */
+    onReset?: () => void;
+    /** Header label shown before the field selector. */
+    headerLabel?: string;
+    /** Options for the header field selector. */
+    rangeFieldOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** Controlled selected value for the header field selector. */
+    selectedRangeField?: string;
+    /** Callback when header field selection changes. */
+    onRangeFieldChange?: (value: string) => void;
+    /** Right-aligned timezone label text. */
+    timezoneLabel?: string;
+    /** Enable showing time selectors next to date inputs. */
+    enableTimeSelection?: boolean;
+    /** Custom time options for the time selectors. */
+    timeOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /** Controlled start time value (selectedKey). */
+    startTime?: string;
+    /** Controlled end time value (selectedKey). */
+    endTime?: string;
+    /** Callback when either start or end time changes. */
+    onTimeChange?: (t: {
+        startTime: string;
+        endTime: string;
+    }) => void;
+    showFieldDropdown?: boolean;
+    size?: "xs" | "sm" | "md" | "lg";
+    buttonClassName?: string;
+    iconClassName?: string;
+}
+export declare const DateRangePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, onReset, headerLabel, rangeFieldOptions, selectedRangeField, onRangeFieldChange, timezoneLabel, enableTimeSelection, timeOptions, startTime, endTime, onTimeChange, showFieldDropdown, size, buttonClassName, iconClassName, ...props }: DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/applications/date-picker/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-range-picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,IAAI,wBAAwB,EAChD,SAAS,EACV,MAAM,uBAAuB,CAAC;AA0C/B,MAAM,WAAW,oBAAqB,SAAQ,wBAAwB,CAAC,SAAS,CAAC;IAC/E,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kDAAkD;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,wSAyB7B,oBAAoB,4CAqatB,CAAC"}

package/dist/applications/date-picker/date-range-picker.js

@@ -0,0 +1,335 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { useState as y, useRef as mt, useEffect as E, useMemo as U } from "react";
+import { today as nt, getLocalTimeZone as w } from "@internationalized/date";
+import { Calendar as ft } from "@untitledui/icons";
+import { useDateFormatter as pt } from "react-aria";
+import { useLocale as xt, DateRangePicker as ut, Group as yt, Popover as bt, Dialog as Nt } from "react-aria-components";
+import { Select as b } from "../../primitives/select/select.js";
+import { cx as I } from "../../utils/cn.js";
+import { getDateRangePresets as St, PRESET_LABELS as B, detectDateRangePresetKey as ht, getDateRangeFromPresetKey as X } from "./date-range-presets.js";
+import { DateInput as A } from "./date-input.js";
+import { RangeCalendar as vt } from "./range-calendar.js";
+import { RangePresetButton as Dt } from "./range-preset.js";
+import { Button as L } from "../../primitives/button/button.js";
+function N(d) {
+  if (!d || typeof d.year != "number")
+    return !1;
+  const _ = d, { year: l, month: p, day: i } = _;
+  return l >= 1e3 && l <= 9999 && p >= 1 && p <= 12 && i >= 1 && i <= 31;
+}
+const Mt = ({
+  value: d,
+  defaultValue: _,
+  onChange: l,
+  onApply: p,
+  onCancel: i,
+  onReset: M,
+  headerLabel: V = "Selected date range for",
+  rangeFieldOptions: O = [
+    { label: "Created date", value: "created_date" },
+    { label: "Proposed Effective date", value: "proposed_effective_date" }
+  ],
+  selectedRangeField: T,
+  onRangeFieldChange: j,
+  timezoneLabel: Pt = "(GMT-8:00) Pacific Time",
+  enableTimeSelection: G = !0,
+  timeOptions: D,
+  startTime: P,
+  endTime: g,
+  onTimeChange: c,
+  showFieldDropdown: C = !0,
+  size: tt = "xs",
+  buttonClassName: et,
+  iconClassName: rt,
+  ...st
+}) => {
+  var H, J;
+  const { locale: S } = xt(), at = [nt(w())], W = pt({
+    month: "2-digit",
+    day: "2-digit",
+    year: "numeric"
+  }), [r, x] = y(d ?? _ ?? null), [lt, h] = y(null), [Y, u] = y("Select date"), k = mt(!1), [K, ot] = y(!1);
+  E(() => {
+    d !== void 0 && x(d);
+  }, [d]);
+  const q = U(
+    () => (O || []).map((e) => ({
+      id: e.value,
+      label: e.label
+    })),
+    [O]
+  ), m = U(() => {
+    if (D && D.length > 0)
+      return D.map((t) => ({ id: t.value, label: t.label }));
+    const e = [];
+    for (let t = 0; t < 24; t++)
+      for (let s of [0, 30]) {
+        const n = (t + 11) % 12 + 1, v = t < 12 ? "am" : "pm", f = `${n}:${s === 0 ? "00" : "30"} ${v}`;
+        e.push({ id: f, label: f });
+      }
+    return e.push({ id: "11:59 pm", label: "11:59 pm" }), e;
+  }, [D]), [Z, R] = y(
+    P ?? ((H = m == null ? void 0 : m[0]) == null ? void 0 : H.id) ?? "12:00 am"
+  ), [F, $] = y(
+    g ?? ((J = m == null ? void 0 : m[0]) == null ? void 0 : J.id) ?? "12:00 am"
+  );
+  E(() => {
+    P !== void 0 && R(P);
+  }, [P]), E(() => {
+    g !== void 0 && $(g);
+  }, [g]);
+  const it = (e, t) => {
+    R(e), $(t), c == null || c({ startTime: e, endTime: t });
+  }, ct = r != null && r.start && N(r.start) ? W.format(r.start.toDate(w())) : "Select date", dt = r != null && r.end && N(r.end) ? W.format(r.end.toDate(w())) : "Select date", z = (() => {
+    const e = St(S);
+    return Object.fromEntries(
+      Object.entries(B).map(
+        ([t, s]) => [t, { label: s, value: e[t] }]
+      )
+    );
+  })();
+  return E(() => {
+    if (!(r != null && r.start) || !(r != null && r.end)) {
+      u("Select date");
+      return;
+    }
+    const e = ht(r, S);
+    u(e ? B[e] : "");
+  }, [r, S]), /* @__PURE__ */ o(
+    ut,
+    {
+      "aria-label": "Date range picker",
+      shouldCloseOnSelect: !1,
+      ...st,
+      value: r,
+      onOpenChange: (e) => {
+        if (ot(e), !e && !k.current && (i == null || i()), e) {
+          k.current = !1;
+          const t = r == null ? void 0 : r.preset;
+          if (t) {
+            const n = X(t, S);
+            x(n), l == null || l(n);
+          }
+          const s = t ? X(t, S).start : r == null ? void 0 : r.start;
+          s && h(s);
+        }
+      },
+      onChange: (e) => {
+        if (!(e != null && e.start) || !(e != null && e.end)) {
+          x(e), u(""), l == null || l(e);
+          return;
+        }
+        const { start: t, end: s } = e, n = !(r != null && r.start) || t.compare(r.start) !== 0, v = !(r != null && r.end) || s.compare(r.end) !== 0;
+        if (v && N(s) ? h(s) : n && N(t) && h(t), !N(t) || !N(s)) {
+          x(e), u(""), l == null || l(e);
+          return;
+        }
+        const Q = t.compare(s);
+        let f = { start: t, end: s };
+        Q > 0 && (n && !v ? f = { start: t, end: t } : v && !n ? f = { start: s, end: s } : f = { start: t, end: t }), x(f), u(""), l == null || l(f);
+      },
+      children: [
+        /* @__PURE__ */ a(yt, { "data-popover-open": K, children: /* @__PURE__ */ a(
+          L,
+          {
+            size: tt,
+            color: "secondary",
+            iconLeading: /* @__PURE__ */ a(ft, { className: I("size-4", rt) }),
+            className: I(
+              !K && et,
+              K && "shadow-[0_0_0_4px_rgba(102,112,133,0.14)]"
+            ),
+            children: Y || (r ? `${ct} – ${dt}` : /* @__PURE__ */ a("span", { className: "text-placeholder", children: "Select dates" }))
+          }
+        ) }),
+        /* @__PURE__ */ a(
+          bt,
+          {
+            placement: "bottom right",
+            offset: 8,
+            className: ({ isEntering: e, isExiting: t }) => I(
+              "origin-(--trigger-anchor-point) will-change-transform",
+              e && "duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5",
+              t && "duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5"
+            ),
+            style: { marginLeft: "80px" },
+            children: /* @__PURE__ */ a(Nt, { className: "flex w-full rounded-2xl bg-primary ring ring-secondary focus:outline-hidden max-h-[60vh] overflow-y-auto", children: ({ close: e }) => /* @__PURE__ */ o("div", { className: "flex w-full flex-col", children: [
+              C && /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-3 border-b border-secondary", children: /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ a("span", { className: "text-sm text-text-secondary", children: V }),
+                q.length > 0 && /* @__PURE__ */ a(
+                  b,
+                  {
+                    size: "sm",
+                    className: "w-64",
+                    selectedKey: T,
+                    onSelectionChange: (t) => j == null ? void 0 : j(String(t)),
+                    items: q,
+                    textStyles: "text-primary text-sm font-normal",
+                    children: (t) => /* @__PURE__ */ a(
+                      b.Item,
+                      {
+                        textStyles: "text-primary text-sm",
+                        id: t.id,
+                        children: t.label
+                      }
+                    )
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ o("div", { className: "flex", children: [
+                /* @__PURE__ */ a("div", { className: "hidden w-38 flex-col gap-0.5 border-r border-solid border-secondary p-3 lg:flex", children: Object.keys(B).map(
+                  (t) => {
+                    const s = z[t];
+                    return /* @__PURE__ */ a(
+                      Dt,
+                      {
+                        value: s.value,
+                        onClick: () => {
+                          x(s.value), l == null || l(s.value), u(s.label), h(s.value.start), t === "today" && it("12:00 am", "11:59 pm");
+                        },
+                        children: s.label
+                      },
+                      t
+                    );
+                  }
+                ) }),
+                /* @__PURE__ */ o("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ a(
+                    vt,
+                    {
+                      focusedValue: lt,
+                      onFocusChange: h,
+                      highlightedDates: at,
+                      presets: {
+                        lastWeek: z.lastWeek,
+                        lastMonth: z.lastMonth,
+                        lastYear: z.lastYear
+                      },
+                      containerClassName: "justify-around"
+                    }
+                  ),
+                  /* @__PURE__ */ o("div", { className: "flex justify-between gap-3 border-t border-secondary p-2", children: [
+                    /* @__PURE__ */ o("div", { className: "hidden items-center gap-3 md:flex", children: [
+                      /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ a(
+                          A,
+                          {
+                            slot: "start",
+                            className: "min-w-[117px] text-sm"
+                          }
+                        ),
+                        G && /* @__PURE__ */ a(
+                          b,
+                          {
+                            size: "sm",
+                            className: "w-[115px]",
+                            popoverClassName: "w-auto min-w-max",
+                            selectedKey: Z || void 0,
+                            onSelectionChange: (t) => {
+                              const s = String(t);
+                              R(s), c == null || c({
+                                startTime: s,
+                                endTime: F || ""
+                              });
+                            },
+                            items: m,
+                            textStyles: "text-primary py-0.5 text-sm font-body font-normal",
+                            children: (t) => /* @__PURE__ */ a(
+                              b.Item,
+                              {
+                                textStyles: "text-primary text-sm font-body font-normal",
+                                id: t.id,
+                                children: t.label
+                              }
+                            )
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ a("div", { className: "text-md text-quaternary", children: "–" }),
+                      /* @__PURE__ */ o("div", { className: "flex items-center gap-3", children: [
+                        /* @__PURE__ */ a(
+                          A,
+                          {
+                            slot: "end",
+                            className: "min-w-[117px] text-sm"
+                          }
+                        ),
+                        G && /* @__PURE__ */ a(
+                          b,
+                          {
+                            size: "sm",
+                            className: "w-[115px]",
+                            popoverClassName: "w-auto min-w-max",
+                            selectedKey: F || void 0,
+                            onSelectionChange: (t) => {
+                              const s = String(t);
+                              $(s), c == null || c({
+                                startTime: Z || "",
+                                endTime: s
+                              });
+                            },
+                            items: m,
+                            textStyles: "text-primary py-0.5 text-sm font-body font-normal",
+                            children: (t) => /* @__PURE__ */ a(
+                              b.Item,
+                              {
+                                id: t.id,
+                                textStyles: "text-primary text-sm font-body font-normal",
+                                children: t.label
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ o("div", { className: "grid w-full grid-cols-2 gap-3 md:flex md:w-auto", children: [
+                      M && /* @__PURE__ */ a(
+                        L,
+                        {
+                          size: "xs",
+                          color: "secondary",
+                          className: "p-2",
+                          onClick: () => {
+                            k.current = !0, M(), e();
+                          },
+                          children: "Reset"
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        L,
+                        {
+                          size: "xs",
+                          color: "secondary",
+                          className: "p-2",
+                          onClick: () => {
+                            i == null || i(), e();
+                          },
+                          children: "Cancel"
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        L,
+                        {
+                          size: "xs",
+                          color: "primary",
+                          className: "p-2",
+                          onClick: () => {
+                            k.current = !0, p == null || p(), e();
+                          },
+                          children: "Apply"
+                        }
+                      )
+                    ] })
+                  ] })
+                ] })
+              ] })
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Mt as DateRangePicker
+};

package/dist/applications/date-picker/date-range-presets.d.ts

@@ -0,0 +1,50 @@
+import { CalendarDate } from '@internationalized/date';
+export declare const PRESET_LABELS: {
+    readonly today: "Today";
+    readonly yesterday: "Yesterday";
+    readonly thisWeek: "This week";
+    readonly lastWeek: "Last week";
+    readonly last30Days: "Last 30 days";
+    readonly last90Days: "Last 90 days";
+    readonly thisMonth: "This month";
+    readonly lastMonth: "Last month";
+    readonly thisYear: "This year";
+    readonly lastYear: "Last year";
+};
+export type DateRangePresetKey = keyof typeof PRESET_LABELS;
+type DatePart = {
+    year: number;
+    month: number;
+    day: number;
+};
+export type DateRangeLike = {
+    start: DatePart | CalendarDate | null;
+    end: DatePart | CalendarDate | null;
+    /**
+     * Preserves the semantic preset independently of its resolved dates.
+     * This is important for rolling presets (for example Last 30 days) when
+     * the local calendar day changes while the application remains open.
+     */
+    preset?: DateRangePresetKey;
+};
+export type PresetDateRange = {
+    start: CalendarDate;
+    end: CalendarDate;
+    preset: DateRangePresetKey;
+};
+/**
+ * Preset date ranges resolved from the current date — shared by DateRangePicker and filter retention.
+ *
+ * @param weekStartLocale - Locale passed to `startOfWeek` / `endOfWeek` only (e.g. US vs ISO week start).
+ *   Preset labels are not localized.
+ */
+export declare const getDateRangePresets: (weekStartLocale?: string) => Record<DateRangePresetKey, PresetDateRange>;
+export declare const getDateRangeFromPresetKey: (key: DateRangePresetKey, weekStartLocale?: string) => PresetDateRange;
+/** Resolve a semantic preset to its dates for the current local calendar day. */
+export declare const resolveDateRangePreset: (range: DateRangeLike, weekStartLocale?: string) => DateRangeLike | PresetDateRange;
+/** Returns the preset key when the range matches a known preset, otherwise null. */
+export declare const detectDateRangePresetKey: (range: DateRangeLike | null | undefined, weekStartLocale?: string) => DateRangePresetKey | null;
+/** Clone a range without discarding its semantic preset marker. */
+export declare const cloneDateRange: <T extends DateRangeLike>(range: T) => T;
+export {};
+//# sourceMappingURL=date-range-presets.d.ts.map

package/dist/applications/date-picker/date-range-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-presets.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-range-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAOb,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,aAAa;;;;;;;;;;;CAWhB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,aAAa,CAAC;AAE5D,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC;IACtC,GAAG,EAAE,QAAQ,GAAG,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,YAAY,CAAC;IACpB,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,kBAAkB,CAAC;CAC5B,CAAC;AAWF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,wBAAyB,KACxB,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAoD5C,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,KAAK,kBAAkB,EACvB,wBAAyB,KACxB,eAEF,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,sBAAsB,GACjC,OAAO,aAAa,EACpB,wBAAyB,KACxB,aAAa,GAAG,eAIlB,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,wBAAwB,GACnC,OAAO,aAAa,GAAG,IAAI,GAAG,SAAS,EACvC,wBAAyB,KACxB,kBAAkB,GAAG,IAqBvB,CAAC;AAEF,mEAAmE;AACnE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,aAAa,EAAE,OAAO,CAAC,KAAG,CAEjE,CAAC"}