@acronis-platform/ui-react 3.0.0 → 4.1.0

package/dist/components/ui/button-menu/button-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-menu.js","sources":["../../../../src/components/ui/button-menu/button-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\n// Mirrors the Figma \"ButtonMenu\" component: a Button-like trigger (label +\n// trailing chevron) that opens a menu. `variant` maps to the Figma `variant`\n// property (Primary / Secondary); the Figma `active` state is the **open** state\n// — the chevron flips down→up and the container takes its `*-active` colors. Each\n// interaction state wires the container fill, label, icon, and — for `secondary`\n// — the border to its own dedicated `--ui-button-menu-*` token from\n// @acronis-platform/tokens-pd. Every state is referenced explicitly (runtime\n// `var()` lookups: a brand override is only honored if the matching state token is\n// referenced). `primary` keeps a single label/icon color across states; only\n// `secondary` diverges them per state. Geometry — 32px height, 8px gap, 12px\n// padding-x, 4px radius, 64px min-width, 16px icon — comes from the\n// `--ui-button-menu-global-*` tokens. The open treatment is driven by the\n// `data-open` attribute (set from the `open` prop) and CSS `:active` for press\n// feedback; disabled uses the explicit disabled tokens (not opacity). Focus: the\n// Figma focus state is a 3px `--ui-focus-primary` ring flush to the button edge\n// (no offset) — `ring-[3px]`, no `ring-offset`.\nconst buttonMenuVariants = cva(\n  'inline-flex h-[var(--ui-button-menu-global-container-height)] min-w-[var(--ui-button-menu-global-container-width-min)] cursor-pointer items-center justify-center gap-[var(--ui-button-menu-global-container-gap)] whitespace-nowrap rounded-[var(--ui-button-menu-global-container-border-radius)] border border-transparent px-[var(--ui-button-menu-global-container-padding-x)] text-sm font-semibold leading-6 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-[var(--ui-button-menu-global-icon-size)] [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-[var(--ui-button-menu-primary-container-color-idle)] text-[var(--ui-button-menu-primary-label-color)] [&_svg]:text-[var(--ui-button-menu-primary-icon-color)] hover:bg-[var(--ui-button-menu-primary-container-color-hover)] active:bg-[var(--ui-button-menu-primary-container-color-active)] data-[open]:bg-[var(--ui-button-menu-primary-container-color-active)] disabled:bg-[var(--ui-button-menu-primary-container-color-disabled)]',\n        secondary:\n          'bg-[var(--ui-button-menu-secondary-container-color-idle)] text-[var(--ui-button-menu-secondary-label-color-idle)] border-[var(--ui-button-menu-secondary-container-border-color-idle)] [&_svg]:text-[var(--ui-button-menu-secondary-icon-color-idle)] hover:bg-[var(--ui-button-menu-secondary-container-color-hover)] hover:text-[var(--ui-button-menu-secondary-label-color-hover)] hover:border-[var(--ui-button-menu-secondary-container-border-color-hover)] hover:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-hover)] active:bg-[var(--ui-button-menu-secondary-container-color-active)] active:text-[var(--ui-button-menu-secondary-label-color-active)] active:border-[var(--ui-button-menu-secondary-container-border-color-active)] active:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-active)] data-[open]:bg-[var(--ui-button-menu-secondary-container-color-active)] data-[open]:text-[var(--ui-button-menu-secondary-label-color-active)] data-[open]:border-[var(--ui-button-menu-secondary-container-border-color-active)] data-[open]:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-active)] disabled:bg-[var(--ui-button-menu-secondary-container-color-disabled)] disabled:text-[var(--ui-button-menu-secondary-label-color-disabled)] disabled:border-[var(--ui-button-menu-secondary-container-border-color-disabled)] disabled:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-disabled)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n    },\n  }\n);\n\nexport interface ButtonMenuProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    VariantProps<typeof buttonMenuVariants> {\n  /**\n   * Whether the associated menu is open. Flips the trailing chevron\n   * (down → up), applies the open (`*-active`) treatment, and reflects\n   * `aria-expanded`. Control this in sync with the menu you trigger.\n   */\n  open?: boolean;\n  /** Label content rendered before the chevron. */\n  children?: React.ReactNode;\n  /**\n   * Replace the rendered `<button>` with another element or component\n   * (Base UI composition). Accepts a React element or a render function —\n   * the component's props and class names are merged onto it.\n   */\n  render?: useRender.RenderProp;\n}\n\n/**\n * A button that opens a dropdown menu: a label followed by a chevron that\n * points up while `open`. Pair it with the menu/popover it controls and keep\n * the `open` prop in sync.\n */\nconst ButtonMenu = React.forwardRef<HTMLButtonElement, ButtonMenuProps>(\n  ({ className, variant, open, render, children, ...props }, ref) => {\n    const Chevron = open ? ChevronUpIcon : ChevronDownIcon;\n    return useRender({\n      render,\n      ref,\n      defaultTagName: 'button',\n      props: mergeProps<'button'>(\n        {\n          className: cn(buttonMenuVariants({ variant, className })),\n          'aria-expanded': open,\n          // `data-open` drives the open (`*-active`) token switch via attribute\n          // selectors; present only while open, and typed loosely because\n          // React's button attribute map doesn't include arbitrary data-* keys\n          // as literals.\n          ...(open ? ({ 'data-open': '' } as Record<string, string>) : {}),\n          children: (\n            <>\n              {children}\n              <Chevron />\n            </>\n          ),\n        },\n        props\n      ),\n    });\n  }\n);\nButtonMenu.displayName = 'ButtonMenu';\n\nexport { ButtonMenu, buttonMenuVariants };\n"],"names":["buttonMenuVariants","cva","ButtonMenu","React","className","variant","open","render","children","props","ref","Chevron","ChevronUpIcon","ChevronDownIcon","useRender","mergeProps","cn","jsxs","Fragment"],"mappings":";;;;;;;AA2BA,MAAMA,IAAqBC;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GA2BMC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAQ;AACjE,UAAMC,IAAUL,IAAOM,IAAgBC;AACvC,WAAOC,EAAU;AAAA,MACf,QAAAP;AAAA,MACA,KAAAG;AAAA,MACA,gBAAgB;AAAA,MAChB,OAAOK;AAAA,QACL;AAAA,UACE,WAAWC,EAAGhB,EAAmB,EAAE,SAAAK,GAAS,WAAAD,EAAA,CAAW,CAAC;AAAA,UACxD,iBAAiBE;AAAA;AAAA;AAAA;AAAA;AAAA,UAKjB,GAAIA,IAAQ,EAAE,aAAa,GAAA,IAAkC,CAAA;AAAA,UAC7D,UACE,gBAAAW,EAAAC,GAAA,EACG,UAAA;AAAA,YAAAV;AAAA,8BACAG,GAAA,CAAA,CAAQ;AAAA,UAAA,EAAA,CACX;AAAA,QAAA;AAAA,QAGJF;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AACF;AACAP,EAAW,cAAc;"}
+{"version":3,"file":"button-menu.js","names":[],"sources":["../../../../src/components/ui/button-menu/button-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { useRender } from '@base-ui/react/use-render';\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\n// Mirrors the Figma \"ButtonMenu\" component: a Button-like trigger (label +\n// trailing chevron) that opens a menu. `variant` maps to the Figma `variant`\n// property (Primary / Secondary); the Figma `active` state is the **open** state\n// — the chevron flips down→up and the container takes its `*-active` colors. Each\n// interaction state wires the container fill, label, icon, and — for `secondary`\n// — the border to its own dedicated `--ui-button-menu-*` token from\n// @acronis-platform/tokens-pd. Every state is referenced explicitly (runtime\n// `var()` lookups: a brand override is only honored if the matching state token is\n// referenced). `primary` keeps a single label/icon color across states; only\n// `secondary` diverges them per state. Geometry — 32px height, 8px gap, 12px\n// padding-x, 4px radius, 64px min-width, 16px icon — comes from the\n// `--ui-button-menu-global-*` tokens. The open treatment is driven by the\n// `data-open` attribute (set from the `open` prop) and CSS `:active` for press\n// feedback; disabled uses the explicit disabled tokens (not opacity). Focus: the\n// Figma focus state is a 3px `--ui-focus-primary` ring flush to the button edge\n// (no offset) — `ring-[3px]`, no `ring-offset`.\nconst buttonMenuVariants = cva(\n  'inline-flex h-[var(--ui-button-menu-global-container-height)] min-w-[var(--ui-button-menu-global-container-width-min)] cursor-pointer items-center justify-center gap-[var(--ui-button-menu-global-container-gap)] whitespace-nowrap rounded-[var(--ui-button-menu-global-container-border-radius)] border border-transparent px-[var(--ui-button-menu-global-container-padding-x)] text-sm font-semibold leading-6 transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-[var(--ui-button-menu-global-icon-size)] [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        primary:\n          'bg-[var(--ui-button-menu-primary-container-color-idle)] text-[var(--ui-button-menu-primary-label-color)] [&_svg]:text-[var(--ui-button-menu-primary-icon-color)] hover:bg-[var(--ui-button-menu-primary-container-color-hover)] active:bg-[var(--ui-button-menu-primary-container-color-active)] data-[open]:bg-[var(--ui-button-menu-primary-container-color-active)] disabled:bg-[var(--ui-button-menu-primary-container-color-disabled)]',\n        secondary:\n          'bg-[var(--ui-button-menu-secondary-container-color-idle)] text-[var(--ui-button-menu-secondary-label-color-idle)] border-[var(--ui-button-menu-secondary-container-border-color-idle)] [&_svg]:text-[var(--ui-button-menu-secondary-icon-color-idle)] hover:bg-[var(--ui-button-menu-secondary-container-color-hover)] hover:text-[var(--ui-button-menu-secondary-label-color-hover)] hover:border-[var(--ui-button-menu-secondary-container-border-color-hover)] hover:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-hover)] active:bg-[var(--ui-button-menu-secondary-container-color-active)] active:text-[var(--ui-button-menu-secondary-label-color-active)] active:border-[var(--ui-button-menu-secondary-container-border-color-active)] active:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-active)] data-[open]:bg-[var(--ui-button-menu-secondary-container-color-active)] data-[open]:text-[var(--ui-button-menu-secondary-label-color-active)] data-[open]:border-[var(--ui-button-menu-secondary-container-border-color-active)] data-[open]:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-active)] disabled:bg-[var(--ui-button-menu-secondary-container-color-disabled)] disabled:text-[var(--ui-button-menu-secondary-label-color-disabled)] disabled:border-[var(--ui-button-menu-secondary-container-border-color-disabled)] disabled:[&_svg]:text-[var(--ui-button-menu-secondary-icon-color-disabled)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n    },\n  }\n);\n\nexport interface ButtonMenuProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    VariantProps<typeof buttonMenuVariants> {\n  /**\n   * Whether the associated menu is open. Flips the trailing chevron\n   * (down → up), applies the open (`*-active`) treatment, and reflects\n   * `aria-expanded`. Control this in sync with the menu you trigger.\n   */\n  open?: boolean;\n  /** Label content rendered before the chevron. */\n  children?: React.ReactNode;\n  /**\n   * Replace the rendered `<button>` with another element or component\n   * (Base UI composition). Accepts a React element or a render function —\n   * the component's props and class names are merged onto it.\n   */\n  render?: useRender.RenderProp;\n}\n\n/**\n * A button that opens a dropdown menu: a label followed by a chevron that\n * points up while `open`. Pair it with the menu/popover it controls and keep\n * the `open` prop in sync.\n */\nconst ButtonMenu = React.forwardRef<HTMLButtonElement, ButtonMenuProps>(\n  ({ className, variant, open, render, children, ...props }, ref) => {\n    const Chevron = open ? ChevronUpIcon : ChevronDownIcon;\n    return useRender({\n      render,\n      ref,\n      defaultTagName: 'button',\n      props: mergeProps<'button'>(\n        {\n          className: cn(buttonMenuVariants({ variant, className })),\n          'aria-expanded': open,\n          // `data-open` drives the open (`*-active`) token switch via attribute\n          // selectors; present only while open, and typed loosely because\n          // React's button attribute map doesn't include arbitrary data-* keys\n          // as literals.\n          ...(open ? ({ 'data-open': '' } as Record<string, string>) : {}),\n          children: (\n            <>\n              {children}\n              <Chevron />\n            </>\n          ),\n        },\n        props\n      ),\n    });\n  }\n);\nButtonMenu.displayName = 'ButtonMenu';\n\nexport { ButtonMenu, buttonMenuVariants };\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAAqB,EACzB,0oBACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF,GA2BM,IAAa,EAAM,YACtB,EAAE,cAAW,YAAS,SAAM,WAAQ,aAAU,GAAG,KAAS,MAAQ;CACjE,IAAM,IAAU,IAAO,IAAgB;CACvC,OAAO,EAAU;EACf;EACA;EACA,gBAAgB;EAChB,OAAO,EACL;GACE,WAAW,EAAG,EAAmB;IAAE;IAAS;GAAU,CAAC,CAAC;GACxD,iBAAiB;GAKjB,GAAI,IAAQ,EAAE,aAAa,GAAG,IAA+B,CAAC;GAC9D,UACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD,CAAU,CAAA,CACV,EAAA,CAAA;EAEN,GACA,CACF;CACF,CAAC;AACH,CACF;AACA,EAAW,cAAc"}

package/dist/components/ui/calendar/calendar.js

@@ -1,206 +1,107 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as c from "react";
-import { ChevronLeftIcon as p, ChevronRightIcon as m, ChevronDownIcon as f } from "@acronis-platform/icons-react/stroke-mono";
-import { cn as r } from "../../../lib/utils.js";
-import { getDefaultClassNames as l } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
-import { DayPicker as v } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/DayPicker.js";
-function x(n, e) {
-  return {
-    root: r("w-fit", e.root),
-    months: r(
-      "relative flex flex-col gap-4 md:flex-row",
-      e.months
-    ),
-    month: r("flex w-full flex-col gap-4", e.month),
-    nav: r(
-      "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
-      e.nav
-    ),
-    button_previous: r(
-      "inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]",
-      e.button_previous
-    ),
-    button_next: r(
-      "inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]",
-      e.button_next
-    ),
-    month_caption: r(
-      "flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]",
-      e.month_caption
-    ),
-    dropdowns: r(
-      "flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium",
-      e.dropdowns
-    ),
-    dropdown_root: r(
-      "relative rounded-md border border-border has-focus:border-[var(--ui-border-on-surface-border-active)] has-focus:ring-[3px] has-focus:ring-[var(--ui-focus-primary)]",
-      e.dropdown_root
-    ),
-    dropdown: r(
-      // The invisible native <select> overlays the whole `dropdown_root`
-      // box, so its cursor drives the caption box's hover cursor — pointer,
-      // to read as the interactive dropdown trigger it is (vs the plain,
-      // non-clickable `caption_label` box in `captionLayout="label"`).
-      "absolute inset-0 cursor-pointer bg-background opacity-0",
-      e.dropdown
-    ),
-    caption_label: r(
-      "select-none font-medium",
-      n === "label" ? (
-        // Boxed caption (`[ July 2026 ]`) — reuses `dropdown_root`'s
-        // border/rounded box treatment so the label and dropdown layouts
-        // read as the same control.
-        "rounded-md border border-border px-3 py-1 text-sm"
-      ) : "flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
-      e.caption_label
-    ),
-    month_grid: r("w-full border-collapse", e.month_grid),
-    weekdays: r("flex", e.weekdays),
-    weekday: r(
-      "flex-1 select-none rounded-md text-[0.8rem] font-normal text-muted-foreground",
-      e.weekday
-    ),
-    week: r("mt-2 flex w-full", e.week),
-    week_number_header: r(
-      "w-[var(--cell-size)] select-none",
-      e.week_number_header
-    ),
-    week_number: r(
-      "select-none text-[0.8rem] text-muted-foreground",
-      e.week_number
-    ),
-    day: r(
-      // Logical (`-s-`/`-e-`) corner rounding so the range band's outer
-      // corners flip sides under RTL along with the CSS-reversed grid.
-      "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-s-md [&:last-child[data-selected=true]_button]:rounded-e-md",
-      e.day
-    ),
-    range_start: r("rounded-s-md", e.range_start),
-    range_middle: r("rounded-none bg-accent", e.range_middle),
-    range_end: r("rounded-e-md", e.range_end),
-    today: r(
-      "rounded-md font-semibold underline data-[selected=true]:rounded-none data-[selected=true]:no-underline",
-      e.today
-    ),
-    outside: r(
-      "text-muted-foreground aria-selected:text-muted-foreground",
-      e.outside
-    ),
-    disabled: r(
-      "text-[var(--ui-text-on-surface-disabled)]",
-      e.disabled
-    ),
-    hidden: r("invisible", e.hidden)
-  };
+import { cn as e } from "../../../lib/utils.js";
+import { getDefaultClassNames as t } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as n } from "../../../node_modules/.pnpm/react-day-picker@10.0.1_@types_react@19.2.15_react@19.2.6/node_modules/react-day-picker/dist/esm/DayPicker.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { ChevronDownIcon as a, ChevronLeftIcon as o, ChevronRightIcon as s } from "@acronis-platform/icons-react/stroke-mono";
+//#region src/components/ui/calendar/calendar.tsx
+function c(t, n) {
+	return {
+		root: e("w-fit", n.root),
+		months: e("relative flex flex-col gap-4 md:flex-row", n.months),
+		month: e("flex w-full flex-col gap-4", n.month),
+		nav: e("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", n.nav),
+		button_previous: e("inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]", n.button_previous),
+		button_next: e("inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]", n.button_next),
+		month_caption: e("flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]", n.month_caption),
+		dropdowns: e("flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium", n.dropdowns),
+		dropdown_root: e("relative rounded-md border border-border has-focus:border-[var(--ui-border-on-surface-border-active)] has-focus:ring-[3px] has-focus:ring-[var(--ui-focus-primary)]", n.dropdown_root),
+		dropdown: e("absolute inset-0 cursor-pointer bg-background opacity-0", n.dropdown),
+		caption_label: e("select-none font-medium", t === "label" ? "rounded-md border border-border px-3 py-1 text-sm" : "flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", n.caption_label),
+		month_grid: e("w-full border-collapse", n.month_grid),
+		weekdays: e("flex", n.weekdays),
+		weekday: e("flex-1 select-none rounded-md text-[0.8rem] font-normal text-muted-foreground", n.weekday),
+		week: e("mt-2 flex w-full", n.week),
+		week_number_header: e("w-[var(--cell-size)] select-none", n.week_number_header),
+		week_number: e("select-none text-[0.8rem] text-muted-foreground", n.week_number),
+		day: e("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-s-md [&:last-child[data-selected=true]_button]:rounded-e-md", n.day),
+		range_start: e("rounded-s-md", n.range_start),
+		range_middle: e("rounded-none bg-accent", n.range_middle),
+		range_end: e("rounded-e-md", n.range_end),
+		today: e("rounded-md font-semibold underline data-[selected=true]:rounded-none data-[selected=true]:no-underline", n.today),
+		outside: e("text-muted-foreground aria-selected:text-muted-foreground", n.outside),
+		disabled: e("text-[var(--ui-text-on-surface-disabled)]", n.disabled),
+		hidden: e("invisible", n.hidden)
+	};
 }
-const h = {
-  Root: ({ className: n, rootRef: e, ...t }) => /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "calendar",
-      ref: e,
-      className: r(n),
-      ...t
-    }
-  ),
-  // Drop react-day-picker's numeric `size` — these chevrons render at the
-  // fixed design size (16); icons-react's `size` is the 16|24 design axis.
-  Chevron: ({ className: n, orientation: e, size: t, ...o }) => e === "left" ? /* @__PURE__ */ a(
-    p,
-    {
-      size: 16,
-      className: r("rtl:rotate-180", n),
-      ...o
-    }
-  ) : e === "right" ? /* @__PURE__ */ a(
-    m,
-    {
-      size: 16,
-      className: r("rtl:rotate-180", n),
-      ...o
-    }
-  ) : /* @__PURE__ */ a(f, { size: 16, className: r(n), ...o }),
-  DayButton: y,
-  WeekNumber: ({ children: n, ...e }) => /* @__PURE__ */ a("td", { ...e, children: /* @__PURE__ */ a("div", { className: "flex size-[var(--cell-size)] items-center justify-center text-center", children: n }) })
+var l = {
+	Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ i("div", {
+		"data-slot": "calendar",
+		ref: n,
+		className: e(t),
+		...r
+	}),
+	Chevron: ({ className: t, orientation: n, size: r, ...c }) => n === "left" ? /* @__PURE__ */ i(o, {
+		size: 16,
+		className: e("rtl:rotate-180", t),
+		...c
+	}) : n === "right" ? /* @__PURE__ */ i(s, {
+		size: 16,
+		className: e("rtl:rotate-180", t),
+		...c
+	}) : /* @__PURE__ */ i(a, {
+		size: 16,
+		className: e(t),
+		...c
+	}),
+	DayButton: d,
+	WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ i("td", {
+		...t,
+		children: /* @__PURE__ */ i("div", {
+			className: "flex size-[var(--cell-size)] items-center justify-center text-center",
+			children: e
+		})
+	})
 };
