@techzyapp/ui-library 1.0.0

package/dist/Button-D4bfVNNa.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),d=require("react"),z=require("clsx"),u=require("./Loader-D1MtlQOH.cjs"),W="_button_eb4w2_1",p="_sm_eb4w2_23",v="_md_eb4w2_29",y="_lg_eb4w2_35",B="_contained_eb4w2_42",E="_filled_eb4w2_52",L="_outlined_eb4w2_61",N="_text_eb4w2_72",R="_fullWidth_eb4w2_82",$="_rounded_eb4w2_86",A="_disabled_eb4w2_94",V="_loading_eb4w2_98",k="_label_eb4w2_103",t={button:W,sm:p,md:v,lg:y,contained:B,filled:E,outlined:L,text:N,fullWidth:R,rounded:$,disabled:A,loading:V,label:k},C=d.forwardRef(function({variant:i="contained",color:_="accent",size:n="md",loading:e=!1,fullWidth:f=!1,rounded:w=!1,disabled:a=!1,startIcon:c,endIcon:m,className:x,style:h,type:j="button",children:l,...g},q){const b=e&&!c,r=s=>d.isValidElement(s)?d.cloneElement(s,{size:s.props.size??n}):s;return o.jsxs("button",{ref:q,type:j,disabled:a||e,"aria-busy":e||void 0,className:z.clsx(t.button,t[i],t[n],f&&t.fullWidth,w&&t.rounded,e&&t.loading,a&&t.disabled,x),style:{"--tz-btn-rgb":`var(--tz-color-${_}-rgb)`,"--tz-btn-on":`var(--tz-color-${_}-contrast, #fff)`,...h},...g,children:[e&&!b?o.jsx(u.Loader,{size:n,"aria-hidden":"true"}):r(c),l!=null&&l!==!1&&o.jsx("span",{className:t.label,children:l}),b?o.jsx(u.Loader,{size:n,"aria-hidden":"true"}):!e&&r(m)]})});exports.Button=C;
+//# sourceMappingURL=Button-D4bfVNNa.cjs.map

package/dist/Button-D4bfVNNa.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-D4bfVNNa.cjs","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: ButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */\n  size?: ButtonSize\n  /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */\n  loading?: boolean\n  /** Stretches the button to fill its container. */\n  fullWidth?: boolean\n  /** Pill shape (fully rounded corners). */\n  rounded?: boolean\n  /** Icon before the label. Replaced by the loader while `loading`. */\n  startIcon?: ReactNode\n  /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */\n  endIcon?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    fullWidth = false,\n    rounded = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    style,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  // The loader replaces the start icon when there is one; otherwise it sits at the end (right) —\n  // including a plain button with no icons, so the spinner trails the label.\n  const loaderAtEnd = loading && !startIcon\n\n  // size an icon slot to match the button (an explicit icon `size` still wins)\n  const sizeIcon = (node: ReactNode): ReactNode =>\n    isValidElement(node)\n      ? cloneElement(node as ReactElement<{ size?: ButtonSize }>, {\n          size: (node.props as { size?: ButtonSize }).size ?? size,\n        })\n      : node\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={clsx(\n        styles.button,\n        styles[variant],\n        styles[size],\n        fullWidth && styles.fullWidth,\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {/* leading slot — the loader takes the start icon's place while loading */}\n      {loading && !loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : sizeIcon(startIcon)}\n      {children != null && children !== false && <span className={styles.label}>{children}</span>}\n      {/* trailing slot — the loader takes the end icon's place when there's no start icon */}\n      {loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : !loading && sizeIcon(endIcon)}\n    </button>\n  )\n})\n"],"names":["Button","forwardRef","variant","color","size","loading","fullWidth","rounded","disabled","startIcon","endIcon","className","style","type","children","props","ref","loaderAtEnd","sizeIcon","node","isValidElement","cloneElement","jsxs","clsx","styles","jsx","Loader"],"mappings":"8fAoCaA,EAASC,EAAAA,WAA2C,SAC/D,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAGA,MAAMC,EAAcZ,GAAW,CAACI,EAG1BS,EAAYC,GAChBC,EAAAA,eAAeD,CAAI,EACfE,EAAAA,aAAaF,EAA6C,CACxD,KAAOA,EAAK,MAAgC,MAAQf,CAAA,CACrD,EACDe,EAEN,OACEG,EAAAA,KAAC,SAAA,CACC,IAAAN,EACA,KAAAH,EACA,SAAUL,GAAYH,EACtB,YAAWA,GAAW,OACtB,UAAWkB,EAAAA,KACTC,EAAO,OACPA,EAAOtB,CAAO,EACdsB,EAAOpB,CAAI,EACXE,GAAakB,EAAO,UACpBjB,GAAWiB,EAAO,QAClBnB,GAAWmB,EAAO,QAClBhB,GAAYgB,EAAO,SACnBb,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBR,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGS,CAAA,EAGN,GAAGG,EAGH,SAAA,CAAAV,GAAW,CAACY,EAAcQ,EAAAA,IAACC,SAAA,CAAO,KAAAtB,EAAY,cAAY,MAAA,CAAO,EAAKc,EAAST,CAAS,EACxFK,GAAY,MAAQA,IAAa,UAAU,OAAA,CAAK,UAAWU,EAAO,MAAQ,SAAAV,CAAA,CAAS,EAEnFG,EAAcQ,EAAAA,IAACC,SAAA,CAAO,KAAAtB,EAAY,cAAY,OAAO,EAAK,CAACC,GAAWa,EAASR,CAAO,CAAA,CAAA,CAAA,CAG7F,CAAC"}

package/dist/Button-DhEv0YFk.js

@@ -0,0 +1,72 @@
+import { jsxs as z, jsx as s } from "react/jsx-runtime";
+import { forwardRef as W, isValidElement as v, cloneElement as y } from "react";
+import { clsx as B } from "clsx";
+import { L as i } from "./Loader-C4JoXOyA.js";
+const E = "_button_eb4w2_1", j = "_sm_eb4w2_23", L = "_md_eb4w2_29", N = "_lg_eb4w2_35", $ = "_contained_eb4w2_42", A = "_filled_eb4w2_52", R = "_outlined_eb4w2_61", V = "_text_eb4w2_72", k = "_fullWidth_eb4w2_82", q = "_rounded_eb4w2_86", C = "_disabled_eb4w2_94", D = "_loading_eb4w2_98", F = "_label_eb4w2_103", t = {
+  button: E,
+  sm: j,
+  md: L,
+  lg: N,
+  contained: $,
+  filled: A,
+  outlined: R,
+  text: V,
+  fullWidth: k,
+  rounded: q,
+  disabled: C,
+  loading: D,
+  label: F
+}, M = W(function({
+  variant: r = "contained",
+  color: d = "accent",
+  size: o = "md",
+  loading: e = !1,
+  fullWidth: u = !1,
+  rounded: f = !1,
+  disabled: _ = !1,
+  startIcon: a,
+  endIcon: m,
+  className: w,
+  style: p,
+  type: x = "button",
+  children: l,
+  ...h
+}, g) {
+  const b = e && !a, c = (n) => v(n) ? y(n, {
+    size: n.props.size ?? o
+  }) : n;
+  return /* @__PURE__ */ z(
+    "button",
+    {
+      ref: g,
+      type: x,
+      disabled: _ || e,
+      "aria-busy": e || void 0,
+      className: B(
+        t.button,
+        t[r],
+        t[o],
+        u && t.fullWidth,
+        f && t.rounded,
+        e && t.loading,
+        _ && t.disabled,
+        w
+      ),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${d}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${d}-contrast, #fff)`,
+        ...p
+      },
+      ...h,
+      children: [
+        e && !b ? /* @__PURE__ */ s(i, { size: o, "aria-hidden": "true" }) : c(a),
+        l != null && l !== !1 && /* @__PURE__ */ s("span", { className: t.label, children: l }),
+        b ? /* @__PURE__ */ s(i, { size: o, "aria-hidden": "true" }) : !e && c(m)
+      ]
+    }
+  );
+});
+export {
+  M as B
+};
+//# sourceMappingURL=Button-DhEv0YFk.js.map

