@photon-ai/pho-ui 2.17.0 → 3.0.0

package/dist/primitives.js

@@ -40,11 +40,11 @@ import "./primitives/toggle.js";
 import "./primitives/toggle-group.js";
 import "./primitives/toolbar.js";
 import "./primitives/tooltip.js";
+export * from "@base-ui/react/popover";
 export * from "@base-ui/react/field";
 export * from "@base-ui/react/separator";
 export * from "@base-ui/react/dialog";
 export * from "@base-ui/react/scroll-area";
-export * from "@base-ui/react/popover";
 export * from "@base-ui/react/collapsible";
 export * from "@base-ui/react/avatar";
 export * from "@base-ui/react/form";

package/dist/sections/basic-page.js

@@ -1,6 +1,6 @@
 "use client";
 import { a as s } from "../chunks/data-table-DcwCgXJU.js";
-import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-CogcwGx3.js";
+import { a as E, c as a, d as C, f as S, i as I, l as e, m as o, n as B, o as P, p as N, r, s as t, t as D, u as R } from "../chunks/basic-page-CYDwfVjO.js";
 export {
   D as AUTO_SAVE_DELAY_MS,
   B as BASIC_PAGE_CALLOUT,

package/dist/src/components/calendar/calendar.d.ts

@@ -0,0 +1,36 @@
+import { DayPickerProps } from 'react-day-picker';
+export type CalendarProps = DayPickerProps & {
+    /**
+     * The word on the button back to today, used as its label and its tooltip.
+     * @default "Today"
+     */
+    todayLabel?: string;
+};
+/**
+ * Calendar built on React DayPicker — a month of days to read or to choose
+ * from. Pass `mode` to make it selectable (`single`, `multiple`, `range`);
+ * without one it is a static month. Every DayPicker prop passes through, so
+ * `numberOfMonths`, `disabled`, `startMonth` / `endMonth`, `captionLayout`,
+ * and the locale props all work as documented upstream.
+ *
+ * Pho supplies the whole class map, so the library's stylesheet is neither
+ * imported nor needed. `classNames` and `components` merge over Pho's,
+ * element by element.
+ *
+ * The caption is clickable: month and year each open a jump list, so a date
+ * two years out is two taps rather than twenty-four. Pass
+ * `captionLayout="label"` for a caption that only reads, and `startMonth` /
+ * `endMonth` to say how far the year list should reach. Between the month
+ * arrows sits a way back to today's month.
+ *
+ * Selection follows DayPicker's own contract: hand it `onSelect` and the
+ * calendar is controlled, so `selected` has to come with it. Leave both off
+ * and it keeps the selection itself.
+ *
+ * For a calendar behind a field — a trigger that shows the chosen date and
+ * opens this in a popover — use `DatePicker`.
+ */
+export declare function Calendar({ className, classNames, components, showOutsideDays, captionLayout, startMonth, endMonth, todayLabel, ...props }: CalendarProps): import("react").JSX.Element;
+export declare namespace Calendar {
+    var displayName: string;
+}

package/dist/src/components/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar, type CalendarProps } from './calendar';
+export type { DateRange, Matcher } from 'react-day-picker';

package/dist/src/components/date-picker/date-picker.d.ts