-function D({
-  className: n,
-  classNames: e,
-  showOutsideDays: t = !0,
-  captionLayout: o = "label",
-  // Default the grid to a Monday week start (0=Sun..6=Sat); consumers can still
-  // override per instance.
-  weekStartsOn: u = 1,
-  formatters: d,
-  components: i,
-  ...s
-}) {
-  const g = l();
-  return /* @__PURE__ */ a(
-    v,
-    {
-      showOutsideDays: t,
-      weekStartsOn: u,
-      className: r(
-        "group/calendar bg-background p-3 [--cell-size:2rem] [[data-slot=popover-content]_&]:bg-transparent",
-        n
-      ),
-      captionLayout: o,
-      formatters: {
-        formatMonthDropdown: (b) => b.toLocaleString("default", { month: "short" }),
-        ...d
-      },
-      classNames: {
-        ...x(o, g),
-        ...e
-      },
-      components: {
-        ...h,
-        ...i
-      },
-      ...s
-    }
-  );
+function u({ className: r, classNames: a, showOutsideDays: o = !0, captionLayout: s = "label", weekStartsOn: u = 1, formatters: d, components: f, ...p }) {
+	let m = t();
+	return /* @__PURE__ */ i(n, {
+		showOutsideDays: o,
+		weekStartsOn: u,
+		className: e("group/calendar bg-background p-3 [--cell-size:2rem] [[data-slot=popover-content]_&]:bg-transparent", r),
+		captionLayout: s,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
+			...d
+		},
+		classNames: {
+			...c(s, m),
+			...a
+		},
+		components: {
+			...l,
+			...f
+		},
+		...p
+	});
 }