package/dist/Button-DhEv0YFk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-DhEv0YFk.js","sources":["../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: ButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — drives height (`--tz-control-height-*`), padding and font size. */\n  size?: ButtonSize\n  /** Shows the loader and blocks interaction (also sets the native `disabled`). The loader replaces the `startIcon` when present, otherwise it trails the label at the end (right) — so a plain button shows the spinner on the right. The text stays visible. */\n  loading?: boolean\n  /** Stretches the button to fill its container. */\n  fullWidth?: boolean\n  /** Pill shape (fully rounded corners). */\n  rounded?: boolean\n  /** Icon before the label. Replaced by the loader while `loading`. */\n  startIcon?: ReactNode\n  /** Icon after the label. Replaced by the loader while `loading` when no `startIcon` is set. */\n  endIcon?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    fullWidth = false,\n    rounded = false,\n    disabled = false,\n    startIcon,\n    endIcon,\n    className,\n    style,\n    type = 'button',\n    children,\n    ...props\n  },\n  ref,\n) {\n  // The loader replaces the start icon when there is one; otherwise it sits at the end (right) —\n  // including a plain button with no icons, so the spinner trails the label.\n  const loaderAtEnd = loading && !startIcon\n\n  // size an icon slot to match the button (an explicit icon `size` still wins)\n  const sizeIcon = (node: ReactNode): ReactNode =>\n    isValidElement(node)\n      ? cloneElement(node as ReactElement<{ size?: ButtonSize }>, {\n          size: (node.props as { size?: ButtonSize }).size ?? size,\n        })\n      : node\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={clsx(\n        styles.button,\n        styles[variant],\n        styles[size],\n        fullWidth && styles.fullWidth,\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {/* leading slot — the loader takes the start icon's place while loading */}\n      {loading && !loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : sizeIcon(startIcon)}\n      {children != null && children !== false && <span className={styles.label}>{children}</span>}\n      {/* trailing slot — the loader takes the end icon's place when there's no start icon */}\n      {loaderAtEnd ? <Loader size={size} aria-hidden=\"true\" /> : !loading && sizeIcon(endIcon)}\n    </button>\n  )\n})\n"],"names":["Button","forwardRef","variant","color","size","loading","fullWidth","rounded","disabled","startIcon","endIcon","className","style","type","children","props","ref","loaderAtEnd","sizeIcon","node","isValidElement","cloneElement","jsxs","clsx","styles","jsx","Loader"],"mappings":";;;;;;;;;;;;;;;;;;GAoCaA,IAASC,EAA2C,SAC/D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAGA,QAAMC,IAAcZ,KAAW,CAACI,GAG1BS,IAAW,CAACC,MAChBC,EAAeD,CAAI,IACfE,EAAaF,GAA6C;AAAA,IACxD,MAAOA,EAAK,MAAgC,QAAQf;AAAA,EAAA,CACrD,IACDe;AAEN,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAH;AAAA,MACA,UAAUL,KAAYH;AAAA,MACtB,aAAWA,KAAW;AAAA,MACtB,WAAWkB;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOtB,CAAO;AAAA,QACdsB,EAAOpB,CAAI;AAAA,QACXE,KAAakB,EAAO;AAAA,QACpBjB,KAAWiB,EAAO;AAAA,QAClBnB,KAAWmB,EAAO;AAAA,QAClBhB,KAAYgB,EAAO;AAAA,QACnBb;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBR,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGS;AAAA,MAAA;AAAA,MAGN,GAAGG;AAAA,MAGH,UAAA;AAAA,QAAAV,KAAW,CAACY,IAAc,gBAAAQ,EAACC,GAAA,EAAO,MAAAtB,GAAY,eAAY,OAAA,CAAO,IAAKc,EAAST,CAAS;AAAA,QACxFK,KAAY,QAAQA,MAAa,wBAAU,QAAA,EAAK,WAAWU,EAAO,OAAQ,UAAAV,EAAA,CAAS;AAAA,QAEnFG,IAAc,gBAAAQ,EAACC,GAAA,EAAO,MAAAtB,GAAY,eAAY,QAAO,IAAK,CAACC,KAAWa,EAASR,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7F,CAAC;"}

package/dist/Calendar-Bh317SaV.js

@@ -0,0 +1,267 @@
+import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import { useState as G, useRef as B, useEffect as U } from "react";
+import { clsx as N } from "clsx";
+import { I as _ } from "./Icon-CophpkHo.js";
+import { I as $ } from "./IconButton-CBusrDa9.js";
+import { t as M, e as J, y as Q, s as r, i as v, d as X } from "./DatePicker.module-BZDftL4g.js";
+import { a as Z } from "./ConfigProvider-2c94kUOk.js";
+function K(n, t) {
+  if (n && n.isSame(t, "month")) return n;
+  const l = M();
+  return l.isSame(t, "month") ? l : t.startOf("month");
+}
+const S = 3;
+function ne({
+  value: n,
+  month: t,
+  onMonthChange: l,
+  onSelect: I,
+  min: f,
+  max: p,
+  disabledDate: R,
+  weekStartsOn: x,
+  autoFocus: P,
+  labelId: b
+}) {
+  const m = Z(), [i, Y] = G("day"), [s, u] = G(() => K(n, t)), h = B(null), d = B(!!P);
+  U(() => {
+    u((e) => e.isSame(t, "month") ? e : K(n, t));
+  }, [t]), U(() => {
+    var a, c;
+    if (!d.current) return;
+    d.current = !1;
+    const e = (a = h.current) == null ? void 0 : a.querySelector('[tabindex="0"]');
+    e == null || e.focus(), (c = e == null ? void 0 : e.scrollIntoView) == null || c.call(e, { block: "nearest" });
+  }, [s, i, t]);
+  const g = (e) => {
+    d.current = !0, Y(e);
+  }, y = (e) => {
+    d.current = !0, e.isSame(t, "month") || l(e.startOf("month")), u(e);
+  }, k = (e) => {
+    const a = s.add(e, "month");
+    d.current = !0, u(a), l(a.startOf("month"));
+  }, w = (e) => {
+    let a = s.year() + e;
+    f && (a = Math.max(a, f.year())), p && (a = Math.min(a, p.year()));
+    const c = s.year(a);
+    d.current = !0, u(c), l(c.startOf("month"));
+  }, L = (e) => {
+    const a = t.year(e);
+    d.current = !0, u(a), l(a), Y("month");
+  }, O = (e) => {
+    const a = t.month(e);
+    d.current = !0, u(K(n, a)), l(a), Y("day");
+  }, j = (e) => {
+    const a = (s.day() - x + 7) % 7;
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault(), y(s.subtract(1, "day"));
+        break;
+      case "ArrowRight":
+        e.preventDefault(), y(s.add(1, "day"));
+        break;
+      case "ArrowUp":
+        e.preventDefault(), y(s.subtract(7, "day"));
+        break;
+      case "ArrowDown":
+        e.preventDefault(), y(s.add(7, "day"));
+        break;
+      case "Home":
+        e.preventDefault(), y(s.subtract(a, "day"));
+        break;
+      case "End":
+        e.preventDefault(), y(s.add(6 - a, "day"));
+        break;
+      case "PageUp":
+        e.preventDefault(), y(s.subtract(1, e.shiftKey ? "year" : "month"));
+        break;
+      case "PageDown":
+        e.preventDefault(), y(s.add(1, e.shiftKey ? "year" : "month"));
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), v(s, f, p, R) || I(X(s));
+        break;
+    }
+  }, z = (e) => {
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault(), k(-1);
+        break;
+      case "ArrowRight":
+        e.preventDefault(), k(1);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), k(-S);
+        break;
+      case "ArrowDown":
+        e.preventDefault(), k(S);
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), O(s.month());
+        break;
+    }
+  }, H = (e) => {
+    switch (e.key) {
+      case "ArrowLeft":
+        e.preventDefault(), w(-1);
+        break;
+      case "ArrowRight":
+        e.preventDefault(), w(1);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), w(-S);
+        break;
+      case "ArrowDown":
+        e.preventDefault(), w(S);
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), L(s.year());
+        break;
+    }
+  }, E = M(), T = (e) => m(`calendar.month${e}`), V = Array.from(
+    { length: 7 },
+    (e, a) => m(`calendar.weekday${(x + a) % 7}`)
+  ), q = i === "day" ? J(t, x) : [], F = i === "month" ? Array.from({ length: 12 }, (e, a) => T(a)) : [], W = i === "year" ? Q(f, p, t.year()) : [];
+  return /* @__PURE__ */ A("div", { className: r.calendar, children: [
+    /* @__PURE__ */ A("div", { className: r.calHeader, children: [
+      i === "day" && /* @__PURE__ */ o(
+        $,
+        {
+          variant: "text",
+          color: "primary",
+          size: "sm",
+          "aria-label": m("calendar.prevMonth"),
+          onClick: () => l(t.subtract(1, "month")),
+          children: /* @__PURE__ */ o(_, { name: "ArrowCircleLeft" })
+        }
+      ),
+      /* @__PURE__ */ A("div", { className: r.calTitleGroup, children: [
+        (i === "day" || i === "month") && /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            id: b,
+            className: r.calTitle,
+            onClick: () => g("year"),
+            children: t.format("YYYY")
+          }
+        ),
+        i === "day" && /* @__PURE__ */ o("button", { type: "button", className: r.calTitle, onClick: () => g("month"), children: T(t.month()) }),
+        i === "year" && /* @__PURE__ */ o("span", { id: b, className: r.calTitleStatic, children: m("calendar.selectYear") })
+      ] }),
+      i === "day" && /* @__PURE__ */ o(
+        $,
+        {
+          variant: "text",
+          color: "primary",
+          size: "sm",
+          "aria-label": m("calendar.nextMonth"),
+          onClick: () => l(t.add(1, "month")),
+          children: /* @__PURE__ */ o(_, { name: "ArrowCircleRight" })
+        }
+      )
+    ] }),
+    i === "year" ? /* @__PURE__ */ o(
+      "div",
+      {
+        ref: h,
+        className: N(r.pickGrid, r.pickScroll),
+        role: "listbox",
+        "aria-labelledby": b,
+        onKeyDown: H,
+        children: W.map((e) => {
+          const a = n ? n.year() === e : !1;
+          return /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              className: N(
+                r.pickCell,
+                a && r.pickSelected,
+                !a && e === E.year() && r.pickToday
+              ),
+              tabIndex: e === s.year() ? 0 : -1,
+              "aria-selected": a,
+              onClick: () => L(e),
+              children: e
+            },
+            e
+          );
+        })
+      }
+    ) : i === "month" ? /* @__PURE__ */ o(
+      "div",
+      {
+        ref: h,
+        className: r.pickGrid,
+        role: "listbox",
+        "aria-labelledby": b,
+        onKeyDown: z,
+        children: F.map((e, a) => {
+          const c = n ? n.isSame(t.month(a), "month") : !1, D = E.isSame(t.month(a), "month");
+          return /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              className: N(
+                r.pickCell,
+                c && r.pickSelected,
+                !c && D && r.pickToday
+              ),
+              tabIndex: a === s.month() ? 0 : -1,
+              "aria-selected": c,
+              onClick: () => O(a),
+              children: e
+            },
+            e
+          );
+        })
+      }
+    ) : /* @__PURE__ */ A(
+      "div",
+      {
+        ref: h,
+        className: r.grid,
+        role: "grid",
+        "aria-label": `${T(t.month())} ${t.format("YYYY")}`,
+        onKeyDown: j,
+        children: [
+          /* @__PURE__ */ o("div", { className: r.weekdays, role: "row", children: V.map((e, a) => /* @__PURE__ */ o("span", { role: "columnheader", className: r.weekday, children: e }, a)) }),
+          Array.from({ length: 6 }, (e, a) => /* @__PURE__ */ o("div", { role: "row", className: r.week, children: q.slice(a * 7, a * 7 + 7).map((c) => {
+            const D = n ? c.date.isSame(n, "day") : !1, C = v(c.date, f, p, R);
+            return /* @__PURE__ */ o(
+              "button",
+              {
+                type: "button",
+                role: "gridcell",
+                className: N(
+                  r.day,
+                  !c.inMonth && r.dayOutside,
+                  D && r.daySelected,
+                  c.isToday && r.dayToday,
+                  C && r.dayDisabled
+                ),
+                tabIndex: c.date.isSame(s, "day") ? 0 : -1,
+                "aria-selected": D,
+                "aria-disabled": C || void 0,
+                "aria-current": c.isToday ? "date" : void 0,
+                onClick: () => !C && I(c.iso),
+                children: c.date.date()
+              },
+              c.iso
+            );
+          }) }, a))
+        ]
+      }
+    )
+  ] });
+}
+export {
+  ne as C
+};
+//# sourceMappingURL=Calendar-Bh317SaV.js.map