@@ -0,0 +1,97 @@
+import { ReactNode } from 'react';
+import { DateRange, PropsBase } from 'react-day-picker';
+import { InputSize } from '../input';
+/** The trigger wears Input's sizes so the two line up in one form. */
+export type DatePickerSize = InputSize;
+/**
+ * How fine the time is asked for, and read back. Omit it for a date alone.
+ * The value is always a `Date`; the granularity says which of its parts the
+ * viewer sets, and everything below is zeroed.
+ */
+export type DatePickerTime = "hour" | "minute" | "second";
+/**
+ * The shape to type, in this locale's own order — `mm/dd/yyyy`,
+ * `yyyy-mm-dd`, `dd.mm.yyyy`. Lowercase, the way a browser's own date field
+ * writes it, so the two paths read alike.
+ */
+export declare function dateFieldMask(locales?: Intl.LocalesArgument, time?: DatePickerTime): string;
+/**
+ * The figures in the field — `09/12/2026`, or `09/10/2026 – 09/13/2026` for a
+ * span, in the viewer's locale. An empty or half-finished range prints just
+ * the day that is settled; nothing selected prints nothing. Pass `time` to
+ * print the clock too, at the precision that was asked for.
+ *
+ * Figures rather than words (`Sep 12, 2026`) because the field is typed into:
+ * a month's name is the one part of a date nobody wants to spell.
+ */
+export declare function formatDateLabel(value: Date | DateRange | undefined, locales?: Intl.LocalesArgument, time?: DatePickerTime): string;
+interface DatePickerBaseProps {
+    /** Field label (associated for accessibility). */
+    label?: ReactNode;
+    /** Helper text below the field; rendered in the error color when `invalid`. */
+    hint?: ReactNode;
+    /**
+     * What the field shows until something is chosen.
+     * @default the shape to type, in this locale's order (`mm/dd/yyyy`)
+     */
+    placeholder?: string;
+    /** Render the invalid state (error ring + error-colored hint). */
+    invalid?: boolean;
+    disabled?: boolean;
+    /** Marks the label with the required asterisk. */
+    required?: boolean;
+    /** Size variant. @default "md" */
+    size?: DatePickerSize;
+    /**
+     * Ask for a time as well as a day, this fine. `hour` sets the hour and
+     * zeroes the rest, `minute` the hour and minute, `second` all three. Omit
+     * it and the value is midnight on the chosen day.
+     */
+    time?: DatePickerTime;
+    /** Locale for the trigger's words. Defaults to the viewer's. */
+    locales?: Intl.LocalesArgument;
+    /**
+     * Everything else React DayPicker takes — `disabled` days, `startMonth` /
+     * `endMonth`, `numberOfMonths`, `weekStartsOn`, `captionLayout`.
+     */
+    calendarProps?: PropsBase;
+    /** Id for the trigger, if the page needs its own. */
+    id?: string;
+    /** Class applied to the trigger. */
+    className?: string;
+}
+export interface DatePickerSingleProps extends DatePickerBaseProps {
+    /** @default "single" */
+    mode?: "single";
+    value?: Date;
+    defaultValue?: Date;
+    onValueChange?: (value: Date | undefined) => void;
+}
+export interface DatePickerRangeProps extends DatePickerBaseProps {
+    mode: "range";
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onValueChange?: (value: DateRange | undefined) => void;
+}
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+/**
+ * Date Picker — a field that shows the chosen date and opens a `Calendar` to
+ * change it. `mode="range"` picks a span instead of a day; the popover stays
+ * open until both ends are down.
+ *
+ * The value is a `Date` (or a `{ from, to }` range), never a string: pass
+ * `value` to control it, `defaultValue` to let it keep its own. Clearing is
+ * built in — clicking the chosen day again unsets it.
+ *
+ * `time` asks for the clock as well, to the hour, the minute, or the second.
+ *
+ * On a touch device the field hands off to the system picker — the OS wheel or
+ * dialog, which people already know — as long as the rules the page set are
+ * ones it can enforce. A weekday rule or a predicate keeps the calendar, which
+ * can; so does `mode="range"`, which no system picker offers.
+ */
+export declare function DatePicker(props: DatePickerProps): import("react").JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+export {};

package/dist/src/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker, formatDateLabel, type DatePickerProps, type DatePickerSingleProps, type DatePickerRangeProps, type DatePickerSize, } from './date-picker';
+export type { DateRange } from 'react-day-picker';

package/dist/src/index.d.ts

@@ -8,7 +8,8 @@
 export * from './utils';
 export * from './motion';
 export * from './components/button';
-export * from './components/date-range-picker';
+export * from './components/calendar';
+export { DatePicker, formatDateLabel, type DatePickerProps, type DatePickerSingleProps, type DatePickerRangeProps, type DatePickerSize, } from './components/date-picker';
 export * from './components/input';
 export * from './components/input-group';
 export * from './components/card';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photon-ai/pho-ui",