-function y({
-  className: n,
-  day: e,
-  modifiers: t,
-  ...o
-}) {
-  const u = l(), d = c.useRef(null);
-  return c.useEffect(() => {
-    var i;
-    t.focused && ((i = d.current) == null || i.focus());
-  }, [t.focused]), /* @__PURE__ */ a(
-    "button",
-    {
-      ref: d,
-      type: "button",
-      "data-day": e.date.toLocaleDateString(),
-      "data-selected-single": t.selected && !t.range_start && !t.range_end && !t.range_middle,
-      "data-range-start": t.range_start,
-      "data-range-end": t.range_end,
-      "data-range-middle": t.range_middle,
-      className: r(
-        "flex aspect-square size-[var(--cell-size)] w-full min-w-[var(--cell-size)] cursor-pointer flex-col items-center justify-center gap-1 rounded-md p-0 font-normal leading-none text-foreground outline-none transition-colors",
-        "hover:bg-accent hover:text-accent-foreground",
-        "data-[selected-single=true]:bg-[var(--ui-background-brand-primary)] data-[selected-single=true]:text-[var(--ui-glyph-on-brand-primary)] data-[selected-single=true]:hover:bg-[var(--ui-background-brand-primary-hover)]",
-        "data-[range-start=true]:rounded-md data-[range-start=true]:bg-[var(--ui-background-brand-primary)] data-[range-start=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-start=true]:hover:bg-[var(--ui-background-brand-primary-hover)]",
-        "data-[range-end=true]:rounded-md data-[range-end=true]:bg-[var(--ui-background-brand-primary)] data-[range-end=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-end=true]:hover:bg-[var(--ui-background-brand-primary-hover)]",
-        "data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground",
-        "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]",
-        "disabled:pointer-events-none disabled:text-[var(--ui-text-on-surface-disabled)]",
-        "[&>span]:text-xs [&>span]:opacity-70",
-        u.day,
-        n
-      ),
-      ...o
-    }
-  );
+function d({ className: n, day: a, modifiers: o, ...s }) {
+	let c = t(), l = r.useRef(null);
+	return r.useEffect(() => {
+		o.focused && l.current?.focus();
+	}, [o.focused]), /* @__PURE__ */ i("button", {
+		ref: l,
+		type: "button",
+		"data-day": a.date.toLocaleDateString(),
+		"data-selected-single": o.selected && !o.range_start && !o.range_end && !o.range_middle,
+		"data-range-start": o.range_start,
+		"data-range-end": o.range_end,
+		"data-range-middle": o.range_middle,
+		className: e("flex aspect-square size-[var(--cell-size)] w-full min-w-[var(--cell-size)] cursor-pointer flex-col items-center justify-center gap-1 rounded-md p-0 font-normal leading-none text-foreground outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground", "data-[selected-single=true]:bg-[var(--ui-background-brand-primary)] data-[selected-single=true]:text-[var(--ui-glyph-on-brand-primary)] data-[selected-single=true]:hover:bg-[var(--ui-background-brand-primary-hover)]", "data-[range-start=true]:rounded-md data-[range-start=true]:bg-[var(--ui-background-brand-primary)] data-[range-start=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-start=true]:hover:bg-[var(--ui-background-brand-primary-hover)]", "data-[range-end=true]:rounded-md data-[range-end=true]:bg-[var(--ui-background-brand-primary)] data-[range-end=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-end=true]:hover:bg-[var(--ui-background-brand-primary-hover)]", "data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground", "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]", "disabled:pointer-events-none disabled:text-[var(--ui-text-on-surface-disabled)]", "[&>span]:text-xs [&>span]:opacity-70", c.day, n),
+		...s
+	});
 }
-export {
-  D as Calendar,
-  y as CalendarDayButton
-};
-//# sourceMappingURL=calendar.js.map
+//#endregion
+export { u as Calendar, d as CalendarDayButton };
+
+//# sourceMappingURL=calendar.js.map

package/dist/components/ui/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../../../../src/components/ui/calendar/calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\nimport {\n  DayButton,\n  DayPicker,\n  getDefaultClassNames,\n  type ClassNames,\n  type CustomComponents,\n} from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\n\n// Ported from `@acronis-platform/shadcn-uikit`'s `calendar`\n// (packages/ui-legacy/src/components/ui/calendar.tsx). A pure day-grid built on\n// `react-day-picker`'s `DayPicker` — single / range / multiple selection and one\n// or more months side by side (`numberOfMonths`), with the prev/next chevrons at\n// the outer edges of the month row. No `--ui-calendar-*` token tier exists yet, so\n// this design-pending v1 themes off the shared semantic vocabulary:\n//   • surface / text        -> bg-background / text-foreground\n//   • selected day + range endpoints -> --ui-background-brand-primary + --ui-glyph-on-brand-primary\n//   • range-middle highlight -> --ui-background-surface-hover (`bg-accent`)\n//   • hover                 -> bg-accent / text-accent-foreground\n//   • today                 -> font-weight + underline (no color dependency)\n//   • outside-month / muted -> text-muted-foreground (--ui-text-on-surface-secondary)\n//   • disabled days         -> --ui-text-on-surface-disabled\n//   • focus ring            -> --ui-focus-primary\n// Reconcile (and a possible `--ui-calendar-*` tier) with\n// `/figma-component Calendar <url> --update` once mockups land.\n//\n// Why plain `<button>` for day cells AND nav chevrons (not `Button` / `ButtonIcon`):\n//   • Day cells are a dense text grid, not icon buttons. `Button` is a fixed\n//     32px-tall pill with a 64px min-width, per-variant px, and (for `ghost`) a\n//     hover underline — none of which suit a square, borderless day cell. There\n//     is no `size`/`square` key on `buttonVariants` to opt out of that geometry,\n//     and adding one purely for the calendar would contort Button's API for a\n//     one-off. `ButtonIcon` is icon-only and force-sizes its glyph to 24px\n//     (`--ui-button-icon-global-icon-size`), so it cannot host day-number text.\n//   • Nav chevrons look closest to `ButtonIcon` (ghost, 32px square) but adopting\n//     it here is a net contortion: (1) `react-day-picker`'s Nav marks the edge\n//     buttons with `aria-disabled`, while `ButtonIcon`'s disabled treatment +\n//     `pointer-events-none` key off the `disabled` attribute — the disabled state\n//     would never paint; (2) `ButtonIcon` force-sizes the glyph to 24px, but the\n//     nav chevrons are 16px. Both would require overriding ButtonIcon internals,\n//     so plain `<button>` with `aria-disabled:` variants is the honest fit until a\n//     tokened `--ui-calendar-*` tier defines these controls.\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\n// The full `classNames` map, static aside from the one `captionLayout`-dependent\n// branch (the boxed vs. dropdown caption treatment) and the per-key merge with\n// `react-day-picker`'s own `getDefaultClassNames()`. Built once per render and\n// merged with any caller `classNames` override at the call site.\nfunction buildCalendarClassNames(\n  captionLayout: CalendarProps['captionLayout'],\n  defaultClassNames: ClassNames\n): Partial<ClassNames> {\n  return {\n    root: cn('w-fit', defaultClassNames.root),\n    months: cn(\n      'relative flex flex-col gap-4 md:flex-row',\n      defaultClassNames.months\n    ),\n    month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n    nav: cn(\n      'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',\n      defaultClassNames.nav\n    ),\n    button_previous: cn(\n      'inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]',\n      defaultClassNames.button_previous\n    ),\n    button_next: cn(\n      'inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]',\n      defaultClassNames.button_next\n    ),\n    month_caption: cn(\n      'flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]',\n      defaultClassNames.month_caption\n    ),\n    dropdowns: cn(\n      'flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium',\n      defaultClassNames.dropdowns\n    ),\n    dropdown_root: cn(\n      'relative rounded-md border border-border has-focus:border-[var(--ui-border-on-surface-border-active)] has-focus:ring-[3px] has-focus:ring-[var(--ui-focus-primary)]',\n      defaultClassNames.dropdown_root\n    ),\n    dropdown: cn(\n      // The invisible native <select> overlays the whole `dropdown_root`\n      // box, so its cursor drives the caption box's hover cursor — pointer,\n      // to read as the interactive dropdown trigger it is (vs the plain,\n      // non-clickable `caption_label` box in `captionLayout=\"label\"`).\n      'absolute inset-0 cursor-pointer bg-background opacity-0',\n      defaultClassNames.dropdown\n    ),\n    caption_label: cn(\n      'select-none font-medium',\n      captionLayout === 'label'\n        ? // Boxed caption (`[ July 2026 ]`) — reuses `dropdown_root`'s\n          // border/rounded box treatment so the label and dropdown layouts\n          // read as the same control.\n          'rounded-md border border-border px-3 py-1 text-sm'\n        : 'flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground',\n      defaultClassNames.caption_label\n    ),\n    month_grid: cn('w-full border-collapse', defaultClassNames.month_grid),\n    weekdays: cn('flex', defaultClassNames.weekdays),\n    weekday: cn(\n      'flex-1 select-none rounded-md text-[0.8rem] font-normal text-muted-foreground',\n      defaultClassNames.weekday\n    ),\n    week: cn('mt-2 flex w-full', defaultClassNames.week),\n    week_number_header: cn(\n      'w-[var(--cell-size)] select-none',\n      defaultClassNames.week_number_header\n    ),\n    week_number: cn(\n      'select-none text-[0.8rem] text-muted-foreground',\n      defaultClassNames.week_number\n    ),\n    day: cn(\n      // Logical (`-s-`/`-e-`) corner rounding so the range band's outer\n      // corners flip sides under RTL along with the CSS-reversed grid.\n      'group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-s-md [&:last-child[data-selected=true]_button]:rounded-e-md',\n      defaultClassNames.day\n    ),\n    range_start: cn('rounded-s-md', defaultClassNames.range_start),\n    range_middle: cn('rounded-none bg-accent', defaultClassNames.range_middle),\n    range_end: cn('rounded-e-md', defaultClassNames.range_end),\n    today: cn(\n      'rounded-md font-semibold underline data-[selected=true]:rounded-none data-[selected=true]:no-underline',\n      defaultClassNames.today\n    ),\n    outside: cn(\n      'text-muted-foreground aria-selected:text-muted-foreground',\n      defaultClassNames.outside\n    ),\n    disabled: cn(\n      'text-[var(--ui-text-on-surface-disabled)]',\n      defaultClassNames.disabled\n    ),\n    hidden: cn('invisible', defaultClassNames.hidden),\n  };\n}\n\n// The component-override map. Fully static (no prop/state dependency), so it lives\n// at module scope and is merged with any caller `components` override at the call\n// site. `Chevron`'s RTL flip keys off the `rtl:` variant, so it needs no props.\nconst calendarComponents: Partial<CustomComponents> = {\n  Root: ({ className, rootRef, ...props }) => (\n    <div\n      data-slot=\"calendar\"\n      ref={rootRef}\n      className={cn(className)}\n      {...props}\n    />\n  ),\n  // Drop react-day-picker's numeric `size` — these chevrons render at the\n  // fixed design size (16); icons-react's `size` is the 16|24 design axis.\n  Chevron: ({ className, orientation, size: _size, ...props }) => {\n    // Mirror the horizontal nav chevrons under RTL — `react-day-picker`\n    // hardcodes orientation \"left\"/\"right\" for previous/next regardless of\n    // direction, so we flip them ourselves. Applied on the icon we own via\n    // the `rtl:` variant ([dir=rtl] ancestor), so it's robust to rdp's\n    // internal class names. The vertical (dropdown) chevron never flips.\n    if (orientation === 'left') {\n      return (\n        <ChevronLeftIcon\n          size={16}\n          className={cn('rtl:rotate-180', className)}\n          {...props}\n        />\n      );\n    }\n    if (orientation === 'right') {\n      return (\n        <ChevronRightIcon\n          size={16}\n          className={cn('rtl:rotate-180', className)}\n          {...props}\n        />\n      );\n    }\n    return <ChevronDownIcon size={16} className={cn(className)} {...props} />;\n  },\n  DayButton: CalendarDayButton,\n  WeekNumber: ({ children, ...props }) => (\n    <td {...props}>\n      <div className=\"flex size-[var(--cell-size)] items-center justify-center text-center\">\n        {children}\n      </div>\n    </td>\n  ),\n};\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  // Default the grid to a Monday week start (0=Sun..6=Sat); consumers can still\n  // override per instance.\n  weekStartsOn = 1,\n  formatters,\n  components,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      weekStartsOn={weekStartsOn}\n      className={cn(\n        'group/calendar bg-background p-3 [--cell-size:2rem] [[data-slot=popover-content]_&]:bg-transparent',\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        ...buildCalendarClassNames(captionLayout, defaultClassNames),\n        ...classNames,\n      }}\n      components={{\n        ...calendarComponents,\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'flex aspect-square size-[var(--cell-size)] w-full min-w-[var(--cell-size)] cursor-pointer flex-col items-center justify-center gap-1 rounded-md p-0 font-normal leading-none text-foreground outline-none transition-colors',\n        'hover:bg-accent hover:text-accent-foreground',\n        'data-[selected-single=true]:bg-[var(--ui-background-brand-primary)] data-[selected-single=true]:text-[var(--ui-glyph-on-brand-primary)] data-[selected-single=true]:hover:bg-[var(--ui-background-brand-primary-hover)]',\n        'data-[range-start=true]:rounded-md data-[range-start=true]:bg-[var(--ui-background-brand-primary)] data-[range-start=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-start=true]:hover:bg-[var(--ui-background-brand-primary-hover)]',\n        'data-[range-end=true]:rounded-md data-[range-end=true]:bg-[var(--ui-background-brand-primary)] data-[range-end=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-end=true]:hover:bg-[var(--ui-background-brand-primary-hover)]',\n        'data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground',\n        'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]',\n        'disabled:pointer-events-none disabled:text-[var(--ui-text-on-surface-disabled)]',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"names":["buildCalendarClassNames","captionLayout","defaultClassNames","cn","calendarComponents","className","rootRef","props","jsx","orientation","_size","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","Calendar","classNames","showOutsideDays","weekStartsOn","formatters","components","getDefaultClassNames","DayPicker","date","day","modifiers","ref","React","_a"],"mappings":"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"}
+{"version":3,"file":"calendar.js","names":[],"sources":["../../../../src/components/ui/calendar/calendar.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from '@acronis-platform/icons-react/stroke-mono';\nimport {\n  DayButton,\n  DayPicker,\n  getDefaultClassNames,\n  type ClassNames,\n  type CustomComponents,\n} from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\n\n// Ported from `@acronis-platform/shadcn-uikit`'s `calendar`\n// (packages/ui-legacy/src/components/ui/calendar.tsx). A pure day-grid built on\n// `react-day-picker`'s `DayPicker` — single / range / multiple selection and one\n// or more months side by side (`numberOfMonths`), with the prev/next chevrons at\n// the outer edges of the month row. No `--ui-calendar-*` token tier exists yet, so\n// this design-pending v1 themes off the shared semantic vocabulary:\n//   • surface / text        -> bg-background / text-foreground\n//   • selected day + range endpoints -> --ui-background-brand-primary + --ui-glyph-on-brand-primary\n//   • range-middle highlight -> --ui-background-surface-hover (`bg-accent`)\n//   • hover                 -> bg-accent / text-accent-foreground\n//   • today                 -> font-weight + underline (no color dependency)\n//   • outside-month / muted -> text-muted-foreground (--ui-text-on-surface-secondary)\n//   • disabled days         -> --ui-text-on-surface-disabled\n//   • focus ring            -> --ui-focus-primary\n// Reconcile (and a possible `--ui-calendar-*` tier) with\n// `/figma-component Calendar <url> --update` once mockups land.\n//\n// Why plain `<button>` for day cells AND nav chevrons (not `Button` / `ButtonIcon`):\n//   • Day cells are a dense text grid, not icon buttons. `Button` is a fixed\n//     32px-tall pill with a 64px min-width, per-variant px, and (for `ghost`) a\n//     hover underline — none of which suit a square, borderless day cell. There\n//     is no `size`/`square` key on `buttonVariants` to opt out of that geometry,\n//     and adding one purely for the calendar would contort Button's API for a\n//     one-off. `ButtonIcon` is icon-only and force-sizes its glyph to 24px\n//     (`--ui-button-icon-global-icon-size`), so it cannot host day-number text.\n//   • Nav chevrons look closest to `ButtonIcon` (ghost, 32px square) but adopting\n//     it here is a net contortion: (1) `react-day-picker`'s Nav marks the edge\n//     buttons with `aria-disabled`, while `ButtonIcon`'s disabled treatment +\n//     `pointer-events-none` key off the `disabled` attribute — the disabled state\n//     would never paint; (2) `ButtonIcon` force-sizes the glyph to 24px, but the\n//     nav chevrons are 16px. Both would require overriding ButtonIcon internals,\n//     so plain `<button>` with `aria-disabled:` variants is the honest fit until a\n//     tokened `--ui-calendar-*` tier defines these controls.\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\n// The full `classNames` map, static aside from the one `captionLayout`-dependent\n// branch (the boxed vs. dropdown caption treatment) and the per-key merge with\n// `react-day-picker`'s own `getDefaultClassNames()`. Built once per render and\n// merged with any caller `classNames` override at the call site.\nfunction buildCalendarClassNames(\n  captionLayout: CalendarProps['captionLayout'],\n  defaultClassNames: ClassNames\n): Partial<ClassNames> {\n  return {\n    root: cn('w-fit', defaultClassNames.root),\n    months: cn(\n      'relative flex flex-col gap-4 md:flex-row',\n      defaultClassNames.months\n    ),\n    month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n    nav: cn(\n      'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',\n      defaultClassNames.nav\n    ),\n    button_previous: cn(\n      'inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]',\n      defaultClassNames.button_previous\n    ),\n    button_next: cn(\n      'inline-flex size-[var(--cell-size)] cursor-pointer select-none items-center justify-center rounded-md p-0 text-foreground outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-[var(--ui-focus-primary)] aria-disabled:pointer-events-none aria-disabled:text-[var(--ui-text-on-surface-disabled)]',\n      defaultClassNames.button_next\n    ),\n    month_caption: cn(\n      'flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]',\n      defaultClassNames.month_caption\n    ),\n    dropdowns: cn(\n      'flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium',\n      defaultClassNames.dropdowns\n    ),\n    dropdown_root: cn(\n      'relative rounded-md border border-border has-focus:border-[var(--ui-border-on-surface-border-active)] has-focus:ring-[3px] has-focus:ring-[var(--ui-focus-primary)]',\n      defaultClassNames.dropdown_root\n    ),\n    dropdown: cn(\n      // The invisible native <select> overlays the whole `dropdown_root`\n      // box, so its cursor drives the caption box's hover cursor — pointer,\n      // to read as the interactive dropdown trigger it is (vs the plain,\n      // non-clickable `caption_label` box in `captionLayout=\"label\"`).\n      'absolute inset-0 cursor-pointer bg-background opacity-0',\n      defaultClassNames.dropdown\n    ),\n    caption_label: cn(\n      'select-none font-medium',\n      captionLayout === 'label'\n        ? // Boxed caption (`[ July 2026 ]`) — reuses `dropdown_root`'s\n          // border/rounded box treatment so the label and dropdown layouts\n          // read as the same control.\n          'rounded-md border border-border px-3 py-1 text-sm'\n        : 'flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground',\n      defaultClassNames.caption_label\n    ),\n    month_grid: cn('w-full border-collapse', defaultClassNames.month_grid),\n    weekdays: cn('flex', defaultClassNames.weekdays),\n    weekday: cn(\n      'flex-1 select-none rounded-md text-[0.8rem] font-normal text-muted-foreground',\n      defaultClassNames.weekday\n    ),\n    week: cn('mt-2 flex w-full', defaultClassNames.week),\n    week_number_header: cn(\n      'w-[var(--cell-size)] select-none',\n      defaultClassNames.week_number_header\n    ),\n    week_number: cn(\n      'select-none text-[0.8rem] text-muted-foreground',\n      defaultClassNames.week_number\n    ),\n    day: cn(\n      // Logical (`-s-`/`-e-`) corner rounding so the range band's outer\n      // corners flip sides under RTL along with the CSS-reversed grid.\n      'group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-s-md [&:last-child[data-selected=true]_button]:rounded-e-md',\n      defaultClassNames.day\n    ),\n    range_start: cn('rounded-s-md', defaultClassNames.range_start),\n    range_middle: cn('rounded-none bg-accent', defaultClassNames.range_middle),\n    range_end: cn('rounded-e-md', defaultClassNames.range_end),\n    today: cn(\n      'rounded-md font-semibold underline data-[selected=true]:rounded-none data-[selected=true]:no-underline',\n      defaultClassNames.today\n    ),\n    outside: cn(\n      'text-muted-foreground aria-selected:text-muted-foreground',\n      defaultClassNames.outside\n    ),\n    disabled: cn(\n      'text-[var(--ui-text-on-surface-disabled)]',\n      defaultClassNames.disabled\n    ),\n    hidden: cn('invisible', defaultClassNames.hidden),\n  };\n}\n\n// The component-override map. Fully static (no prop/state dependency), so it lives\n// at module scope and is merged with any caller `components` override at the call\n// site. `Chevron`'s RTL flip keys off the `rtl:` variant, so it needs no props.\nconst calendarComponents: Partial<CustomComponents> = {\n  Root: ({ className, rootRef, ...props }) => (\n    <div\n      data-slot=\"calendar\"\n      ref={rootRef}\n      className={cn(className)}\n      {...props}\n    />\n  ),\n  // Drop react-day-picker's numeric `size` — these chevrons render at the\n  // fixed design size (16); icons-react's `size` is the 16|24 design axis.\n  Chevron: ({ className, orientation, size: _size, ...props }) => {\n    // Mirror the horizontal nav chevrons under RTL — `react-day-picker`\n    // hardcodes orientation \"left\"/\"right\" for previous/next regardless of\n    // direction, so we flip them ourselves. Applied on the icon we own via\n    // the `rtl:` variant ([dir=rtl] ancestor), so it's robust to rdp's\n    // internal class names. The vertical (dropdown) chevron never flips.\n    if (orientation === 'left') {\n      return (\n        <ChevronLeftIcon\n          size={16}\n          className={cn('rtl:rotate-180', className)}\n          {...props}\n        />\n      );\n    }\n    if (orientation === 'right') {\n      return (\n        <ChevronRightIcon\n          size={16}\n          className={cn('rtl:rotate-180', className)}\n          {...props}\n        />\n      );\n    }\n    return <ChevronDownIcon size={16} className={cn(className)} {...props} />;\n  },\n  DayButton: CalendarDayButton,\n  WeekNumber: ({ children, ...props }) => (\n    <td {...props}>\n      <div className=\"flex size-[var(--cell-size)] items-center justify-center text-center\">\n        {children}\n      </div>\n    </td>\n  ),\n};\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  // Default the grid to a Monday week start (0=Sun..6=Sat); consumers can still\n  // override per instance.\n  weekStartsOn = 1,\n  formatters,\n  components,\n  ...props\n}: CalendarProps) {\n  const defaultClassNames = getDefaultClassNames();\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      weekStartsOn={weekStartsOn}\n      className={cn(\n        'group/calendar bg-background p-3 [--cell-size:2rem] [[data-slot=popover-content]_&]:bg-transparent',\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        ...buildCalendarClassNames(captionLayout, defaultClassNames),\n        ...classNames,\n      }}\n      components={{\n        ...calendarComponents,\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'flex aspect-square size-[var(--cell-size)] w-full min-w-[var(--cell-size)] cursor-pointer flex-col items-center justify-center gap-1 rounded-md p-0 font-normal leading-none text-foreground outline-none transition-colors',\n        'hover:bg-accent hover:text-accent-foreground',\n        'data-[selected-single=true]:bg-[var(--ui-background-brand-primary)] data-[selected-single=true]:text-[var(--ui-glyph-on-brand-primary)] data-[selected-single=true]:hover:bg-[var(--ui-background-brand-primary-hover)]',\n        'data-[range-start=true]:rounded-md data-[range-start=true]:bg-[var(--ui-background-brand-primary)] data-[range-start=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-start=true]:hover:bg-[var(--ui-background-brand-primary-hover)]',\n        'data-[range-end=true]:rounded-md data-[range-end=true]:bg-[var(--ui-background-brand-primary)] data-[range-end=true]:text-[var(--ui-glyph-on-brand-primary)] data-[range-end=true]:hover:bg-[var(--ui-background-brand-primary-hover)]',\n        'data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground',\n        'group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-[var(--ui-focus-primary)]',\n        'disabled:pointer-events-none disabled:text-[var(--ui-text-on-surface-disabled)]',\n        '[&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n"],"mappings":"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"}

package/dist/components/ui/calendar-panel/calendar-panel-utils.js

@@ -1,63 +1,52 @@
-import { addMonths as o } from "../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addMonths.js";
-const i = 50;
-function s(r, t, n, e = i) {
-  return {
-    fromYear: r ?? n - e,
-    toYear: t ?? n + e
-  };
+import { addMonths as e } from "../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addMonths.js";
+function t(e, t, n, r = 50) {
+	return {
+		fromYear: e ?? n - r,
+		toYear: t ?? n + r
+	};
 }
-function l(r, t) {
-  var n;
-  return r ?? ((n = t == null ? void 0 : t.options) == null ? void 0 : n.weekStartsOn) ?? 1;
+function n(e, t) {
+	return e ?? t?.options?.weekStartsOn ?? 1;
 }
-function g(r) {
-  return Array.from({ length: 12 }, (t, n) => ({
-    value: n,
-    label: r(new Date(2e3, n, 1))
-  }));
+function r(e) {
+	return Array.from({ length: 12 }, (t, n) => ({
+		value: n,
+		label: e(new Date(2e3, n, 1))
+	}));
 }
-function m(r, t) {
-  return Array.from({ length: Math.max(t - r + 1, 1) }, (n, e) => ({
-    value: r + e,
-    label: String(r + e)
-  }));
+function i(e, t) {
+	return Array.from({ length: Math.max(t - e + 1, 1) }, (t, n) => ({
+		value: e + n,
+		label: String(e + n)
+	}));
 }
-function d(r, t, n) {
-  return (t.getFullYear() - r.getFullYear()) * 12 + (t.getMonth() - r.getMonth()) < n - 1 ? o(t, -(n - 1)) : r;
+function a(t, n, r) {
+	return (n.getFullYear() - t.getFullYear()) * 12 + (n.getMonth() - t.getMonth()) < r - 1 ? e(n, -(r - 1)) : t;
 }
-function f(r, t, n, e, u) {
-  switch (r) {
-    case "single":
-      return {
-        mode: "single",
-        selected: t,
-        onSelect: n
-      };
-    case "multiple":
-      return {
-        mode: "multiple",
-        selected: t,
-        onSelect: n,
-        min: e,
-        max: u
-      };
-    case "range":
-      return {
-        mode: "range",
-        selected: t,
-        onSelect: n,
-        min: e,
-        max: u
-      };
-  }
+function o(e, t, n, r, i) {
+	switch (e) {
+		case "single": return {
+			mode: "single",
+			selected: t,
+			onSelect: n
+		};
+		case "multiple": return {
+			mode: "multiple",
+			selected: t,
+			onSelect: n,
+			min: r,
+			max: i
+		};
+		case "range": return {
+			mode: "range",
+			selected: t,
+			onSelect: n,
+			min: r,
+			max: i
+		};
+	}
 }
-export {
-  i as DEFAULT_YEAR_SPAN,
-  f as buildModeProps,
-  g as buildMonthItems,
-  m as buildYearItems,
-  d as clampNavigationTarget,
-  l as resolveWeekStartsOn,
-  s as resolveYearRange
-};
-//# sourceMappingURL=calendar-panel-utils.js.map
+//#endregion
+export { o as buildModeProps, r as buildMonthItems, i as buildYearItems, a as clampNavigationTarget, n as resolveWeekStartsOn, t as resolveYearRange };
+
+//# sourceMappingURL=calendar-panel-utils.js.map

package/dist/components/ui/calendar-panel/calendar-panel-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-panel-utils.js","sources":["../../../../src/components/ui/calendar-panel/calendar-panel-utils.ts"],"sourcesContent":["import { addMonths } from 'date-fns';\n\nimport type { CalendarPanelSelected, CalendarPanelVariant } from './calendar-panel';\nimport type { DateRange, DayPickerLocale, DayPickerProps } from 'react-day-picker';\n\n/** Number of years offered on each side of the current year by default. */\nexport const DEFAULT_YEAR_SPAN = 50;\n\n/** A `{value, label}` pair for one `InputSelect` option in the header dropdowns. */\nexport interface CalendarSelectItem<T> {\n  value: T;\n  label: string;\n}\n\n/**\n * Resolves the year dropdown's bounds: an explicit `fromYear`/`toYear` wins,\n * otherwise falls back to `currentYear` ± `span`.\n */\nexport function resolveYearRange(\n  fromYear: number | undefined,\n  toYear: number | undefined,\n  currentYear: number,\n  span: number = DEFAULT_YEAR_SPAN\n): { fromYear: number; toYear: number } {\n  return {\n    fromYear: fromYear ?? currentYear - span,\n    toYear: toYear ?? currentYear + span,\n  };\n}\n\n/** Day-of-week index DayPicker accepts for `weekStartsOn` (0 = Sunday). */\nexport type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Resolves the week's first day: an explicit `weekStartsOn` wins, then the\n * `locale`'s own week start, then Monday (per the design default).\n */\nexport function resolveWeekStartsOn(\n  weekStartsOn: WeekStartsOn | undefined,\n  locale: DayPickerLocale | undefined\n): WeekStartsOn {\n  return weekStartsOn ?? (locale?.options?.weekStartsOn as WeekStartsOn | undefined) ?? 1;\n}\n\n/**\n * Builds the 12 month dropdown items. Formats each from year 2000 (a leap\n * year), so every month — including February 29 — formats from a valid date.\n */\nexport function buildMonthItems(\n  formatMonthLabel: (date: Date) => string\n): CalendarSelectItem<number>[] {\n  return Array.from({ length: 12 }, (_unused, index) => ({\n    value: index,\n    label: formatMonthLabel(new Date(2000, index, 1)),\n  }));\n}\n\n/**\n * Builds the year dropdown items spanning `fromYear`..`toYear` inclusive.\n * An inverted range (`toYear < fromYear`) clamps to a single `fromYear` item\n * rather than producing an empty or negative-length list.\n */\nexport function buildYearItems(\n  fromYear: number,\n  toYear: number\n): CalendarSelectItem<number>[] {\n  return Array.from({ length: Math.max(toYear - fromYear + 1, 1) }, (_unused, index) => ({\n    value: fromYear + index,\n    label: String(fromYear + index),\n  }));\n}\n\n/**\n * Backs a header-dropdown navigation target off so the last of `numberOfMonths`\n * displayed months doesn't run past `endMonth`. Mirrors react-day-picker's own\n * `getInitialMonth` back-off — its `goToMonth` only clamps the *first* displayed\n * month to `endMonth`, so for a two-month `range` panel, requesting a first month\n * within one month of `endMonth` (e.g. `endMonth` itself) leaves the second month\n * past the bound, and `getDisplayMonths` silently drops it instead of the pair\n * sliding back.\n */\nexport function clampNavigationTarget(\n  target: Date,\n  endMonth: Date,\n  numberOfMonths: number\n): Date {\n  const monthsUntilEnd =\n    (endMonth.getFullYear() - target.getFullYear()) * 12 +\n    (endMonth.getMonth() - target.getMonth());\n  return monthsUntilEnd < numberOfMonths - 1\n    ? addMonths(endMonth, -(numberOfMonths - 1))\n    : target;\n}\n\n/**\n * Assembles DayPicker's mode-specific selection props from `variant`. DayPicker's\n * props are a discriminated union keyed by a literal `mode`, so each branch is\n * built separately (rather than a single object with `mode: variant`) — a\n * literal tag is what lets TypeScript pick the matching union member without\n * an `as DayPickerProps` assertion. `selected`/`onSelect` are cast per branch\n * to their branch-specific shape only, which the discriminated `CalendarPanelProps`\n * union above guarantees is safe at the call site.\n */\nexport function buildModeProps(\n  variant: CalendarPanelVariant,\n  selected: CalendarPanelSelected,\n  onSelect: ((selected: CalendarPanelSelected, triggerDate: Date) => void) | undefined,\n  min: number | undefined,\n  max: number | undefined\n): DayPickerProps {\n  switch (variant) {\n    case 'single':\n      return {\n        mode: 'single',\n        selected: selected as Date | undefined,\n        onSelect: onSelect as ((selected: Date | undefined, triggerDate: Date) => void) | undefined,\n      };\n    case 'multiple':\n      return {\n        mode: 'multiple',\n        selected: selected as Date[] | undefined,\n        onSelect: onSelect as ((selected: Date[] | undefined, triggerDate: Date) => void) | undefined,\n        min,\n        max,\n      };\n    case 'range':\n      return {\n        mode: 'range',\n        selected: selected as DateRange | undefined,\n        onSelect: onSelect as ((selected: DateRange | undefined, triggerDate: Date) => void) | undefined,\n        min,\n        max,\n      };\n  }\n}\n"],"names":["DEFAULT_YEAR_SPAN","resolveYearRange","fromYear","toYear","currentYear","span","resolveWeekStartsOn","weekStartsOn","locale","_a","buildMonthItems","formatMonthLabel","_unused","index","buildYearItems","clampNavigationTarget","target","endMonth","numberOfMonths","addMonths","buildModeProps","variant","selected","onSelect","min","max"],"mappings":";AAMO,MAAMA,IAAoB;AAY1B,SAASC,EACdC,GACAC,GACAC,GACAC,IAAeL,GACuB;AACtC,SAAO;AAAA,IACL,UAAUE,KAAYE,IAAcC;AAAA,IACpC,QAAQF,KAAUC,IAAcC;AAAA,EAAA;AAEpC;AASO,SAASC,EACdC,GACAC,GACc;;AACd,SAAOD,OAAiBE,IAAAD,KAAA,gBAAAA,EAAQ,YAAR,gBAAAC,EAAiB,iBAA6C;AACxF;AAMO,SAASC,EACdC,GAC8B;AAC9B,SAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACC,GAASC,OAAW;AAAA,IACrD,OAAOA;AAAA,IACP,OAAOF,EAAiB,IAAI,KAAK,KAAME,GAAO,CAAC,CAAC;AAAA,EAAA,EAChD;AACJ;AAOO,SAASC,EACdZ,GACAC,GAC8B;AAC9B,SAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAIA,IAASD,IAAW,GAAG,CAAC,EAAA,GAAK,CAACU,GAASC,OAAW;AAAA,IACrF,OAAOX,IAAWW;AAAA,IAClB,OAAO,OAAOX,IAAWW,CAAK;AAAA,EAAA,EAC9B;AACJ;AAWO,SAASE,EACdC,GACAC,GACAC,GACM;AAIN,UAFGD,EAAS,YAAA,IAAgBD,EAAO,iBAAiB,MACjDC,EAAS,SAAA,IAAaD,EAAO,SAAA,KACRE,IAAiB,IACrCC,EAAUF,GAAU,EAAEC,IAAiB,EAAE,IACzCF;AACN;AAWO,SAASI,EACdC,GACAC,GACAC,GACAC,GACAC,GACgB;AAChB,UAAQJ,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAAC;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,IAEJ,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAAD;AAAA,QACA,UAAAC;AAAA,QACA,KAAAC;AAAA,QACA,KAAAC;AAAA,MAAA;AAAA,IAEJ,KAAK;AACH,aAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAAH;AAAA,QACA,UAAAC;AAAA,QACA,KAAAC;AAAA,QACA,KAAAC;AAAA,MAAA;AAAA,EACF;AAEN;"}
+{"version":3,"file":"calendar-panel-utils.js","names":[],"sources":["../../../../src/components/ui/calendar-panel/calendar-panel-utils.ts"],"sourcesContent":["import { addMonths } from 'date-fns';\n\nimport type { CalendarPanelSelected, CalendarPanelVariant } from './calendar-panel';\nimport type { DateRange, DayPickerLocale, DayPickerProps } from 'react-day-picker';\n\n/** Number of years offered on each side of the current year by default. */\nexport const DEFAULT_YEAR_SPAN = 50;\n\n/** A `{value, label}` pair for one `InputSelect` option in the header dropdowns. */\nexport interface CalendarSelectItem<T> {\n  value: T;\n  label: string;\n}\n\n/**\n * Resolves the year dropdown's bounds: an explicit `fromYear`/`toYear` wins,\n * otherwise falls back to `currentYear` ± `span`.\n */\nexport function resolveYearRange(\n  fromYear: number | undefined,\n  toYear: number | undefined,\n  currentYear: number,\n  span: number = DEFAULT_YEAR_SPAN\n): { fromYear: number; toYear: number } {\n  return {\n    fromYear: fromYear ?? currentYear - span,\n    toYear: toYear ?? currentYear + span,\n  };\n}\n\n/** Day-of-week index DayPicker accepts for `weekStartsOn` (0 = Sunday). */\nexport type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Resolves the week's first day: an explicit `weekStartsOn` wins, then the\n * `locale`'s own week start, then Monday (per the design default).\n */\nexport function resolveWeekStartsOn(\n  weekStartsOn: WeekStartsOn | undefined,\n  locale: DayPickerLocale | undefined\n): WeekStartsOn {\n  return weekStartsOn ?? (locale?.options?.weekStartsOn as WeekStartsOn | undefined) ?? 1;\n}\n\n/**\n * Builds the 12 month dropdown items. Formats each from year 2000 (a leap\n * year), so every month — including February 29 — formats from a valid date.\n */\nexport function buildMonthItems(\n  formatMonthLabel: (date: Date) => string\n): CalendarSelectItem<number>[] {\n  return Array.from({ length: 12 }, (_unused, index) => ({\n    value: index,\n    label: formatMonthLabel(new Date(2000, index, 1)),\n  }));\n}\n\n/**\n * Builds the year dropdown items spanning `fromYear`..`toYear` inclusive.\n * An inverted range (`toYear < fromYear`) clamps to a single `fromYear` item\n * rather than producing an empty or negative-length list.\n */\nexport function buildYearItems(\n  fromYear: number,\n  toYear: number\n): CalendarSelectItem<number>[] {\n  return Array.from({ length: Math.max(toYear - fromYear + 1, 1) }, (_unused, index) => ({\n    value: fromYear + index,\n    label: String(fromYear + index),\n  }));\n}\n\n/**\n * Backs a header-dropdown navigation target off so the last of `numberOfMonths`\n * displayed months doesn't run past `endMonth`. Mirrors react-day-picker's own\n * `getInitialMonth` back-off — its `goToMonth` only clamps the *first* displayed\n * month to `endMonth`, so for a two-month `range` panel, requesting a first month\n * within one month of `endMonth` (e.g. `endMonth` itself) leaves the second month\n * past the bound, and `getDisplayMonths` silently drops it instead of the pair\n * sliding back.\n */\nexport function clampNavigationTarget(\n  target: Date,\n  endMonth: Date,\n  numberOfMonths: number\n): Date {\n  const monthsUntilEnd =\n    (endMonth.getFullYear() - target.getFullYear()) * 12 +\n    (endMonth.getMonth() - target.getMonth());\n  return monthsUntilEnd < numberOfMonths - 1\n    ? addMonths(endMonth, -(numberOfMonths - 1))\n    : target;\n}\n\n/**\n * Assembles DayPicker's mode-specific selection props from `variant`. DayPicker's\n * props are a discriminated union keyed by a literal `mode`, so each branch is\n * built separately (rather than a single object with `mode: variant`) — a\n * literal tag is what lets TypeScript pick the matching union member without\n * an `as DayPickerProps` assertion. `selected`/`onSelect` are cast per branch\n * to their branch-specific shape only, which the discriminated `CalendarPanelProps`\n * union above guarantees is safe at the call site.\n */\nexport function buildModeProps(\n  variant: CalendarPanelVariant,\n  selected: CalendarPanelSelected,\n  onSelect: ((selected: CalendarPanelSelected, triggerDate: Date) => void) | undefined,\n  min: number | undefined,\n  max: number | undefined\n): DayPickerProps {\n  switch (variant) {\n    case 'single':\n      return {\n        mode: 'single',\n        selected: selected as Date | undefined,\n        onSelect: onSelect as ((selected: Date | undefined, triggerDate: Date) => void) | undefined,\n      };\n    case 'multiple':\n      return {\n        mode: 'multiple',\n        selected: selected as Date[] | undefined,\n        onSelect: onSelect as ((selected: Date[] | undefined, triggerDate: Date) => void) | undefined,\n        min,\n        max,\n      };\n    case 'range':\n      return {\n        mode: 'range',\n        selected: selected as DateRange | undefined,\n        onSelect: onSelect as ((selected: DateRange | undefined, triggerDate: Date) => void) | undefined,\n        min,\n        max,\n      };\n  }\n}\n"],"mappings":";AAkBA,SAAgB,EACd,GACA,GACA,GACA,IAAA,IACsC;CACtC,OAAO;EACL,UAAU,KAAY,IAAc;EACpC,QAAQ,KAAU,IAAc;CAClC;AACF;AASA,SAAgB,EACd,GACA,GACc;CACd,OAAO,KAAiB,GAAQ,SAAS,gBAA6C;AACxF;AAMA,SAAgB,EACd,GAC8B;CAC9B,OAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAS,OAAW;EACrD,OAAO;EACP,OAAO,EAAiB,IAAI,KAAK,KAAM,GAAO,CAAC,CAAC;CAClD,EAAE;AACJ;AAOA,SAAgB,EACd,GACA,GAC8B;CAC9B,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,IAAS,IAAW,GAAG,CAAC,EAAE,IAAI,GAAS,OAAW;EACrF,OAAO,IAAW;EAClB,OAAO,OAAO,IAAW,CAAK;CAChC,EAAE;AACJ;AAWA,SAAgB,EACd,GACA,GACA,GACM;CAIN,QAFG,EAAS,YAAY,IAAI,EAAO,YAAY,KAAK,MACjD,EAAS,SAAS,IAAI,EAAO,SAAS,KACjB,IAAiB,IACrC,EAAU,GAAU,EAAE,IAAiB,EAAE,IACzC;AACN;AAWA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACgB;CAChB,QAAQ,GAAR;EACE,KAAK,UACH,OAAO;GACL,MAAM;GACI;GACA;EACZ;EACF,KAAK,YACH,OAAO;GACL,MAAM;GACI;GACA;GACV;GACA;EACF;EACF,KAAK,SACH,OAAO;GACL,MAAM;GACI;GACA;GACV;GACA;EACF;CACJ;AACF"}