package/dist/Calendar-Bh317SaV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar-Bh317SaV.js","sources":["../src/components/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type KeyboardEvent } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type MessageKey } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { buildMonthGrid, isDisabled, today, toISO, yearList, type Dayjs } from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport interface CalendarProps {\n  /** Currently selected date (UTC dayjs) or null. */\n  value: Dayjs | null\n  /** The month currently shown (UTC dayjs). */\n  month: Dayjs\n  /** Change the shown month. */\n  onMonthChange: (month: Dayjs) => void\n  /** Commit a selected date as an ISO `'YYYY-MM-DD'` string. */\n  onSelect: (iso: string) => void\n  min: Dayjs | null\n  max: Dayjs | null\n  disabledDate?: (iso: string) => boolean\n  /** 0 = Sunday … 6 = Saturday. */\n  weekStartsOn: number\n  /** Focus the active cell on mount (when the popover opens). */\n  autoFocus?: boolean\n  /** Id of the element labelling the grid. */\n  labelId?: string\n}\n\ntype View = 'day' | 'month' | 'year'\n\n/** Picks the day that should hold roving focus for a given month. */\nfunction focusableDay(value: Dayjs | null, month: Dayjs): Dayjs {\n  if (value && value.isSame(month, 'month')) return value\n  const now = today()\n  if (now.isSame(month, 'month')) return now\n  return month.startOf('month')\n}\n\n/** Number of columns in the month / year picker grids (drives Up/Down arrow steps). */\nconst PICK_COLS = 3\n\n/**\n * The calendar grid used by the date components. Three views — a `role=\"grid\"` **day** view with full\n * keyboard navigation (Arrows move days, Home/End the week, PageUp/Down the month, Shift+PageUp/Down\n * the year, Enter/Space to select), plus separate **month** and **year** picker views reached from the\n * header (the month and year labels are independently clickable). Picking a year advances to the month\n * view; picking a month returns to the day view. The year view lists every year in range and scrolls.\n * Controlled: the consumer owns `value` + `month`; `onSelect`/`onMonthChange` lift changes up.\n */\nexport function Calendar({\n  value,\n  month,\n  onMonthChange,\n  onSelect,\n  min,\n  max,\n  disabledDate,\n  weekStartsOn,\n  autoFocus,\n  labelId,\n}: CalendarProps) {\n  const t = useT()\n  const [view, setView] = useState<View>('day')\n  const [focused, setFocused] = useState<Dayjs>(() => focusableDay(value, month))\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const focusOnRender = useRef(Boolean(autoFocus))\n\n  // re-anchor the roving focus into the month whenever it changes from outside (nav buttons, pickers)\n  useEffect(() => {\n    setFocused((f) => (f.isSame(month, 'month') ? f : focusableDay(value, month)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [month])\n\n  // move DOM focus to the roving cell after a keyboard move, a view switch, or the initial autoFocus\n  useEffect(() => {\n    if (!focusOnRender.current) return\n    focusOnRender.current = false\n    const el = bodyRef.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')\n    el?.focus()\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [focused, view, month])\n\n  const switchTo = (next: View) => {\n    focusOnRender.current = true\n    setView(next)\n  }\n\n  // ── navigation helpers ─────────────────────────────────────────────────────────────────────────\n  const moveDay = (next: Dayjs) => {\n    focusOnRender.current = true\n    if (!next.isSame(month, 'month')) onMonthChange(next.startOf('month'))\n    setFocused(next)\n  }\n  const stepMonthBy = (delta: number) => {\n    const next = focused.add(delta, 'month')\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // keep the rendered grid + header in sync with focus\n  }\n  const stepYearBy = (delta: number) => {\n    let year = focused.year() + delta\n    if (min) year = Math.max(year, min.year())\n    if (max) year = Math.min(year, max.year())\n    const next = focused.year(year)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // re-anchor the year window so focus never leaves it\n  }\n\n  const pickYear = (y: number) => {\n    const next = month.year(y)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next)\n    setView('month') // picking a year advances to the month view\n  }\n  const pickMonth = (m: number) => {\n    const next = month.month(m)\n    focusOnRender.current = true\n    setFocused(focusableDay(value, next))\n    onMonthChange(next)\n    setView('day') // picking a month returns to the day view\n  }\n\n  // ── keyboard ─────────────────────────────────────────────────────────────────────────────────────\n  const handleDayKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const offsetInWeek = (focused.day() - weekStartsOn + 7) % 7\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        moveDay(focused.subtract(1, 'day'))\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        moveDay(focused.add(1, 'day'))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        moveDay(focused.subtract(7, 'day'))\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        moveDay(focused.add(7, 'day'))\n        break\n      case 'Home':\n        event.preventDefault()\n        moveDay(focused.subtract(offsetInWeek, 'day'))\n        break\n      case 'End':\n        event.preventDefault()\n        moveDay(focused.add(6 - offsetInWeek, 'day'))\n        break\n      case 'PageUp':\n        event.preventDefault()\n        moveDay(focused.subtract(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'PageDown':\n        event.preventDefault()\n        moveDay(focused.add(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled(focused, min, max, disabledDate)) onSelect(toISO(focused))\n        break\n    }\n  }\n\n  const handleMonthKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepMonthBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepMonthBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepMonthBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepMonthBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickMonth(focused.month())\n        break\n    }\n  }\n\n  const handleYearKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepYearBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepYearBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepYearBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepYearBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickYear(focused.year())\n        break\n    }\n  }\n\n  // ── derived data (built once per render) ─────────────────────────────────────────────────────────\n  const now = today()\n  // month names + short weekday labels come from the i18n catalog (localized), not dayjs\n  const monthName = (m: number) => t(`calendar.month${m}` as MessageKey)\n  const weekdays = Array.from({ length: 7 }, (_, i) =>\n    t(`calendar.weekday${(weekStartsOn + i) % 7}` as MessageKey),\n  )\n  const monthGrid = view === 'day' ? buildMonthGrid(month, weekStartsOn) : []\n  const months = view === 'month' ? Array.from({ length: 12 }, (_, m) => monthName(m)) : []\n  const years = view === 'year' ? yearList(min, max, month.year()) : []\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calHeader}>\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.prevMonth')}\n            onClick={() => onMonthChange(month.subtract(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleLeft\" />\n          </IconButton>\n        )}\n\n        <div className={styles.calTitleGroup}>\n          {(view === 'day' || view === 'month') && (\n            <button\n              type=\"button\"\n              id={labelId}\n              className={styles.calTitle}\n              onClick={() => switchTo('year')}\n            >\n              {month.format('YYYY')}\n            </button>\n          )}\n          {view === 'day' && (\n            <button type=\"button\" className={styles.calTitle} onClick={() => switchTo('month')}>\n              {monthName(month.month())}\n            </button>\n          )}\n          {view === 'year' && (\n            <span id={labelId} className={styles.calTitleStatic}>\n              {t('calendar.selectYear')}\n            </span>\n          )}\n        </div>\n\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.nextMonth')}\n            onClick={() => onMonthChange(month.add(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleRight\" />\n          </IconButton>\n        )}\n      </div>\n\n      {view === 'year' ? (\n        <div\n          ref={bodyRef}\n          className={clsx(styles.pickGrid, styles.pickScroll)}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleYearKeyDown}\n        >\n          {years.map((y) => {\n            const isSelected = value ? value.year() === y : false\n            return (\n              <button\n                key={y}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && y === now.year() && styles.pickToday,\n                )}\n                tabIndex={y === focused.year() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickYear(y)}\n              >\n                {y}\n              </button>\n            )\n          })}\n        </div>\n      ) : view === 'month' ? (\n        <div\n          ref={bodyRef}\n          className={styles.pickGrid}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleMonthKeyDown}\n        >\n          {months.map((label, m) => {\n            const isSelected = value ? value.isSame(month.month(m), 'month') : false\n            const isCurrent = now.isSame(month.month(m), 'month')\n            return (\n              <button\n                key={label}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && isCurrent && styles.pickToday,\n                )}\n                tabIndex={m === focused.month() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickMonth(m)}\n              >\n                {label}\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div\n          ref={bodyRef}\n          className={styles.grid}\n          role=\"grid\"\n          aria-label={`${monthName(month.month())} ${month.format('YYYY')}`}\n          onKeyDown={handleDayKeyDown}\n        >\n          <div className={styles.weekdays} role=\"row\">\n            {weekdays.map((w, i) => (\n              <span key={i} role=\"columnheader\" className={styles.weekday}>\n                {w}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, wk) => (\n            <div key={wk} role=\"row\" className={styles.week}>\n              {monthGrid.slice(wk * 7, wk * 7 + 7).map((d) => {\n                const selected = value ? d.date.isSame(value, 'day') : false\n                const disabled = isDisabled(d.date, min, max, disabledDate)\n                return (\n                  <button\n                    key={d.iso}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    className={clsx(\n                      styles.day,\n                      !d.inMonth && styles.dayOutside,\n                      selected && styles.daySelected,\n                      d.isToday && styles.dayToday,\n                      disabled && styles.dayDisabled,\n                    )}\n                    tabIndex={d.date.isSame(focused, 'day') ? 0 : -1}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={d.isToday ? 'date' : undefined}\n                    onClick={() => !disabled && onSelect(d.iso)}\n                  >\n                    {d.date.date()}\n                  </button>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["focusableDay","value","month","now","today","PICK_COLS","Calendar","onMonthChange","onSelect","min","max","disabledDate","weekStartsOn","autoFocus","labelId","t","useT","view","setView","useState","focused","setFocused","bodyRef","useRef","focusOnRender","useEffect","f","el","_a","_b","switchTo","next","moveDay","stepMonthBy","delta","stepYearBy","year","pickYear","y","pickMonth","m","handleDayKeyDown","event","offsetInWeek","isDisabled","toISO","handleMonthKeyDown","handleYearKeyDown","monthName","weekdays","_","i","monthGrid","buildMonthGrid","months","years","yearList","jsxs","styles","jsx","IconButton","Icon","clsx","isSelected","label","isCurrent","w","wk","d","selected","disabled"],"mappings":"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"}

package/dist/Calendar-C8uNezI-.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),f=require("react"),j=require("clsx"),E=require("./Icon-CXTl_QAP.cjs"),L=require("./IconButton-D6TenQZ_.cjs"),r=require("./DatePicker.module-tE-tGNBd.cjs"),z=require("./ConfigProvider-ByOFXVyP.cjs");function T(n,s){if(n&&n.isSame(s,"month"))return n;const i=r.today();return i.isSame(s,"month")?i:s.startOf("month")}const A=3;function H({value:n,month:s,onMonthChange:i,onSelect:I,min:p,max:b,disabledDate:K,weekStartsOn:S,autoFocus:O,labelId:k}){const m=z.useT(),[l,N]=f.useState("day"),[a,u]=f.useState(()=>T(n,s)),h=f.useRef(null),d=f.useRef(!!O);f.useEffect(()=>{u(e=>e.isSame(s,"month")?e:T(n,s))},[s]),f.useEffect(()=>{var t,c;if(!d.current)return;d.current=!1;const e=(t=h.current)==null?void 0:t.querySelector('[tabindex="0"]');e==null||e.focus(),(c=e==null?void 0:e.scrollIntoView)==null||c.call(e,{block:"nearest"})},[a,l,s]);const R=e=>{d.current=!0,N(e)},y=e=>{d.current=!0,e.isSame(s,"month")||i(e.startOf("month")),u(e)},w=e=>{const t=a.add(e,"month");d.current=!0,u(t),i(t.startOf("month"))},D=e=>{let t=a.year()+e;p&&(t=Math.max(t,p.year())),b&&(t=Math.min(t,b.year()));const c=a.year(t);d.current=!0,u(c),i(c.startOf("month"))},q=e=>{const t=s.year(e);d.current=!0,u(t),i(t),N("month")},g=e=>{const t=s.month(e);d.current=!0,u(T(n,t)),i(t),N("day")},G=e=>{const t=(a.day()-S+7)%7;switch(e.key){case"ArrowLeft":e.preventDefault(),y(a.subtract(1,"day"));break;case"ArrowRight":e.preventDefault(),y(a.add(1,"day"));break;case"ArrowUp":e.preventDefault(),y(a.subtract(7,"day"));break;case"ArrowDown":e.preventDefault(),y(a.add(7,"day"));break;case"Home":e.preventDefault(),y(a.subtract(t,"day"));break;case"End":e.preventDefault(),y(a.add(6-t,"day"));break;case"PageUp":e.preventDefault(),y(a.subtract(1,e.shiftKey?"year":"month"));break;case"PageDown":e.preventDefault(),y(a.add(1,e.shiftKey?"year":"month"));break;case"Enter":case" ":e.preventDefault(),r.isDisabled(a,p,b,K)||I(r.toISO(a));break}},P=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),w(-1);break;case"ArrowRight":e.preventDefault(),w(1);break;case"ArrowUp":e.preventDefault(),w(-A);break;case"ArrowDown":e.preventDefault(),w(A);break;case"Enter":case" ":e.preventDefault(),g(a.month());break}},_=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),D(-1);break;case"ArrowRight":e.preventDefault(),D(1);break;case"ArrowUp":e.preventDefault(),D(-A);break;case"ArrowDown":e.preventDefault(),D(A);break;case"Enter":case" ":e.preventDefault(),q(a.year());break}},B=r.today(),Y=e=>m(`calendar.month${e}`),v=Array.from({length:7},(e,t)=>m(`calendar.weekday${(S+t)%7}`)),U=l==="day"?r.buildMonthGrid(s,S):[],$=l==="month"?Array.from({length:12},(e,t)=>Y(t)):[],M=l==="year"?r.yearList(p,b,s.year()):[];return o.jsxs("div",{className:r.styles.calendar,children:[o.jsxs("div",{className:r.styles.calHeader,children:[l==="day"&&o.jsx(L.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":m("calendar.prevMonth"),onClick:()=>i(s.subtract(1,"month")),children:o.jsx(E.Icon,{name:"ArrowCircleLeft"})}),o.jsxs("div",{className:r.styles.calTitleGroup,children:[(l==="day"||l==="month")&&o.jsx("button",{type:"button",id:k,className:r.styles.calTitle,onClick:()=>R("year"),children:s.format("YYYY")}),l==="day"&&o.jsx("button",{type:"button",className:r.styles.calTitle,onClick:()=>R("month"),children:Y(s.month())}),l==="year"&&o.jsx("span",{id:k,className:r.styles.calTitleStatic,children:m("calendar.selectYear")})]}),l==="day"&&o.jsx(L.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":m("calendar.nextMonth"),onClick:()=>i(s.add(1,"month")),children:o.jsx(E.Icon,{name:"ArrowCircleRight"})})]}),l==="year"?o.jsx("div",{ref:h,className:j.clsx(r.styles.pickGrid,r.styles.pickScroll),role:"listbox","aria-labelledby":k,onKeyDown:_,children:M.map(e=>{const t=n?n.year()===e:!1;return o.jsx("button",{type:"button",role:"option",className:j.clsx(r.styles.pickCell,t&&r.styles.pickSelected,!t&&e===B.year()&&r.styles.pickToday),tabIndex:e===a.year()?0:-1,"aria-selected":t,onClick:()=>q(e),children:e},e)})}):l==="month"?o.jsx("div",{ref:h,className:r.styles.pickGrid,role:"listbox","aria-labelledby":k,onKeyDown:P,children:$.map((e,t)=>{const c=n?n.isSame(s.month(t),"month"):!1,x=B.isSame(s.month(t),"month");return o.jsx("button",{type:"button",role:"option",className:j.clsx(r.styles.pickCell,c&&r.styles.pickSelected,!c&&x&&r.styles.pickToday),tabIndex:t===a.month()?0:-1,"aria-selected":c,onClick:()=>g(t),children:e},e)})}):o.jsxs("div",{ref:h,className:r.styles.grid,role:"grid","aria-label":`${Y(s.month())} ${s.format("YYYY")}`,onKeyDown:G,children:[o.jsx("div",{className:r.styles.weekdays,role:"row",children:v.map((e,t)=>o.jsx("span",{role:"columnheader",className:r.styles.weekday,children:e},t))}),Array.from({length:6},(e,t)=>o.jsx("div",{role:"row",className:r.styles.week,children:U.slice(t*7,t*7+7).map(c=>{const x=n?c.date.isSame(n,"day"):!1,C=r.isDisabled(c.date,p,b,K);return o.jsx("button",{type:"button",role:"gridcell",className:j.clsx(r.styles.day,!c.inMonth&&r.styles.dayOutside,x&&r.styles.daySelected,c.isToday&&r.styles.dayToday,C&&r.styles.dayDisabled),tabIndex:c.date.isSame(a,"day")?0:-1,"aria-selected":x,"aria-disabled":C||void 0,"aria-current":c.isToday?"date":void 0,onClick:()=>!C&&I(c.iso),children:c.date.date()},c.iso)})},t))]})]})}exports.Calendar=H;
+//# sourceMappingURL=Calendar-C8uNezI-.cjs.map

