@photon-ai/pho-ui 2.17.0 → 3.0.0

package/dist/chunks/calendar-4OFiCLAv.js

@@ -0,0 +1,292 @@
+"use client";
+import { t as l } from "./cn-ChIgwEl3.js";
+import { t as J } from "./createReactComponent-BqCmnqfX.js";
+import { t as M } from "./IconChevronDown-CZilB71T.js";
+import { t as Z } from "./IconChevronLeft-CSWMKQ4C.js";
+import { t as $ } from "./IconChevronRight-CzoJnYNI.js";
+import { t as q } from "./IconChevronUp-CrpWSgIl.js";
+import { createContext as I, useContext as v, useEffect as R, useMemo as k, useRef as E, useState as Y } from "react";
+import { Fragment as K, jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { DayPicker as Q, useDayPicker as x } from "react-day-picker";
+var X = [["path", {
+  d: "M12 7a5 5 0 1 1 -4.995 5.217l-.005 -.217l.005 -.217a5 5 0 0 1 4.995 -4.783z",
+  key: "svg-0"
+}]], ee = J("filled", "point-filled", "PointFilled", X), te = "size-9", B = "w-63", N = 10, D = l("text-pho-secondary flex size-7 cursor-pointer items-center justify-center rounded-sm", "transition-[color,background-color] duration-150 ease-out", "hover:bg-pho-ghost-hover hover:text-pho-secondary-hover", "outline-pho-brand focus-visible:outline-2 focus-visible:outline-offset-1", "aria-disabled:pointer-events-none aria-disabled:opacity-30"), F = {
+  root: "text-pho-primary inline-block text-base",
+  months: "relative flex flex-col gap-6 sm:flex-row",
+  month: "flex flex-col gap-2",
+  nav: "absolute top-0 right-0 flex items-center gap-0.5",
+  button_previous: D,
+  button_next: D,
+  chevron: "size-4",
+  month_caption: "flex h-7 items-center",
+  caption_label: "text-pho-primary inline-flex items-center gap-0.5 font-medium",
+  dropdowns: "flex items-center gap-1",
+  dropdown_root: "relative -mx-1 inline-flex items-center rounded-sm px-1 hover:bg-pho-ghost-hover has-[select:focus-visible]:outline-pho-brand has-[select:focus-visible]:outline-2",
+  dropdown: "absolute inset-0 cursor-pointer opacity-0",
+  months_dropdown: "",
+  years_dropdown: "",
+  month_grid: "border-separate border-spacing-0",
+  weekdays: "",
+  weekday: "text-pho-description w-9 pb-1 text-xs font-normal",
+  weeks: "",
+  week: "",
+  week_number: "text-pho-placeholder w-9 text-xs font-normal",
+  week_number_header: "text-pho-description w-9 pb-1 text-xs font-normal",
+  footer: "text-pho-description pt-3 text-base",
+  day: "p-0 text-center align-middle",
+  day_button: "",
+  selected: "",
+  range_start: "",
+  range_middle: "",
+  range_end: "",
+  today: "",
+  outside: "",
+  focused: "",
+  disabled: "",
+  hidden: "invisible"
+};
+function oe(t) {
+  const e = !!(t.selected && !t.range_middle);
+  return l("relative flex cursor-pointer items-center justify-center rounded-sm tabular-nums select-none", te, "text-pho-secondary", "transition-[color,background-color,box-shadow] duration-150 ease-out", "hover:bg-pho-ghost-hover hover:text-pho-primary", "outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1", t.outside && "text-pho-placeholder", t.today && !t.selected && "ring-pho-primary ring-1 ring-inset font-medium text-pho-primary", t.range_middle && "text-pho-primary", e && "bg-pho-brand-solid text-pho-on-brand hover:bg-pho-brand-solid-hover hover:text-pho-on-brand font-medium ring-0", "disabled:pointer-events-none disabled:text-pho-disabled", "aria-disabled:pointer-events-none aria-disabled:text-pho-disabled");
+}
+function ne({ day: t, modifiers: e, className: n, ...a }) {
+  const o = e.range_start || e.range_middle || e.range_end;
+  return /* @__PURE__ */ r("td", {
+    ...a,
+    "data-range-start": e.range_start || void 0,
+    "data-range-middle": e.range_middle || void 0,
+    "data-range-end": e.range_end || void 0,
+    className: l(n, o && "bg-pho-secondary", e.range_start && "rounded-l-sm", e.range_end && "rounded-r-sm")
+  });
+}
+function re({ day: t, modifiers: e, className: n, ...a }) {
+  const o = E(null);
+  return R(() => {
+    e.focused && o.current?.focus();
+  }, [e.focused]), /* @__PURE__ */ r("button", {
+    ref: o,
+    ...a,
+    className: l(oe(e), n)
+  });
+}
+function ae({ orientation: t = "left", className: e }) {
+  return /* @__PURE__ */ r(t === "up" ? q : t === "down" ? M : t === "right" ? $ : Z, {
+    className: e,
+    "aria-hidden": !0
+  });
+}
+var y = (t) => new Date(t.getFullYear(), t.getMonth(), 1), g = I({
+  view: "days",
+  index: 0,
+  show: () => {
+  },
+  todayLabel: "Today"
+}), C = I({
+  date: /* @__PURE__ */ new Date(0),
+  index: 0
+}), S = l("flex cursor-pointer items-center justify-center rounded-sm text-base tabular-nums select-none", "text-pho-secondary transition-[color,background-color] duration-150 ease-out", "hover:bg-pho-ghost-hover hover:text-pho-primary", "outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1", "disabled:pointer-events-none disabled:text-pho-disabled"), U = l("bg-pho-brand-solid text-pho-on-brand hover:bg-pho-brand-solid-hover", "hover:text-pho-on-brand font-medium");
+function L() {
+  const { dayPickerProps: t } = x(), e = t.locale?.code;
+  return k(() => ({
+    month: new Intl.DateTimeFormat(e, { month: "short" }),
+    monthLong: new Intl.DateTimeFormat(e, { month: "long" })
+  }), [e]);
+}
+function V() {
+  const { dayPickerProps: t } = x(), e = t.today ?? /* @__PURE__ */ new Date();
+  return {
+    first: t.startMonth?.getFullYear() ?? e.getFullYear() - N,
+    last: t.endMonth?.getFullYear() ?? e.getFullYear() + N
+  };
+}
+function se({ calendarMonth: t, displayIndex: e, className: n, ...a }) {
+  const o = v(g), h = L(), s = o.index === e ? o.view : "days";
+  return /* @__PURE__ */ _("div", {
+    className: l(n, "-ml-1.5 gap-0.5"),
+    ...a,
+    children: [/* @__PURE__ */ _("button", {
+      type: "button",
+      "aria-expanded": s === "months",
+      onClick: () => o.show(s === "months" ? "days" : "months", e),
+      className: O,
+      children: [h.monthLong.format(t.date), /* @__PURE__ */ r(M, {
+        "aria-hidden": !0,
+        className: l(A, s === "months" && "rotate-180")
+      })]
+    }), /* @__PURE__ */ _("button", {
+      type: "button",
+      "aria-expanded": s === "years",
+      onClick: () => o.show(s === "years" ? "days" : "years", e),
+      className: O,
+      children: [t.date.getFullYear(), /* @__PURE__ */ r(M, {
+        "aria-hidden": !0,
+        className: l(A, s === "years" && "rotate-180")
+      })]
+    })]
+  });
+}
+function ie() {
+  const t = v(g), { date: e, index: n } = v(C), { goToMonth: a, dayPickerProps: o } = x(), h = L(), { first: s, last: p } = V(), i = e.getFullYear(), b = o.today ?? /* @__PURE__ */ new Date(), m = o.numberOfMonths ?? 1, u = (c) => {
+    const d = new Date(i, c - n, 1), f = new Date(i, c - n + m - 1, 1);
+    return !(i < s || i > p || o.startMonth && d < y(o.startMonth) || o.endMonth && f > y(o.endMonth));
+  };
+  return /* @__PURE__ */ r("div", {
+    role: "group",
+    "aria-label": String(i),
+    className: l(B, "grid h-[202px] grid-cols-3 content-start gap-1"),
+    children: Array.from({ length: 12 }, (c, d) => {
+      const f = new Date(i, d, 1), w = !u(d);
+      return /* @__PURE__ */ r("button", {
+        type: "button",
+        disabled: w,
+        onClick: () => {
+          a(new Date(i, d - n, 1)), t.show("days", t.index);
+        },
+        className: l(S, "h-11", d === e.getMonth() && U, d !== e.getMonth() && i === b.getFullYear() && d === b.getMonth() && "ring-pho-primary text-pho-primary font-medium ring-1 ring-inset"),
+        children: h.month.format(f)
+      }, d);
+    })
+  });
+}
+function de() {
+  const t = v(g), { date: e, index: n } = v(C), { goToMonth: a, dayPickerProps: o } = x(), { first: h, last: s } = V(), p = E(null), i = o.today ?? /* @__PURE__ */ new Date();
+  return R(() => {
+    p.current?.scrollIntoView({ block: "center" });
+  }, []), /* @__PURE__ */ r("div", {
+    role: "group",
+    "aria-label": "Year",
+    className: l(B, "grid h-[202px] grid-cols-4 content-start gap-1 overflow-y-auto"),
+    children: Array.from({ length: s - h + 1 }, (b, m) => {
+      const u = h + m, c = u === e.getFullYear();
+      return /* @__PURE__ */ r("button", {
+        type: "button",
+        ref: c ? p : void 0,
+        onClick: () => {
+          a(new Date(u, e.getMonth() - n, 1)), t.show("months", t.index);
+        },
+        className: l(S, "h-9", c && U, !c && u === i.getFullYear() && "ring-pho-primary text-pho-primary font-medium ring-1 ring-inset"),
+        children: u
+      }, u);
+    })
+  });
+}
+function le({ calendarMonth: t, displayIndex: e, ...n }) {
+  const a = k(() => ({
+    date: t.date,
+    index: e
+  }), [t.date, e]);
+  return /* @__PURE__ */ r(C.Provider, {
+    value: a,
+    children: /* @__PURE__ */ r("div", { ...n })
+  });
+}
+function ce(t) {
+  const e = v(g), { index: n } = v(C), a = e.index === n ? e.view : "days";
+  return a === "months" ? /* @__PURE__ */ r(ie, {}) : a === "years" ? /* @__PURE__ */ r(de, {}) : /* @__PURE__ */ r("table", { ...t });
+}
+function ue({ onPreviousClick: t, onNextClick: e, previousMonth: n, nextMonth: a, ...o }) {
+  const h = v(g), { classNames: s, components: p, goToMonth: i, labels: b, dayPickerProps: m } = x();
+  if (h.view !== "days") return /* @__PURE__ */ r(K, {});
+  const u = y(m.today ?? /* @__PURE__ */ new Date()), c = m.startMonth != null && u < y(m.startMonth) || m.endMonth != null && u > y(m.endMonth);
+  return /* @__PURE__ */ _("nav", {
+    ...o,
+    children: [
+      /* @__PURE__ */ r(p.PreviousMonthButton, {
+        type: "button",
+        className: s.button_previous,
+        tabIndex: n ? void 0 : -1,
+        "aria-disabled": n ? void 0 : !0,
+        "aria-label": b.labelPrevious(n),
+        onClick: (d) => {
+          n && t?.(d);
+        },
+        children: /* @__PURE__ */ r(p.Chevron, {
+          disabled: n ? void 0 : !0,
+          className: s.chevron,
+          orientation: "left"
+        })
+      }),
+      /* @__PURE__ */ r("button", {
+        type: "button",
+        className: D,
+        tabIndex: c ? -1 : void 0,
+        "aria-disabled": c ? !0 : void 0,
+        "aria-label": h.todayLabel,
+        title: h.todayLabel,
+        onClick: () => {
+          c || i(u);
+        },
+        children: /* @__PURE__ */ r(ee, {
+          className: s.chevron,
+          "aria-hidden": !0
+        })
+      }),
+      /* @__PURE__ */ r(p.NextMonthButton, {
+        type: "button",
+        className: s.button_next,
+        tabIndex: a ? void 0 : -1,
+        "aria-disabled": a ? void 0 : !0,
+        "aria-label": b.labelNext(a),
+        onClick: (d) => {
+          a && e?.(d);
+        },
+        children: /* @__PURE__ */ r(p.Chevron, {
+          disabled: a ? void 0 : !0,
+          className: s.chevron,
+          orientation: "right"
+        })
+      })
+    ]
+  });
+}
+var O = l("text-pho-primary flex cursor-pointer items-center gap-0.5 rounded-sm px-1.5 py-0.5 font-medium", "transition-[color,background-color] duration-150 ease-out hover:bg-pho-ghost-hover", "outline-pho-brand focus-visible:outline-2 focus-visible:outline-offset-1"), A = "text-pho-secondary size-3.5 transition-transform duration-150 ease-out", he = {
+  Day: ne,
+  DayButton: re,
+  Chevron: ae,
+  Nav: ue
+}, pe = {
+  Month: le,
+  MonthCaption: se,
+  MonthGrid: ce
+};
+function me({ className: t, classNames: e, components: n, showOutsideDays: a = !0, captionLayout: o, startMonth: h, endMonth: s, todayLabel: p = "Today", ...i }) {
+  const b = o === void 0, [m, u] = Y("days"), [c, d] = Y(0), f = k(() => ({
+    view: m,
+    index: c,
+    show: (G, H) => {
+      u(G), d(H);
+    },
+    todayLabel: p
+  }), [
+    m,
+    c,
+    p
+  ]), w = b || o !== "label", P = (i.today ?? /* @__PURE__ */ new Date()).getFullYear(), T = (i.month ?? i.defaultMonth ?? i.today ?? /* @__PURE__ */ new Date()).getFullYear(), j = h ?? (w ? new Date(Math.min(P, T) - N, 0, 1) : void 0), z = s ?? (w ? new Date(Math.max(P, T) + N, 11, 1) : void 0), W = /* @__PURE__ */ r(Q, {
+    showOutsideDays: a,
+    captionLayout: b ? "label" : o,
+    startMonth: j,
+    endMonth: z,
+    classNames: {
+      ...F,
+      ...e,
+      root: l(F.root, e?.root, t)
+    },
+    components: {
+      ...he,
+      ...b ? pe : null,
+      ...n
+    },
+    ...i
+  });
+  return /* @__PURE__ */ r(g.Provider, {
+    value: f,
+    children: W
+  });
+}
+me.displayName = "Calendar";
+export {
+  me as t
+};
+
+//# sourceMappingURL=calendar-4OFiCLAv.js.map

package/dist/chunks/calendar-4OFiCLAv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-4OFiCLAv.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconPointFilled.mjs","../../src/components/calendar/calendar.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 7a5 5 0 1 1 -4.995 5.217l-.005 -.217l.005 -.217a5 5 0 0 1 4.995 -4.783z\", \"key\": \"svg-0\" }]];\nconst IconPointFilled = createReactComponent(\"filled\", \"point-filled\", \"PointFilled\", __iconNode);\n\nexport { __iconNode, IconPointFilled as default };\n//# sourceMappingURL=IconPointFilled.mjs.map\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type TdHTMLAttributes,\n} from \"react\";\nimport {\n  DayPicker,\n  useDayPicker,\n  type ChevronProps,\n  type ClassNames,\n  type CustomComponents,\n  type DayButtonProps,\n  type DayPickerProps,\n  type DayProps,\n  type Modifiers,\n  type MonthCaptionProps,\n  type MonthGridProps,\n  type MonthProps,\n  type NavProps,\n} from \"react-day-picker\";\nimport {\n  IconChevronDown,\n  IconChevronLeft,\n  IconChevronRight,\n  IconChevronUp,\n  IconPointFilled,\n} from \"@tabler/icons-react\";\nimport { cn } from \"../../utils/cn\";\n\n/**\n * One square per day — the unit the whole grid is measured in. The header\n * cells share the width so the weekday initials sit over their column.\n */\nconst DAY_SIZE = \"size-9\";\n\n/**\n * Seven of those columns — the width the month grid comes to, and the width\n * the jump lists hold to, so the panel never changes shape under a tap.\n */\nconst GRID_WIDTH = \"w-63\";\n\n/**\n * How far the year dropdown reaches when the page has not bounded the\n * calendar: ten years back and ten on, which covers the dates a dashboard\n * asks for and still fits one glance. Set `startMonth` / `endMonth` for a\n * birthday, an archive, anything further out.\n */\nconst DROPDOWN_YEAR_REACH = 10;\n\n/** Ghost icon button — the month arrows, sized to the caption row. */\nconst NAV_BUTTON = cn(\n  \"text-pho-secondary flex size-7 cursor-pointer items-center justify-center rounded-sm\",\n  \"transition-[color,background-color] duration-150 ease-out\",\n  \"hover:bg-pho-ghost-hover hover:text-pho-secondary-hover\",\n  \"outline-pho-brand focus-visible:outline-2 focus-visible:outline-offset-1\",\n  // Past the first or last navigable month the arrow stays put and dims.\n  \"aria-disabled:pointer-events-none aria-disabled:opacity-30\",\n);\n\n/**\n * The structural classes. Every element DayPicker renders is named here — the\n * ones Pho dresses from the modifiers instead are named empty — so the\n * library's own stylesheet is never imported and no `rdp-*` class reaches the\n * DOM. A consumer's `classNames` merges over this map, element by element.\n */\nconst CALENDAR_CLASS_NAMES: Partial<ClassNames> = {\n  root: \"text-pho-primary inline-block text-base\",\n  // `relative` anchors the nav; months sit side by side once there is room.\n  months: \"relative flex flex-col gap-6 sm:flex-row\",\n  month: \"flex flex-col gap-2\",\n  nav: \"absolute top-0 right-0 flex items-center gap-0.5\",\n  button_previous: NAV_BUTTON,\n  button_next: NAV_BUTTON,\n  chevron: \"size-4\",\n  // Matches the nav buttons' height so caption and arrows share a baseline.\n  month_caption: \"flex h-7 items-center\",\n  caption_label:\n    \"text-pho-primary inline-flex items-center gap-0.5 font-medium\",\n  dropdowns: \"flex items-center gap-1\",\n  // The native select is a transparent overlay; the label under it is what shows.\n  dropdown_root:\n    \"relative -mx-1 inline-flex items-center rounded-sm px-1 hover:bg-pho-ghost-hover has-[select:focus-visible]:outline-pho-brand has-[select:focus-visible]:outline-2\",\n  dropdown: \"absolute inset-0 cursor-pointer opacity-0\",\n  months_dropdown: \"\",\n  years_dropdown: \"\",\n  // Separate borders so a range band's rounded ends actually round.\n  month_grid: \"border-separate border-spacing-0\",\n  weekdays: \"\",\n  weekday: \"text-pho-description w-9 pb-1 text-xs font-normal\",\n  weeks: \"\",\n  week: \"\",\n  week_number: \"text-pho-placeholder w-9 text-xs font-normal\",\n  week_number_header: \"text-pho-description w-9 pb-1 text-xs font-normal\",\n  footer: \"text-pho-description pt-3 text-base\",\n  day: \"p-0 text-center align-middle\",\n  // Day state is read off the modifiers in the two components below — as data\n  // attributes on the cell and as classes on the button — so the library's own\n  // state classes stay empty rather than doubling up.\n  day_button: \"\",\n  selected: \"\",\n  range_start: \"\",\n  range_middle: \"\",\n  range_end: \"\",\n  today: \"\",\n  outside: \"\",\n  focused: \"\",\n  disabled: \"\",\n  hidden: \"invisible\",\n};\n\n/** The day's own classes, resolved from the modifiers DayPicker hands down. */\nfunction dayButtonClassName(modifiers: Modifiers): string {\n  const selectedEnd = Boolean(modifiers.selected && !modifiers.range_middle);\n\n  return cn(\n    \"relative flex cursor-pointer items-center justify-center rounded-sm tabular-nums select-none\",\n    DAY_SIZE,\n    \"text-pho-secondary\",\n    \"transition-[color,background-color,box-shadow] duration-150 ease-out\",\n    \"hover:bg-pho-ghost-hover hover:text-pho-primary\",\n    \"outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1\",\n    // A day from the neighbouring month is context, not a choice — it recedes\n    // to the placeholder step but stays clickable.\n    modifiers.outside && \"text-pho-placeholder\",\n    // Today is marked with the field hairline, not a fill: the fill means\n    // selected, and the two must never be confused.\n    modifiers.today &&\n      !modifiers.selected &&\n      \"ring-pho-primary ring-1 ring-inset font-medium text-pho-primary\",\n    // Inside a range the band behind carries the selection; the number just\n    // reads as normal ink.\n    modifiers.range_middle && \"text-pho-primary\",\n    // The chosen day (and both ends of a range) takes the action fill.\n    selectedEnd &&\n      \"bg-pho-brand-solid text-pho-on-brand hover:bg-pho-brand-solid-hover hover:text-pho-on-brand font-medium ring-0\",\n    \"disabled:pointer-events-none disabled:text-pho-disabled\",\n    \"aria-disabled:pointer-events-none aria-disabled:text-pho-disabled\",\n  );\n}\n\n/**\n * The grid cell. Carries the range band: a continuous wash behind the days\n * between both ends, rounded where the range starts and stops. The ends' own\n * buttons paint over their half of it, so the band reads as one shape.\n */\nfunction CalendarDay({\n  // `day` is DayPicker's own object — kept out of the spread so it never\n  // reaches the DOM as an attribute.\n  day: _day,\n  modifiers,\n  className,\n  ...props\n}: DayProps) {\n  const inRange =\n    modifiers.range_start || modifiers.range_middle || modifiers.range_end;\n\n  return (\n    <td\n      {...(props as TdHTMLAttributes<HTMLTableCellElement>)}\n      data-range-start={modifiers.range_start || undefined}\n      data-range-middle={modifiers.range_middle || undefined}\n      data-range-end={modifiers.range_end || undefined}\n      className={cn(\n        className,\n        inRange && \"bg-pho-secondary\",\n        modifiers.range_start && \"rounded-l-sm\",\n        modifiers.range_end && \"rounded-r-sm\",\n      )}\n    />\n  );\n}\n\n/**\n * The day button. Mirrors the library's own focus handover — roving tabindex\n * moves the `focused` modifier, and the newly focused day claims the caret —\n * then dresses itself from the modifiers.\n */\nfunction CalendarDayButton({\n  day: _day,\n  modifiers,\n  className,\n  ...props\n}: DayButtonProps) {\n  const ref = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <button\n      ref={ref}\n      {...props}\n      className={cn(dayButtonClassName(modifiers), className)}\n    />\n  );\n}\n\n/** The system's stroke chevrons in place of the library's filled triangles. */\nfunction CalendarChevron({ orientation = \"left\", className }: ChevronProps) {\n  const Icon =\n    orientation === \"up\"\n      ? IconChevronUp\n      : orientation === \"down\"\n        ? IconChevronDown\n        : orientation === \"right\"\n          ? IconChevronRight\n          : IconChevronLeft;\n\n  return <Icon className={className} aria-hidden />;\n}\n\n/* ------------------------------------------------- the caption's two views */\n\nconst startOfMonth = (date: Date) =>\n  new Date(date.getFullYear(), date.getMonth(), 1);\n\n/** Which face the calendar is showing — the days, or a way to jump. */\ntype CalendarView = \"days\" | \"months\" | \"years\";\n\ninterface ViewState {\n  view: CalendarView;\n  /** Which displayed month opened it; only one view is up at a time. */\n  index: number;\n  show: (view: CalendarView, index: number) => void;\n  /** The word on the button back to today, for the label and the tooltip. */\n  todayLabel: string;\n}\n\n// Always provided, even where the caption only reads: the nav below needs the\n// today label whether or not the caption drills down.\nconst ViewContext = createContext<ViewState>({\n  view: \"days\",\n  index: 0,\n  show: () => {},\n  todayLabel: \"Today\",\n});\n\n/** The month a `Month` subtree belongs to — `MonthGrid` has no other way to know. */\nconst MonthContext = createContext<{ date: Date; index: number }>({\n  date: new Date(0),\n  index: 0,\n});\n\n/** A month or a year to jump to — the day button's manners at list size. */\nconst JUMP_BUTTON = cn(\n  \"flex cursor-pointer items-center justify-center rounded-sm text-base tabular-nums select-none\",\n  \"text-pho-secondary transition-[color,background-color] duration-150 ease-out\",\n  \"hover:bg-pho-ghost-hover hover:text-pho-primary\",\n  \"outline-pho-brand focus-visible:outline-2 focus-visible:-outline-offset-1\",\n  \"disabled:pointer-events-none disabled:text-pho-disabled\",\n);\n\nconst JUMP_BUTTON_ON = cn(\n  \"bg-pho-brand-solid text-pho-on-brand hover:bg-pho-brand-solid-hover\",\n  \"hover:text-pho-on-brand font-medium\",\n);\n\n/** The words for a month and a year, in the calendar's own locale. */\nfunction useMonthYearWords() {\n  const { dayPickerProps } = useDayPicker();\n  const code = dayPickerProps.locale?.code;\n  return useMemo(\n    () => ({\n      month: new Intl.DateTimeFormat(code, { month: \"short\" }),\n      monthLong: new Intl.DateTimeFormat(code, { month: \"long\" }),\n    }),\n    [code],\n  );\n}\n\n/** The first and last month the page allows, as plain years. */\nfunction useNavYears() {\n  const { dayPickerProps } = useDayPicker();\n  const now = dayPickerProps.today ?? new Date();\n  const first =\n    dayPickerProps.startMonth?.getFullYear() ??\n    now.getFullYear() - DROPDOWN_YEAR_REACH;\n  const last =\n    dayPickerProps.endMonth?.getFullYear() ??\n    now.getFullYear() + DROPDOWN_YEAR_REACH;\n  return { first, last };\n}\n\n/**\n * The caption. Its month and its year are each a button into their own view,\n * so a date two years out is two taps: the year, then the month.\n */\nfunction CalendarMonthCaption({\n  calendarMonth,\n  displayIndex,\n  className,\n  ...props\n}: MonthCaptionProps) {\n  const views = useContext(ViewContext);\n  const words = useMonthYearWords();\n  const open = views.index === displayIndex ? views.view : \"days\";\n\n  return (\n    // The buttons carry their own padding, so the row pulls back to keep the\n    // month's first letter over the grid's left edge.\n    <div className={cn(className, \"-ml-1.5 gap-0.5\")} {...props}>\n      <button\n        type=\"button\"\n        aria-expanded={open === \"months\"}\n        onClick={() =>\n          views.show(open === \"months\" ? \"days\" : \"months\", displayIndex)\n        }\n        className={CAPTION_BUTTON}\n      >\n        {words.monthLong.format(calendarMonth.date)}\n        <IconChevronDown\n          aria-hidden\n          className={cn(CAPTION_CHEVRON, open === \"months\" && \"rotate-180\")}\n        />\n      </button>\n      <button\n        type=\"button\"\n        aria-expanded={open === \"years\"}\n        onClick={() =>\n          views.show(open === \"years\" ? \"days\" : \"years\", displayIndex)\n        }\n        className={CAPTION_BUTTON}\n      >\n        {calendarMonth.date.getFullYear()}\n        <IconChevronDown\n          aria-hidden\n          className={cn(CAPTION_CHEVRON, open === \"years\" && \"rotate-180\")}\n        />\n      </button>\n    </div>\n  );\n}\n\n/** The twelve months of the year on screen. Picking one lands on the days. */\nfunction MonthsView() {\n  const views = useContext(ViewContext);\n  const { date, index } = useContext(MonthContext);\n  const { goToMonth, dayPickerProps } = useDayPicker();\n  const words = useMonthYearWords();\n  const { first, last } = useNavYears();\n  const year = date.getFullYear();\n  const today = dayPickerProps.today ?? new Date();\n  const span = dayPickerProps.numberOfMonths ?? 1;\n\n  /**\n   * The first month `goToMonth` would be given for a choice, and whether the\n   * whole strip still fits between the navigable ends. Without the second\n   * check DayPicker clamps the value and the pick lands under a different\n   * caption than the one that was clicked.\n   */\n  const reachable = (month: number) => {\n    const lead = new Date(year, month - index, 1);\n    const tail = new Date(year, month - index + span - 1, 1);\n    if (year < first || year > last) return false;\n    if (\n      dayPickerProps.startMonth &&\n      lead < startOfMonth(dayPickerProps.startMonth)\n    ) {\n      return false;\n    }\n    if (\n      dayPickerProps.endMonth &&\n      tail > startOfMonth(dayPickerProps.endMonth)\n    ) {\n      return false;\n    }\n    return true;\n  };\n\n  return (\n    <div\n      // A labelled set of buttons, not a form section — `fieldset` would say\n      // the wrong thing about what this is.\n      // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role\n      role=\"group\"\n      aria-label={String(year)}\n      className={cn(\n        GRID_WIDTH,\n        \"grid h-[202px] grid-cols-3 content-start gap-1\",\n      )}\n    >\n      {Array.from({ length: 12 }, (_, month) => {\n        const when = new Date(year, month, 1);\n        const outOfReach = !reachable(month);\n        return (\n          <button\n            key={month}\n            type=\"button\"\n            disabled={outOfReach}\n            onClick={() => {\n              // `goToMonth` names the FIRST month on screen, so a caption\n              // further along the strip steps back by its own offset and the\n              // pick lands under the caption that was clicked.\n              goToMonth(new Date(year, month - index, 1));\n              views.show(\"days\", views.index);\n            }}\n            className={cn(\n              JUMP_BUTTON,\n              \"h-11\",\n              month === date.getMonth() && JUMP_BUTTON_ON,\n              month !== date.getMonth() &&\n                year === today.getFullYear() &&\n                month === today.getMonth() &&\n                \"ring-pho-primary text-pho-primary font-medium ring-1 ring-inset\",\n            )}\n          >\n            {words.month.format(when)}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\n/** Every year the page allows. Picking one asks for the month next. */\nfunction YearsView() {\n  const views = useContext(ViewContext);\n  const { date, index } = useContext(MonthContext);\n  const { goToMonth, dayPickerProps } = useDayPicker();\n  const { first, last } = useNavYears();\n  const current = useRef<HTMLButtonElement>(null);\n  const today = dayPickerProps.today ?? new Date();\n\n  // Open on the year in play, however far down the list it sits.\n  useEffect(() => {\n    current.current?.scrollIntoView({ block: \"center\" });\n  }, []);\n\n  return (\n    <div\n      // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role\n      role=\"group\"\n      aria-label=\"Year\"\n      className={cn(\n        GRID_WIDTH,\n        \"grid h-[202px] grid-cols-4 content-start gap-1 overflow-y-auto\",\n      )}\n    >\n      {Array.from({ length: last - first + 1 }, (_, step) => {\n        const year = first + step;\n        const chosen = year === date.getFullYear();\n        return (\n          <button\n            key={year}\n            type=\"button\"\n            ref={chosen ? current : undefined}\n            onClick={() => {\n              goToMonth(new Date(year, date.getMonth() - index, 1));\n              // The year alone does not name a day: ask for the month next.\n              views.show(\"months\", views.index);\n            }}\n            className={cn(\n              JUMP_BUTTON,\n              \"h-9\",\n              chosen && JUMP_BUTTON_ON,\n              !chosen &&\n                year === today.getFullYear() &&\n                \"ring-pho-primary text-pho-primary font-medium ring-1 ring-inset\",\n            )}\n          >\n            {year}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\n/** Puts the month a subtree belongs to in reach of the grid below it. */\nfunction CalendarMonthWrapper({\n  calendarMonth,\n  displayIndex,\n  ...props\n}: MonthProps) {\n  const value = useMemo(\n    () => ({ date: calendarMonth.date, index: displayIndex }),\n    [calendarMonth.date, displayIndex],\n  );\n  return (\n    <MonthContext.Provider value={value}>\n      <div {...props} />\n    </MonthContext.Provider>\n  );\n}\n\n/** The days, or whichever jump list the caption asked for in their place. */\nfunction CalendarMonthGrid(props: MonthGridProps) {\n  const views = useContext(ViewContext);\n  const { index } = useContext(MonthContext);\n  const showing = views.index === index ? views.view : \"days\";\n\n  if (showing === \"months\") return <MonthsView />;\n  if (showing === \"years\") return <YearsView />;\n  return <table {...props} />;\n}\n\n/** The month arrows step the days; a jump list is its own navigation. */\n/**\n * Back a month, back to today, on a month. The middle button moves the view\n * to today's month and leaves the selection alone — it is a way back, not a\n * way to choose. It stays lit while sitting on today's month, where the click\n * is a harmless no-op, because a control that reads as broken on first sight\n * is worse than one that sometimes does nothing; it dims only where it truly\n * cannot go, out past `startMonth` / `endMonth`, as the arrows do.\n */\nfunction CalendarNav({\n  onPreviousClick,\n  onNextClick,\n  previousMonth,\n  nextMonth,\n  ...navProps\n}: NavProps) {\n  const views = useContext(ViewContext);\n  const { classNames, components, goToMonth, labels, dayPickerProps } =\n    useDayPicker();\n\n  // A jump list is its own navigation, so the arrows step aside. The nav is\n  // absolutely positioned, so nothing below it moves.\n  if (views.view !== \"days\") return <></>;\n\n  const today = startOfMonth(dayPickerProps.today ?? new Date());\n  const outOfReach =\n    (dayPickerProps.startMonth != null &&\n      today < startOfMonth(dayPickerProps.startMonth)) ||\n    (dayPickerProps.endMonth != null &&\n      today > startOfMonth(dayPickerProps.endMonth));\n\n  return (\n    <nav {...navProps}>\n      <components.PreviousMonthButton\n        type=\"button\"\n        className={classNames.button_previous}\n        tabIndex={previousMonth ? undefined : -1}\n        aria-disabled={previousMonth ? undefined : true}\n        aria-label={labels.labelPrevious(previousMonth)}\n        onClick={(event) => {\n          if (previousMonth) onPreviousClick?.(event);\n        }}\n      >\n        <components.Chevron\n          disabled={previousMonth ? undefined : true}\n          className={classNames.chevron}\n          orientation=\"left\"\n        />\n      </components.PreviousMonthButton>\n\n      <button\n        type=\"button\"\n        className={NAV_BUTTON}\n        tabIndex={outOfReach ? -1 : undefined}\n        aria-disabled={outOfReach ? true : undefined}\n        aria-label={views.todayLabel}\n        title={views.todayLabel}\n        onClick={() => {\n          if (!outOfReach) goToMonth(today);\n        }}\n      >\n        <IconPointFilled className={classNames.chevron} aria-hidden />\n      </button>\n\n      <components.NextMonthButton\n        type=\"button\"\n        className={classNames.button_next}\n        tabIndex={nextMonth ? undefined : -1}\n        aria-disabled={nextMonth ? undefined : true}\n        aria-label={labels.labelNext(nextMonth)}\n        onClick={(event) => {\n          if (nextMonth) onNextClick?.(event);\n        }}\n      >\n        <components.Chevron\n          disabled={nextMonth ? undefined : true}\n          className={classNames.chevron}\n          orientation=\"right\"\n        />\n      </components.NextMonthButton>\n    </nav>\n  );\n}\n\nconst CAPTION_BUTTON = cn(\n  \"text-pho-primary flex cursor-pointer items-center gap-0.5 rounded-sm px-1.5 py-0.5 font-medium\",\n  \"transition-[color,background-color] duration-150 ease-out hover:bg-pho-ghost-hover\",\n  \"outline-pho-brand focus-visible:outline-2 focus-visible:outline-offset-1\",\n);\n\nconst CAPTION_CHEVRON =\n  \"text-pho-secondary size-3.5 transition-transform duration-150 ease-out\";\n\nconst CALENDAR_COMPONENTS: Partial<CustomComponents> = {\n  Day: CalendarDay,\n  DayButton: CalendarDayButton,\n  Chevron: CalendarChevron,\n  Nav: CalendarNav,\n};\n\n/** The extra parts the drill-down caption needs on top of the base set. */\nconst JUMP_COMPONENTS: Partial<CustomComponents> = {\n  Month: CalendarMonthWrapper,\n  MonthCaption: CalendarMonthCaption,\n  MonthGrid: CalendarMonthGrid,\n};\n\nexport type CalendarProps = DayPickerProps & {\n  /**\n   * The word on the button back to today, used as its label and its tooltip.\n   * @default \"Today\"\n   */\n  todayLabel?: string;\n};\n\n/**\n * Calendar built on React DayPicker — a month of days to read or to choose\n * from. Pass `mode` to make it selectable (`single`, `multiple`, `range`);\n * without one it is a static month. Every DayPicker prop passes through, so\n * `numberOfMonths`, `disabled`, `startMonth` / `endMonth`, `captionLayout`,\n * and the locale props all work as documented upstream.\n *\n * Pho supplies the whole class map, so the library's stylesheet is neither\n * imported nor needed. `classNames` and `components` merge over Pho's,\n * element by element.\n *\n * The caption is clickable: month and year each open a jump list, so a date\n * two years out is two taps rather than twenty-four. Pass\n * `captionLayout=\"label\"` for a caption that only reads, and `startMonth` /\n * `endMonth` to say how far the year list should reach. Between the month\n * arrows sits a way back to today's month.\n *\n * Selection follows DayPicker's own contract: hand it `onSelect` and the\n * calendar is controlled, so `selected` has to come with it. Leave both off\n * and it keeps the selection itself.\n *\n * For a calendar behind a field — a trigger that shows the chosen date and\n * opens this in a popover — use `DatePicker`.\n */\nexport function Calendar({\n  className,\n  classNames,\n  components,\n  showOutsideDays = true,\n  captionLayout,\n  startMonth,\n  endMonth,\n  todayLabel = \"Today\",\n  ...props\n}: CalendarProps) {\n  // No layout named means Pho's own: a caption that drills down. Name one and\n  // DayPicker's handling of it stands, untouched.\n  const jumps = captionLayout === undefined;\n  const [view, setView] = useState<CalendarView>(\"days\");\n  const [index, setIndex] = useState(0);\n  const views = useMemo<ViewState>(\n    () => ({\n      view,\n      index,\n      show: (next, at) => {\n        setView(next);\n        setIndex(at);\n      },\n      todayLabel,\n    }),\n    [view, index, todayLabel],\n  );\n\n  // A jump list needs a first and last year to offer, even when none was set.\n  // The window has to hold the month the page asked for as well as today:\n  // DayPicker clamps a `month` / `defaultMonth` outside it, so a calendar\n  // opened on 1979 would silently render this decade instead.\n  const bounded = jumps || captionLayout !== \"label\";\n  const thisYear = (props.today ?? new Date()).getFullYear();\n  const askedYear = (\n    props.month ??\n    props.defaultMonth ??\n    props.today ??\n    new Date()\n  ).getFullYear();\n  const navStart =\n    startMonth ??\n    (bounded\n      ? new Date(Math.min(thisYear, askedYear) - DROPDOWN_YEAR_REACH, 0, 1)\n      : undefined);\n  const navEnd =\n    endMonth ??\n    (bounded\n      ? new Date(Math.max(thisYear, askedYear) + DROPDOWN_YEAR_REACH, 11, 1)\n      : undefined);\n\n  const picker = (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      // Pho's caption replaces the label wholesale, so DayPicker is told to\n      // build the plain one and hand it over.\n      captionLayout={jumps ? \"label\" : captionLayout}\n      startMonth={navStart}\n      endMonth={navEnd}\n      classNames={{\n        ...CALENDAR_CLASS_NAMES,\n        ...classNames,\n        // DayPicker concatenates `className` onto the root's classes; folding\n        // it in here runs it through `cn` instead, so a caller's `text-md`\n        // actually replaces the root's `text-base` rather than fighting it.\n        root: cn(CALENDAR_CLASS_NAMES.root, classNames?.root, className),\n      }}\n      components={{\n        ...CALENDAR_COMPONENTS,\n        ...(jumps ? JUMP_COMPONENTS : null),\n        ...components,\n      }}\n      {...props}\n    />\n  );\n\n  // Provided either way: the nav's way back to today needs its word even\n  // where the caption itself only reads.\n  return <ViewContext.Provider value={views}>{picker}</ViewContext.Provider>;\n}\n\nCalendar.displayName = \"Calendar\";\n"],"x_google_ignoreList":[0],"mappings":"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"}