@alfadocs/ui-kit-debug 1.104.0 → 1.105.0

package/dist/_chunks/{warning-stack-3S7e2q07.js → warning-stack-Dx7cpj10.js}

@@ -3,7 +3,7 @@ import { forwardRef as dn, useId as P, useState as y, useEffect as f, useMemo as
 import { c as cn } from "./index-D2ZczOXr.js";
 import { useTranslation as ln } from "react-i18next";
 import { u as un } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { A as C } from "./alert-9kEwDza3.js";
+import { A as C } from "./alert-C4WKViaS.js";
 import { B as fn } from "./button-DohK_Ak_.js";
 import { I as mn } from "./icon-button-S8_weU3g.js";
 import { X as gn } from "./x-B5YnXwCz.js";
@@ -270,4 +270,4 @@ Nn.displayName = "WarningStack";
 export {
   Nn as W
 };
-//# sourceMappingURL=warning-stack-3S7e2q07.js.map
+//# sourceMappingURL=warning-stack-Dx7cpj10.js.map

package/dist/_chunks/{warning-stack-3S7e2q07.js.map → warning-stack-Dx7cpj10.js.map}

@@ -1 +1 @@
-{"version":3,"file":"warning-stack-3S7e2q07.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, X } from 'lucide-react';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\n/** Empty-collapse fold phases (no-`emptyState` path only). See the fold\n *  state machine in the component body. */\ntype FoldPhase = 'open' | 'settling' | 'closing' | 'closed';\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      stretch: false,\n    },\n  },\n);\n\n// Single column by default; two columns once the stack itself is wide\n// enough (container query — viewport width lies when the stack sits in\n// a narrow grid cell). A trailing odd item spans both columns so the\n// grid never ends on a half-width hole, which also keeps a lone item\n// full-width exactly as before.\n// 768px, not the `@3xl` rem alias: container-query `rem` resolves against the\n// host's root font-size, so a non-16px root silently moves the threshold.\nconst LIST_CLASSES = [\n  'ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)]',\n  'ds:@[768px]/warning-stack:grid-cols-2',\n  'ds:@[768px]/warning-stack:[&>li:nth-child(odd):last-child]:col-span-full',\n].join(' ');\n\nconst TOGGLE_CLASSES = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Empty-collapse animation                                            */\n/*                                                                      */\n/* When the stack empties (every notice dismissed) and no `emptyState` */\n/* is supplied, the whole region folds away instead of leaving a hole. */\n/* The grid `1fr → 0fr` track is the only CSS-only way to animate to/  */\n/* from `height: auto`; JS-measured `max-height` is barred by the      */\n/* no-inline-styles constraint. The outer wrapper owns the height      */\n/* track; the inner wrapper owns the cross-fade + overflow clip.       */\n/* ------------------------------------------------------------------ */\n\n/** Floor for how long the folding region stays mounted after it empties, so a\n *  screen reader can voice the cleared count even when `--animation-duration`\n *  is 0ms (accessible themes). The region is already visually collapsed, so\n *  this window is imperceptible. */\nconst MIN_FOLD_UNMOUNT_MS = 250;\n\n/** Reads `--animation-duration` (ms) so the unmount timer matches the\n *  CSS transition. Falls back to 200ms when it can't be resolved. */\nfunction readAnimationDurationMs(): number {\n  if (typeof window === 'undefined') return 200;\n  const raw = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue('--animation-duration');\n  const trimmed = raw.trim();\n  const n = parseFloat(trimmed);\n  if (!Number.isFinite(n)) return 200;\n  return trimmed.endsWith('ms') ? n : n * 1000;\n}\n\n/** Outer height-collapse track. Always a grid so the `grid-template-rows`\n *  transition has a stable from/to; only the row size flips. */\nfunction collapseTrackClass(collapsed: boolean, stretch: boolean): string {\n  return [\n    'ds:grid ds:transition-[grid-template-rows]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    collapsed ? 'ds:grid-rows-[0fr]' : 'ds:grid-rows-[1fr]',\n    stretch ? 'ds:h-full ds:self-stretch' : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/** Inner cross-fade layer. `min-h-0` lets the grid item shrink below its\n *  content; `overflow-hidden` (only while animating) clips the fold so the\n *  card's resting drop-shadow isn't clipped at rest. */\nfunction collapseInnerClass(collapsed: boolean, closing: boolean): string {\n  return [\n    'ds:min-h-0',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    collapsed ? 'ds:opacity-0 ds:overflow-hidden' : 'ds:opacity-100',\n    closing ? 'ds:pointer-events-none' : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nexport interface WarningStackProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. Defaults to\n   *  `2`; pass a larger number (or `Infinity`) to show more before collapsing. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** Whether the whole-stack close control is shown at the header's inline-end.\n   *  Defaults to `true` — the tray is closable. Set `false` for stacks that\n   *  carry notices which must not be bulk-cleared (e.g. hard compliance blocks). */\n  closable?: boolean;\n  /** Fires when the whole-stack close control is activated, after every\n   *  currently-visible notice has been dismissed (folding the region away).\n   *  Optional — the fold happens internally regardless; supply this only to\n   *  mirror the bulk dismissal into the consumer's own store. */\n  onDismissAll?: () => void;\n  /** Accessible label for the whole-stack close control. Defaults to the\n   *  localised \"Dismiss all notices\". */\n  dismissAllLabel?: string;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible = 2,\n      defaultCollapsed = true,\n      onDismiss,\n      closable = true,\n      onDismissAll,\n      dismissAllLabel,\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const labelId = useId();\n    const listId = useId();\n\n    // Track dismissed ids internally so the <li> unmounts even when the\n    // consumer doesn't mirror dismissal into `items` — otherwise the list\n    // keeps a ghost entry (and the two-column grid a blank cell). Pruned\n    // when an id leaves `items`, so a re-pushed item renders again.\n    const [dismissedIds, setDismissedIds] = useState<ReadonlySet<string>>(\n      () => new Set(),\n    );\n    useEffect(() => {\n      setDismissedIds((prev) => {\n        if (prev.size === 0) return prev;\n        const ids = new Set(items.map((item) => item.id));\n        const next = new Set([...prev].filter((id) => ids.has(id)));\n        return next.size === prev.size ? prev : next;\n      });\n    }, [items]);\n\n    const liveItems = useMemo(\n      () => items.filter((item) => !dismissedIds.has(item.id)),\n      [items, dismissedIds],\n    );\n\n    const overflow = maxVisible !== undefined && liveItems.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(liveItems.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = liveItems.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [liveItems.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return liveItems;\n      return liveItems.slice(0, maxVisible);\n    }, [liveItems, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? liveItems.length - (maxVisible ?? 0) : 0;\n\n    /* ----- Empty-collapse phase ------------------------------------- */\n    const hasItems = liveItems.length > 0;\n    const hasEmptyState = emptyState != null;\n    // There is something to show whenever a live notice remains, or an\n    // empty state has been supplied to fill the region in its place.\n    const present = hasItems || hasEmptyState;\n\n    // Only the no-`emptyState` path animates the fold. It runs in two beats\n    // so the height transition has a stable start: a CSS transition can't\n    // interpolate when the element's content changes in the same commit as\n    // the track flip, so `settling` first re-renders the emptied region at\n    // full height (track still open), then `closing` flips the track to 0fr\n    // on the next frame — now the browser animates from a real height.\n    //   open → settling → closing → closed (unmounted, until a notice lands)\n    const [phase, setPhase] = useState<FoldPhase>(present ? 'open' : 'closed');\n    // Drives the expand-in when a notice lands after the region had folded.\n    const [entering, setEntering] = useState(false);\n\n    useIsomorphicLayoutEffect(() => {\n      if (present) {\n        if (phase !== 'open') {\n          // Replay the expand only when re-appearing from a collapsed state.\n          if (phase === 'closing' || phase === 'closed') setEntering(true);\n          setPhase('open');\n        }\n      } else if (phase === 'open') {\n        setPhase('settling');\n      }\n    }, [present, phase]);\n\n    // settling → closing: flip the track shut one frame after the emptied\n    // region has painted at full height, so the collapse actually animates.\n    useEffect(() => {\n      if (phase !== 'settling') return;\n      const raf = window.requestAnimationFrame(() => setPhase('closing'));\n      return () => window.cancelAnimationFrame(raf);\n    }, [phase]);\n\n    // closing → closed: unmount once the collapse transition has run. The\n    // delay is floored so the polite live region (which lives in this subtree)\n    // survives long enough for assistive tech to voice the cleared count\n    // before the node is removed — otherwise an accessible theme, where\n    // `--animation-duration` is 0ms, would unmount in the same frame and\n    // swallow the announcement. The region is already collapsed to zero\n    // height by then, so the extra mounted time is invisible.\n    useEffect(() => {\n      if (phase !== 'closing') return;\n      const delay = Math.max(readAnimationDurationMs(), MIN_FOLD_UNMOUNT_MS);\n      const id = window.setTimeout(() => setPhase('closed'), delay);\n      return () => window.clearTimeout(id);\n    }, [phase]);\n\n    // Expand-in: clear the collapsed start-state on the next frame so the\n    // grid track animates open instead of snapping to full height.\n    useEffect(() => {\n      if (!entering) return;\n      const raf = window.requestAnimationFrame(() => setEntering(false));\n      return () => window.cancelAnimationFrame(raf);\n    }, [entering]);\n\n    const closing = phase === 'closing';\n    const animCollapsed = closing || entering;\n    const mounted = present || phase === 'settling' || phase === 'closing';\n\n    // Focus hand-off: dismissing unmounts the focused close button, which\n    // would otherwise drop focus to <body> (WCAG 2.4.3). Aim for the\n    // dismiss control now occupying the same list position (the next\n    // item), else the last remaining one, else the region itself.\n    const sectionRef = useRef<HTMLElement | null>(null);\n    const setSectionRef = useCallback(\n      (node: HTMLElement | null) => {\n        sectionRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node as HTMLDivElement | null);\n        } else if (ref) {\n          (ref as MutableRefObject<HTMLDivElement | null>).current =\n            node as HTMLDivElement | null;\n        }\n      },\n      [ref],\n    );\n    const pendingFocusIndexRef = useRef<number | null>(null);\n    // No dependency array on purpose: this runs after every render but is\n    // gated by `pendingFocusIndexRef`, which is only non-null on the render\n    // that immediately follows a dismissal. Don't \"fix\" it to `[liveItems]`.\n    useEffect(() => {\n      if (pendingFocusIndexRef.current === null) return;\n      const index = pendingFocusIndexRef.current;\n      pendingFocusIndexRef.current = null;\n      const section = sectionRef.current;\n      if (!section) return;\n      const dismissControls = Array.from(\n        section.querySelectorAll<HTMLButtonElement>('[data-alert-dismiss]'),\n      );\n      const target =\n        dismissControls[Math.min(index, dismissControls.length - 1)];\n      if (target) target.focus();\n      // Last notice gone: only land focus on the region if it survives the\n      // dismissal (an emptyState keeps it mounted). When the stack folds\n      // away entirely there is no stable target here — the consumer owns\n      // re-homing focus (see the dashboard pattern) and the live region\n      // announces the cleared count.\n      else if (hasEmptyState) section.focus();\n    });\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem, index: number) => (open: boolean) => {\n        if (open) return;\n        pendingFocusIndexRef.current = index;\n        setDismissedIds((prev) => new Set(prev).add(item.id));\n        onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    // Whole-stack close: dismiss every currently-visible notice in one go,\n    // which empties `liveItems` and folds the region away. Focus re-homing on\n    // the fold is the consumer's responsibility (same as the last-item case) —\n    // there's no surviving in-component target once the header unmounts.\n    const handleDismissAll = useCallback(() => {\n      setDismissedIds((prev) => {\n        const next = new Set(prev);\n        for (const item of liveItems) next.add(item.id);\n        return next;\n      });\n      onDismissAll?.();\n    }, [liveItems, onDismissAll]);\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region. The whole-stack\n    // close control (when enabled) sits at the inline-end of this row.\n    const titleBlock = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    const showStackClose = closable && hasItems;\n    const header = showStackClose ? (\n      <div className=\"ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]\">\n        {titleBlock}\n        <IconButton\n          type=\"button\"\n          icon={<X aria-hidden=\"true\" />}\n          intent=\"ghost\"\n          size=\"sm\"\n          aria-label={\n            dismissAllLabel ??\n            t('warningStack.dismissAll', 'Dismiss all notices')\n          }\n          onClick={handleDismissAll}\n          // Pull flush to the card's inline-end padding edge, and never let\n          // the button compress when the title wraps.\n          className=\"ds:-me-[var(--spacing-2xs)] ds:shrink-0\"\n        />\n      </div>\n    ) : (\n      titleBlock\n    );\n\n    // Fully folded away (or cold-start empty with no emptyState): render\n    // nothing. Matches the long-standing \"empty + no emptyState → null\"\n    // contract, now reached via the fold-out animation rather than instantly.\n    if (!mounted) return null;\n\n    return (\n      // Outer: height-collapse track. Carries the bounding marker so it is\n      // the cascade-reset boundary even mid-fold.\n      <div\n        data-component=\"warning-stack\"\n        className={collapseTrackClass(animCollapsed, stretch)}\n      >\n        {/* Inner: cross-fade + overflow clip while folding. */}\n        <div className={collapseInnerClass(animCollapsed, closing)}>\n          <section\n            ref={setSectionRef}\n            aria-labelledby={labelId}\n            // Programmatically focusable so a surviving region can take the\n            // last dismissal's focus (see the focus hand-off above).\n            tabIndex={-1}\n            className={[stackVariants({ stretch }), className]\n              .filter(Boolean)\n              .join(' ')}\n            {...rest}\n          >\n            {header}\n            {/* The live region announces the count as it changes. Omitted in\n                emptyState mode, where the empty state itself communicates. */}\n            {!hasEmptyState ? (\n              <div\n                ref={liveRef}\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n                className=\"ds:sr-only\"\n              />\n            ) : null}\n            {hasItems ? (\n              <>\n                {/* Container-type lives on this wrapper (never on the flex\n                    section itself) so the list can query its own inline size. */}\n                <div className=\"ds:@container/warning-stack\">\n                  <ul\n                    id={listId}\n                    className={LIST_CLASSES}\n                    // Neutral wording — the list mixes warnings with info\n                    // notices and promo offers.\n                    aria-label={t('warningStack.listLabel', 'Notices')}\n                  >\n                    {visible.map((item, index) => {\n                      const variant = item.variant ?? 'warning';\n                      return (\n                        // `data-warning-id` is the per-notice agent hook: it\n                        // makes one warning addressable in the DOM, and its\n                        // dismiss control is the nested `[data-alert-dismiss]`.\n                        <li key={item.id} data-warning-id={item.id}>\n                          <Alert\n                            variant={variant}\n                            dismissible={item.dismissible}\n                            icon={item.icon}\n                            onOpenChange={handleDismiss(item, index)}\n                            // Compact: clamp title/description so a notice stays\n                            // a predictable height — keeps the tray tight and\n                            // side-by-side cards even.\n                            clamp\n                            // Fill the row so side-by-side alerts equalise height.\n                            className=\"ds:h-full\"\n                          >\n                            {/* `as=\"h3\"` keeps a clean heading ladder — the\n                                stack's h2 labels the region, then each item's\n                                h3 rises from it. */}\n                            <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                            {item.description ? (\n                              <Alert.Description>\n                                {item.description}\n                              </Alert.Description>\n                            ) : null}\n                            {item.actions ? (\n                              <Alert.Action>{item.actions}</Alert.Action>\n                            ) : null}\n                          </Alert>\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </div>\n\n                {overflow ? (\n                  <Button\n                    type=\"button\"\n                    intent=\"link\"\n                    size=\"sm\"\n                    aria-expanded={!collapsed}\n                    aria-controls={listId}\n                    onClick={toggle}\n                    className={TOGGLE_CLASSES}\n                  >\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className={[\n                        'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                        collapsed ? '' : 'ds:rotate-180',\n                      ].join(' ')}\n                    />\n                    {collapsed\n                      ? t('warningStack.showMore', {\n                          count: hiddenCount,\n                          defaultValue: 'Show {{count}} more warnings',\n                        })\n                      : t('warningStack.showLess', 'Show less')}\n                  </Button>\n                ) : null}\n              </>\n            ) : (\n              emptyState\n            )}\n          </section>\n        </div>\n      </div>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","LIST_CLASSES","TOGGLE_CLASSES","MIN_FOLD_UNMOUNT_MS","readAnimationDurationMs","trimmed","n","collapseTrackClass","collapsed","stretch","collapseInnerClass","closing","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","closable","onDismissAll","dismissAllLabel","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","dismissedIds","setDismissedIds","useState","useEffect","prev","ids","item","next","id","liveItems","useMemo","overflow","setCollapsed","liveRef","useRef","lastCountRef","visible","hiddenCount","hasItems","hasEmptyState","present","phase","setPhase","entering","setEntering","useIsomorphicLayoutEffect","raf","delay","animCollapsed","mounted","sectionRef","setSectionRef","useCallback","node","pendingFocusIndexRef","index","section","dismissControls","target","handleDismiss","open","handleDismissAll","toggle","c","regionLabel","titleBlock","jsxs","jsx","header","IconButton","X","Fragment","variant","Alert","Button","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"warning-stack-Dx7cpj10.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown, X } from 'lucide-react';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\n/** Empty-collapse fold phases (no-`emptyState` path only). See the fold\n *  state machine in the component body. */\ntype FoldPhase = 'open' | 'settling' | 'closing' | 'closed';\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      stretch: false,\n    },\n  },\n);\n\n// Single column by default; two columns once the stack itself is wide\n// enough (container query — viewport width lies when the stack sits in\n// a narrow grid cell). A trailing odd item spans both columns so the\n// grid never ends on a half-width hole, which also keeps a lone item\n// full-width exactly as before.\n// 768px, not the `@3xl` rem alias: container-query `rem` resolves against the\n// host's root font-size, so a non-16px root silently moves the threshold.\nconst LIST_CLASSES = [\n  'ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)]',\n  'ds:@[768px]/warning-stack:grid-cols-2',\n  'ds:@[768px]/warning-stack:[&>li:nth-child(odd):last-child]:col-span-full',\n].join(' ');\n\nconst TOGGLE_CLASSES = [\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-start',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Empty-collapse animation                                            */\n/*                                                                      */\n/* When the stack empties (every notice dismissed) and no `emptyState` */\n/* is supplied, the whole region folds away instead of leaving a hole. */\n/* The grid `1fr → 0fr` track is the only CSS-only way to animate to/  */\n/* from `height: auto`; JS-measured `max-height` is barred by the      */\n/* no-inline-styles constraint. The outer wrapper owns the height      */\n/* track; the inner wrapper owns the cross-fade + overflow clip.       */\n/* ------------------------------------------------------------------ */\n\n/** Floor for how long the folding region stays mounted after it empties, so a\n *  screen reader can voice the cleared count even when `--animation-duration`\n *  is 0ms (accessible themes). The region is already visually collapsed, so\n *  this window is imperceptible. */\nconst MIN_FOLD_UNMOUNT_MS = 250;\n\n/** Reads `--animation-duration` (ms) so the unmount timer matches the\n *  CSS transition. Falls back to 200ms when it can't be resolved. */\nfunction readAnimationDurationMs(): number {\n  if (typeof window === 'undefined') return 200;\n  const raw = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue('--animation-duration');\n  const trimmed = raw.trim();\n  const n = parseFloat(trimmed);\n  if (!Number.isFinite(n)) return 200;\n  return trimmed.endsWith('ms') ? n : n * 1000;\n}\n\n/** Outer height-collapse track. Always a grid so the `grid-template-rows`\n *  transition has a stable from/to; only the row size flips. */\nfunction collapseTrackClass(collapsed: boolean, stretch: boolean): string {\n  return [\n    'ds:grid ds:transition-[grid-template-rows]',\n    'ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    collapsed ? 'ds:grid-rows-[0fr]' : 'ds:grid-rows-[1fr]',\n    stretch ? 'ds:h-full ds:self-stretch' : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/** Inner cross-fade layer. `min-h-0` lets the grid item shrink below its\n *  content; `overflow-hidden` (only while animating) clips the fold so the\n *  card's resting drop-shadow isn't clipped at rest. */\nfunction collapseInnerClass(collapsed: boolean, closing: boolean): string {\n  return [\n    'ds:min-h-0',\n    'ds:transition-opacity ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    collapsed ? 'ds:opacity-0 ds:overflow-hidden' : 'ds:opacity-100',\n    closing ? 'ds:pointer-events-none' : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nexport interface WarningStackProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. Defaults to\n   *  `2`; pass a larger number (or `Infinity`) to show more before collapsing. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** Whether the whole-stack close control is shown at the header's inline-end.\n   *  Defaults to `true` — the tray is closable. Set `false` for stacks that\n   *  carry notices which must not be bulk-cleared (e.g. hard compliance blocks). */\n  closable?: boolean;\n  /** Fires when the whole-stack close control is activated, after every\n   *  currently-visible notice has been dismissed (folding the region away).\n   *  Optional — the fold happens internally regardless; supply this only to\n   *  mirror the bulk dismissal into the consumer's own store. */\n  onDismissAll?: () => void;\n  /** Accessible label for the whole-stack close control. Defaults to the\n   *  localised \"Dismiss all notices\". */\n  dismissAllLabel?: string;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible = 2,\n      defaultCollapsed = true,\n      onDismiss,\n      closable = true,\n      onDismissAll,\n      dismissAllLabel,\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const labelId = useId();\n    const listId = useId();\n\n    // Track dismissed ids internally so the <li> unmounts even when the\n    // consumer doesn't mirror dismissal into `items` — otherwise the list\n    // keeps a ghost entry (and the two-column grid a blank cell). Pruned\n    // when an id leaves `items`, so a re-pushed item renders again.\n    const [dismissedIds, setDismissedIds] = useState<ReadonlySet<string>>(\n      () => new Set(),\n    );\n    useEffect(() => {\n      setDismissedIds((prev) => {\n        if (prev.size === 0) return prev;\n        const ids = new Set(items.map((item) => item.id));\n        const next = new Set([...prev].filter((id) => ids.has(id)));\n        return next.size === prev.size ? prev : next;\n      });\n    }, [items]);\n\n    const liveItems = useMemo(\n      () => items.filter((item) => !dismissedIds.has(item.id)),\n      [items, dismissedIds],\n    );\n\n    const overflow = maxVisible !== undefined && liveItems.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(liveItems.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = liveItems.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [liveItems.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return liveItems;\n      return liveItems.slice(0, maxVisible);\n    }, [liveItems, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? liveItems.length - (maxVisible ?? 0) : 0;\n\n    /* ----- Empty-collapse phase ------------------------------------- */\n    const hasItems = liveItems.length > 0;\n    const hasEmptyState = emptyState != null;\n    // There is something to show whenever a live notice remains, or an\n    // empty state has been supplied to fill the region in its place.\n    const present = hasItems || hasEmptyState;\n\n    // Only the no-`emptyState` path animates the fold. It runs in two beats\n    // so the height transition has a stable start: a CSS transition can't\n    // interpolate when the element's content changes in the same commit as\n    // the track flip, so `settling` first re-renders the emptied region at\n    // full height (track still open), then `closing` flips the track to 0fr\n    // on the next frame — now the browser animates from a real height.\n    //   open → settling → closing → closed (unmounted, until a notice lands)\n    const [phase, setPhase] = useState<FoldPhase>(present ? 'open' : 'closed');\n    // Drives the expand-in when a notice lands after the region had folded.\n    const [entering, setEntering] = useState(false);\n\n    useIsomorphicLayoutEffect(() => {\n      if (present) {\n        if (phase !== 'open') {\n          // Replay the expand only when re-appearing from a collapsed state.\n          if (phase === 'closing' || phase === 'closed') setEntering(true);\n          setPhase('open');\n        }\n      } else if (phase === 'open') {\n        setPhase('settling');\n      }\n    }, [present, phase]);\n\n    // settling → closing: flip the track shut one frame after the emptied\n    // region has painted at full height, so the collapse actually animates.\n    useEffect(() => {\n      if (phase !== 'settling') return;\n      const raf = window.requestAnimationFrame(() => setPhase('closing'));\n      return () => window.cancelAnimationFrame(raf);\n    }, [phase]);\n\n    // closing → closed: unmount once the collapse transition has run. The\n    // delay is floored so the polite live region (which lives in this subtree)\n    // survives long enough for assistive tech to voice the cleared count\n    // before the node is removed — otherwise an accessible theme, where\n    // `--animation-duration` is 0ms, would unmount in the same frame and\n    // swallow the announcement. The region is already collapsed to zero\n    // height by then, so the extra mounted time is invisible.\n    useEffect(() => {\n      if (phase !== 'closing') return;\n      const delay = Math.max(readAnimationDurationMs(), MIN_FOLD_UNMOUNT_MS);\n      const id = window.setTimeout(() => setPhase('closed'), delay);\n      return () => window.clearTimeout(id);\n    }, [phase]);\n\n    // Expand-in: clear the collapsed start-state on the next frame so the\n    // grid track animates open instead of snapping to full height.\n    useEffect(() => {\n      if (!entering) return;\n      const raf = window.requestAnimationFrame(() => setEntering(false));\n      return () => window.cancelAnimationFrame(raf);\n    }, [entering]);\n\n    const closing = phase === 'closing';\n    const animCollapsed = closing || entering;\n    const mounted = present || phase === 'settling' || phase === 'closing';\n\n    // Focus hand-off: dismissing unmounts the focused close button, which\n    // would otherwise drop focus to <body> (WCAG 2.4.3). Aim for the\n    // dismiss control now occupying the same list position (the next\n    // item), else the last remaining one, else the region itself.\n    const sectionRef = useRef<HTMLElement | null>(null);\n    const setSectionRef = useCallback(\n      (node: HTMLElement | null) => {\n        sectionRef.current = node;\n        if (typeof ref === 'function') {\n          ref(node as HTMLDivElement | null);\n        } else if (ref) {\n          (ref as MutableRefObject<HTMLDivElement | null>).current =\n            node as HTMLDivElement | null;\n        }\n      },\n      [ref],\n    );\n    const pendingFocusIndexRef = useRef<number | null>(null);\n    // No dependency array on purpose: this runs after every render but is\n    // gated by `pendingFocusIndexRef`, which is only non-null on the render\n    // that immediately follows a dismissal. Don't \"fix\" it to `[liveItems]`.\n    useEffect(() => {\n      if (pendingFocusIndexRef.current === null) return;\n      const index = pendingFocusIndexRef.current;\n      pendingFocusIndexRef.current = null;\n      const section = sectionRef.current;\n      if (!section) return;\n      const dismissControls = Array.from(\n        section.querySelectorAll<HTMLButtonElement>('[data-alert-dismiss]'),\n      );\n      const target =\n        dismissControls[Math.min(index, dismissControls.length - 1)];\n      if (target) target.focus();\n      // Last notice gone: only land focus on the region if it survives the\n      // dismissal (an emptyState keeps it mounted). When the stack folds\n      // away entirely there is no stable target here — the consumer owns\n      // re-homing focus (see the dashboard pattern) and the live region\n      // announces the cleared count.\n      else if (hasEmptyState) section.focus();\n    });\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem, index: number) => (open: boolean) => {\n        if (open) return;\n        pendingFocusIndexRef.current = index;\n        setDismissedIds((prev) => new Set(prev).add(item.id));\n        onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    // Whole-stack close: dismiss every currently-visible notice in one go,\n    // which empties `liveItems` and folds the region away. Focus re-homing on\n    // the fold is the consumer's responsibility (same as the last-item case) —\n    // there's no surviving in-component target once the header unmounts.\n    const handleDismissAll = useCallback(() => {\n      setDismissedIds((prev) => {\n        const next = new Set(prev);\n        for (const item of liveItems) next.add(item.id);\n        return next;\n      });\n      onDismissAll?.();\n    }, [liveItems, onDismissAll]);\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region. The whole-stack\n    // close control (when enabled) sits at the inline-end of this row.\n    const titleBlock = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    const showStackClose = closable && hasItems;\n    const header = showStackClose ? (\n      <div className=\"ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]\">\n        {titleBlock}\n        <IconButton\n          type=\"button\"\n          icon={<X aria-hidden=\"true\" />}\n          intent=\"ghost\"\n          size=\"sm\"\n          aria-label={\n            dismissAllLabel ??\n            t('warningStack.dismissAll', 'Dismiss all notices')\n          }\n          onClick={handleDismissAll}\n          // Pull flush to the card's inline-end padding edge, and never let\n          // the button compress when the title wraps.\n          className=\"ds:-me-[var(--spacing-2xs)] ds:shrink-0\"\n        />\n      </div>\n    ) : (\n      titleBlock\n    );\n\n    // Fully folded away (or cold-start empty with no emptyState): render\n    // nothing. Matches the long-standing \"empty + no emptyState → null\"\n    // contract, now reached via the fold-out animation rather than instantly.\n    if (!mounted) return null;\n\n    return (\n      // Outer: height-collapse track. Carries the bounding marker so it is\n      // the cascade-reset boundary even mid-fold.\n      <div\n        data-component=\"warning-stack\"\n        className={collapseTrackClass(animCollapsed, stretch)}\n      >\n        {/* Inner: cross-fade + overflow clip while folding. */}\n        <div className={collapseInnerClass(animCollapsed, closing)}>\n          <section\n            ref={setSectionRef}\n            aria-labelledby={labelId}\n            // Programmatically focusable so a surviving region can take the\n            // last dismissal's focus (see the focus hand-off above).\n            tabIndex={-1}\n            className={[stackVariants({ stretch }), className]\n              .filter(Boolean)\n              .join(' ')}\n            {...rest}\n          >\n            {header}\n            {/* The live region announces the count as it changes. Omitted in\n                emptyState mode, where the empty state itself communicates. */}\n            {!hasEmptyState ? (\n              <div\n                ref={liveRef}\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n                className=\"ds:sr-only\"\n              />\n            ) : null}\n            {hasItems ? (\n              <>\n                {/* Container-type lives on this wrapper (never on the flex\n                    section itself) so the list can query its own inline size. */}\n                <div className=\"ds:@container/warning-stack\">\n                  <ul\n                    id={listId}\n                    className={LIST_CLASSES}\n                    // Neutral wording — the list mixes warnings with info\n                    // notices and promo offers.\n                    aria-label={t('warningStack.listLabel', 'Notices')}\n                  >\n                    {visible.map((item, index) => {\n                      const variant = item.variant ?? 'warning';\n                      return (\n                        // `data-warning-id` is the per-notice agent hook: it\n                        // makes one warning addressable in the DOM, and its\n                        // dismiss control is the nested `[data-alert-dismiss]`.\n                        <li key={item.id} data-warning-id={item.id}>\n                          <Alert\n                            variant={variant}\n                            dismissible={item.dismissible}\n                            icon={item.icon}\n                            onOpenChange={handleDismiss(item, index)}\n                            // Compact: clamp title/description so a notice stays\n                            // a predictable height — keeps the tray tight and\n                            // side-by-side cards even.\n                            clamp\n                            // Fill the row so side-by-side alerts equalise height.\n                            className=\"ds:h-full\"\n                          >\n                            {/* `as=\"h3\"` keeps a clean heading ladder — the\n                                stack's h2 labels the region, then each item's\n                                h3 rises from it. */}\n                            <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                            {item.description ? (\n                              <Alert.Description>\n                                {item.description}\n                              </Alert.Description>\n                            ) : null}\n                            {item.actions ? (\n                              <Alert.Action>{item.actions}</Alert.Action>\n                            ) : null}\n                          </Alert>\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </div>\n\n                {overflow ? (\n                  <Button\n                    type=\"button\"\n                    intent=\"link\"\n                    size=\"sm\"\n                    aria-expanded={!collapsed}\n                    aria-controls={listId}\n                    onClick={toggle}\n                    className={TOGGLE_CLASSES}\n                  >\n                    <ChevronDown\n                      aria-hidden=\"true\"\n                      className={[\n                        'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                        collapsed ? '' : 'ds:rotate-180',\n                      ].join(' ')}\n                    />\n                    {collapsed\n                      ? t('warningStack.showMore', {\n                          count: hiddenCount,\n                          defaultValue: 'Show {{count}} more warnings',\n                        })\n                      : t('warningStack.showLess', 'Show less')}\n                  </Button>\n                ) : null}\n              </>\n            ) : (\n              emptyState\n            )}\n          </section>\n        </div>\n      </div>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","LIST_CLASSES","TOGGLE_CLASSES","MIN_FOLD_UNMOUNT_MS","readAnimationDurationMs","trimmed","n","collapseTrackClass","collapsed","stretch","collapseInnerClass","closing","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","closable","onDismissAll","dismissAllLabel","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","dismissedIds","setDismissedIds","useState","useEffect","prev","ids","item","next","id","liveItems","useMemo","overflow","setCollapsed","liveRef","useRef","lastCountRef","visible","hiddenCount","hasItems","hasEmptyState","present","phase","setPhase","entering","setEntering","useIsomorphicLayoutEffect","raf","delay","animCollapsed","mounted","sectionRef","setSectionRef","useCallback","node","pendingFocusIndexRef","index","section","dismissControls","target","handleDismiss","open","handleDismissAll","toggle","c","regionLabel","titleBlock","jsxs","jsx","header","IconButton","X","Fragment","variant","Alert","Button","ChevronDown"],"mappings":"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"}