package/dist/Calendar-C8uNezI-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar-C8uNezI-.cjs","sources":["../src/components/DatePicker/Calendar.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type KeyboardEvent } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type MessageKey } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { buildMonthGrid, isDisabled, today, toISO, yearList, type Dayjs } from './dateUtils'\nimport styles from './DatePicker.module.css'\n\nexport interface CalendarProps {\n  /** Currently selected date (UTC dayjs) or null. */\n  value: Dayjs | null\n  /** The month currently shown (UTC dayjs). */\n  month: Dayjs\n  /** Change the shown month. */\n  onMonthChange: (month: Dayjs) => void\n  /** Commit a selected date as an ISO `'YYYY-MM-DD'` string. */\n  onSelect: (iso: string) => void\n  min: Dayjs | null\n  max: Dayjs | null\n  disabledDate?: (iso: string) => boolean\n  /** 0 = Sunday … 6 = Saturday. */\n  weekStartsOn: number\n  /** Focus the active cell on mount (when the popover opens). */\n  autoFocus?: boolean\n  /** Id of the element labelling the grid. */\n  labelId?: string\n}\n\ntype View = 'day' | 'month' | 'year'\n\n/** Picks the day that should hold roving focus for a given month. */\nfunction focusableDay(value: Dayjs | null, month: Dayjs): Dayjs {\n  if (value && value.isSame(month, 'month')) return value\n  const now = today()\n  if (now.isSame(month, 'month')) return now\n  return month.startOf('month')\n}\n\n/** Number of columns in the month / year picker grids (drives Up/Down arrow steps). */\nconst PICK_COLS = 3\n\n/**\n * The calendar grid used by the date components. Three views — a `role=\"grid\"` **day** view with full\n * keyboard navigation (Arrows move days, Home/End the week, PageUp/Down the month, Shift+PageUp/Down\n * the year, Enter/Space to select), plus separate **month** and **year** picker views reached from the\n * header (the month and year labels are independently clickable). Picking a year advances to the month\n * view; picking a month returns to the day view. The year view lists every year in range and scrolls.\n * Controlled: the consumer owns `value` + `month`; `onSelect`/`onMonthChange` lift changes up.\n */\nexport function Calendar({\n  value,\n  month,\n  onMonthChange,\n  onSelect,\n  min,\n  max,\n  disabledDate,\n  weekStartsOn,\n  autoFocus,\n  labelId,\n}: CalendarProps) {\n  const t = useT()\n  const [view, setView] = useState<View>('day')\n  const [focused, setFocused] = useState<Dayjs>(() => focusableDay(value, month))\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const focusOnRender = useRef(Boolean(autoFocus))\n\n  // re-anchor the roving focus into the month whenever it changes from outside (nav buttons, pickers)\n  useEffect(() => {\n    setFocused((f) => (f.isSame(month, 'month') ? f : focusableDay(value, month)))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [month])\n\n  // move DOM focus to the roving cell after a keyboard move, a view switch, or the initial autoFocus\n  useEffect(() => {\n    if (!focusOnRender.current) return\n    focusOnRender.current = false\n    const el = bodyRef.current?.querySelector<HTMLElement>('[tabindex=\"0\"]')\n    el?.focus()\n    el?.scrollIntoView?.({ block: 'nearest' })\n  }, [focused, view, month])\n\n  const switchTo = (next: View) => {\n    focusOnRender.current = true\n    setView(next)\n  }\n\n  // ── navigation helpers ─────────────────────────────────────────────────────────────────────────\n  const moveDay = (next: Dayjs) => {\n    focusOnRender.current = true\n    if (!next.isSame(month, 'month')) onMonthChange(next.startOf('month'))\n    setFocused(next)\n  }\n  const stepMonthBy = (delta: number) => {\n    const next = focused.add(delta, 'month')\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // keep the rendered grid + header in sync with focus\n  }\n  const stepYearBy = (delta: number) => {\n    let year = focused.year() + delta\n    if (min) year = Math.max(year, min.year())\n    if (max) year = Math.min(year, max.year())\n    const next = focused.year(year)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next.startOf('month')) // re-anchor the year window so focus never leaves it\n  }\n\n  const pickYear = (y: number) => {\n    const next = month.year(y)\n    focusOnRender.current = true\n    setFocused(next)\n    onMonthChange(next)\n    setView('month') // picking a year advances to the month view\n  }\n  const pickMonth = (m: number) => {\n    const next = month.month(m)\n    focusOnRender.current = true\n    setFocused(focusableDay(value, next))\n    onMonthChange(next)\n    setView('day') // picking a month returns to the day view\n  }\n\n  // ── keyboard ─────────────────────────────────────────────────────────────────────────────────────\n  const handleDayKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const offsetInWeek = (focused.day() - weekStartsOn + 7) % 7\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        moveDay(focused.subtract(1, 'day'))\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        moveDay(focused.add(1, 'day'))\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        moveDay(focused.subtract(7, 'day'))\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        moveDay(focused.add(7, 'day'))\n        break\n      case 'Home':\n        event.preventDefault()\n        moveDay(focused.subtract(offsetInWeek, 'day'))\n        break\n      case 'End':\n        event.preventDefault()\n        moveDay(focused.add(6 - offsetInWeek, 'day'))\n        break\n      case 'PageUp':\n        event.preventDefault()\n        moveDay(focused.subtract(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'PageDown':\n        event.preventDefault()\n        moveDay(focused.add(1, event.shiftKey ? 'year' : 'month'))\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        if (!isDisabled(focused, min, max, disabledDate)) onSelect(toISO(focused))\n        break\n    }\n  }\n\n  const handleMonthKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepMonthBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepMonthBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepMonthBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepMonthBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickMonth(focused.month())\n        break\n    }\n  }\n\n  const handleYearKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowLeft':\n        event.preventDefault()\n        stepYearBy(-1)\n        break\n      case 'ArrowRight':\n        event.preventDefault()\n        stepYearBy(1)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        stepYearBy(-PICK_COLS)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        stepYearBy(PICK_COLS)\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        pickYear(focused.year())\n        break\n    }\n  }\n\n  // ── derived data (built once per render) ─────────────────────────────────────────────────────────\n  const now = today()\n  // month names + short weekday labels come from the i18n catalog (localized), not dayjs\n  const monthName = (m: number) => t(`calendar.month${m}` as MessageKey)\n  const weekdays = Array.from({ length: 7 }, (_, i) =>\n    t(`calendar.weekday${(weekStartsOn + i) % 7}` as MessageKey),\n  )\n  const monthGrid = view === 'day' ? buildMonthGrid(month, weekStartsOn) : []\n  const months = view === 'month' ? Array.from({ length: 12 }, (_, m) => monthName(m)) : []\n  const years = view === 'year' ? yearList(min, max, month.year()) : []\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calHeader}>\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.prevMonth')}\n            onClick={() => onMonthChange(month.subtract(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleLeft\" />\n          </IconButton>\n        )}\n\n        <div className={styles.calTitleGroup}>\n          {(view === 'day' || view === 'month') && (\n            <button\n              type=\"button\"\n              id={labelId}\n              className={styles.calTitle}\n              onClick={() => switchTo('year')}\n            >\n              {month.format('YYYY')}\n            </button>\n          )}\n          {view === 'day' && (\n            <button type=\"button\" className={styles.calTitle} onClick={() => switchTo('month')}>\n              {monthName(month.month())}\n            </button>\n          )}\n          {view === 'year' && (\n            <span id={labelId} className={styles.calTitleStatic}>\n              {t('calendar.selectYear')}\n            </span>\n          )}\n        </div>\n\n        {view === 'day' && (\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size=\"sm\"\n            aria-label={t('calendar.nextMonth')}\n            onClick={() => onMonthChange(month.add(1, 'month'))}\n          >\n            <Icon name=\"ArrowCircleRight\" />\n          </IconButton>\n        )}\n      </div>\n\n      {view === 'year' ? (\n        <div\n          ref={bodyRef}\n          className={clsx(styles.pickGrid, styles.pickScroll)}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleYearKeyDown}\n        >\n          {years.map((y) => {\n            const isSelected = value ? value.year() === y : false\n            return (\n              <button\n                key={y}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && y === now.year() && styles.pickToday,\n                )}\n                tabIndex={y === focused.year() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickYear(y)}\n              >\n                {y}\n              </button>\n            )\n          })}\n        </div>\n      ) : view === 'month' ? (\n        <div\n          ref={bodyRef}\n          className={styles.pickGrid}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          onKeyDown={handleMonthKeyDown}\n        >\n          {months.map((label, m) => {\n            const isSelected = value ? value.isSame(month.month(m), 'month') : false\n            const isCurrent = now.isSame(month.month(m), 'month')\n            return (\n              <button\n                key={label}\n                type=\"button\"\n                role=\"option\"\n                className={clsx(\n                  styles.pickCell,\n                  isSelected && styles.pickSelected,\n                  !isSelected && isCurrent && styles.pickToday,\n                )}\n                tabIndex={m === focused.month() ? 0 : -1}\n                aria-selected={isSelected}\n                onClick={() => pickMonth(m)}\n              >\n                {label}\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div\n          ref={bodyRef}\n          className={styles.grid}\n          role=\"grid\"\n          aria-label={`${monthName(month.month())} ${month.format('YYYY')}`}\n          onKeyDown={handleDayKeyDown}\n        >\n          <div className={styles.weekdays} role=\"row\">\n            {weekdays.map((w, i) => (\n              <span key={i} role=\"columnheader\" className={styles.weekday}>\n                {w}\n              </span>\n            ))}\n          </div>\n          {Array.from({ length: 6 }, (_, wk) => (\n            <div key={wk} role=\"row\" className={styles.week}>\n              {monthGrid.slice(wk * 7, wk * 7 + 7).map((d) => {\n                const selected = value ? d.date.isSame(value, 'day') : false\n                const disabled = isDisabled(d.date, min, max, disabledDate)\n                return (\n                  <button\n                    key={d.iso}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    className={clsx(\n                      styles.day,\n                      !d.inMonth && styles.dayOutside,\n                      selected && styles.daySelected,\n                      d.isToday && styles.dayToday,\n                      disabled && styles.dayDisabled,\n                    )}\n                    tabIndex={d.date.isSame(focused, 'day') ? 0 : -1}\n                    aria-selected={selected}\n                    aria-disabled={disabled || undefined}\n                    aria-current={d.isToday ? 'date' : undefined}\n                    onClick={() => !disabled && onSelect(d.iso)}\n                  >\n                    {d.date.date()}\n                  </button>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["focusableDay","value","month","now","today","PICK_COLS","Calendar","onMonthChange","onSelect","min","max","disabledDate","weekStartsOn","autoFocus","labelId","t","useT","view","setView","useState","focused","setFocused","bodyRef","useRef","focusOnRender","useEffect","f","el","_a","_b","switchTo","next","moveDay","stepMonthBy","delta","stepYearBy","year","pickYear","y","pickMonth","m","handleDayKeyDown","event","offsetInWeek","isDisabled","toISO","handleMonthKeyDown","handleYearKeyDown","monthName","weekdays","_","i","monthGrid","buildMonthGrid","months","years","yearList","jsxs","styles","jsx","IconButton","Icon","clsx","isSelected","label","isCurrent","w","wk","d","selected","disabled"],"mappings":"wPA+BA,SAASA,EAAaC,EAAqBC,EAAqB,CAC9D,GAAID,GAASA,EAAM,OAAOC,EAAO,OAAO,EAAG,OAAOD,EAClD,MAAME,EAAMC,EAAAA,MAAA,EACZ,OAAID,EAAI,OAAOD,EAAO,OAAO,EAAUC,EAChCD,EAAM,QAAQ,OAAO,CAC9B,CAGA,MAAMG,EAAY,EAUX,SAASC,EAAS,CACvB,MAAAL,EACA,MAAAC,EACA,cAAAK,EACA,SAAAC,EACA,IAAAC,EACA,IAAAC,EACA,aAAAC,EACA,aAAAC,EACA,UAAAC,EACA,QAAAC,CACF,EAAkB,CAChB,MAAMC,EAAIC,EAAAA,KAAA,EACJ,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAe,KAAK,EACtC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAgB,IAAMnB,EAAaC,EAAOC,CAAK,CAAC,EACxEoB,EAAUC,EAAAA,OAA8B,IAAI,EAC5CC,EAAgBD,EAAAA,OAAO,EAAQV,CAAU,EAG/CY,EAAAA,UAAU,IAAM,CACdJ,EAAYK,GAAOA,EAAE,OAAOxB,EAAO,OAAO,EAAIwB,EAAI1B,EAAaC,EAAOC,CAAK,CAAE,CAE/E,EAAG,CAACA,CAAK,CAAC,EAGVuB,EAAAA,UAAU,IAAM,SACd,GAAI,CAACD,EAAc,QAAS,OAC5BA,EAAc,QAAU,GACxB,MAAMG,GAAKC,EAAAN,EAAQ,UAAR,YAAAM,EAAiB,cAA2B,kBACvDD,GAAA,MAAAA,EAAI,SACJE,EAAAF,GAAA,YAAAA,EAAI,iBAAJ,MAAAE,EAAA,KAAAF,EAAqB,CAAE,MAAO,SAAA,EAChC,EAAG,CAACP,EAASH,EAAMf,CAAK,CAAC,EAEzB,MAAM4B,EAAYC,GAAe,CAC/BP,EAAc,QAAU,GACxBN,EAAQa,CAAI,CACd,EAGMC,EAAWD,GAAgB,CAC/BP,EAAc,QAAU,GACnBO,EAAK,OAAO7B,EAAO,OAAO,GAAGK,EAAcwB,EAAK,QAAQ,OAAO,CAAC,EACrEV,EAAWU,CAAI,CACjB,EACME,EAAeC,GAAkB,CACrC,MAAMH,EAAOX,EAAQ,IAAIc,EAAO,OAAO,EACvCV,EAAc,QAAU,GACxBH,EAAWU,CAAI,EACfxB,EAAcwB,EAAK,QAAQ,OAAO,CAAC,CACrC,EACMI,EAAcD,GAAkB,CACpC,IAAIE,EAAOhB,EAAQ,KAAA,EAASc,EACxBzB,IAAK2B,EAAO,KAAK,IAAIA,EAAM3B,EAAI,MAAM,GACrCC,IAAK0B,EAAO,KAAK,IAAIA,EAAM1B,EAAI,MAAM,GACzC,MAAMqB,EAAOX,EAAQ,KAAKgB,CAAI,EAC9BZ,EAAc,QAAU,GACxBH,EAAWU,CAAI,EACfxB,EAAcwB,EAAK,QAAQ,OAAO,CAAC,CACrC,EAEMM,EAAYC,GAAc,CAC9B,MAAMP,EAAO7B,EAAM,KAAKoC,CAAC,EACzBd,EAAc,QAAU,GACxBH,EAAWU,CAAI,EACfxB,EAAcwB,CAAI,EAClBb,EAAQ,OAAO,CACjB,EACMqB,EAAaC,GAAc,CAC/B,MAAMT,EAAO7B,EAAM,MAAMsC,CAAC,EAC1BhB,EAAc,QAAU,GACxBH,EAAWrB,EAAaC,EAAO8B,CAAI,CAAC,EACpCxB,EAAcwB,CAAI,EAClBb,EAAQ,KAAK,CACf,EAGMuB,EAAoBC,GAAyC,CACjE,MAAMC,GAAgBvB,EAAQ,IAAA,EAAQR,EAAe,GAAK,EAC1D,OAAQ8B,EAAM,IAAA,CACZ,IAAK,YACHA,EAAM,eAAA,EACNV,EAAQZ,EAAQ,SAAS,EAAG,KAAK,CAAC,EAClC,MACF,IAAK,aACHsB,EAAM,eAAA,EACNV,EAAQZ,EAAQ,IAAI,EAAG,KAAK,CAAC,EAC7B,MACF,IAAK,UACHsB,EAAM,eAAA,EACNV,EAAQZ,EAAQ,SAAS,EAAG,KAAK,CAAC,EAClC,MACF,IAAK,YACHsB,EAAM,eAAA,EACNV,EAAQZ,EAAQ,IAAI,EAAG,KAAK,CAAC,EAC7B,MACF,IAAK,OACHsB,EAAM,eAAA,EACNV,EAAQZ,EAAQ,SAASuB,EAAc,KAAK,CAAC,EAC7C,MACF,IAAK,MACHD,EAAM,eAAA,EACNV,EAAQZ,EAAQ,IAAI,EAAIuB,EAAc,KAAK,CAAC,EAC5C,MACF,IAAK,SACHD,EAAM,eAAA,EACNV,EAAQZ,EAAQ,SAAS,EAAGsB,EAAM,SAAW,OAAS,OAAO,CAAC,EAC9D,MACF,IAAK,WACHA,EAAM,eAAA,EACNV,EAAQZ,EAAQ,IAAI,EAAGsB,EAAM,SAAW,OAAS,OAAO,CAAC,EACzD,MACF,IAAK,QACL,IAAK,IACHA,EAAM,eAAA,EACDE,EAAAA,WAAWxB,EAASX,EAAKC,EAAKC,CAAY,GAAGH,EAASqC,QAAMzB,CAAO,CAAC,EACzE,KAAA,CAEN,EAEM0B,EAAsBJ,GAAyC,CACnE,OAAQA,EAAM,IAAA,CACZ,IAAK,YACHA,EAAM,eAAA,EACNT,EAAY,EAAE,EACd,MACF,IAAK,aACHS,EAAM,eAAA,EACNT,EAAY,CAAC,EACb,MACF,IAAK,UACHS,EAAM,eAAA,EACNT,EAAY,CAAC5B,CAAS,EACtB,MACF,IAAK,YACHqC,EAAM,eAAA,EACNT,EAAY5B,CAAS,EACrB,MACF,IAAK,QACL,IAAK,IACHqC,EAAM,eAAA,EACNH,EAAUnB,EAAQ,OAAO,EACzB,KAAA,CAEN,EAEM2B,EAAqBL,GAAyC,CAClE,OAAQA,EAAM,IAAA,CACZ,IAAK,YACHA,EAAM,eAAA,EACNP,EAAW,EAAE,EACb,MACF,IAAK,aACHO,EAAM,eAAA,EACNP,EAAW,CAAC,EACZ,MACF,IAAK,UACHO,EAAM,eAAA,EACNP,EAAW,CAAC9B,CAAS,EACrB,MACF,IAAK,YACHqC,EAAM,eAAA,EACNP,EAAW9B,CAAS,EACpB,MACF,IAAK,QACL,IAAK,IACHqC,EAAM,eAAA,EACNL,EAASjB,EAAQ,MAAM,EACvB,KAAA,CAEN,EAGMjB,EAAMC,EAAAA,MAAA,EAEN4C,EAAaR,GAAczB,EAAE,iBAAiByB,CAAC,EAAgB,EAC/DS,EAAW,MAAM,KAAK,CAAE,OAAQ,CAAA,EAAK,CAACC,EAAGC,IAC7CpC,EAAE,oBAAoBH,EAAeuC,GAAK,CAAC,EAAgB,CAAA,EAEvDC,EAAYnC,IAAS,MAAQoC,EAAAA,eAAenD,EAAOU,CAAY,EAAI,CAAA,EACnE0C,EAASrC,IAAS,QAAU,MAAM,KAAK,CAAE,OAAQ,EAAA,EAAM,CAACiC,EAAGV,IAAMQ,EAAUR,CAAC,CAAC,EAAI,CAAA,EACjFe,EAAQtC,IAAS,OAASuC,EAAAA,SAAS/C,EAAKC,EAAKR,EAAM,KAAA,CAAM,EAAI,CAAA,EAEnE,OACEuD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,OAAO,SACrB,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,OAAO,UACpB,SAAA,CAAAzC,IAAS,OACR0C,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAQ,OACR,MAAM,UACN,KAAK,KACL,aAAY7C,EAAE,oBAAoB,EAClC,QAAS,IAAMR,EAAcL,EAAM,SAAS,EAAG,OAAO,CAAC,EAEvD,SAAAyD,EAAAA,IAACE,EAAAA,KAAA,CAAK,KAAK,iBAAA,CAAkB,CAAA,CAAA,EAIjCJ,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,OAAO,cACnB,SAAA,EAAAzC,IAAS,OAASA,IAAS,UAC3B0C,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,GAAI7C,EACJ,UAAW4C,EAAAA,OAAO,SAClB,QAAS,IAAM5B,EAAS,MAAM,EAE7B,SAAA5B,EAAM,OAAO,MAAM,CAAA,CAAA,EAGvBe,IAAS,OACR0C,EAAAA,IAAC,UAAO,KAAK,SAAS,UAAWD,SAAO,SAAU,QAAS,IAAM5B,EAAS,OAAO,EAC9E,WAAU5B,EAAM,MAAA,CAAO,EAC1B,EAEDe,IAAS,QACR0C,EAAAA,IAAC,OAAA,CAAK,GAAI7C,EAAS,UAAW4C,EAAAA,OAAO,eAClC,SAAA3C,EAAE,qBAAqB,CAAA,CAC1B,CAAA,EAEJ,EAECE,IAAS,OACR0C,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAQ,OACR,MAAM,UACN,KAAK,KACL,aAAY7C,EAAE,oBAAoB,EAClC,QAAS,IAAMR,EAAcL,EAAM,IAAI,EAAG,OAAO,CAAC,EAElD,SAAAyD,EAAAA,IAACE,EAAAA,KAAA,CAAK,KAAK,kBAAA,CAAmB,CAAA,CAAA,CAChC,EAEJ,EAEC5C,IAAS,OACR0C,EAAAA,IAAC,MAAA,CACC,IAAKrC,EACL,UAAWwC,EAAAA,KAAKJ,EAAAA,OAAO,SAAUA,EAAAA,OAAO,UAAU,EAClD,KAAK,UACL,kBAAiB5C,EACjB,UAAWiC,EAEV,SAAAQ,EAAM,IAAKjB,GAAM,CAChB,MAAMyB,EAAa9D,EAAQA,EAAM,KAAA,IAAWqC,EAAI,GAChD,OACEqB,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,KAAK,SACL,UAAWG,EAAAA,KACTJ,EAAAA,OAAO,SACPK,GAAcL,EAAAA,OAAO,aACrB,CAACK,GAAczB,IAAMnC,EAAI,KAAA,GAAUuD,EAAAA,OAAO,SAAA,EAE5C,SAAUpB,IAAMlB,EAAQ,KAAA,EAAS,EAAI,GACrC,gBAAe2C,EACf,QAAS,IAAM1B,EAASC,CAAC,EAExB,SAAAA,CAAA,EAZIA,CAAA,CAeX,CAAC,CAAA,CAAA,EAEDrB,IAAS,QACX0C,EAAAA,IAAC,MAAA,CACC,IAAKrC,EACL,UAAWoC,EAAAA,OAAO,SAClB,KAAK,UACL,kBAAiB5C,EACjB,UAAWgC,EAEV,SAAAQ,EAAO,IAAI,CAACU,EAAOxB,IAAM,CACxB,MAAMuB,EAAa9D,EAAQA,EAAM,OAAOC,EAAM,MAAMsC,CAAC,EAAG,OAAO,EAAI,GAC7DyB,EAAY9D,EAAI,OAAOD,EAAM,MAAMsC,CAAC,EAAG,OAAO,EACpD,OACEmB,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,KAAK,SACL,UAAWG,EAAAA,KACTJ,EAAAA,OAAO,SACPK,GAAcL,EAAAA,OAAO,aACrB,CAACK,GAAcE,GAAaP,SAAO,SAAA,EAErC,SAAUlB,IAAMpB,EAAQ,MAAA,EAAU,EAAI,GACtC,gBAAe2C,EACf,QAAS,IAAMxB,EAAUC,CAAC,EAEzB,SAAAwB,CAAA,EAZIA,CAAA,CAeX,CAAC,CAAA,CAAA,EAGHP,EAAAA,KAAC,MAAA,CACC,IAAKnC,EACL,UAAWoC,EAAAA,OAAO,KAClB,KAAK,OACL,aAAY,GAAGV,EAAU9C,EAAM,MAAA,CAAO,CAAC,IAAIA,EAAM,OAAO,MAAM,CAAC,GAC/D,UAAWuC,EAEX,SAAA,CAAAkB,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,OAAO,SAAU,KAAK,MACnC,SAAAT,EAAS,IAAI,CAACiB,EAAGf,IAChBQ,EAAAA,IAAC,OAAA,CAAa,KAAK,eAAe,UAAWD,EAAAA,OAAO,QACjD,SAAAQ,CAAA,EADQf,CAEX,CACD,CAAA,CACH,EACC,MAAM,KAAK,CAAE,OAAQ,CAAA,EAAK,CAACD,EAAGiB,IAC7BR,EAAAA,IAAC,MAAA,CAAa,KAAK,MAAM,UAAWD,EAAAA,OAAO,KACxC,SAAAN,EAAU,MAAMe,EAAK,EAAGA,EAAK,EAAI,CAAC,EAAE,IAAKC,GAAM,CAC9C,MAAMC,EAAWpE,EAAQmE,EAAE,KAAK,OAAOnE,EAAO,KAAK,EAAI,GACjDqE,EAAW1B,EAAAA,WAAWwB,EAAE,KAAM3D,EAAKC,EAAKC,CAAY,EAC1D,OACEgD,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,KAAK,WACL,UAAWG,EAAAA,KACTJ,EAAAA,OAAO,IACP,CAACU,EAAE,SAAWV,EAAAA,OAAO,WACrBW,GAAYX,EAAAA,OAAO,YACnBU,EAAE,SAAWV,EAAAA,OAAO,SACpBY,GAAYZ,EAAAA,OAAO,WAAA,EAErB,SAAUU,EAAE,KAAK,OAAOhD,EAAS,KAAK,EAAI,EAAI,GAC9C,gBAAeiD,EACf,gBAAeC,GAAY,OAC3B,eAAcF,EAAE,QAAU,OAAS,OACnC,QAAS,IAAM,CAACE,GAAY9D,EAAS4D,EAAE,GAAG,EAEzC,SAAAA,EAAE,KAAK,KAAA,CAAK,EAhBRA,EAAE,GAAA,CAmBb,CAAC,CAAA,EAzBOD,CA0BV,CACD,CAAA,CAAA,CAAA,CACH,EAEJ,CAEJ"}

package/dist/Card-CfyaerZZ.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),_=require("react"),v=require("clsx"),I=require("./Icon-CXTl_QAP.cjs"),k=require("./names-C2Yj1p3u.cjs"),p=require("./IconButton-D6TenQZ_.cjs"),z="_card_voi4g_3",O="_flat_voi4g_14",R="_header_voi4g_18",F="_headerDivided_voi4g_27",H="_headerMain_voi4g_31",U="_icon_voi4g_39",G="_headerText_voi4g_43",J="_title_voi4g_51",K="_subtitle_voi4g_64",L="_actions_voi4g_78",P="_chevron_voi4g_85",Q="_collapsible_voi4g_93",V="_collapsed_voi4g_98",W="_collapsibleInner_voi4g_101",X="_foldable_voi4g_110",Y="_body_voi4g_114",Z="_footer_voi4g_118",$="_footerStart_voi4g_127",ee="_footerEnd_voi4g_128",e={card:z,flat:O,header:R,headerDivided:F,headerMain:H,icon:U,headerText:G,title:J,subtitle:K,actions:L,chevron:P,collapsible:Q,collapsed:V,collapsibleInner:W,foldable:X,body:Y,footer:Z,footerStart:$,footerEnd:ee},se=new Set(k.ICON_NAMES),oe=_.forwardRef(function({title:a,subtitle:t,icon:n,color:E="accent",flat:y=!1,actions:c,footer:h,footerStart:u,collapsible:l=!1,collapsed:x,defaultCollapsed:S=!1,onCollapsedChange:i,className:q,children:r,...M},D){const f=x!==void 0,[T,B]=_.useState(S),o=l&&(f?x:T),m=_.useId(),C=()=>{const b=!o;f||B(b),i==null||i(b)},d=n==null?null:typeof n=="string"&&se.has(n)?s.jsx(I.Icon,{name:n}):n,w=a!=null||t!=null||d!=null||c!=null||l,N=r!=null&&r!=="",g=h!=null||u!=null,j=N||g,A=j&&!o;return s.jsxs("div",{ref:D,className:v.clsx(e.card,y&&e.flat,o&&e.collapsed,q),...M,children:[w&&s.jsxs("div",{className:v.clsx(e.header,A&&e.headerDivided),children:[s.jsxs("div",{className:e.headerMain,children:[d!=null&&s.jsx(p.IconButton,{variant:"filled",size:"sm",color:E,nonClickable:!0,"aria-hidden":!0,className:e.icon,children:d}),(a!=null||t!=null)&&s.jsxs("div",{className:e.headerText,children:[a!=null&&s.jsx("div",{className:e.title,children:a}),t!=null&&s.jsx("div",{className:e.subtitle,children:t})]})]}),(c!=null||l)&&s.jsxs("div",{className:e.actions,children:[!o&&c,l&&s.jsx(p.IconButton,{variant:"text",size:"sm","aria-label":o?"Expand":"Collapse","aria-expanded":!o,"aria-controls":m,onClick:C,children:s.jsx(I.Icon,{name:"ArrowUp3",className:e.chevron,"data-collapsed":o?"true":"false"})})]})]}),j&&s.jsx("div",{id:m,className:v.clsx(e.collapsible,l&&e.foldable),children:s.jsxs("div",{className:e.collapsibleInner,children:[N&&s.jsx("div",{className:e.body,children:r}),g&&s.jsxs("div",{className:e.footer,children:[s.jsx("div",{className:e.footerStart,children:u}),s.jsx("div",{className:e.footerEnd,children:h})]})]})})]})});exports.Card=oe;
+//# sourceMappingURL=Card-CfyaerZZ.cjs.map

