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

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

@@ -0,0 +1,86 @@
+import { today as u, getLocalTimeZone as m, endOfMonth as e, startOfMonth as a, endOfWeek as n, startOfWeek as o } from "@internationalized/date";
+const D = {
+  today: "Today",
+  yesterday: "Yesterday",
+  thisWeek: "This week",
+  lastWeek: "Last week",
+  last30Days: "Last 30 days",
+  last90Days: "Last 90 days",
+  thisMonth: "This month",
+  lastMonth: "Last month",
+  thisYear: "This year",
+  lastYear: "Last year"
+}, y = (t, s) => t.year === s.year && t.month === s.month && t.day === s.day, d = (t) => ({
+  year: t.year,
+  month: t.month,
+  day: t.day
+}), h = (t = "en-US") => {
+  const s = u(m());
+  return {
+    today: { start: s, end: s, preset: "today" },
+    yesterday: {
+      start: s.subtract({ days: 1 }),
+      end: s.subtract({ days: 1 }),
+      preset: "yesterday"
+    },
+    thisWeek: {
+      start: o(s, t),
+      end: n(s, t),
+      preset: "thisWeek"
+    },
+    lastWeek: {
+      start: o(s, t).subtract({ weeks: 1 }),
+      end: n(s, t).subtract({ weeks: 1 }),
+      preset: "lastWeek"
+    },
+    last30Days: {
+      // 30 inclusive calendar days = today plus the prior 29 days
+      start: s.subtract({ days: 29 }),
+      end: s,
+      preset: "last30Days"
+    },
+    last90Days: {
+      start: s.subtract({ days: 89 }),
+      end: s,
+      preset: "last90Days"
+    },
+    thisMonth: {
+      start: a(s),
+      end: e(s),
+      preset: "thisMonth"
+    },
+    lastMonth: {
+      start: a(s).subtract({ months: 1 }),
+      end: e(s.subtract({ months: 1 })),
+      preset: "lastMonth"
+    },
+    thisYear: {
+      start: a(s.set({ month: 1 })),
+      end: e(s.set({ month: 12 })),
+      preset: "thisYear"
+    },
+    lastYear: {
+      start: a(s.set({ month: 1 }).subtract({ years: 1 })),
+      end: e(s.set({ month: 12 }).subtract({ years: 1 })),
+      preset: "lastYear"
+    }
+  };
+}, f = (t, s = "en-US") => h(s)[t], b = (t, s = "en-US") => t.preset ? f(t.preset, s) : t, M = (t, s = "en-US") => {
+  if (!(t != null && t.start) || !(t != null && t.end)) return null;
+  if (t.preset && t.preset in D) return t.preset;
+  const c = h(s), i = d(t.start), p = d(t.end);
+  for (const [l, r] of Object.entries(c))
+    if (y(i, r.start) && y(p, r.end))
+      return l;
+  return null;
+}, W = (t) => ({
+  ...t
+});
+export {
+  D as PRESET_LABELS,
+  W as cloneDateRange,
+  M as detectDateRangePresetKey,
+  f as getDateRangeFromPresetKey,
+  h as getDateRangePresets,
+  b as resolveDateRangePreset
+};

package/dist/applications/date-picker/date-time-calendar.d.ts

