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

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

@@ -0,0 +1,42 @@
+import { PropsWithChildren } from 'react';
+import { CalendarProps as AriaCalendarProps, DateValue } from 'react-aria-components';
+export declare const CalendarContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+/** Callback fired only when user selects a date from the calendar grid (not from the date input). Used to e.g. close popover only on grid selection. */
+export declare const CalendarGridSelectContext: import('react').Context<((date: DateValue) => void) | null>;
+/** Controlled calendar context: value and onSelect from props; used for inline calendar (e.g. NestedFieldSelect date dropdown). */
+export interface ControlledCalendarContextProviderProps extends PropsWithChildren {
+    value: DateValue | null;
+    /** Called when a date is selected (by default from both grid and input). With onlyNotifyOnGridSelect, only from grid. */
+    onSelect?: (date: DateValue) => void;
+    /** Called on every value change (input or grid). Use with onlyNotifyOnGridSelect to sync typed values without closing. */
+    onChange?: (date: DateValue | null) => void;
+    /** When true, onSelect is only called when a date is picked from the calendar grid, not when the value changes via the date input. Use in popovers so the popover stays open while typing. Default false for backwards compatibility. */
+    onlyNotifyOnGridSelect?: boolean;
+}
+export declare const ControlledCalendarContextProvider: ({ value, onSelect, onChange, onlyNotifyOnGridSelect, children, }: ControlledCalendarContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export type CalendarSize = "xs" | "sm" | "md" | "lg";
+export interface CalendarDayGridProps {
+    /** The dates to mark with a dot. */
+    highlightedDates?: DateValue[];
+    /** Visual size; must match the enclosing calendar. */
+    size?: CalendarSize;
+    /** Called when a day is picked from the grid (not from a typed input). */
+    onDateSelect?: (date: DateValue) => void;
+}
+/** Weekday header plus the day cells. Must be rendered inside an Aria `Calendar`. */
+export declare const CalendarDayGrid: ({ highlightedDates, size, onDateSelect, }: CalendarDayGridProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Calendar heading with month and year dropdowns on the left and the previous/next
+ * buttons on the right. Must be rendered inside an Aria `Calendar`.
+ */
+export declare const CalendarMonthYearHeader: ({ size, }: {
+    size?: CalendarSize;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface CalendarProps extends AriaCalendarProps<DateValue> {
+    /** The dates to highlight. */
+    highlightedDates?: DateValue[];
+    /** Visual size: "xs" (compact, for popovers/small screens) or "sm" (default). */
+    size?: CalendarSize;
+}
+export declare const Calendar: ({ highlightedDates, size, className, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAW7E,OAAO,KAAK,EACV,aAAa,IAAI,iBAAiB,EAClC,SAAS,EACV,MAAM,uBAAuB,CAAC;AA4E/B,eAAO,MAAM,uBAAuB,GAAI,cAAc,iBAAiB,4CAWtE,CAAC;AAEF,wJAAwJ;AACxJ,eAAO,MAAM,yBAAyB,kCAC5B,SAAS,KAAK,IAAI,SACrB,CAAC;AAER,mIAAmI;AACnI,MAAM,WAAW,sCAAuC,SAAQ,iBAAiB;IAC/E,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,yHAAyH;IACzH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,0HAA0H;IAC1H,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,yOAAyO;IACzO,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,iCAAiC,GAAI,kEAM/C,sCAAsC,4CAmCxC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA4ErD,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,sDAAsD;IACtD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,qFAAqF;AACrF,eAAO,MAAM,eAAe,GAAI,2CAI7B,oBAAoB,4CAiCtB,CAAC;AA4DF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,WAErC;IACD,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,4CA0EA,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,SAAS,CAAC;IACjE,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,iFAAiF;IACjF,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,iDAKtB,aAAa,4CA+Cf,CAAC"}

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

@@ -0,0 +1,310 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { createContext as F, useContext as x, Fragment as I, useState as p, useMemo as k, useEffect as R, cloneElement as W } from "react";
+import { ChevronLeft as E, ChevronRight as G, ChevronDown as L } from "@untitledui/icons";
+import { useSlottedContext as N, CalendarContext as b, Calendar as Y, Heading as j, CalendarGrid as O, CalendarGridHeader as K, CalendarHeaderCell as T, CalendarStateContext as g, DateField as X, RangeCalendarStateContext as Z, RangeCalendarContext as $, Select as q, Button as z, SelectValue as V, ListBox as J, ListBoxItem as Q } from "react-aria-components";
+import { useDateFormatter as S, useCalendarGrid as U } from "react-aria";
+import { today as B, getLocalTimeZone as ee, endOfMonth as te } from "@internationalized/date";
+import { cx as h } from "../../utils/cn.js";
+import { CalendarCell as re } from "./cell.js";
+import { DateInput as w } from "./date-input.js";
+import { Button as P } from "../../primitives/button/button.js";
+import { Popover as ae } from "../../primitives/select/popover.js";
+import { pickerOptionStyles as ne } from "./styles.js";
+const oe = 6;
+function se({
+  children: t,
+  className: r
+}) {
+  const e = x(g), s = x(Z), n = e ?? s, o = N(b), l = N($), d = n.visibleRange.start, m = (o == null ? void 0 : o.firstDayOfWeek) ?? (l == null ? void 0 : l.firstDayOfWeek), { weeksInMonth: C } = U(
+    {
+      startDate: d,
+      endDate: te(d),
+      weekdayStyle: "short",
+      firstDayOfWeek: m
+    },
+    n
+  ), i = Math.max(oe, C);
+  return /* @__PURE__ */ a("tbody", { className: r, children: [...new Array(i).keys()].map((c) => /* @__PURE__ */ a("tr", { children: n.getDatesInWeek(c, d).map(
+    (f, v) => f ? W(t(f), { key: v }) : /* @__PURE__ */ a("td", {}, v)
+  ) }, c)) });
+}
+const le = ({ children: t }) => {
+  const [r, e] = p(null), [s, n] = p();
+  return /* @__PURE__ */ a(
+    b.Provider,
+    {
+      value: { value: r, onChange: e, focusedValue: s, onFocusChange: n },
+      children: t
+    }
+  );
+}, A = F(null), De = ({
+  value: t,
+  onSelect: r,
+  onChange: e,
+  onlyNotifyOnGridSelect: s = !1,
+  children: n
+}) => {
+  const [o, l] = p(t), [d, m] = p();
+  R(() => {
+    l(t), t != null && m(t);
+  }, [t]);
+  const C = (c) => {
+    l(c), c && m(c), e == null || e(c), c && !s && (r == null || r(c));
+  }, i = s && r ? r : null;
+  return /* @__PURE__ */ a(A.Provider, { value: i, children: /* @__PURE__ */ a(
+    b.Provider,
+    {
+      value: {
+        value: o,
+        onChange: C,
+        focusedValue: d,
+        onFocusChange: m
+      },
+      children: n
+    }
+  ) });
+}, H = F("sm"), ce = () => {
+  const t = x(g), r = x(H);
+  return t ? /* @__PURE__ */ a(
+    X,
+    {
+      value: t.value ?? void 0,
+      onChange: (e) => t.setValue(e),
+      children: /* @__PURE__ */ a(w, { className: "flex-1", size: r === "xs" ? "sm" : "md" })
+    }
+  ) : /* @__PURE__ */ a(w, { className: "flex-1", size: r === "xs" ? "sm" : "md" });
+}, ie = ({
+  value: t,
+  children: r,
+  size: e = "sm",
+  ...s
+}) => {
+  const n = x(g);
+  if (!n)
+    throw new Error("Preset must be used within a Calendar component");
+  return /* @__PURE__ */ a(
+    P,
+    {
+      ...s,
+      slot: null,
+      size: e,
+      color: "secondary",
+      onClick: () => {
+        n.setValue(t), n.setFocusedDate(t);
+      },
+      className: h(
+        "w-full h-full bg-secondary font-semibold",
+        e === "xs" ? "text-xs" : "text-sm"
+      ),
+      children: r
+    }
+  );
+}, y = ({
+  slot: t,
+  size: r
+}) => /* @__PURE__ */ a(
+  P,
+  {
+    slot: t,
+    iconLeading: t === "previous" ? E : G,
+    size: "sm",
+    color: "tertiary",
+    className: r === "xs" ? "size-6" : "size-8"
+  }
+), de = ({
+  highlightedDates: t,
+  size: r = "sm",
+  onDateSelect: e
+}) => {
+  const s = r === "xs";
+  return /* @__PURE__ */ u(O, { weekdayStyle: "short", className: "w-max", children: [
+    /* @__PURE__ */ a(K, { className: "border-b-4 border-transparent", children: (n) => /* @__PURE__ */ a(T, { className: "p-0", children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: h(
+          "flex items-center justify-center font-medium text-secondary",
+          s ? "size-7 text-xs" : "size-10 text-sm"
+        ),
+        children: n.slice(0, 2)
+      }
+    ) }) }),
+    /* @__PURE__ */ a(se, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (n) => /* @__PURE__ */ a(
+      re,
+      {
+        date: n,
+        size: r,
+        isHighlighted: t == null ? void 0 : t.some(
+          (o) => n.compare(o) === 0
+        ),
+        onDateSelect: e
+      }
+    ) })
+  ] });
+}, M = 100, _ = ({
+  "aria-label": t,
+  items: r,
+  selectedKey: e,
+  onChange: s,
+  size: n
+}) => /* @__PURE__ */ u(
+  q,
+  {
+    "aria-label": t,
+    selectedKey: e,
+    onSelectionChange: (o) => {
+      o != null && s(Number(o));
+    },
+    children: [
+      /* @__PURE__ */ u(
+        z,
+        {
+          className: ({ isFocusVisible: o, isPressed: l }) => h(
+            "flex cursor-pointer items-center gap-1 rounded-md px-1.5 py-1 font-semibold text-fg-secondary outline-hidden transition duration-100 ease-linear hover:bg-primary_hover",
+            n === "xs" ? "text-xs" : "text-sm",
+            l && "bg-primary_hover",
+            o && "outline-2 outline-offset-2 outline-focus-ring"
+          ),
+          children: [
+            /* @__PURE__ */ a(V, {}),
+            /* @__PURE__ */ a(
+              L,
+              {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0 text-fg-quaternary"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ a(ae, { size: "sm", placement: "bottom start", className: "w-36", children: /* @__PURE__ */ a(J, { items: r, className: "outline-hidden", children: (o) => /* @__PURE__ */ a(
+        Q,
+        {
+          id: o.id,
+          textValue: o.label,
+          className: ne,
+          children: o.label
+        }
+      ) }) })
+    ]
+  }
+), ke = ({
+  size: t = "sm"
+}) => {
+  const r = x(g);
+  if (!r)
+    throw new Error(
+      "<CalendarMonthYearHeader /> must be used within a <Calendar /> component."
+    );
+  const { focusedDate: e, timeZone: s, minValue: n, maxValue: o } = r, l = S({
+    month: "long",
+    calendar: e.calendar.identifier,
+    timeZone: s
+  }), d = S({
+    year: "numeric",
+    calendar: e.calendar.identifier,
+    timeZone: s
+  }), m = k(() => {
+    const i = e.calendar.getMonthsInYear(e);
+    return Array.from({ length: i }, (c, f) => ({
+      id: f + 1,
+      label: l.format(
+        e.set({ month: f + 1, day: 1 }).toDate(s)
+      )
+    }));
+  }, [e, l, s]), C = k(() => {
+    const i = B(s).year, c = Math.min(
+      (n == null ? void 0 : n.year) ?? i - M,
+      e.year
+    ), f = Math.max(
+      (o == null ? void 0 : o.year) ?? i + M,
+      e.year
+    );
+    return Array.from({ length: f - c + 1 }, (v, D) => ({
+      id: c + D,
+      label: d.format(
+        e.set({ year: c + D, month: 1, day: 1 }).toDate(s)
+      )
+    }));
+  }, [e, o, n, s, d]);
+  return /* @__PURE__ */ u("header", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ u("div", { className: "-ml-1.5 flex items-center gap-1", children: [
+      /* @__PURE__ */ a(
+        _,
+        {
+          "aria-label": "Month",
+          size: t,
+          items: m,
+          selectedKey: e.month,
+          onChange: (i) => r.setFocusedDate(e.set({ month: i }))
+        }
+      ),
+      /* @__PURE__ */ a(
+        _,
+        {
+          "aria-label": "Year",
+          size: t,
+          items: C,
+          selectedKey: e.year,
+          onChange: (i) => r.setFocusedDate(e.set({ year: i }))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ a(y, { slot: "previous", size: t }),
+      /* @__PURE__ */ a(y, { slot: "next", size: t })
+    ] })
+  ] });
+}, Se = ({
+  highlightedDates: t,
+  size: r = "sm",
+  className: e,
+  ...s
+}) => {
+  const n = N(b), o = x(A), l = r === "xs";
+  return /* @__PURE__ */ a(n ? I : le, { children: /* @__PURE__ */ a(H.Provider, { value: r, children: /* @__PURE__ */ u(
+    Y,
+    {
+      ...s,
+      className: (m) => h(
+        "flex flex-col w-max",
+        l ? "gap-2" : "gap-3",
+        typeof e == "function" ? e(m) : e
+      ),
+      children: [
+        /* @__PURE__ */ u("header", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ a(y, { slot: "previous", size: r }),
+          /* @__PURE__ */ a(
+            j,
+            {
+              className: h(
+                "font-semibold text-fg-secondary",
+                l ? "text-xs" : "text-sm"
+              )
+            }
+          ),
+          /* @__PURE__ */ a(y, { slot: "next", size: r })
+        ] }),
+        /* @__PURE__ */ u("div", { className: h("flex", l ? "gap-2" : "gap-3"), children: [
+          /* @__PURE__ */ a(ce, {}),
+          /* @__PURE__ */ a(ie, { size: r, value: B(ee()), children: "Today" })
+        ] }),
+        /* @__PURE__ */ a(
+          de,
+          {
+            highlightedDates: t,
+            size: r,
+            onDateSelect: o ?? void 0
+          }
+        )
+      ]
+    }
+  ) }) });
+};
+export {
+  Se as Calendar,
+  le as CalendarContextProvider,
+  de as CalendarDayGrid,
+  A as CalendarGridSelectContext,
+  ke as CalendarMonthYearHeader,
+  De as ControlledCalendarContextProvider
+};

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

@@ -0,0 +1,15 @@
+import { DateValue } from '@internationalized/date';
+import { CalendarCellProps as AriaCalendarCellProps } from 'react-aria-components';
+import { CalendarSize } from './calendar';
+export interface CalendarCellProps extends AriaCalendarCellProps {
+    /** Whether the calendar is a range calendar. */
+    isRangeCalendar?: boolean;
+    /** Whether the cell is highlighted. */
+    isHighlighted?: boolean;
+    /** Visual size: "xs", "sm", "md", "lg" (must match Calendar size). */
+    size?: CalendarSize;
+    /** Called when the user selects this date from the grid (click or keyboard). Use to e.g. close popover only on grid selection. */
+    onDateSelect?: (date: DateValue) => void;
+}
+export declare const CalendarCell: ({ date, isHighlighted, size, onDateSelect, ...props }: CalendarCellProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAMzD,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAQxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,gDAAgD;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sEAAsE;IACtE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,kIAAkI;IAClI,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,YAAY,GAAI,uDAM1B,iBAAiB,4CA8HnB,CAAC"}

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

@@ -0,0 +1,90 @@
+import { jsx as y, jsxs as M } from "react/jsx-runtime";
+import { getDayOfWeek as N, isToday as T, getLocalTimeZone as B } from "@internationalized/date";
+import { useLocale as E, useSlottedContext as W, RangeCalendarContext as F, CalendarCell as I } from "react-aria-components";
+import { cx as u } from "../../utils/cn.js";
+const H = ({
+  date: e,
+  isHighlighted: p,
+  size: m = "sm",
+  onDateSelect: g,
+  ...O
+}) => {
+  var b, x;
+  const { locale: R } = E(), h = N(e, R), o = W(F), n = !!o, a = (b = o == null ? void 0 : o.value) == null ? void 0 : b.start, s = (x = o == null ? void 0 : o.value) == null ? void 0 : x.end, z = a ? e.compare(a) > 0 : !0, C = s ? e.compare(s) < 0 : !0, L = a && e.compare(a) >= 0, k = s && e.compare(s) <= 0, w = L && k, _ = new Date(e.year, e.month, 0).getDate(), j = e.day === _, A = e.day === 1, v = T(e, B());
+  return /* @__PURE__ */ y(
+    I,
+    {
+      ...O,
+      date: e,
+      className: ({
+        isDisabled: t,
+        isFocusVisible: i,
+        isSelectionStart: f,
+        isSelectionEnd: l,
+        isSelected: r,
+        isOutsideMonth: c
+      }) => u(
+        "relative focus:outline-none",
+        m === "xs" ? "size-7" : "size-10",
+        (f || h === 0) && "rounded-l-full",
+        (l || h === 6) && "rounded-r-full",
+        w && t && "bg-active",
+        r && n && "bg-active",
+        t ? "pointer-events-none" : "cursor-pointer",
+        i ? "z-10" : "z-0",
+        n && c && "hidden",
+        // Show gradient on last day of month if it's within the selected range.
+        j && r && C && n && "after:absolute after:inset-0 after:translate-x-full after:bg-gradient-to-l after:from-transparent after:to-bg-active in-[[role=gridcell]:last-child]:after:hidden",
+        // Show gradient on first day of month if it's within the selected range.
+        A && r && z && n && "after:absolute after:inset-0 after:-translate-x-full after:bg-gradient-to-r after:from-transparent after:to-bg-active in-[[role=gridcell]:first-child]:after:hidden"
+      ),
+      children: ({
+        isDisabled: t,
+        isFocusVisible: i,
+        isSelectionStart: f,
+        isSelectionEnd: l,
+        isSelected: r,
+        formattedDate: c
+      }) => {
+        const d = f || l || r && !t && !n;
+        return /* @__PURE__ */ M(
+          "div",
+          {
+            onClick: () => {
+              !t && g && g(e);
+            },
+            className: u(
+              "relative flex size-full items-center justify-center rounded-full",
+              m === "xs" ? "text-xs" : "text-sm",
+              // Disabled state.
+              t ? "text-disabled" : "text-secondary hover:text-secondary_hover",
+              // Focus ring, visible while the cell has keyboard focus.
+              i ? "outline-2 outline-offset-2 outline-focus-ring" : "",
+              // Hover state for cells in the middle of the range.
+              r && !t && n ? "font-medium" : "",
+              d && "bg-brand-solid font-medium text-white hover:bg-brand-solid_hover hover:text-white",
+              // Hover state for non-selected cells.
+              !r && !t ? "hover:bg-primary_hover hover:font-medium!" : "",
+              !r && v ? "bg-active font-medium hover:bg-secondary_hover" : ""
+            ),
+            children: [
+              c,
+              (p || v) && /* @__PURE__ */ y(
+                "div",
+                {
+                  className: u(
+                    "absolute bottom-1 left-1/2 size-1.25 -translate-x-1/2 rounded-full",
+                    t ? "bg-fg-disabled" : d ? "bg-fg-white" : "bg-fg-brand-primary"
+                  )
+                }
+              )
+            ]
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  H as CalendarCell
+};

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

@@ -0,0 +1,7 @@
+import { DateInputProps as AriaDateInputProps } from 'react-aria-components';
+export interface DateInputProps extends Omit<AriaDateInputProps, "children"> {
+    /** Input size: "sm" (compact) or "md" (default). */
+    size?: "sm" | "md";
+}
+export declare const DateInput: ({ size, ...props }: DateInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=date-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA0BlF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IAC1E,oDAAoD;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GAAI,oBAA2B,cAAc,4CAiClE,CAAC"}

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

@@ -0,0 +1,39 @@
+import { jsx as a } from "react/jsx-runtime";
+import { DateInput as s, DateSegment as i } from "react-aria-components";
+import { cx as n } from "../../utils/cn.js";
+const d = /* @__PURE__ */ new Set(["day", "month", "hour"]);
+function c(r) {
+  const { type: e, text: t, isPlaceholder: o } = r;
+  return o || !d.has(e) ? t : t.length === 1 && /^\d$/.test(t) ? `0${t}` : t;
+}
+const p = ({ size: r = "md", ...e }) => /* @__PURE__ */ a(
+  s,
+  {
+    ...e,
+    className: n(
+      "flex rounded-lg bg-primary shadow-xs ring-1 ring-secondary ring-inset focus-within:ring-2 focus-within:ring-brand",
+      r === "sm" ? "px-2 py-1.5 text-sm rounded-md" : "px-2.5 py-2 text-md",
+      typeof e.className == "string" && e.className
+    ),
+    children: (t) => /* @__PURE__ */ a(
+      i,
+      {
+        segment: t,
+        className: n(
+          "rounded px-0.5 text-primary caret-transparent focus:bg-brand-solid focus:font-medium focus:text-white focus:outline-hidden",
+          r === "sm" ? "text-xs" : "text-sm",
+          // The placeholder segment.
+          t.isPlaceholder && "text-placeholder uppercase",
+          // The separator "/" segment.
+          t.type === "literal" && "text-secondary",
+          // "pm" rather than "PM", matching the time list.
+          t.type === "dayPeriod" && !t.isPlaceholder && "lowercase"
+        ),
+        children: c(t)
+      }
+    )
+  }
+);
+export {
+  p as DateInput
+};

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

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { DatePickerProps as AriaDatePickerProps, DateValue, TimeValue } from 'react-aria-components';
+/** Trigger sizes: text size, the Button size it sits on, and the calendar icon. */
+declare const sizes: {
+    readonly xs: {
+        readonly button: "xs";
+        readonly text: "text-xs";
+        readonly icon: "size-3!";
+    };
+    readonly sm: {
+        readonly button: "xs";
+        readonly text: "text-sm";
+        readonly icon: "size-3.5!";
+    };
+    readonly md: {
+        readonly button: "sm";
+        readonly text: "text-md";
+        readonly icon: "size-4!";
+    };
+};
+export type DatePickerSize = keyof typeof sizes;
+export interface DatePickerProps extends AriaDatePickerProps<DateValue> {
+    /** Trigger size: "xs" (text-xs, xs button), "sm" (text-sm, xs button), "md" (text-md, sm button). Defaults to "xs". */
+    size?: DatePickerSize;
+    /** The function to call when the apply button is clicked. */
+    onApply?: (value?: DateValue) => void;
+    /** The function to call when the cancel button is clicked. */
+    onCancel?: () => void;
+    /** Whether to show the Apply/Cancel footer. Defaults to true. */
+    showFooter?: boolean;
+    /** Class name applied to the trigger button (e.g. for font size like text-xs). */
+    triggerClassName?: string;
+    /** When true, shows a clear control when a date is set; calls `onChange(null)`. */
+    clearable?: boolean;
+    /** Rendered to the left of the clear control (or on the far right when empty). */
+    endAdornment?: ReactNode;
+    /**
+     * Time mode only (`granularity` of "hour", "minute" or "second"): minutes between
+     * two options in the time list. Defaults to 30.
+     */
+    timeStep?: number;
+    /** Time mode only: the time a date gets when it is picked before any time is. Defaults to midnight. */
+    defaultTime?: TimeValue;
+}
+export declare const DatePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, className, showFooter, triggerClassName, clearable, endAdornment, isDisabled, size, granularity, minValue, maxValue, isDateUnavailable, firstDayOfWeek, hourCycle: hourCycleProp, timeStep, defaultTime, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/applications/date-picker/date-picker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EACV,eAAe,IAAI,mBAAmB,EACtC,SAAS,EACT,SAAS,EACV,MAAM,uBAAuB,CAAC;AAe/B,mFAAmF;AACnF,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;CAIA,CAAC;AAEZ,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,KAAK,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IACrE,uHAAuH;IACvH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kFAAkF;IAClF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAiCD,eAAO,MAAM,UAAU,GAAI,oRAsBxB,eAAe,4CAqPjB,CAAC"}