package/dist/Card-CfyaerZZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-CfyaerZZ.cjs","sources":["../src/components/Card/Card.tsx"],"sourcesContent":["import { forwardRef, useId, useState, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport type { ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Card.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Header title (left, next to the icon). */\n  title?: ReactNode\n  /** Secondary muted line shown under the `title` (e.g. a short description). */\n  subtitle?: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the leading icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the card flat (used by `PageLayout`). Cards are shadowless, so this currently adds no visual difference — it's a styling hook, not a distinct look. */\n  flat?: boolean\n  /** Header actions, placed at the end of the header row (before the collapse toggle). */\n  actions?: ReactNode\n  /** Footer content (e.g. actions), pinned to the **right** of the footer row. */\n  footer?: ReactNode\n  /** Footer content pinned to the **left** of the footer row (opposite `footer`). */\n  footerStart?: ReactNode\n  /** Adds a collapse/expand toggle to the header that folds the body + footer. */\n  collapsible?: boolean\n  /** Controlled collapsed state. */\n  collapsed?: boolean\n  /** Initial collapsed state for uncontrolled use. Defaults to `false`. */\n  defaultCollapsed?: boolean\n  /** Fires with the next collapsed state when the toggle is clicked. */\n  onCollapsedChange?: (collapsed: boolean) => void\n  /** Card body. */\n  children?: ReactNode\n}\n\n/**\n * A surface card with an optional header (icon + title + actions), a body, and a footer for actions.\n * `collapsible` adds a chevron that smoothly folds the body + footer (controlled via `collapsed`/\n * `onCollapsedChange`, or uncontrolled via `defaultCollapsed`). Token-only styling.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    title,\n    subtitle,\n    icon,\n    color = 'accent',\n    flat = false,\n    actions,\n    footer,\n    footerStart,\n    collapsible = false,\n    collapsed,\n    defaultCollapsed = false,\n    onCollapsedChange,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = collapsed !== undefined\n  const [internal, setInternal] = useState(defaultCollapsed)\n  const isCollapsed = collapsible && (isControlled ? collapsed! : internal)\n  const collapsibleId = useId() // ties the toggle to the fold region via aria-controls\n\n  const toggle = () => {\n    const next = !isCollapsed\n    if (!isControlled) setInternal(next)\n    onCollapsedChange?.(next)\n  }\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  const hasHeader =\n    title != null || subtitle != null || renderedIcon != null || actions != null || collapsible\n  const hasBody = children != null && children !== ''\n  const hasFooter = footer != null || footerStart != null\n  const hasCollapsibleContent = hasBody || hasFooter\n  // The header is separated by a divider only while content is visible beneath it.\n  const headerDivided = hasCollapsibleContent && !isCollapsed\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.card, flat && styles.flat, isCollapsed && styles.collapsed, className)}\n      {...props}\n    >\n      {hasHeader && (\n        <div className={clsx(styles.header, headerDivided && styles.headerDivided)}>\n          <div className={styles.headerMain}>\n            {renderedIcon != null && (\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                color={color}\n                nonClickable\n                aria-hidden\n                className={styles.icon}\n              >\n                {renderedIcon}\n              </IconButton>\n            )}\n            {(title != null || subtitle != null) && (\n              <div className={styles.headerText}>\n                {title != null && <div className={styles.title}>{title}</div>}\n                {subtitle != null && <div className={styles.subtitle}>{subtitle}</div>}\n              </div>\n            )}\n          </div>\n          {(actions != null || collapsible) && (\n            <div className={styles.actions}>\n              {!isCollapsed && actions}\n              {collapsible && (\n                <IconButton\n                  variant=\"text\"\n                  size=\"sm\"\n                  aria-label={isCollapsed ? 'Expand' : 'Collapse'}\n                  aria-expanded={!isCollapsed}\n                  aria-controls={collapsibleId}\n                  onClick={toggle}\n                >\n                  <Icon\n                    name=\"ArrowUp3\"\n                    className={styles.chevron}\n                    data-collapsed={isCollapsed ? 'true' : 'false'}\n                  />\n                </IconButton>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {hasCollapsibleContent && (\n        <div\n          id={collapsibleId}\n          className={clsx(styles.collapsible, collapsible && styles.foldable)}\n        >\n          <div className={styles.collapsibleInner}>\n            {hasBody && <div className={styles.body}>{children}</div>}\n            {hasFooter && (\n              <div className={styles.footer}>\n                <div className={styles.footerStart}>{footerStart}</div>\n                <div className={styles.footerEnd}>{footer}</div>\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","Card","forwardRef","title","subtitle","icon","color","flat","actions","footer","footerStart","collapsible","collapsed","defaultCollapsed","onCollapsedChange","className","children","props","ref","isControlled","internal","setInternal","useState","isCollapsed","collapsibleId","useId","toggle","next","renderedIcon","jsx","Icon","hasHeader","hasBody","hasFooter","hasCollapsibleContent","headerDivided","jsxs","clsx","styles","IconButton"],"mappings":"k1BAQMA,GAAgB,IAAI,IAAYC,YAAU,EAoCnCC,GAAOC,EAAAA,WAAsC,SACxD,CACE,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,SACR,KAAAC,EAAO,GACP,QAAAC,EACA,OAAAC,EACA,YAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,iBAAAC,EAAmB,GACnB,kBAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAeP,IAAc,OAC7B,CAACQ,EAAUC,CAAW,EAAIC,EAAAA,SAAST,CAAgB,EACnDU,EAAcZ,IAAgBQ,EAAeP,EAAaQ,GAC1DI,EAAgBC,EAAAA,MAAA,EAEhBC,EAAS,IAAM,CACnB,MAAMC,EAAO,CAACJ,EACTJ,GAAcE,EAAYM,CAAI,EACnCb,GAAA,MAAAA,EAAoBa,EACtB,EAEMC,EACJvB,GAAQ,KAAO,KAAO,OAAOA,GAAS,UAAYN,GAAc,IAAIM,CAAI,EACtEwB,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMzB,EAAkB,EAE9BA,EAGE0B,EACJ5B,GAAS,MAAQC,GAAY,MAAQwB,GAAgB,MAAQpB,GAAW,MAAQG,EAC5EqB,EAAUhB,GAAY,MAAQA,IAAa,GAC3CiB,EAAYxB,GAAU,MAAQC,GAAe,KAC7CwB,EAAwBF,GAAWC,EAEnCE,EAAgBD,GAAyB,CAACX,EAEhD,OACEa,EAAAA,KAAC,MAAA,CACC,IAAAlB,EACA,UAAWmB,EAAAA,KAAKC,EAAO,KAAM/B,GAAQ+B,EAAO,KAAMf,GAAee,EAAO,UAAWvB,CAAS,EAC3F,GAAGE,EAEH,SAAA,CAAAc,GACCK,EAAAA,KAAC,OAAI,UAAWC,EAAAA,KAAKC,EAAO,OAAQH,GAAiBG,EAAO,aAAa,EACvE,SAAA,CAAAF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,WACpB,SAAA,CAAAV,GAAgB,MACfC,EAAAA,IAACU,EAAAA,WAAA,CACC,QAAQ,SACR,KAAK,KACL,MAAAjC,EACA,aAAY,GACZ,cAAW,GACX,UAAWgC,EAAO,KAEjB,SAAAV,CAAA,CAAA,GAGHzB,GAAS,MAAQC,GAAY,cAC5B,MAAA,CAAI,UAAWkC,EAAO,WACpB,SAAA,CAAAnC,GAAS,MAAQ0B,EAAAA,IAAC,MAAA,CAAI,UAAWS,EAAO,MAAQ,SAAAnC,EAAM,EACtDC,GAAY,MAAQyB,EAAAA,IAAC,OAAI,UAAWS,EAAO,SAAW,SAAAlC,CAAA,CAAS,CAAA,CAAA,CAClE,CAAA,EAEJ,GACEI,GAAW,MAAQG,WAClB,MAAA,CAAI,UAAW2B,EAAO,QACpB,SAAA,CAAA,CAACf,GAAef,EAChBG,GACCkB,EAAAA,IAACU,EAAAA,WAAA,CACC,QAAQ,OACR,KAAK,KACL,aAAYhB,EAAc,SAAW,WACrC,gBAAe,CAACA,EAChB,gBAAeC,EACf,QAASE,EAET,SAAAG,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,WACL,UAAWQ,EAAO,QAClB,iBAAgBf,EAAc,OAAS,OAAA,CAAA,CACzC,CAAA,CACF,CAAA,CAEJ,CAAA,EAEJ,EAEDW,GACCL,EAAAA,IAAC,MAAA,CACC,GAAIL,EACJ,UAAWa,EAAAA,KAAKC,EAAO,YAAa3B,GAAe2B,EAAO,QAAQ,EAElE,SAAAF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,iBACpB,SAAA,CAAAN,GAAWH,EAAAA,IAAC,MAAA,CAAI,UAAWS,EAAO,KAAO,SAAAtB,EAAS,EAClDiB,GACCG,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAO,OACrB,SAAA,CAAAT,EAAAA,IAAC,MAAA,CAAI,UAAWS,EAAO,YAAc,SAAA5B,EAAY,EACjDmB,EAAAA,IAAC,MAAA,CAAI,UAAWS,EAAO,UAAY,SAAA7B,CAAA,CAAO,CAAA,CAAA,CAC5C,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAIR,CAAC"}