package/dist/_chunks/week-availability-CsTiwtYj.js

@@ -0,0 +1,318 @@
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as sa, useMemo as u } from "react";
+import { c as i } from "./index-D2ZczOXr.js";
+import { useTranslation as ea } from "react-i18next";
+import { f as ta } from "./intl-locale-FWh-Y5_3.js";
+import { i as na } from "./is-development-CLUAnsU7.js";
+import { E as ra } from "./empty-state-DwJ5YNzz.js";
+const $ = 6, S = [1, 2, 3, 4, 5, 6, 7], y = (r, n, e) => Math.min(e, Math.max(n, r));
+function I(r) {
+  const n = (r ?? []).filter((a) => Number.isFinite(a.from) && Number.isFinite(a.to)).map((a) => ({ from: y(a.from, 0, 1440), to: y(a.to, 0, 1440) })).filter((a) => a.to > a.from).sort((a, o) => a.from - o.from), e = [];
+  for (const a of n) {
+    const o = e[e.length - 1];
+    o && a.from <= o.to ? o.to = Math.max(o.to, a.to) : e.push({ ...a });
+  }
+  return e;
+}
+function oa(r) {
+  if (r.length === 0) return [8, 20];
+  let n = Math.floor(Math.min(...r.map((a) => a.from)) / 60), e = Math.ceil(Math.max(...r.map((a) => a.to)) / 60);
+  return e - n < 4 && (e = Math.min(24, n + 4), n = Math.max(0, e - 4)), [n, e];
+}
+function ia(r, n) {
+  const e = n[0] * 60, a = n[1] * 60, o = y(r.from, e, a), v = y(r.to, e, a);
+  return v <= o || a <= e ? null : {
+    start: (o - e) / (a - e) * 100,
+    size: (v - o) / (a - e) * 100
+  };
+}
+function la(r, n, e) {
+  const a = [
+    ...S.slice(n - 1),
+    ...S.slice(0, n - 1)
+  ];
+  return e ? a.filter(
+    (o) => r.some(
+      (v) => v.days.some((N) => N.weekday === o && I(N.spans).length)
+    )
+  ) : a;
+}
+const K = [
+  "ds:bg-[var(--category-1)]",
+  "ds:bg-[var(--category-2)]",
+  "ds:bg-[var(--category-3)]",
+  "ds:bg-[var(--category-4)]",
+  "ds:bg-[var(--category-5)]",
+  "ds:bg-[var(--category-6)]"
+], E = "ds:bg-[var(--muted-foreground)]", da = i(
+  "ds:@container ds:flex ds:w-full ds:min-w-0 ds:max-w-full ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-[color:var(--foreground)]"
+), ca = i(
+  "ds:m-0 ds:flex ds:list-none ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:p-0 type-meta ds:text-[color:var(--muted-foreground)]"
+), ma = i(
+  "ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-sm)] ds:forced-colors:[forced-color-adjust:none]"
+), pa = i(
+  [
+    "ds:grid ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-xs)] ds:@[640px]:gap-x-[var(--spacing-sm)]",
+    "ds:grid-cols-[repeat(var(--wa-days),minmax(0,1fr))]",
+    "ds:@[640px]:grid-cols-[calc(var(--spacing-xl)*4)_repeat(var(--wa-days),minmax(0,1fr))_auto]"
+  ].join(" ")
+), fa = i(
+  [
+    "ds:grid ds:gap-x-[var(--spacing-xs)] ds:@[640px]:gap-x-[var(--spacing-sm)]",
+    "ds:grid-cols-[repeat(var(--wa-days),minmax(0,1fr))]",
+    "ds:@[640px]:grid-cols-[calc(var(--spacing-xl)*4)_repeat(var(--wa-days),minmax(0,1fr))_auto]"
+  ].join(" ")
+), ua = i(
+  "ds:col-span-full ds:min-w-0 ds:text-start ds:font-semibold ds:break-words ds:@[640px]:col-span-1"
+), ga = i(
+  "ds:col-span-full ds:flex ds:justify-end ds:gap-[var(--spacing-xs)] ds:@[640px]:col-span-1"
+), va = i(
+  [
+    "ds:inline-flex ds:min-h-[var(--min-target-size)] ds:max-w-full ds:items-center ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:p-0 ds:text-start ds:font-semibold ds:text-[color:var(--foreground)] ds:underline-offset-2 ds:hover:underline",
+    "ds:focus-visible:outline-2 ds:focus-visible:outline-offset-2 ds:focus-visible:outline-[var(--focus-ring)]",
+    "ds:forced-colors:focus-visible:outline-[Highlight]"
+  ].join(" ")
+), ha = i(
+  "ds:relative ds:block ds:h-[var(--spacing-md)] ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]"
+), ya = i(
+  "ds:absolute ds:inset-y-0 ds:start-[var(--wa-start)] ds:w-[var(--wa-size)] ds:min-w-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:forced-colors:[forced-color-adjust:none]"
+), xa = i(
+  "ds:hidden ds:justify-between ds:font-normal ds:text-[color:var(--muted-foreground)] ds:tabular-nums ds:@[640px]:flex"
+), ba = i(
+  "ds:m-0 type-meta ds:text-[color:var(--muted-foreground)] ds:@[640px]:hidden"
+);
+function w(r, n) {
+  return r.format(new Date(Date.UTC(2024, 0, 1, 0, n)));
+}
+const wa = sa(function({
+  rows: n,
+  tones: e = [],
+  hourRange: a,
+  hideEmptyDays: o = !1,
+  weekStartsOn: v = 1,
+  legend: N = !0,
+  onRowSelect: C,
+  locale: O,
+  className: P,
+  ..._
+}, Y) {
+  const { t: m, i18n: F } = ea("ui"), c = ta(
+    O ?? F.resolvedLanguage ?? F.language
+  ), k = u(
+    () => new Intl.DateTimeFormat(c, {
+      hour: "numeric",
+      minute: "2-digit",
+      timeZone: "UTC"
+    }),
+    [c]
+  ), G = u(
+    () => new Intl.DateTimeFormat(c, { hour: "numeric", timeZone: "UTC" }),
+    [c]
+  ), X = u(
+    () => new Intl.DateTimeFormat(c, { weekday: "short", timeZone: "UTC" }),
+    [c]
+  ), L = u(
+    () => new Intl.DateTimeFormat(c, { weekday: "long", timeZone: "UTC" }),
+    [c]
+  ), q = u(
+    () => new Intl.ListFormat(c, { type: "unit", style: "short" }),
+    [c]
+  ), A = u(() => {
+    const s = n.map((p) => {
+      const d = /* @__PURE__ */ new Map();
+      for (const g of p.days) d.set(g.weekday, g);
+      return { row: p, byDay: d };
+    }), l = s.flatMap(
+      ({ row: p }) => p.days.flatMap((d) => I(d.spans))
+    );
+    return { normalised: s, hasHours: l.length > 0, fit: oa(l) };
+  }, [n]), J = u(
+    () => new Map(e.map((s, l) => [s.id, l])),
+    [e]
+  );
+  na() && e.length > $ && console.warn(
+    `WeekAvailability: ${e.length} tones given; only the first ${$} get a colour.`
+  );
+  const [h, x] = u(() => {
+    const s = a ? [
+      y(Math.floor(a[0]), 0, 23),
+      y(Math.ceil(a[1]), 1, 24)
+    ] : A.fit;
+    return s[1] > s[0] ? s : [s[0], s[0] + 1];
+  }, [a, A.fit]), T = la(n, v, o), D = (s) => w(G, s * 60), Q = (s) => m("weekAvailability.span", {
+    from: w(k, s.from),
+    to: w(k, s.to)
+  }), U = {
+    ref: Y,
+    "data-component": "week-availability",
+    className: [da(), P].filter(Boolean).join(" "),
+    ..._
+  };
+  if (n.length === 0 || !A.hasHours || T.length === 0)
+    return /* @__PURE__ */ t("div", { ...U, children: /* @__PURE__ */ t(
+      ra,
+      {
+        variant: "no-results",
+        size: "sm",
+        title: m("weekAvailability.empty.title"),
+        description: m("weekAvailability.empty.description")
+      }
+    ) });
+  const W = { "--wa-days": T.length }, R = h + Math.round((x - h) / 2), aa = x - h >= 6;
+  return /* @__PURE__ */ f("div", { ...U, children: [
+    N && e.length > 0 ? /* @__PURE__ */ t(
+      "ul",
+      {
+        "aria-label": m("weekAvailability.legend"),
+        "data-week-availability-legend": "",
+        className: ca(),
+        children: e.map((s, l) => /* @__PURE__ */ f(
+          "li",
+          {
+            className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+            children: [
+              /* @__PURE__ */ t(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-tone": s.id,
+                  className: [ma(), K[l] ?? E].join(
+                    " "
+                  )
+                }
+              ),
+              s.label
+            ]
+          },
+          s.id
+        ))
+      }
+    ) : null,
+    /* @__PURE__ */ t("p", { className: ba(), children: m("weekAvailability.range", {
+      from: w(k, h * 60),
+      to: w(k, x * 60)
+    }) }),
+    /* @__PURE__ */ f(
+      "div",
+      {
+        role: "table",
+        "aria-label": _["aria-label"],
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ t("div", { role: "rowgroup", children: /* @__PURE__ */ f("div", { role: "row", style: W, className: fa(), children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                role: "columnheader",
+                className: "ds:sr-only ds:@[640px]:not-sr-only",
+                children: /* @__PURE__ */ t("span", { className: "ds:sr-only", children: m("weekAvailability.rows") })
+              }
+            ),
+            T.map((s) => {
+              const l = new Date(Date.UTC(2024, 0, s));
+              return /* @__PURE__ */ f(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "ds:min-w-0 ds:text-center type-meta ds:font-semibold ds:text-[color:var(--foreground)]",
+                  children: [
+                    /* @__PURE__ */ t("span", { className: "ds:sr-only", children: L.format(l) }),
+                    /* @__PURE__ */ t("span", { "aria-hidden": "true", children: X.format(l) }),
+                    /* @__PURE__ */ f("span", { "aria-hidden": "true", className: xa(), children: [
+                      /* @__PURE__ */ t("span", { children: D(h) }),
+                      aa ? /* @__PURE__ */ t("span", { children: D(R) }) : null,
+                      /* @__PURE__ */ t("span", { children: D(x) })
+                    ] })
+                  ]
+                },
+                s
+              );
+            }),
+            /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "ds:hidden ds:@[640px]:block" })
+          ] }) }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              role: "rowgroup",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+              children: A.normalised.map(({ row: s, byDay: l }) => /* @__PURE__ */ f(
+                "div",
+                {
+                  role: "row",
+                  "data-row-id": s.id,
+                  style: W,
+                  className: pa(),
+                  children: [
+                    /* @__PURE__ */ t("div", { role: "rowheader", className: ua(), children: C ? /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: va(),
+                        onClick: () => C(s.id),
+                        children: s.label
+                      }
+                    ) : s.label }),
+                    T.map((p) => {
+                      const d = l.get(p), g = I(d == null ? void 0 : d.spans), z = (d == null ? void 0 : d.tone) ?? s.tone, M = z ? J.get(z) : void 0, b = M === void 0 ? void 0 : e[M], V = L.format(new Date(Date.UTC(2024, 0, p))), B = q.format(g.map(Q)), H = g.length === 0 ? m("weekAvailability.cellClosed", { day: V }) : b ? m("weekAvailability.cell", {
+                        day: V,
+                        hours: B,
+                        tone: b.label
+                      }) : m("weekAvailability.cellNoTone", {
+                        day: V,
+                        hours: B
+                      });
+                      return /* @__PURE__ */ f(
+                        "div",
+                        {
+                          role: "cell",
+                          "data-weekday": p,
+                          "data-tone": g.length > 0 ? b == null ? void 0 : b.id : void 0,
+                          title: H,
+                          className: "ds:min-w-0",
+                          children: [
+                            /* @__PURE__ */ t("span", { className: "ds:sr-only", children: H }),
+                            /* @__PURE__ */ t("span", { "aria-hidden": "true", className: ha(), children: g.map((Z) => {
+                              const j = ia(Z, [h, x]);
+                              return j ? /* @__PURE__ */ t(
+                                "span",
+                                {
+                                  "data-span": "",
+                                  className: [
+                                    ya(),
+                                    M !== void 0 ? K[M] ?? E : E
+                                  ].join(" "),
+                                  style: {
+                                    "--wa-start": `${j.start}%`,
+                                    "--wa-size": `${j.size}%`
+                                  }
+                                },
+                                Z.from
+                              ) : null;
+                            }) })
+                          ]
+                        },
+                        p
+                      );
+                    }),
+                    s.actions ? /* @__PURE__ */ t("div", { role: "cell", className: ga(), children: s.actions }) : /* @__PURE__ */ t("span", { role: "cell", className: "ds:hidden ds:@[640px]:block" })
+                  ]
+                },
+                s.id
+              ))
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+wa.displayName = "WeekAvailability";
+export {
+  $ as W,
+  wa as a,
+  oa as f,
+  I as n,
+  ia as s,
+  la as v
+};
+//# sourceMappingURL=week-availability-CsTiwtYj.js.map