@@ -0,0 +1,34 @@
+import { CalendarProps as AriaCalendarProps, DateValue, TimeValue } from 'react-aria-components';
+import { CalendarSize } from './calendar';
+/** The granularities that carry a time of day. */
+export type TimeGranularity = "hour" | "minute" | "second";
+/** `date` with its time of day replaced by `time`, as a type that can hold a time. */
+export declare const withTime: (date: DateValue, time: TimeValue) => DateValue;
+export interface DateTimeCalendarProps extends Omit<AriaCalendarProps<DateValue>, "value" | "defaultValue" | "onChange"> {
+    /** The selected date and time. A value without a time of day is treated as midnight. */
+    value: DateValue | null;
+    /** Called with the new date and time. Always carries a time of day. */
+    onChange: (value: DateValue | null) => void;
+    /** The dates to mark with a dot. */
+    highlightedDates?: DateValue[];
+    /** Minutes between two options in the time list. Defaults to 30. */
+    timeStep?: number;
+    /** 12 or 24 hour clock. Defaults to the locale's. */
+    hourCycle?: 12 | 24;
+    /** The smallest unit the time input edits. Defaults to "minute". */
+    timeGranularity?: TimeGranularity;
+    /** The time a date gets when it is picked before any time is. Defaults to midnight. */
+    defaultTime?: TimeValue;
+    /** Visual size: "xs" (compact) or "sm" (default). */
+    size?: CalendarSize;
+}
+/**
+ * A calendar with a time of day: month and year dropdowns, a date and a time input,
+ * and the day grid next to a scrollable list of times.
+ *
+ * Controlled only. The date and the time are edited independently, and whichever is
+ * set first waits for the other rather than inventing it: a time picked with no date
+ * is held until a date is picked, then both are committed together.
+ */
+export declare const DateTimeCalendar: ({ value, onChange, highlightedDates, timeStep, hourCycle, timeGranularity, defaultTime, size, className, ...props }: DateTimeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-time-calendar.d.ts.map

package/dist/applications/date-picker/date-time-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-calendar.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-time-calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,EACT,SAAS,EACV,MAAM,uBAAuB,CAAC;AAS/B,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAC;AAIpB,kDAAkD;AAClD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAK3D,sFAAsF;AACtF,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,EAAE,MAAM,SAAS,KAAG,SAU3D,CAAC;AAmCF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,iBAAiB,CAAC,SAAS,CAAC,EAC5B,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC;IACC,wFAAwF;IACxF,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,uEAAuE;IACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,GAAI,qHAW9B,qBAAqB,4CAsGvB,CAAC"}

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

@@ -0,0 +1,140 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { useState as y, useMemo as k, useRef as S, useEffect as j, useContext as I } from "react";
+import { Time as w, toCalendarDateTime as L } from "@internationalized/date";
+import { CalendarCheck01 as M } from "@untitledui/icons";
+import { CalendarContext as P, Calendar as q, TimeField as E, CalendarStateContext as G, DateField as H } from "react-aria-components";
+import { cx as d } from "../../utils/cn.js";
+import { CalendarMonthYearHeader as X, CalendarDayGrid as Y } from "./calendar.js";
+import { DateInput as N } from "./date-input.js";
+import { TimeList as z } from "./time-list.js";
+const h = (e) => new w(e.hour, e.minute, e.second), T = (e, n) => {
+  const s = {
+    hour: n.hour,
+    minute: n.minute,
+    second: n.second,
+    millisecond: 0
+  };
+  return "hour" in e ? e.set(s) : L(e, h(n));
+}, A = (e, n) => e === n || !!e && !!n && e.year === n.year && e.month === n.month && e.day === n.day && e.era === n.era, B = ({ size: e }) => {
+  const n = I(G);
+  return /* @__PURE__ */ m(
+    H,
+    {
+      "aria-label": "Date",
+      granularity: "day",
+      isDisabled: n == null ? void 0 : n.isDisabled,
+      isReadOnly: n == null ? void 0 : n.isReadOnly,
+      value: (n == null ? void 0 : n.value) ?? null,
+      onChange: (s) => n == null ? void 0 : n.setValue(s),
+      className: "relative min-w-0 flex-1",
+      children: [
+        /* @__PURE__ */ i(N, { className: "w-full pr-9", size: e === "xs" ? "sm" : "md" }),
+        /* @__PURE__ */ i(
+          M,
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 text-fg-quaternary"
+          }
+        )
+      ]
+    }
+  );
+}, ee = ({
+  value: e,
+  onChange: n,
+  highlightedDates: s,
+  timeStep: R = 30,
+  hourCycle: p,
+  timeGranularity: b = "minute",
+  defaultTime: O,
+  size: o = "sm",
+  className: c,
+  ...t
+}) => {
+  const a = o === "xs", u = !!t.isDisabled || !!t.isReadOnly, [V, f] = y(
+    e ?? void 0
+  ), [g, C] = y(null), l = k(
+    () => e && "hour" in e ? h(e) : g,
+    [g, e]
+  ), x = S(e);
+  j(() => {
+    !A(x.current, e) && e && f(e), x.current = e;
+  }, [e]);
+  const F = (r) => {
+    if (!u) {
+      if (!r) {
+        C(l), n(null);
+        return;
+      }
+      f(r), n(T(r, l ?? O ?? new w()));
+    }
+  }, D = (r) => {
+    if (!(u || !r)) {
+      if (!e) {
+        C(h(r));
+        return;
+      }
+      n(T(e, r));
+    }
+  };
+  return /* @__PURE__ */ i(
+    P.Provider,
+    {
+      value: {
+        value: e,
+        onChange: F,
+        focusedValue: V,
+        onFocusChange: f
+      },
+      children: /* @__PURE__ */ m(
+        q,
+        {
+          ...t,
+          className: (r) => d(
+            "flex w-max flex-col",
+            a ? "gap-2" : "gap-3",
+            typeof c == "function" ? c(r) : c
+          ),
+          children: [
+            /* @__PURE__ */ i(X, { size: o }),
+            /* @__PURE__ */ m("div", { className: d("flex", a ? "gap-2" : "gap-3"), children: [
+              /* @__PURE__ */ i(B, { size: o }),
+              /* @__PURE__ */ i(
+                E,
+                {
+                  "aria-label": "Time",
+                  value: l,
+                  onChange: D,
+                  hourCycle: p,
+                  granularity: b,
+                  isDisabled: t.isDisabled,
+                  isReadOnly: t.isReadOnly,
+                  className: a ? "w-24" : "w-30",
+                  children: /* @__PURE__ */ i(N, { className: "w-full", size: a ? "sm" : "md" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ m("div", { className: d("flex", a ? "gap-2" : "gap-3"), children: [
+              /* @__PURE__ */ i(Y, { highlightedDates: s, size: o }),
+              /* @__PURE__ */ i("div", { className: d("relative shrink-0", a ? "w-24" : "w-30"), children: /* @__PURE__ */ i(
+                z,
+                {
+                  value: l,
+                  onChange: D,
+                  step: R,
+                  hourCycle: p,
+                  isDisabled: u,
+                  className: "absolute inset-0 pr-1"
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  ee as DateTimeCalendar,
+  T as withTime
+};

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

@@ -0,0 +1,12 @@
+export { DatePicker, type DatePickerProps, type DatePickerSize, } from './date-picker';
+export { DateRangePicker, type DateRangePickerProps, } from './date-range-picker';
+export { DateTimeCalendar, withTime, type DateTimeCalendarProps, type TimeGranularity, } from './date-time-calendar';
+export { Calendar, CalendarContextProvider, CalendarDayGrid, CalendarGridSelectContext, CalendarMonthYearHeader, ControlledCalendarContextProvider, type CalendarDayGridProps, type CalendarProps, type CalendarSize, type ControlledCalendarContextProviderProps, } from './calendar';
+export { RangeCalendar, RangeCalendarContextProvider, type RangeCalendarProps, } from './range-calendar';
+export { CalendarCell, type CalendarCellProps } from './cell';
+export { DateInput, type DateInputProps } from './date-input';
+export { RangePresetButton, type RangePresetButtonProps } from './range-preset';
+export { TimeField, type TimeFieldProps } from './time-field';
+export { TimeList, type TimeListProps } from './time-list';
+export { PRESET_LABELS, cloneDateRange, detectDateRangePresetKey, getDateRangeFromPresetKey, getDateRangePresets, resolveDateRangePreset, type DateRangeLike, type DateRangePresetKey, type PresetDateRange, } from './date-range-presets';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,gBAAgB,EAChB,QAAQ,EACR,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,uBAAuB,EACvB,eAAe,EACf,yBAAyB,EACzB,uBAAuB,EACvB,iCAAiC,EACjC,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,sCAAsC,GAC5C,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,aAAa,EACb,4BAA4B,EAC5B,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EACL,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,yBAAyB,EACzB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,eAAe,GACrB,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,36 @@
+import { DatePicker as t } from "./date-picker.js";
+import { DateRangePicker as o } from "./date-range-picker.js";
+import { DateTimeCalendar as d, withTime as l } from "./date-time-calendar.js";
+import { Calendar as C, CalendarContextProvider as x, CalendarDayGrid as i, CalendarGridSelectContext as p, CalendarMonthYearHeader as f, ControlledCalendarContextProvider as g } from "./calendar.js";
+import { RangeCalendar as D, RangeCalendarContextProvider as R } from "./range-calendar.js";
+import { CalendarCell as c } from "./cell.js";
+import { DateInput as v } from "./date-input.js";
+import { RangePresetButton as E } from "./range-preset.js";
+import { TimeField as S } from "./time-field.js";
+import { TimeList as k } from "./time-list.js";
+import { PRESET_LABELS as B, cloneDateRange as F, detectDateRangePresetKey as G, getDateRangeFromPresetKey as K, getDateRangePresets as w, resolveDateRangePreset as A } from "./date-range-presets.js";
+export {
+  C as Calendar,
+  c as CalendarCell,
+  x as CalendarContextProvider,
+  i as CalendarDayGrid,
+  p as CalendarGridSelectContext,
+  f as CalendarMonthYearHeader,
+  g as ControlledCalendarContextProvider,
+  v as DateInput,
+  t as DatePicker,
+  o as DateRangePicker,
+  d as DateTimeCalendar,
+  B as PRESET_LABELS,
+  D as RangeCalendar,
+  R as RangeCalendarContextProvider,
+  E as RangePresetButton,
+  S as TimeField,
+  k as TimeList,
+  F as cloneDateRange,
+  G as detectDateRangePresetKey,
+  K as getDateRangeFromPresetKey,
+  w as getDateRangePresets,
+  A as resolveDateRangePreset,
+  l as withTime
+};

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

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from 'react';
+import { RangeCalendarProps as AriaRangeCalendarProps, DateValue } from 'react-aria-components';
+import { CalendarSize } from './calendar';
+export declare const RangeCalendarContextProvider: ({ children, }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export interface RangeCalendarProps extends AriaRangeCalendarProps<DateValue> {
+    /** The dates to highlight. */
+    highlightedDates?: DateValue[];
+    /** The date presets to display. */
+    presets?: Record<string, {
+        label: string;
+        value: {
+            start: DateValue;
+            end: DateValue;
+        };
+    }>;
+    containerClassName?: string;
+    /** Visual size: "xs" (compact) or "sm" (default). */
+    size?: CalendarSize;
+    /** Drops the horizontal padding on the calendars' outer edges, for containers that supply their own padding. */
+    flushEdges?: boolean;
+}
+export declare const RangeCalendar: ({ presets, containerClassName, size, flushEdges, ...props }: RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=range-calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/range-calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,OAAO,KAAK,EACV,kBAAkB,IAAI,sBAAsB,EAC5C,SAAS,EACV,MAAM,uBAAuB,CAAC;AAY/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAM/C,eAAO,MAAM,4BAA4B,GAAI,eAE1C,iBAAiB,4CAcnB,CAAC;AAgDF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,SAAS,CAAC;IAC3E,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CACd,MAAM,EACN;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,KAAK,EAAE,SAAS,CAAC;YAAC,GAAG,EAAE,SAAS,CAAA;SAAE,CAAA;KAAE,CAC/D,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gHAAgH;IAChH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6DAM3B,kBAAkB,4CAiKpB,CAAC"}

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

@@ -0,0 +1,210 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Fragment as w, useState as p, useContext as v } from "react";
+import { ChevronLeft as _, ChevronRight as f } from "@untitledui/icons";
+import { useDateFormatter as D } from "react-aria";
+import { useSlottedContext as k, RangeCalendarContext as z, RangeCalendar as S, CalendarGrid as h, CalendarGridHeader as u, CalendarHeaderCell as b, CalendarGridBody as g, RangeCalendarStateContext as R } from "react-aria-components";
+import { useBreakpoint as B } from "../../hooks/use-breakpoint.js";
+import { CalendarCell as C } from "./cell.js";
+import { DateInput as y } from "./date-input.js";
+import { cx as i } from "../../utils/cn.js";
+import { Button as m } from "../../primitives/button/button.js";
+const F = ({
+  children: l
+}) => {
+  const [t, n] = p(null), [r, c] = p();
+  return /* @__PURE__ */ e(
+    z.Provider,
+    {
+      value: { value: t, onChange: n, focusedValue: r, onFocusChange: c },
+      children: l
+    }
+  );
+}, N = ({ part: l }) => {
+  const t = v(R);
+  if (!t)
+    throw new Error(
+      "<RangeCalendarTitle /> must be used within a <RangeCalendar /> component."
+    );
+  const n = D({
+    month: "long",
+    year: "numeric",
+    calendar: t.visibleRange.start.calendar.identifier,
+    timeZone: t.timeZone
+  });
+  return l === "start" ? n.format(t.visibleRange.start.toDate(t.timeZone)) : n.format(t.visibleRange.end.toDate(t.timeZone));
+}, L = ({
+  value: l,
+  children: t,
+  ...n
+}) => {
+  const r = v(R);
+  return /* @__PURE__ */ e(
+    m,
+    {
+      ...n,
+      slot: null,
+      size: "sm",
+      color: "link-color",
+      onClick: () => {
+        r == null || r.setValue(l), r == null || r.setFocusedDate(l.start);
+      },
+      children: t
+    }
+  );
+}, X = ({
+  presets: l,
+  containerClassName: t,
+  size: n = "sm",
+  flushEdges: r = !1,
+  ...c
+}) => {
+  const d = B("md"), j = k(z), a = n === "xs", x = a ? "min-h-[220px]" : "min-h-[310px]";
+  return /* @__PURE__ */ e(j ? w : F, { children: /* @__PURE__ */ o(
+    S,
+    {
+      className: i("flex items-start", t),
+      visibleDuration: {
+        months: d ? 2 : 1
+      },
+      ...c,
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: i(
+              "flex flex-col py-1",
+              a ? "gap-2 px-4" : "gap-3 px-6",
+              r && (d ? "pl-0" : "px-0")
+            ),
+            children: [
+              /* @__PURE__ */ o("header", { className: "relative flex items-center justify-between md:justify-start", children: [
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    slot: "previous",
+                    iconLeading: _,
+                    size: "sm",
+                    color: "tertiary",
+                    className: a ? "size-6" : "size-8"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "h2",
+                  {
+                    className: i(
+                      "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-semibold text-fg-secondary",
+                      a ? "text-xs" : "text-sm"
+                    ),
+                    children: /* @__PURE__ */ e(N, { part: "start" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    slot: "next",
+                    iconLeading: f,
+                    size: "sm",
+                    color: "tertiary",
+                    className: i(a ? "size-6" : "size-8", "md:hidden")
+                  }
+                )
+              ] }),
+              !d && /* @__PURE__ */ o("div", { className: "flex items-center gap-2 md:hidden", children: [
+                /* @__PURE__ */ e(
+                  y,
+                  {
+                    slot: "start",
+                    size: a ? "sm" : "md",
+                    className: "flex-1"
+                  }
+                ),
+                /* @__PURE__ */ e("div", { className: "text-md text-quaternary", children: "–" }),
+                /* @__PURE__ */ e(
+                  y,
+                  {
+                    slot: "end",
+                    size: a ? "sm" : "md",
+                    className: "flex-1"
+                  }
+                )
+              ] }),
+              !d && l && /* @__PURE__ */ e("div", { className: "mt-1 flex justify-between gap-3 px-2 md:hidden", children: Object.values(l).map((s) => /* @__PURE__ */ e(L, { value: s.value, children: s.label }, s.label)) }),
+              /* @__PURE__ */ e("div", { className: x, children: /* @__PURE__ */ o(h, { weekdayStyle: "short", className: "w-max", children: [
+                /* @__PURE__ */ e(u, { children: (s) => /* @__PURE__ */ e(b, { className: "border-b-4 border-transparent p-0", children: /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: i(
+                      "flex items-center justify-center font-medium text-secondary",
+                      a ? "size-7 text-xs" : "size-10 text-sm"
+                    ),
+                    children: s.slice(0, 2)
+                  }
+                ) }) }),
+                /* @__PURE__ */ e(g, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (s) => /* @__PURE__ */ e(C, { date: s, size: n }) })
+              ] }) })
+            ]
+          }
+        ),
+        d && /* @__PURE__ */ o(
+          "div",
+          {
+            className: i(
+              "flex flex-col border-l border-secondary py-1",
+              a ? "gap-2 px-4" : "gap-3 px-6",
+              r && "pr-0"
+            ),
+            children: [
+              /* @__PURE__ */ o("header", { className: "relative flex items-center justify-end", children: [
+                /* @__PURE__ */ e(
+                  "h2",
+                  {
+                    className: i(
+                      "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 font-semibold text-fg-secondary",
+                      a ? "text-xs" : "text-sm"
+                    ),
+                    children: /* @__PURE__ */ e(N, { part: "end" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  m,
+                  {
+                    slot: "next",
+                    iconLeading: f,
+                    size: "sm",
+                    color: "tertiary",
+                    className: a ? "size-6" : "size-8"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: x, children: /* @__PURE__ */ o(
+                h,
+                {
+                  weekdayStyle: "short",
+                  offset: { months: 1 },
+                  className: "w-max",
+                  children: [
+                    /* @__PURE__ */ e(u, { children: (s) => /* @__PURE__ */ e(b, { className: "border-b-4 border-transparent p-0", children: /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "flex items-center justify-center font-medium text-secondary",
+                          a ? "size-7 text-xs" : "size-10 text-sm"
+                        ),
+                        children: s.slice(0, 2)
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ e(g, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (s) => /* @__PURE__ */ e(C, { date: s, size: n }) })
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  X as RangeCalendar,
+  F as RangeCalendarContextProvider
+};

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import { DateValue } from 'react-aria-components';
+export interface RangePresetButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    value: {
+        start: DateValue;
+        end: DateValue;
+    };
+}
+export declare const RangePresetButton: ({ value, className, children, ...props }: RangePresetButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=range-preset.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"range-preset.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/range-preset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC/E,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,GAAI,0CAK/B,sBAAsB,4CAqBxB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useSlottedContext as m, RangeCalendarContext as l } from "react-aria-components";
+import { cx as v } from "../../utils/cn.js";
+const h = ({
+  value: t,
+  className: a,
+  children: i,
+  ...u
+}) => {
+  var o, r, n, s;
+  const e = m(l), c = ((r = (o = e == null ? void 0 : e.value) == null ? void 0 : o.start) == null ? void 0 : r.compare(t.start)) === 0 && ((s = (n = e == null ? void 0 : e.value) == null ? void 0 : n.end) == null ? void 0 : s.compare(t.end)) === 0;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...u,
+      className: v(
+        "cursor-pointer rounded-md px-3 py-2 text-left text-sm font-medium outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2",
+        c ? "bg-active text-secondary_hover hover:bg-secondary_hover" : "text-secondary hover:bg-primary_hover hover:text-secondary_hover",
+        a
+      ),
+      children: i
+    }
+  );
+};
+export {
+  h as RangePresetButton
+};

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

@@ -0,0 +1,8 @@
+import { ListBoxItemRenderProps } from 'react-aria-components';
+/**
+ * One option in a picker list: the month/year dropdowns and the time list.
+ * The selected look matches the active range preset, so every list in the
+ * picker reads as the same control.
+ */
+export declare const pickerOptionStyles: ({ isSelected, isFocusVisible, isDisabled, }: ListBoxItemRenderProps) => string;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAGpE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,6CAIhC,sBAAsB,WAQtB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { cx as r } from "../../utils/cn.js";
+const i = ({
+  isSelected: e,
+  isFocusVisible: o,
+  isDisabled: t
+}) => r(
+  "cursor-pointer rounded-md px-2.5 py-2 text-sm whitespace-nowrap outline-hidden transition duration-100 ease-linear",
+  e ? "bg-active font-medium text-secondary_hover hover:bg-secondary_hover" : "text-secondary hover:bg-primary_hover hover:text-secondary_hover",
+  o && "outline-2 -outline-offset-2 outline-focus-ring",
+  t && "pointer-events-none text-disabled"
+);
+export {
+  i as pickerOptionStyles
+};

package/dist/applications/date-picker/time-field.d.ts

@@ -0,0 +1,7 @@
+import { TimeFieldProps as AriaTimeFieldProps, TimeValue } from 'react-aria-components';
+export interface TimeFieldProps extends AriaTimeFieldProps<TimeValue> {
+    className?: string;
+    compact?: boolean;
+}
+export declare const TimeField: ({ className, value, onChange, compact, }: TimeFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=time-field.d.ts.map

package/dist/applications/date-picker/time-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/time-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACV,MAAM,uBAAuB,CAAC;AAM/B,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,SAAS,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,GAAI,0CAKvB,cAAc,4CA0KhB,CAAC"}