-  "version": "2.17.0",
+  "version": "3.0.0",
   "description": "Pho Design System — Photon's React component library, built on Base UI",
   "license": "UNLICENSED",
   "repository": {
@@ -37,10 +37,6 @@
       "types": "./dist/src/components/data-table/index.d.ts",
       "import": "./dist/components/data-table.js"
     },
-    "./components/date-range-picker": {
-      "types": "./dist/src/components/date-range-picker/index.d.ts",
-      "import": "./dist/components/date-range-picker.js"
-    },
     "./components/input": {
       "types": "./dist/src/components/input/index.d.ts",
       "import": "./dist/components/input.js"
@@ -451,6 +447,14 @@
     "./components/trace": {
       "types": "./dist/src/components/trace/index.d.ts",
       "import": "./dist/components/trace.js"
+    },
+    "./components/calendar": {
+      "types": "./dist/src/components/calendar/index.d.ts",
+      "import": "./dist/components/calendar.js"
+    },
+    "./components/date-picker": {
+      "types": "./dist/src/components/date-picker/index.d.ts",
+      "import": "./dist/components/date-picker.js"
     }
   },
   "peerDependencies": {
@@ -494,6 +498,7 @@
     "d3-time": "3.1.0",
     "libphonenumber-js": "^1.13.11",
     "motion": "^13.1.0",
+    "react-day-picker": "^10.0.1",
     "tailwind-merge": "^3.6.0"
   },
   "scripts": {

package/dist/chunks/date-range-picker-DwFDUNRL.js

@@ -1,88 +0,0 @@
-"use client";
-import { t as N } from "./cn-ChIgwEl3.js";
-import { a as C } from "./button-CdqS_t5a.js";
-import { t as h } from "./input-DjvZoF8v.js";
-import { useState as g } from "react";
-import { jsx as u, jsxs as E } from "react/jsx-runtime";
-var T = 6048e5, m = (e) => String(e).padStart(2, "0");
-function s(e) {
-  return `${e.getFullYear()}-${m(e.getMonth() + 1)}-${m(e.getDate())}T${m(e.getHours())}:${m(e.getMinutes())}`;
-}
-function y(e) {
-  if (e.trim() === "") return null;
-  const t = new Date(e);
-  return Number.isNaN(t.getTime()) ? null : t;
-}
-function L(e, t, a) {
-  const n = new Intl.DateTimeFormat(a, {
-    month: "short",
-    day: "numeric"
-  });
-  return `${n.format(e)} – ${n.format(t)}`;
-}
-function R(e, t, a = T) {
-  if (e == null || t == null) return "Choose a start and an end.";
-  if (e.getTime() >= t.getTime()) return "Start must be before end.";
-  if (t.getTime() - e.getTime() > a) {
-    const n = a / 864e5;
-    return `Range can't be longer than ${Number.isInteger(n) && n > 0 ? n === 1 ? "1 day" : `${n} days` : "the configured maximum"}.`;
-  }
-  return null;
-}
-function V({ start: e, end: t, onApply: a, maxSpanMs: n = T, className: v, ...D }) {
-  const c = e?.getTime() ?? "", f = t?.getTime() ?? "", [S, x] = g(`${c}:${f}`), [d, p] = g(() => e ? s(e) : ""), [$, b] = g(() => t ? s(t) : "");
-  S !== `${c}:${f}` && (x(`${c}:${f}`), p(e ? s(e) : ""), b(t ? s(t) : ""));
-  const l = y(d), r = y($), o = R(l, r, n);
-  return /* @__PURE__ */ E("form", {
-    "aria-label": "Custom date range",
-    className: N("flex min-w-64 flex-col gap-3", v),
-    onSubmit: (i) => {
-      i.preventDefault(), !(o != null || l == null || r == null) && a?.({
-        start: l,
-        end: r
-      });
-    },
-    ...D,
-    children: [
-      /* @__PURE__ */ u(h, {
-        type: "datetime-local",
-        label: "Start",
-        size: "md",
-        value: d,
-        onChange: (i) => p(i.target.value),
-        invalid: o != null && l != null && r != null,
-        autoComplete: "off"
-      }),
-      /* @__PURE__ */ u(h, {
-        type: "datetime-local",
-        label: "End",
-        size: "md",
-        value: $,
-        onChange: (i) => b(i.target.value),
-        invalid: o != null && l != null && r != null,
-        hint: o ?? void 0,
-        autoComplete: "off"
-      }),
-      /* @__PURE__ */ u("div", {
-        className: "flex justify-end",
-        children: /* @__PURE__ */ u(C, {
-          type: "submit",
-          size: "sm",
-          disabled: o != null,
-          children: "Apply"
-        })
-      })
-    ]
-  });
-}
-V.displayName = "DateRangePicker";
-export {
-  y as a,
-  L as i,
-  T as n,
-  s as o,
-  R as r,
-  V as t
-};
-
-//# sourceMappingURL=date-range-picker-DwFDUNRL.js.map

package/dist/chunks/date-range-picker-DwFDUNRL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-DwFDUNRL.js","names":[],"sources":["../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import { useState, type ComponentProps } from \"react\";\nimport { Button } from \"../button\";\nimport { Input } from \"../input\";\nimport { cn } from \"../../utils/cn\";\n\n/** Longest window the activity APIs serve — the 7-day preset. */\nexport const MAX_DATE_RANGE_MS = 7 * 24 * 60 * 60 * 1000;\n\nconst pad = (value: number) => String(value).padStart(2, \"0\");\n\n/** `YYYY-MM-DDTHH:mm` in the viewer's local zone, for `datetime-local`. */\nexport function toDateTimeLocalValue(date: Date): string {\n  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;\n}\n\n/** The local instant a `datetime-local` value names, or `null` if empty. */\nexport function fromDateTimeLocalValue(value: string): Date | null {\n  if (value.trim() === \"\") return null;\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\n/**\n * The trigger words for an applied custom range — `Sep 1 – Sep 8`.\n * Short month and day, spaced en dash, no times.\n */\nexport function formatDateRangeLabel(\n  start: Date,\n  end: Date,\n  locales?: Intl.LocalesArgument,\n): string {\n  const format = new Intl.DateTimeFormat(locales, {\n    month: \"short\",\n    day: \"numeric\",\n  });\n  return `${format.format(start)} – ${format.format(end)}`;\n}\n\nexport function dateRangeError(\n  start: Date | null,\n  end: Date | null,\n  maxSpanMs = MAX_DATE_RANGE_MS,\n): string | null {\n  if (start == null || end == null) return \"Choose a start and an end.\";\n  if (start.getTime() >= end.getTime()) return \"Start must be before end.\";\n  if (end.getTime() - start.getTime() > maxSpanMs) {\n    const days = maxSpanMs / (24 * 60 * 60 * 1000);\n    const limit =\n      Number.isInteger(days) && days > 0\n        ? days === 1\n          ? \"1 day\"\n          : `${days} days`\n        : \"the configured maximum\";\n    return `Range can't be longer than ${limit}.`;\n  }\n  return null;\n}\n\nexport interface DateRangePickerProps extends Omit<\n  ComponentProps<\"form\">,\n  \"onSubmit\" | \"children\"\n> {\n  start?: Date;\n  end?: Date;\n  onApply?: (range: { start: Date; end: Date }) => void;\n  maxSpanMs?: number;\n}\n\n/**\n * Two native `datetime-local` fields and Apply — the custom range\n * panel a time Select opens. No third-party calendar. The page owns\n * the popover around it.\n */\nexport function DateRangePicker({\n  start,\n  end,\n  onApply,\n  maxSpanMs = MAX_DATE_RANGE_MS,\n  className,\n  ...props\n}: DateRangePickerProps) {\n  const startKey = start?.getTime() ?? \"\";\n  const endKey = end?.getTime() ?? \"\";\n  const [seen, setSeen] = useState(`${startKey}:${endKey}`);\n  const [startValue, setStartValue] = useState(() =>\n    start ? toDateTimeLocalValue(start) : \"\",\n  );\n  const [endValue, setEndValue] = useState(() =>\n    end ? toDateTimeLocalValue(end) : \"\",\n  );\n  if (seen !== `${startKey}:${endKey}`) {\n    setSeen(`${startKey}:${endKey}`);\n    setStartValue(start ? toDateTimeLocalValue(start) : \"\");\n    setEndValue(end ? toDateTimeLocalValue(end) : \"\");\n  }\n\n  const nextStart = fromDateTimeLocalValue(startValue);\n  const nextEnd = fromDateTimeLocalValue(endValue);\n  const error = dateRangeError(nextStart, nextEnd, maxSpanMs);\n\n  return (\n    <form\n      aria-label=\"Custom date range\"\n      className={cn(\"flex min-w-64 flex-col gap-3\", className)}\n      onSubmit={(event) => {\n        event.preventDefault();\n        if (error != null || nextStart == null || nextEnd == null) return;\n        onApply?.({ start: nextStart, end: nextEnd });\n      }}\n      {...props}\n    >\n      <Input\n        type=\"datetime-local\"\n        label=\"Start\"\n        size=\"md\"\n        value={startValue}\n        onChange={(event) => setStartValue(event.target.value)}\n        invalid={error != null && nextStart != null && nextEnd != null}\n        autoComplete=\"off\"\n      />\n      <Input\n        type=\"datetime-local\"\n        label=\"End\"\n        size=\"md\"\n        value={endValue}\n        onChange={(event) => setEndValue(event.target.value)}\n        invalid={error != null && nextStart != null && nextEnd != null}\n        hint={error ?? undefined}\n        autoComplete=\"off\"\n      />\n      <div className=\"flex justify-end\">\n        <Button type=\"submit\" size=\"sm\" disabled={error != null}>\n          Apply\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"mappings":"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"}

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

@@ -1,10 +0,0 @@
-"use client";
-import { a as e, i as t, n as o, o as r, r as s, t as i } from "../chunks/date-range-picker-DwFDUNRL.js";
-export {
-  i as DateRangePicker,
-  o as MAX_DATE_RANGE_MS,
-  s as dateRangeError,
-  t as formatDateRangeLabel,
-  e as fromDateTimeLocalValue,
-  r as toDateTimeLocalValue
-};

package/dist/src/components/date-range-picker/date-range-picker.d.ts

@@ -1,31 +0,0 @@
-import { ComponentProps } from 'react';
-/** Longest window the activity APIs serve — the 7-day preset. */
-export declare const MAX_DATE_RANGE_MS: number;
-/** `YYYY-MM-DDTHH:mm` in the viewer's local zone, for `datetime-local`. */
-export declare function toDateTimeLocalValue(date: Date): string;
-/** The local instant a `datetime-local` value names, or `null` if empty. */
-export declare function fromDateTimeLocalValue(value: string): Date | null;
-/**
- * The trigger words for an applied custom range — `Sep 1 – Sep 8`.
- * Short month and day, spaced en dash, no times.
- */
-export declare function formatDateRangeLabel(start: Date, end: Date, locales?: Intl.LocalesArgument): string;
-export declare function dateRangeError(start: Date | null, end: Date | null, maxSpanMs?: number): string | null;
-export interface DateRangePickerProps extends Omit<ComponentProps<"form">, "onSubmit" | "children"> {
-    start?: Date;
-    end?: Date;
-    onApply?: (range: {
-        start: Date;
-        end: Date;
-    }) => void;
-    maxSpanMs?: number;
-}
-/**
- * Two native `datetime-local` fields and Apply — the custom range
- * panel a time Select opens. No third-party calendar. The page owns
- * the popover around it.
- */
-export declare function DateRangePicker({ start, end, onApply, maxSpanMs, className, ...props }: DateRangePickerProps): import("react").JSX.Element;
-export declare namespace DateRangePicker {
-    var displayName: string;
-}

package/dist/src/components/date-range-picker/index.d.ts

@@ -1 +0,0 @@
-export { DateRangePicker, MAX_DATE_RANGE_MS, dateRangeError, formatDateRangeLabel, fromDateTimeLocalValue, toDateTimeLocalValue, type DateRangePickerProps, } from './date-range-picker';