package/dist/_chunks/week-availability-CsTiwtYj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"week-availability-CsTiwtYj.js","sources":["../../src/components/week-availability/week-availability.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { formatLocale } from '../_shared/intl-locale';\nimport { isDevelopment } from '../_shared/is-development';\nimport { EmptyState } from '../empty-state';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\n/** ISO weekday: 1 Monday to 7 Sunday. */\nexport type WeekAvailabilityWeekday = 1 | 2 | 3 | 4 | 5 | 6 | 7;\n\n/** One open period, in minutes from midnight (9:00 is 540). */\nexport interface WeekAvailabilitySpan {\n  from: number;\n  to: number;\n}\n\n/** A named group the consumer defines, for example where the hours came from. */\nexport interface WeekAvailabilityTone {\n  id: string;\n  label: string;\n}\n\nexport interface WeekAvailabilityDay {\n  weekday: WeekAvailabilityWeekday;\n  /** Open periods. None, or an empty list, means closed. */\n  spans: readonly WeekAvailabilitySpan[];\n  /** Overrides the row's `tone` for this day. */\n  tone?: string;\n}\n\nexport interface WeekAvailabilityRow {\n  id: string;\n  /** Who or what the hours belong to: the studio, a chair, an operator. */\n  label: string;\n  /** A weekday that is missing from `days` is closed. */\n  days: readonly WeekAvailabilityDay[];\n  /** Tone id for every day that does not set its own. */\n  tone?: string;\n  /** Controls at the end of the row, for example a \"Correggi\" button. */\n  actions?: ReactNode;\n}\n\nexport interface WeekAvailabilityProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  rows: readonly WeekAvailabilityRow[];\n  /**\n   * The tones the rows use. The first six take the categorical colours in\n   * order, so a tone keeps its colour whatever the rows show. Any after the\n   * sixth is painted neutral.\n   */\n  tones?: readonly WeekAvailabilityTone[];\n  /** Hours shown on every strip, `[start, end]` from 0 to 24. Default: fit the data. */\n  hourRange?: readonly [number, number];\n  /** Leave out weekdays that have no hours in any row. Default false. */\n  hideEmptyDays?: boolean;\n  /** First weekday of the week, ISO. Default 1 (Monday). */\n  weekStartsOn?: WeekAvailabilityWeekday;\n  /** Show the built-in legend of tones. Default true. */\n  legend?: boolean;\n  /** Makes each row label a button that reports its id. */\n  onRowSelect?: (rowId: string) => void;\n  /** Overrides the active language for weekday names and times. */\n  locale?: string;\n  /** Accessible name for the table. */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Pure helpers                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const WEEK_AVAILABILITY_MAX_TONES = 6;\nconst WEEKDAYS: readonly WeekAvailabilityWeekday[] = [1, 2, 3, 4, 5, 6, 7];\n\nconst clamp = (n: number, lo: number, hi: number) =>\n  Math.min(hi, Math.max(lo, n));\n\n/** Spans that are valid, inside a day and in order, with overlaps merged. */\nexport function normaliseSpans(\n  spans: readonly WeekAvailabilitySpan[] | undefined,\n): WeekAvailabilitySpan[] {\n  const sorted = (spans ?? [])\n    .filter((s) => Number.isFinite(s.from) && Number.isFinite(s.to))\n    .map((s) => ({ from: clamp(s.from, 0, 1440), to: clamp(s.to, 0, 1440) }))\n    .filter((s) => s.to > s.from)\n    .sort((a, b) => a.from - b.from);\n  const merged: WeekAvailabilitySpan[] = [];\n  for (const s of sorted) {\n    const last = merged[merged.length - 1];\n    if (last && s.from <= last.to) last.to = Math.max(last.to, s.to);\n    else merged.push({ ...s });\n  }\n  return merged;\n}\n\n/** Whole hours that cover every span, at least 4 apart, within 0 to 24. */\nexport function fitHourRange(\n  spans: readonly WeekAvailabilitySpan[],\n): [number, number] {\n  if (spans.length === 0) return [8, 20];\n  let start = Math.floor(Math.min(...spans.map((s) => s.from)) / 60);\n  let end = Math.ceil(Math.max(...spans.map((s) => s.to)) / 60);\n  if (end - start < 4) {\n    end = Math.min(24, start + 4);\n    start = Math.max(0, end - 4);\n  }\n  return [start, end];\n}\n\n/** Where a span sits on a strip, as percentages of its width. */\nexport function spanPlacement(\n  span: WeekAvailabilitySpan,\n  range: readonly [number, number],\n): { start: number; size: number } | null {\n  const lo = range[0] * 60;\n  const hi = range[1] * 60;\n  const from = clamp(span.from, lo, hi);\n  const to = clamp(span.to, lo, hi);\n  if (to <= from || hi <= lo) return null;\n  return {\n    start: ((from - lo) / (hi - lo)) * 100,\n    size: ((to - from) / (hi - lo)) * 100,\n  };\n}\n\n/** The weekdays to show, in week order. */\nexport function visibleWeekdays(\n  rows: readonly WeekAvailabilityRow[],\n  weekStartsOn: WeekAvailabilityWeekday,\n  hideEmptyDays: boolean,\n): WeekAvailabilityWeekday[] {\n  const ordered = [\n    ...WEEKDAYS.slice(weekStartsOn - 1),\n    ...WEEKDAYS.slice(0, weekStartsOn - 1),\n  ];\n  if (!hideEmptyDays) return ordered;\n  return ordered.filter((wd) =>\n    rows.some((r) =>\n      r.days.some((d) => d.weekday === wd && normaliseSpans(d.spans).length),\n    ),\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Static class tables (Tailwind needs literal class names)              */\n/* ------------------------------------------------------------------ */\n\nconst TONE_BG = [\n  'ds:bg-[var(--category-1)]',\n  'ds:bg-[var(--category-2)]',\n  'ds:bg-[var(--category-3)]',\n  'ds:bg-[var(--category-4)]',\n  'ds:bg-[var(--category-5)]',\n  'ds:bg-[var(--category-6)]',\n] as const;\nconst TONE_NEUTRAL = 'ds:bg-[var(--muted-foreground)]';\n\nconst rootVariants = cva(\n  'ds:@container ds:flex ds:w-full ds:min-w-0 ds:max-w-full ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-[color:var(--foreground)]',\n);\n\nconst legendVariants = cva(\n  'ds:m-0 ds:flex ds:list-none ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:p-0 type-meta ds:text-[color:var(--muted-foreground)]',\n);\n\nconst swatchVariants = cva(\n  'ds:inline-block ds:size-[var(--spacing-sm)] ds:shrink-0 ds:rounded-[var(--radius-sm)] ds:forced-colors:[forced-color-adjust:none]',\n);\n\n// Narrow (a side panel, a phone): the label and actions take a line above\n// the day cells. From 640px: label, days and actions share one line. Thresholds\n// are px because rem in a container query follows the host root font size.\nconst rowVariants = cva(\n  [\n    'ds:grid ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-xs)] ds:@[640px]:gap-x-[var(--spacing-sm)]',\n    'ds:grid-cols-[repeat(var(--wa-days),minmax(0,1fr))]',\n    'ds:@[640px]:grid-cols-[calc(var(--spacing-xl)*4)_repeat(var(--wa-days),minmax(0,1fr))_auto]',\n  ].join(' '),\n);\n\nconst headerRowVariants = cva(\n  [\n    'ds:grid ds:gap-x-[var(--spacing-xs)] ds:@[640px]:gap-x-[var(--spacing-sm)]',\n    'ds:grid-cols-[repeat(var(--wa-days),minmax(0,1fr))]',\n    'ds:@[640px]:grid-cols-[calc(var(--spacing-xl)*4)_repeat(var(--wa-days),minmax(0,1fr))_auto]',\n  ].join(' '),\n);\n\nconst labelVariants = cva(\n  'ds:col-span-full ds:min-w-0 ds:text-start ds:font-semibold ds:break-words ds:@[640px]:col-span-1',\n);\n\nconst actionsVariants = cva(\n  'ds:col-span-full ds:flex ds:justify-end ds:gap-[var(--spacing-xs)] ds:@[640px]:col-span-1',\n);\n\nconst labelButtonVariants = cva(\n  [\n    'ds:inline-flex ds:min-h-[var(--min-target-size)] ds:max-w-full ds:items-center ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:p-0 ds:text-start ds:font-semibold ds:text-[color:var(--foreground)] ds:underline-offset-2 ds:hover:underline',\n    'ds:focus-visible:outline-2 ds:focus-visible:outline-offset-2 ds:focus-visible:outline-[var(--focus-ring)]',\n    'ds:forced-colors:focus-visible:outline-[Highlight]',\n  ].join(' '),\n);\n\nconst stripVariants = cva(\n  'ds:relative ds:block ds:h-[var(--spacing-md)] ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]',\n);\n\nconst barVariants = cva(\n  'ds:absolute ds:inset-y-0 ds:start-[var(--wa-start)] ds:w-[var(--wa-size)] ds:min-w-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:forced-colors:[forced-color-adjust:none]',\n);\n\n// Hour labels sit over each cell only once it is wide enough to hold them;\n// below that a single caption names the range.\nconst axisVariants = cva(\n  'ds:hidden ds:justify-between ds:font-normal ds:text-[color:var(--muted-foreground)] ds:tabular-nums ds:@[640px]:flex',\n);\nconst rangeVariants = cva(\n  'ds:m-0 type-meta ds:text-[color:var(--muted-foreground)] ds:@[640px]:hidden',\n);\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction minutesLabel(fmt: Intl.DateTimeFormat, minutes: number): string {\n  return fmt.format(new Date(Date.UTC(2024, 0, 1, 0, minutes)));\n}\n\nexport const WeekAvailability = forwardRef<\n  HTMLDivElement,\n  WeekAvailabilityProps\n>(function WeekAvailability(\n  {\n    rows,\n    tones = [],\n    hourRange,\n    hideEmptyDays = false,\n    weekStartsOn = 1,\n    legend = true,\n    onRowSelect,\n    locale: localeProp,\n    className,\n    ...rest\n  },\n  ref,\n) {\n  const { t, i18n } = useTranslation('ui');\n  const locale = formatLocale(\n    localeProp ?? i18n.resolvedLanguage ?? i18n.language,\n  );\n\n  const fmt = useMemo(\n    () =>\n      new Intl.DateTimeFormat(locale, {\n        hour: 'numeric',\n        minute: '2-digit',\n        timeZone: 'UTC',\n      }),\n    [locale],\n  );\n  const hourFmt = useMemo(\n    () => new Intl.DateTimeFormat(locale, { hour: 'numeric', timeZone: 'UTC' }),\n    [locale],\n  );\n  const shortDay = useMemo(\n    () =>\n      new Intl.DateTimeFormat(locale, { weekday: 'short', timeZone: 'UTC' }),\n    [locale],\n  );\n  const longDay = useMemo(\n    () => new Intl.DateTimeFormat(locale, { weekday: 'long', timeZone: 'UTC' }),\n    [locale],\n  );\n  const list = useMemo(\n    () => new Intl.ListFormat(locale, { type: 'unit', style: 'short' }),\n    [locale],\n  );\n\n  const model = useMemo(() => {\n    const normalised = rows.map((row) => {\n      const byDay = new Map<number, WeekAvailabilityDay>();\n      for (const d of row.days) byDay.set(d.weekday, d);\n      return { row, byDay };\n    });\n    const all = normalised.flatMap(({ row }) =>\n      row.days.flatMap((d) => normaliseSpans(d.spans)),\n    );\n    return { normalised, hasHours: all.length > 0, fit: fitHourRange(all) };\n  }, [rows]);\n\n  const toneIndex = useMemo(\n    () => new Map(tones.map((tone, i) => [tone.id, i] as const)),\n    [tones],\n  );\n\n  if (isDevelopment() && tones.length > WEEK_AVAILABILITY_MAX_TONES) {\n    console.warn(\n      `WeekAvailability: ${tones.length} tones given; only the first ${WEEK_AVAILABILITY_MAX_TONES} get a colour.`,\n    );\n  }\n\n  const [start, end] = useMemo(() => {\n    const given = hourRange\n      ? ([\n          clamp(Math.floor(hourRange[0]), 0, 23),\n          clamp(Math.ceil(hourRange[1]), 1, 24),\n        ] as const)\n      : model.fit;\n    return given[1] > given[0] ? given : ([given[0], given[0] + 1] as const);\n  }, [hourRange, model.fit]);\n\n  const weekdays = visibleWeekdays(rows, weekStartsOn, hideEmptyDays);\n  const hourLabel = (h: number) => minutesLabel(hourFmt, h * 60);\n  const spanText = (s: WeekAvailabilitySpan) =>\n    t('weekAvailability.span', {\n      from: minutesLabel(fmt, s.from),\n      to: minutesLabel(fmt, s.to),\n    });\n\n  const rootProps = {\n    ref,\n    'data-component': 'week-availability',\n    className: [rootVariants(), className].filter(Boolean).join(' '),\n    ...rest,\n  };\n\n  if (rows.length === 0 || !model.hasHours || weekdays.length === 0) {\n    return (\n      <div {...rootProps}>\n        <EmptyState\n          variant=\"no-results\"\n          size=\"sm\"\n          title={t('weekAvailability.empty.title')}\n          description={t('weekAvailability.empty.description')}\n        />\n      </div>\n    );\n  }\n\n  const gridStyle = { '--wa-days': weekdays.length } as CSSProperties;\n  const mid = start + Math.round((end - start) / 2);\n  const midVisible = end - start >= 6;\n\n  return (\n    <div {...rootProps}>\n      {legend && tones.length > 0 ? (\n        <ul\n          aria-label={t('weekAvailability.legend')}\n          data-week-availability-legend=\"\"\n          className={legendVariants()}\n        >\n          {tones.map((tone, i) => (\n            <li\n              key={tone.id}\n              className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n            >\n              <span\n                aria-hidden=\"true\"\n                data-tone={tone.id}\n                className={[swatchVariants(), TONE_BG[i] ?? TONE_NEUTRAL].join(\n                  ' ',\n                )}\n              />\n              {tone.label}\n            </li>\n          ))}\n        </ul>\n      ) : null}\n\n      <p className={rangeVariants()}>\n        {t('weekAvailability.range', {\n          from: minutesLabel(fmt, start * 60),\n          to: minutesLabel(fmt, end * 60),\n        })}\n      </p>\n\n      <div\n        role=\"table\"\n        aria-label={rest['aria-label']}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n      >\n        <div role=\"rowgroup\">\n          {/* eslint-disable-next-line react/forbid-dom-props -- custom property setter per 23-constraints (--wa-days) */}\n          <div role=\"row\" style={gridStyle} className={headerRowVariants()}>\n            <span\n              role=\"columnheader\"\n              className=\"ds:sr-only ds:@[640px]:not-sr-only\"\n            >\n              <span className=\"ds:sr-only\">{t('weekAvailability.rows')}</span>\n            </span>\n            {weekdays.map((wd) => {\n              const date = new Date(Date.UTC(2024, 0, wd));\n              return (\n                <div\n                  key={wd}\n                  role=\"columnheader\"\n                  className=\"ds:min-w-0 ds:text-center type-meta ds:font-semibold ds:text-[color:var(--foreground)]\"\n                >\n                  <span className=\"ds:sr-only\">{longDay.format(date)}</span>\n                  <span aria-hidden=\"true\">{shortDay.format(date)}</span>\n                  <span aria-hidden=\"true\" className={axisVariants()}>\n                    <span>{hourLabel(start)}</span>\n                    {midVisible ? <span>{hourLabel(mid)}</span> : null}\n                    <span>{hourLabel(end)}</span>\n                  </span>\n                </div>\n              );\n            })}\n            <span aria-hidden=\"true\" className=\"ds:hidden ds:@[640px]:block\" />\n          </div>\n        </div>\n\n        <div\n          role=\"rowgroup\"\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n        >\n          {model.normalised.map(({ row, byDay }) => (\n            <div\n              key={row.id}\n              role=\"row\"\n              data-row-id={row.id}\n              // eslint-disable-next-line react/forbid-dom-props -- custom property setter per 23-constraints (--wa-days)\n              style={gridStyle}\n              className={rowVariants()}\n            >\n              <div role=\"rowheader\" className={labelVariants()}>\n                {onRowSelect ? (\n                  <button\n                    type=\"button\"\n                    className={labelButtonVariants()}\n                    onClick={() => onRowSelect(row.id)}\n                  >\n                    {row.label}\n                  </button>\n                ) : (\n                  row.label\n                )}\n              </div>\n              {weekdays.map((wd) => {\n                const day = byDay.get(wd);\n                const spans = normaliseSpans(day?.spans);\n                const toneId = day?.tone ?? row.tone;\n                const index = toneId ? toneIndex.get(toneId) : undefined;\n                const tone = index === undefined ? undefined : tones[index];\n                const name = longDay.format(new Date(Date.UTC(2024, 0, wd)));\n                const hours = list.format(spans.map(spanText));\n                const text =\n                  spans.length === 0\n                    ? t('weekAvailability.cellClosed', { day: name })\n                    : tone\n                      ? t('weekAvailability.cell', {\n                          day: name,\n                          hours,\n                          tone: tone.label,\n                        })\n                      : t('weekAvailability.cellNoTone', {\n                          day: name,\n                          hours,\n                        });\n                return (\n                  <div\n                    key={wd}\n                    role=\"cell\"\n                    data-weekday={wd}\n                    data-tone={spans.length > 0 ? tone?.id : undefined}\n                    title={text}\n                    className=\"ds:min-w-0\"\n                  >\n                    <span className=\"ds:sr-only\">{text}</span>\n                    <span aria-hidden=\"true\" className={stripVariants()}>\n                      {spans.map((s) => {\n                        const place = spanPlacement(s, [start, end]);\n                        if (!place) return null;\n                        return (\n                          <span\n                            key={s.from}\n                            data-span=\"\"\n                            className={[\n                              barVariants(),\n                              index !== undefined\n                                ? (TONE_BG[index] ?? TONE_NEUTRAL)\n                                : TONE_NEUTRAL,\n                            ].join(' ')}\n                            // eslint-disable-next-line react/forbid-dom-props -- custom property setter per 23-constraints; the rule that reads it lives in barVariants\n                            style={\n                              {\n                                '--wa-start': `${place.start}%`,\n                                '--wa-size': `${place.size}%`,\n                              } as CSSProperties\n                            }\n                          />\n                        );\n                      })}\n                    </span>\n                  </div>\n                );\n              })}\n              {row.actions ? (\n                <div role=\"cell\" className={actionsVariants()}>\n                  {row.actions}\n                </div>\n              ) : (\n                <span role=\"cell\" className=\"ds:hidden ds:@[640px]:block\" />\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nWeekAvailability.displayName = 'WeekAvailability';\n"],"names":["WEEK_AVAILABILITY_MAX_TONES","WEEKDAYS","clamp","n","lo","hi","normaliseSpans","spans","sorted","s","b","merged","last","fitHourRange","start","end","spanPlacement","span","range","from","to","visibleWeekdays","rows","weekStartsOn","hideEmptyDays","ordered","wd","r","d","TONE_BG","TONE_NEUTRAL","rootVariants","cva","legendVariants","swatchVariants","rowVariants","headerRowVariants","labelVariants","actionsVariants","labelButtonVariants","stripVariants","barVariants","axisVariants","rangeVariants","minutesLabel","fmt","minutes","WeekAvailability","forwardRef","tones","hourRange","legend","onRowSelect","localeProp","className","rest","ref","t","i18n","useTranslation","locale","formatLocale","useMemo","hourFmt","shortDay","longDay","list","model","normalised","row","byDay","all","toneIndex","tone","i","isDevelopment","given","weekdays","hourLabel","h","spanText","rootProps","jsx","EmptyState","gridStyle","mid","midVisible","jsxs","date","day","toneId","index","name","hours","text","place"],"mappings":"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"}