@mieweb/ui 0.10.0-dev.9 → 0.11.0-dev.0

package/dist/brands/index.js

@@ -1,13 +1,13 @@
-export { brands } from '../chunk-YQDA366U.js';
-export { defaultBrand } from '../chunk-PSTGFXQG.js';
+export { brands } from '../chunk-753ENNB6.js';
 export { enterpriseHealthBrand } from '../chunk-Q77TE5DZ.js';
 export { miewebBrand } from '../chunk-NERS5ZT6.js';
 export { wagglelineBrand } from '../chunk-2NTYAALC.js';
 export { webchartBrand } from '../chunk-CW66SO5O.js';
-export { bluehiveBrand } from '../chunk-3T7QGLNB.js';
-export { ccmeBrand } from '../chunk-SCQRJPSV.js';
 export { ozwellBrand } from '../chunk-5YUBQIC7.js';
+export { defaultBrand } from '../chunk-PSTGFXQG.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-5GOWFNQ6.js';
+export { bluehiveBrand } from '../chunk-PJEL5ZZV.js';
+export { ccmeBrand } from '../chunk-SCQRJPSV.js';
 import '../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-JYZW2PZS.cjs → chunk-254QK722.cjs}

@@ -17,6 +17,7 @@ function useMediaTransport(options = {}) {
   } = options;
   const [element, setElementState] = react.useState(null);
   const [state, setStateRaw] = react.useState("idle");
+  const stateRef = react.useRef("idle");
   const [currentTimeMs, setCurrentTimeMs] = react.useState(0);
   const [durationMs, setDurationMs] = react.useState(0);
   const [playbackRate, setPlaybackRateState] = react.useState(initialRate);
@@ -40,11 +41,10 @@ function useMediaTransport(options = {}) {
     errorLabel
   };
   const setState = react.useCallback((next) => {
-    setStateRaw((prev) => {
-      if (prev === next) return prev;
-      handlers.current.onStateChange?.(next);
-      return next;
-    });
+    if (stateRef.current === next) return;
+    stateRef.current = next;
+    setStateRaw(next);
+    handlers.current.onStateChange?.(next);
   }, []);
   const setMediaElement = react.useCallback((el) => {
     elementRef.current = el;
@@ -162,5 +162,5 @@ function useMediaTransport(options = {}) {
 }
 
 exports.useMediaTransport = useMediaTransport;
-//# sourceMappingURL=chunk-JYZW2PZS.cjs.map
-//# sourceMappingURL=chunk-JYZW2PZS.cjs.map
+//# sourceMappingURL=chunk-254QK722.cjs.map
+//# sourceMappingURL=chunk-254QK722.cjs.map

package/dist/chunk-254QK722.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useMediaTransport.ts"],"names":["useState","useRef","useCallback","useEffect"],"mappings":"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","file":"chunk-254QK722.cjs","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type MediaTransportState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport interface UseMediaTransportOptions {\n  /** Fired on every native `timeupdate` and on metadata load, in milliseconds. */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Fired whenever the derived transport state changes. */\n  onStateChange?: (state: MediaTransportState) => void;\n  /** Fired when playback reaches the end. */\n  onEnded?: () => void;\n  /** Fired on a media error, with a descriptive Error. */\n  onError?: (error: Error) => void;\n  /** Initial playback rate (default `1`). Kept in sync with the element. */\n  initialRate?: number;\n  /** Transport state to enter when playback ends (default `'paused'`). */\n  endedState?: Extract<MediaTransportState, 'idle' | 'paused'>;\n  /** Reset the position to `0` when playback ends (default `false`). */\n  resetTimeOnEnd?: boolean;\n  /** Human-readable label used in the error message (default `'media'`). */\n  errorLabel?: string;\n}\n\nexport interface UseMediaTransportReturn {\n  /**\n   * Callback ref for the `<audio>`/`<video>` element to control. Pass this to\n   * the element's `ref` (or call it imperatively). Transport listeners attach\n   * when an element mounts and detach when it unmounts.\n   */\n  setMediaElement: (element: HTMLMediaElement | null) => void;\n  /** The currently attached media element, or `null`. */\n  mediaElement: HTMLMediaElement | null;\n\n  /** Derived transport state. */\n  state: MediaTransportState;\n  /** Current playback position in milliseconds. */\n  currentTimeMs: number;\n  /** Media duration in milliseconds (`0` until known / non-finite). */\n  durationMs: number;\n  /** Current playback rate. */\n  playbackRate: number;\n  /** `true` while `state === 'playing'`. */\n  isPlaying: boolean;\n  /** `true` while `state === 'loading'`. */\n  isLoading: boolean;\n\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Toggle between play and pause. */\n  togglePlay: () => void;\n  /** Seek to a position in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Set the playback rate multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /** Read the current position in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Read the duration in milliseconds (`0` when unknown). */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused (reads the element directly). */\n  isPaused: () => boolean;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nconst toMs = (seconds: number): number =>\n  Number.isFinite(seconds) ? seconds * 1000 : 0;\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Headless playback transport for a native `HTMLMediaElement`.\n *\n * Owns the derived transport state (idle/loading/playing/paused/error),\n * position, duration and playback rate, and exposes imperative controls — all\n * in **milliseconds**. It never creates or renders an element: pass the\n * returned {@link UseMediaTransportReturn.setMediaElement} callback to an\n * `<audio>`/`<video>` `ref` and the hook wires the native listeners.\n *\n * Shared by `MediaPlayer` (ms API) and, at the boundary, `AudioPlayer`\n * (seconds API — convert with `ms / 1000`). The WaveSurfer waveform variant is\n * out of scope; this hook targets native media transport only.\n *\n * @example\n * ```tsx\n * function Player({ src }: { src: string }) {\n *   const t = useMediaTransport({ onEnded: () => console.log('done') });\n *   return (\n *     <div>\n *       <video ref={t.setMediaElement} src={src} controls />\n *       <button onClick={t.togglePlay}>{t.isPlaying ? 'Pause' : 'Play'}</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useMediaTransport(\n  options: UseMediaTransportOptions = {}\n): UseMediaTransportReturn {\n  const {\n    onTimeUpdate,\n    onStateChange,\n    onEnded,\n    onError,\n    initialRate = 1,\n    endedState = 'paused',\n    resetTimeOnEnd = false,\n    errorLabel = 'media',\n  } = options;\n\n  const [element, setElementState] = useState<HTMLMediaElement | null>(null);\n  const [state, setStateRaw] = useState<MediaTransportState>('idle');\n  const stateRef = useRef<MediaTransportState>('idle');\n  const [currentTimeMs, setCurrentTimeMs] = useState(0);\n  const [durationMs, setDurationMs] = useState(0);\n  const [playbackRate, setPlaybackRateState] = useState(initialRate);\n\n  const elementRef = useRef<HTMLMediaElement | null>(null);\n\n  // Keep the latest callbacks/options in a ref so the listener effect does not\n  // re-subscribe on every render when callers pass inline functions.\n  const handlers = useRef({\n    onTimeUpdate,\n    onStateChange,\n    onEnded,\n    onError,\n    endedState,\n    resetTimeOnEnd,\n    errorLabel,\n  });\n  handlers.current = {\n    onTimeUpdate,\n    onStateChange,\n    onEnded,\n    onError,\n    endedState,\n    resetTimeOnEnd,\n    errorLabel,\n  };\n\n  const setState = useCallback((next: MediaTransportState) => {\n    if (stateRef.current === next) return;\n    stateRef.current = next;\n    setStateRaw(next);\n    // Consumers often update parent state here. Keep that notification outside\n    // React's state updater, which may run during render or twice in StrictMode.\n    handlers.current.onStateChange?.(next);\n  }, []);\n\n  const setMediaElement = useCallback((el: HTMLMediaElement | null) => {\n    elementRef.current = el;\n    setElementState(el);\n  }, []);\n\n  // Attach native transport listeners whenever an element mounts.\n  useEffect(() => {\n    if (!element) return;\n\n    const emitTime = () => {\n      const ms = toMs(element.currentTime);\n      const dur = toMs(element.duration);\n      setCurrentTimeMs(ms);\n      handlers.current.onTimeUpdate?.(ms, dur);\n    };\n\n    const onLoadStart = () => setState('loading');\n    const onCanPlay = () => setState('idle');\n    const onLoadedMetadata = () => {\n      setDurationMs(toMs(element.duration));\n      emitTime();\n    };\n    const onTimeUpdateEvt = () => emitTime();\n    const onPlay = () => setState('playing');\n    const onPlaying = () => setState('playing');\n    const onPause = () => setState('paused');\n    const onEndedEvt = () => {\n      setState(handlers.current.endedState);\n      if (handlers.current.resetTimeOnEnd) {\n        element.currentTime = 0;\n        setCurrentTimeMs(0);\n      }\n      handlers.current.onEnded?.();\n    };\n    const onErrorEvt = () => {\n      setState('error');\n      handlers.current.onError?.(\n        new Error(`Failed to load ${handlers.current.errorLabel}`)\n      );\n    };\n\n    element.addEventListener('loadstart', onLoadStart);\n    element.addEventListener('canplay', onCanPlay);\n    element.addEventListener('loadedmetadata', onLoadedMetadata);\n    element.addEventListener('timeupdate', onTimeUpdateEvt);\n    element.addEventListener('play', onPlay);\n    element.addEventListener('playing', onPlaying);\n    element.addEventListener('pause', onPause);\n    element.addEventListener('ended', onEndedEvt);\n    element.addEventListener('error', onErrorEvt);\n\n    // Sync duration if metadata is already available on attach.\n    if (Number.isFinite(element.duration)) {\n      setDurationMs(toMs(element.duration));\n    }\n\n    return () => {\n      element.removeEventListener('loadstart', onLoadStart);\n      element.removeEventListener('canplay', onCanPlay);\n      element.removeEventListener('loadedmetadata', onLoadedMetadata);\n      element.removeEventListener('timeupdate', onTimeUpdateEvt);\n      element.removeEventListener('play', onPlay);\n      element.removeEventListener('playing', onPlaying);\n      element.removeEventListener('pause', onPause);\n      element.removeEventListener('ended', onEndedEvt);\n      element.removeEventListener('error', onErrorEvt);\n    };\n  }, [element, setState]);\n\n  // Keep the element's playback rate in sync with hook state.\n  useEffect(() => {\n    if (element) element.playbackRate = playbackRate;\n  }, [element, playbackRate]);\n\n  const play = useCallback(() => {\n    void elementRef.current?.play();\n  }, []);\n\n  const pause = useCallback(() => {\n    elementRef.current?.pause();\n  }, []);\n\n  const togglePlay = useCallback(() => {\n    const el = elementRef.current;\n    if (!el) return;\n    if (el.paused) void el.play();\n    else el.pause();\n  }, []);\n\n  const seekToMs = useCallback((timeMs: number) => {\n    const el = elementRef.current;\n    if (el) {\n      el.currentTime = timeMs / 1000;\n      setCurrentTimeMs(timeMs);\n    }\n  }, []);\n\n  const setPlaybackRate = useCallback((rate: number) => {\n    setPlaybackRateState(rate);\n    if (elementRef.current) elementRef.current.playbackRate = rate;\n  }, []);\n\n  const getCurrentTimeMs = useCallback(\n    () => toMs(elementRef.current?.currentTime ?? 0),\n    []\n  );\n\n  const getDurationMs = useCallback(\n    () => toMs(elementRef.current?.duration ?? 0),\n    []\n  );\n\n  const isPaused = useCallback(() => elementRef.current?.paused ?? true, []);\n\n  return {\n    setMediaElement,\n    mediaElement: element,\n    state,\n    currentTimeMs,\n    durationMs,\n    playbackRate,\n    isPlaying: state === 'playing',\n    isLoading: state === 'loading',\n    play,\n    pause,\n    togglePlay,\n    seekToMs,\n    setPlaybackRate,\n    getCurrentTimeMs,\n    getDurationMs,\n    isPaused,\n  };\n}\n"]}

package/dist/{chunk-4IS3QCOQ.cjs → chunk-2FZYZ4HT.cjs}

@@ -2,6 +2,7 @@
 
 var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
 var chunkXXVUHLQN_cjs = require('./chunk-XXVUHLQN.cjs');
+var chunkZ3WMDVMR_cjs = require('./chunk-Z3WMDVMR.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var core = require('@dnd-kit/core');
@@ -310,7 +311,7 @@ function BoardView({
   };
   const onCardKeyDown = (event, id, columnIndex) => {
     if (!onMove || !(event.ctrlKey || event.metaKey)) return;
-    const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
+    const rtl = chunkZ3WMDVMR_cjs.isRtl(event.currentTarget);
     let delta = 0;
     if (event.key === "ArrowRight") delta = rtl ? -1 : 1;
     else if (event.key === "ArrowLeft") delta = rtl ? 1 : -1;
@@ -449,5 +450,5 @@ function BoardView({
 exports.BoardView = BoardView;
 exports.cardVariants = cardVariants;
 exports.defaultBoardLabels = defaultBoardLabels;
-//# sourceMappingURL=chunk-4IS3QCOQ.cjs.map
-//# sourceMappingURL=chunk-4IS3QCOQ.cjs.map
+//# sourceMappingURL=chunk-2FZYZ4HT.cjs.map
+//# sourceMappingURL=chunk-2FZYZ4HT.cjs.map

package/dist/chunk-2FZYZ4HT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BoardView/BoardView.tsx"],"names":["defaultViewLabels","cva","useDraggable","jsxs","jsx","cn","accentClasses","useDroppable","React","useSensors","useSensor","PointerSensor","isRtl","Spinner","DndContext","pointerWithin","DragOverlay"],"mappings":"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","file":"chunk-2FZYZ4HT.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { isRtl } from '../../hooks/useDirection';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  type Accent,\n  type Stage,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type BoardViewSlot =\n  | 'column'\n  | 'columnHeader'\n  | 'card'\n  | 'selectedCard'\n  | 'state';\n\nexport interface BoardLabels extends ViewLabels {\n  /** Accessible name of the scrollable board region. */\n  board: string;\n  /** Announced when a card starts moving. `{item}` and `{stage}` are substituted. */\n  moved: string;\n  /** Announced when `onMove` rejects. */\n  moveFailed: string;\n  /** Hint on a focusable card describing the keyboard move. */\n  moveHint: string;\n}\n\nexport const defaultBoardLabels: BoardLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing in this stage',\n  board: 'Board',\n  moved: '{item} moved to {stage}',\n  moveFailed: 'Could not move {item}',\n  moveHint: 'Press Control with the arrow keys to move between stages',\n};\n\nexport interface BoardViewProps<T>\n  extends ViewBaseProps<T>, VariantProps<typeof cardVariants> {\n  /** Columns, in order. A board without stages has nothing to draw. */\n  stages: readonly Stage[];\n  /**\n   * Commits a move. The board shows the card in its new column while this is\n   * pending and puts it back if the promise rejects, so the caller never has to\n   * re-render it home.\n   */\n  onMove?: (id: string, toStage: string, item: T) => void | Promise<void>;\n  labels?: Partial<BoardLabels>;\n  classNames?: Partial<Record<BoardViewSlot, string>>;\n  /** Heading level for column headers, under the page's own heading. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst cardVariants = cva(\n  [\n    'w-full rounded-md border border-border bg-card p-2 text-start',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: 'p-3',\n        compact: 'p-2',\n      },\n      interactive: { true: 'hover:border-primary-500/40', false: '' },\n      selected: { true: 'ring-2 ring-primary-500/50', false: '' },\n      pending: { true: 'opacity-60', false: '' },\n    },\n    defaultVariants: {\n      density: 'comfortable',\n      interactive: false,\n      selected: false,\n      pending: false,\n    },\n  }\n);\n\nconst fill = (template: string, values: Record<string, string>) =>\n  template.replace(/\\{(\\w+)\\}/g, (_, key) => values[key] ?? '');\n\n// =============================================================================\n// Card\n// =============================================================================\n\ninterface CardProps {\n  id: string;\n  title: string;\n  subtitle?: string;\n  accent?: Accent;\n  selected: boolean;\n  pending: boolean;\n  draggable: boolean;\n  hint?: string;\n  href?: string;\n  className?: string;\n  children?: React.ReactNode;\n  onOpen?: () => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n}\n\nfunction BoardCard({\n  id,\n  title,\n  subtitle,\n  accent,\n  selected,\n  pending,\n  draggable,\n  hint,\n  href,\n  className,\n  children,\n  onOpen,\n  onKeyDown,\n}: CardProps) {\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id,\n    disabled: !draggable,\n  });\n\n  const body = children ?? (\n    <span className=\"flex items-start gap-2\">\n      {accent && (\n        <span\n          aria-hidden\n          className={cn(\n            'mt-1.5 size-2 shrink-0 rounded-full',\n            accentClasses[accent].marker\n          )}\n        />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"text-foreground block text-sm font-medium\">\n          {title}\n        </span>\n        {subtitle && (\n          <span className=\"text-muted-foreground block truncate text-xs\">\n            {subtitle}\n          </span>\n        )}\n      </span>\n    </span>\n  );\n\n  const onCardKeyDown = (event: React.KeyboardEvent) => {\n    if (onOpen && !href && (event.key === 'Enter' || event.key === ' ')) {\n      // Space is dnd-kit's pick-up key only while dragging; here the card is at\n      // rest, so it activates like any other button.\n      if (!event.ctrlKey && !event.metaKey) {\n        event.preventDefault();\n        onOpen();\n        return;\n      }\n    }\n    onKeyDown?.(event);\n  };\n\n  const shared = {\n    ref: setNodeRef,\n    // Only the pointer listeners are shared. dnd-kit's `attributes` carry\n    // `role=\"button\"` and a `tabIndex`, which on an `<a href>` would override\n    // the native link role — the card would announce as a button, and the\n    // middle-click / \"copy link\" affordance this branch exists to preserve\n    // would no longer be what assistive tech describes. The non-link card takes\n    // them below, where button semantics are the correct answer.\n    ...(draggable ? listeners : {}),\n    'aria-current': selected ? ('true' as const) : undefined,\n    'aria-describedby': hint,\n    'aria-busy': pending || undefined,\n    'data-slot': 'board-view-card',\n    className: cn(className, isDragging && 'opacity-40'),\n  };\n\n  return (\n    <li>\n      {href ? (\n        // An anchor, like every other view: the card stays middle-clickable and\n        // \"copy link\" works. dnd-kit's listeners still own the drag.\n        <a\n          {...shared}\n          href={href}\n          onKeyDown={onCardKeyDown}\n          onClick={(event) => {\n            if (\n              !onOpen ||\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey ||\n              event.button !== 0\n            )\n              return;\n            event.preventDefault();\n            onOpen();\n          }}\n        >\n          {body}\n        </a>\n      ) : (\n        <div\n          {...shared}\n          {...(draggable ? attributes : {})}\n          role={onOpen ? 'button' : undefined}\n          tabIndex={draggable || onOpen ? 0 : undefined}\n          onKeyDown={onCardKeyDown}\n          onClick={onOpen}\n        >\n          {body}\n        </div>\n      )}\n    </li>\n  );\n}\n\n// =============================================================================\n// Column\n// =============================================================================\n\nfunction BoardColumn({\n  stage,\n  headerId,\n  count,\n  headingLevel: Heading,\n  droppable,\n  classNames,\n  children,\n}: {\n  stage: Stage;\n  droppable: boolean;\n  headerId: string;\n  count: number;\n  headingLevel: 'h2' | 'h3' | 'h4';\n  classNames?: BoardViewProps<unknown>['classNames'];\n  children: React.ReactNode;\n}) {\n  const { setNodeRef, isOver } = useDroppable({\n    id: stage.id,\n    disabled: !droppable,\n  });\n  const accent = stage.accent ?? 'neutral';\n  return (\n    <section\n      ref={setNodeRef}\n      data-slot=\"board-view-column\"\n      data-over={isOver || undefined}\n      className={cn(\n        'bg-muted/40 flex min-w-0 flex-col rounded-lg border',\n        isOver ? accentClasses[accent].border : 'border-border',\n        'sm:w-72 sm:shrink-0',\n        classNames?.column\n      )}\n    >\n      <Heading>\n        <span\n          id={headerId}\n          data-slot=\"board-view-column-header\"\n          className={cn(\n            'border-border text-muted-foreground flex items-center gap-2 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n            classNames?.columnHeader\n          )}\n        >\n          <span\n            aria-hidden\n            className={cn(\n              'size-2 shrink-0 rounded-full',\n              accentClasses[accent].marker\n            )}\n          />\n          <span>{stage.label}</span>\n          <span className=\"ms-auto font-normal tabular-nums\">{count}</span>\n        </span>\n      </Heading>\n      {children}\n    </section>\n  );\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function BoardView<T>({\n  items,\n  accessors,\n  stages,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  onMove,\n  renderItem,\n  emptyState,\n  labels,\n  density,\n  className,\n  classNames,\n  headingLevel = 'h3',\n}: BoardViewProps<T>) {\n  const text = { ...defaultBoardLabels, ...labels };\n  const hintId = React.useId();\n  // Ids come from position, not from the stage id: two distinct statuses can\n  // normalise to the same string, and a duplicate id makes `aria-labelledby`\n  // resolve to the wrong heading.\n  const baseId = React.useId();\n  const [announcement, setAnnouncement] = React.useState('');\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // Where a card is shown while its move is in flight, so the column it landed\n  // in is the one the user sees before the caller's data catches up.\n  // A Map, not an object. Ids come from the caller's `getId` and are only\n  // typed `string`, so a collection keyed by user data can legitimately produce\n  // `toString`, `constructor` or `__proto__`. On a plain object `'toString' in\n  // pending` is true before anything is pending, which would pin that card as\n  // permanently in-flight and make it impossible to move.\n  const [pending, setPending] = React.useState<Map<string, string>>(\n    () => new Map()\n  );\n\n  const byId = React.useMemo(() => {\n    const map = new Map<string, T>();\n    for (const item of items) map.set(accessors.getId(item), item);\n    return map;\n  }, [items, accessors]);\n\n  const stageOf = React.useCallback(\n    (item: T) =>\n      pending.get(accessors.getId(item)) ?? accessors.getStatus?.(item),\n    [pending, accessors]\n  );\n\n  const columns = React.useMemo(() => {\n    const buckets = new Map<string, T[]>(stages.map((s) => [s.id, []]));\n    const extra = new Map<string, T[]>();\n    for (const item of items) {\n      const key = stageOf(item) ?? '';\n      const bucket = buckets.get(key);\n      if (bucket) bucket.push(item);\n      else {\n        const spill = extra.get(key);\n        if (spill) spill.push(item);\n        else extra.set(key, [item]);\n      }\n    }\n    return [\n      ...stages.map((stage) => ({\n        stage,\n        declared: true,\n        items: buckets.get(stage.id) ?? [],\n      })),\n      // Never silently drop a record whose status matches no stage. These are\n      // shown so the record stays visible, but they are not drop targets: their\n      // ids were never declared, and `onMove` promises a named stage.\n      ...[...extra].map(([key, bucket]) => ({\n        stage: { id: key, label: key || text.ungrouped } as Stage,\n        declared: false,\n        items: bucket,\n      })),\n    ];\n  }, [items, stages, stageOf, text.ungrouped]);\n\n  const commit = React.useCallback(\n    async (id: string, toStage: string) => {\n      const item = byId.get(id);\n      if (!item || !onMove) return;\n      // One move per card at a time: a second would overwrite the first's\n      // pending stage, and the first `finally` would then clear it, snapping\n      // the card home while the second mutation is still in flight.\n      if (pending.has(id)) return;\n      const stage = stages.find((s) => s.id === toStage);\n      // `onMove` promises a move to a stage the caller declared. Columns\n      // synthesized for unknown statuses exist so a record is never silently\n      // dropped, not as somewhere to put things — accepting a drop there would\n      // hand back an id that was never in `stages`.\n      if (!stage) return;\n      const from = accessors.getStatus?.(item);\n      if (from === toStage) return;\n      const title = accessors.getTitle(item);\n\n      setPending((prev) => new Map(prev).set(id, toStage));\n      setAnnouncement(\n        fill(text.moved, { item: title, stage: stage.label ?? toStage })\n      );\n      try {\n        await onMove(id, toStage, item);\n      } catch {\n        setAnnouncement(fill(text.moveFailed, { item: title }));\n      } finally {\n        setPending((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [byId, onMove, pending, accessors, stages, text.moved, text.moveFailed]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } })\n  );\n\n  const onDragStart = (event: DragStartEvent) =>\n    setDraggingId(String(event.active.id));\n\n  const onDragEnd = (event: DragEndEvent) => {\n    setDraggingId(null);\n    if (event.over) void commit(String(event.active.id), String(event.over.id));\n  };\n\n  // Pointer drag has no keyboard equivalent that is pleasant to use, so moving\n  // by keyboard is its own command on the focused card rather than a simulated\n  // drag: Ctrl/Cmd with the arrow keys steps it between adjacent stages.\n  const onCardKeyDown = (\n    event: React.KeyboardEvent,\n    id: string,\n    columnIndex: number\n  ) => {\n    if (!onMove || !(event.ctrlKey || event.metaKey)) return;\n    const rtl = isRtl(event.currentTarget);\n    let delta = 0;\n    if (event.key === 'ArrowRight') delta = rtl ? -1 : 1;\n    else if (event.key === 'ArrowLeft') delta = rtl ? 1 : -1;\n    else return;\n    // Step to the next *declared* stage. A fallback column is not a move\n    // target, so stopping on one would strand the card there; skipping it\n    // keeps arrowing continuous and still lets a card leave one.\n    let target;\n    for (\n      let i = columnIndex + delta;\n      i >= 0 && i < columns.length;\n      i += delta\n    ) {\n      if (columns[i].declared) {\n        target = columns[i];\n        break;\n      }\n    }\n    if (!target) return;\n    event.preventDefault();\n    void commit(id, target.stage.id);\n  };\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"board-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n  if (items.length === 0 && emptyState) return <>{emptyState}</>;\n\n  const draggingItem = draggingId ? byId.get(draggingId) : undefined;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={pointerWithin}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragCancel={() => setDraggingId(null)}\n    >\n      <div\n        data-slot=\"board-view\"\n        // Scrollable content must be keyboard operable (WCAG 2.1.1), which axe\n        // enforces as scrollable-region-focusable. jsx-a11y disagrees for\n        // non-interactive elements; the success criterion wins.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        role=\"group\"\n        aria-label={text.board}\n        className={cn(\n          // Columns on one scrolling row once there is room; stacked below it,\n          // because five 288px columns on a phone is a horizontal maze.\n          'flex flex-col gap-3 sm:flex-row sm:overflow-x-auto sm:pb-2',\n          className\n        )}\n      >\n        {columns.map((column, columnIndex) => (\n          <BoardColumn\n            key={column.stage.id}\n            stage={column.stage}\n            droppable={column.declared && Boolean(onMove)}\n            headerId={`${baseId}-col-${columnIndex}`}\n            count={column.items.length}\n            headingLevel={headingLevel}\n            classNames={classNames}\n          >\n            <ul\n              aria-labelledby={`${baseId}-col-${columnIndex}`}\n              className=\"flex flex-1 flex-col gap-2 p-2\"\n            >\n              {column.items.map((item) => {\n                const id = accessors.getId(item);\n                return (\n                  <BoardCard\n                    key={id}\n                    id={id}\n                    title={accessors.getTitle(item)}\n                    subtitle={accessors.getSubtitle?.(item)}\n                    accent={accessors.getAccent?.(item)}\n                    selected={id === selectedId}\n                    pending={pending.has(id)}\n                    draggable={Boolean(onMove)}\n                    hint={onMove ? hintId : undefined}\n                    href={getHref?.(id, item)}\n                    className={cn(\n                      cardVariants({\n                        density,\n                        interactive: Boolean(onOpen),\n                        selected: id === selectedId,\n                        pending: pending.has(id),\n                      }),\n                      classNames?.card,\n                      id === selectedId && classNames?.selectedCard\n                    )}\n                    onOpen={onOpen ? () => onOpen(id, item) : undefined}\n                    onKeyDown={(event) => onCardKeyDown(event, id, columnIndex)}\n                  >\n                    {renderItem?.(item, { view: 'board' })}\n                  </BoardCard>\n                );\n              })}\n              {column.items.length === 0 && (\n                <li className=\"text-muted-foreground px-1 py-2 text-xs\">\n                  {text.empty}\n                </li>\n              )}\n            </ul>\n          </BoardColumn>\n        ))}\n      </div>\n\n      {onMove && (\n        <span id={hintId} className=\"sr-only\">\n          {text.moveHint}\n        </span>\n      )}\n      {/* Separate from dnd-kit's own drag live region: this announces moves\n          made by keyboard command, which are not drags. */}\n      <span\n        data-slot=\"board-view-announcer\"\n        role=\"status\"\n        aria-live=\"polite\"\n        className=\"sr-only\"\n      >\n        {announcement}\n      </span>\n\n      <DragOverlay>\n        {draggingItem && (\n          <div className={cn(cardVariants({ density }), 'shadow-lg')}>\n            <span className=\"text-foreground block text-sm font-medium\">\n              {accessors.getTitle(draggingItem)}\n            </span>\n          </div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n\nexport { cardVariants as boardViewCardVariants };\n"]}

package/dist/{chunk-VPIYTQCV.cjs → chunk-2I4IRQQG.cjs}

@@ -42,7 +42,9 @@ var progressBarTrackVariants = classVarianceAuthority.cva(
   }
 );
 var progressBarFillVariants = classVarianceAuthority.cva(
-  ["h-full rounded-full transition-all duration-300 ease-out"],
+  [
+    "h-full rounded-full motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out"
+  ],
   {
     variants: {
       variant: {
@@ -76,6 +78,8 @@ function Progress({
   value,
   max = 100,
   label,
+  srLabel,
+  valueText,
   showValue = false,
   formatValue,
   size,
@@ -83,6 +87,7 @@ function Progress({
   animated,
   striped,
   className,
+  fillClassName,
   indeterminate = false
 }) {
   const percentage = Math.min(Math.max(value / max * 100, 0), 100);
@@ -123,8 +128,9 @@ function Progress({
         "aria-valuenow": indeterminate ? void 0 : value,
         "aria-valuemin": 0,
         "aria-valuemax": max,
+        "aria-valuetext": indeterminate ? void 0 : valueText,
         "aria-labelledby": label ? `${progressId}-label` : void 0,
-        "aria-label": !label ? "Progress" : void 0,
+        "aria-label": !label ? srLabel ?? "Progress" : void 0,
         className: chunkS5RVSXDV_cjs.cn(progressBarTrackVariants({ size })),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -136,7 +142,8 @@ function Progress({
               !striped && variant === "default" && "bg-primary-800",
               !striped && variant === "success" && "bg-green-500",
               !striped && variant === "warning" && "bg-yellow-500",
-              !striped && variant === "danger" && "bg-red-500"
+              !striped && variant === "danger" && "bg-red-500",
+              fillClassName
             ),
             style: indeterminate ? void 0 : { width: `${percentage}%` }
           }
@@ -253,5 +260,5 @@ exports.Progress = Progress;
 exports.circularProgressVariants = circularProgressVariants;
 exports.progressBarFillVariants = progressBarFillVariants;
 exports.progressBarTrackVariants = progressBarTrackVariants;
-//# sourceMappingURL=chunk-VPIYTQCV.cjs.map
-//# sourceMappingURL=chunk-VPIYTQCV.cjs.map
+//# sourceMappingURL=chunk-2I4IRQQG.cjs.map
+//# sourceMappingURL=chunk-2I4IRQQG.cjs.map

package/dist/chunk-2I4IRQQG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-2I4IRQQG.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Progress Bar Variants\n// ============================================================================\n\nconst progressBarTrackVariants = cva(\n  ['w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-700'],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n        xl: 'h-4',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst progressBarFillVariants = cva(\n  [\n    'h-full rounded-full motion-safe:transition-all motion-safe:duration-300 motion-safe:ease-out',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-800',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n      },\n      animated: {\n        true: 'animate-pulse',\n        false: '',\n      },\n      striped: {\n        true: [\n          'bg-gradient-to-r',\n          'from-transparent via-white/20 to-transparent',\n          'bg-[length:1rem_100%]',\n          'animate-[progress-stripes_1s_linear_infinite]',\n        ],\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      animated: false,\n      striped: false,\n    },\n  }\n);\n\n// ============================================================================\n// Progress Bar Component\n// ============================================================================\n\nexport interface ProgressProps\n  extends\n    VariantProps<typeof progressBarTrackVariants>,\n    VariantProps<typeof progressBarFillVariants> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Label for the progress bar */\n  label?: string;\n  /** Accessible name when no visible `label` is rendered. */\n  srLabel?: string;\n  /** Human-readable `aria-valuetext` announced instead of the raw value. */\n  valueText?: string;\n  /** Show the percentage value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number, max: number) => string;\n  /** Additional class name */\n  className?: string;\n  /** Class for the fill, e.g. to tone its colour by value. */\n  fillClassName?: string;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n}\n\n/**\n * A progress bar component for showing completion status.\n *\n * @example\n * ```tsx\n * <Progress value={60} />\n * <Progress value={75} showValue label=\"Upload progress\" />\n * <Progress value={30} variant=\"success\" striped />\n * ```\n */\nfunction Progress({\n  value,\n  max = 100,\n  label,\n  srLabel,\n  valueText,\n  showValue = false,\n  formatValue,\n  size,\n  variant,\n  animated,\n  striped,\n  className,\n  fillClassName,\n  indeterminate = false,\n}: ProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n  const progressId = React.useId();\n\n  const displayValue = formatValue\n    ? formatValue(value, max)\n    : `${Math.round(percentage)}%`;\n\n  return (\n    <div data-slot=\"progress\" className={cn('w-full', className)}>\n      {(label || showValue) && (\n        <div\n          data-slot=\"progress-label-row\"\n          className=\"mb-1.5 flex items-center justify-between\"\n        >\n          {label && (\n            <label\n              data-slot=\"progress-label\"\n              id={`${progressId}-label`}\n              className=\"text-foreground text-sm font-medium\"\n            >\n              {label}\n            </label>\n          )}\n          {showValue && !indeterminate && (\n            <span\n              data-slot=\"progress-value\"\n              className=\"text-sm text-neutral-600 dark:text-neutral-400\"\n            >\n              {displayValue}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        data-slot=\"progress-track\"\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-valuetext={indeterminate ? undefined : valueText}\n        aria-labelledby={label ? `${progressId}-label` : undefined}\n        aria-label={!label ? (srLabel ?? 'Progress') : undefined}\n        className={cn(progressBarTrackVariants({ size }))}\n      >\n        <div\n          data-slot=\"progress-fill\"\n          className={cn(\n            progressBarFillVariants({ variant, animated, striped }),\n            indeterminate &&\n              'w-1/3 animate-[indeterminate_1.5s_ease-in-out_infinite]',\n            !striped && variant === 'default' && 'bg-primary-800',\n            !striped && variant === 'success' && 'bg-green-500',\n            !striped && variant === 'warning' && 'bg-yellow-500',\n            !striped && variant === 'danger' && 'bg-red-500',\n            fillClassName\n          )}\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n\n// ============================================================================\n// Circular Progress Variants\n// ============================================================================\n\nconst circularProgressVariants = cva(['relative inline-flex'], {\n  variants: {\n    size: {\n      sm: 'h-8 w-8',\n      md: 'h-12 w-12',\n      lg: 'h-16 w-16',\n      xl: 'h-24 w-24',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Circular Progress Component\n// ============================================================================\n\nexport interface CircularProgressProps extends VariantProps<\n  typeof circularProgressVariants\n> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Stroke width */\n  strokeWidth?: number;\n  /** Show the percentage value in the center */\n  showValue?: boolean;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A circular progress indicator component.\n *\n * @example\n * ```tsx\n * <CircularProgress value={75} showValue />\n * <CircularProgress value={50} variant=\"success\" size=\"lg\" />\n * ```\n */\nfunction CircularProgress({\n  value,\n  max = 100,\n  variant = 'default',\n  size,\n  strokeWidth = 4,\n  showValue = false,\n  indeterminate = false,\n  className,\n}: CircularProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n\n  // SVG calculations\n  const sizeMap = { sm: 32, md: 48, lg: 64, xl: 96 };\n  const svgSize = sizeMap[size || 'md'];\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const variantColors = {\n    default: 'stroke-primary-500',\n    success: 'stroke-green-500',\n    warning: 'stroke-yellow-500',\n    danger: 'stroke-red-500',\n  };\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      role=\"progressbar\"\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-label=\"Progress\"\n      className={cn(circularProgressVariants({ size }), className)}\n    >\n      <svg\n        aria-hidden=\"true\"\n        className={cn('-rotate-90 transform', indeterminate && 'animate-spin')}\n        width={svgSize}\n        height={svgSize}\n      >\n        {/* Background track */}\n        <circle\n          className=\"stroke-neutral-200 dark:stroke-neutral-700\"\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n        />\n        {/* Progress fill */}\n        <circle\n          className={cn(\n            variantColors[variant],\n            'transition-all duration-300 ease-out'\n          )}\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeDasharray={circumference}\n          strokeDashoffset={indeterminate ? circumference * 0.75 : offset}\n        />\n      </svg>\n      {showValue && !indeterminate && (\n        <span\n          data-slot=\"circular-progress-value\"\n          className=\"text-foreground absolute inset-0 flex items-center justify-center text-xs font-medium\"\n        >\n          {Math.round(percentage)}%\n        </span>\n      )}\n    </div>\n  );\n}\n\nCircularProgress.displayName = 'CircularProgress';\n\nexport {\n  Progress,\n  CircularProgress,\n  progressBarTrackVariants,\n  progressBarFillVariants,\n  circularProgressVariants,\n};\n"]}

package/dist/{chunk-IT775BYG.js → chunk-2W73UQ3T.js}

@@ -1,5 +1,6 @@
 import { defaultViewLabels } from './chunk-3YBS4WUQ.js';
 import { Table, BarChart3, Calendar, Columns, List, LayoutGrid } from './chunk-BKSPDTX4.js';
+import { isRtl } from './chunk-YVKBXNPK.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -87,7 +88,7 @@ var ViewSwitcher = React.forwardRef(
     };
     const onKeyDown = (event) => {
       const enabled = options.filter((o) => !o.disabled);
-      const forward = getComputedStyle(event.currentTarget).direction === "rtl" ? -1 : 1;
+      const forward = isRtl(event.currentTarget) ? -1 : 1;
       switch (event.key) {
         case "ArrowRight":
           event.preventDefault();
@@ -175,5 +176,5 @@ var ViewSwitcher = React.forwardRef(
 );
 
 export { ViewSwitcher, viewSwitcherVariants };
-//# sourceMappingURL=chunk-IT775BYG.js.map
-//# sourceMappingURL=chunk-IT775BYG.js.map
+//# sourceMappingURL=chunk-2W73UQ3T.js.map
+//# sourceMappingURL=chunk-2W73UQ3T.js.map

package/dist/chunk-2W73UQ3T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ViewSwitcher/ViewSwitcher.tsx"],"names":["ViewSwitcher"],"mappings":"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","file":"chunk-2W73UQ3T.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { isRtl } from '../../hooks/useDirection';\nimport { cn } from '../../utils/cn';\nimport {\n  CalendarIcon,\n  ChartIcon,\n  ColumnsIcon,\n  GridIcon,\n  ListIcon,\n  TableIcon,\n} from '../Icons';\nimport { defaultViewLabels, type ViewId } from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface ViewOption {\n  id: ViewId;\n  /** Overrides the built-in English label. */\n  label?: string;\n  /** Overrides the built-in icon. */\n  icon?: React.ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n  disabled?: boolean;\n}\n\nexport interface ViewSwitcherProps extends VariantProps<\n  typeof viewSwitcherVariants\n> {\n  /** Views to offer, in order. Accepts bare ids or `ViewOption`s. */\n  views: readonly (ViewId | ViewOption)[];\n  value: ViewId;\n  onValueChange: (view: ViewId) => void;\n  /** Accessible name of the group. */\n  label?: string;\n  /** Show labels beside the icons. `responsive` hides them below `sm`. */\n  showLabels?: boolean | 'responsive';\n  className?: string;\n  classNames?: Partial<Record<'option' | 'activeOption', string>>;\n}\n\n// =============================================================================\n// Defaults\n// =============================================================================\n\nconst VIEW_META: Record<\n  ViewId,\n  {\n    label: string;\n    icon: React.ComponentType<{ className?: string; 'aria-hidden'?: boolean }>;\n  }\n> = {\n  overview: { label: 'Overview', icon: GridIcon },\n  list: { label: 'List', icon: ListIcon },\n  board: { label: 'Board', icon: ColumnsIcon },\n  calendar: { label: 'Calendar', icon: CalendarIcon },\n  gantt: { label: 'Gantt', icon: ChartIcon },\n  roadmap: { label: 'Roadmap', icon: ChartIcon },\n  table: { label: 'Table', icon: TableIcon },\n};\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst viewSwitcherVariants = cva(\n  [\n    'inline-flex items-center gap-0.5',\n    'rounded-lg border border-border bg-muted p-0.5',\n    'overflow-x-auto',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        md: 'text-sm',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nconst optionVariants = cva(\n  [\n    'inline-flex shrink-0 items-center gap-1.5 rounded-md font-medium',\n    'transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background',\n    'disabled:pointer-events-none disabled:opacity-50',\n  ],\n  {\n    variants: {\n      size: {\n        // 40px tall on touch, tighter once a pointer is likely.\n        sm: 'min-h-10 px-2 py-2 sm:min-h-0 sm:px-2 sm:py-1',\n        md: 'min-h-10 px-2.5 py-2 sm:min-h-0 sm:px-3 sm:py-1.5',\n      },\n      active: {\n        // A raised surface rather than tinted ink: an accent colour as text on\n        // its own wash fails AA contrast. Same treatment as Tabs' pills.\n        true: 'bg-background text-foreground shadow-sm',\n        false: 'text-muted-foreground hover:text-foreground',\n      },\n    },\n    defaultVariants: { size: 'md', active: false },\n  }\n);\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Keyboard model is a radio group: one tab stop, arrows move *and* select.\n * Every option is visible, so moving the selection is the whole interaction —\n * there is nothing to \"commit\" afterwards.\n */\nexport const ViewSwitcher = React.forwardRef<HTMLDivElement, ViewSwitcherProps>(\n  function ViewSwitcher(\n    {\n      views,\n      value,\n      onValueChange,\n      label = defaultViewLabels.viewSwitcher,\n      showLabels = 'responsive',\n      size,\n      className,\n      classNames,\n      ...rest\n    },\n    ref\n  ) {\n    const options = React.useMemo<ViewOption[]>(\n      () => views.map((v) => (typeof v === 'string' ? { id: v } : v)),\n      [views]\n    );\n    const refs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n    const select = (next: ViewOption | undefined) => {\n      if (!next || next.id === value) return;\n      onValueChange(next.id);\n      // The selection owns the tab stop, so focus has to follow it.\n      requestAnimationFrame(() =>\n        refs.current[next.id]?.focus({ preventScroll: true })\n      );\n    };\n\n    // Stepping is relative to the selected view, not to whichever button received\n    // the key: focus moves asynchronously, and the two would drift apart.\n    const step = (delta: number) => {\n      const enabled = options.filter((o) => !o.disabled);\n      if (enabled.length === 0) return;\n      const current = enabled.findIndex((o) => o.id === value);\n      const from = current === -1 ? (delta > 0 ? -1 : 0) : current;\n      select(enabled[(from + delta + enabled.length) % enabled.length]);\n    };\n\n    const onKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      const enabled = options.filter((o) => !o.disabled);\n      // Logical, not physical: ArrowRight moves to the visually next option,\n      // which is the previous one under RTL.\n      const forward = isRtl(event.currentTarget) ? -1 : 1;\n      switch (event.key) {\n        case 'ArrowRight':\n          event.preventDefault();\n          step(forward);\n          break;\n        case 'ArrowLeft':\n          event.preventDefault();\n          step(-forward);\n          break;\n        case 'ArrowDown':\n          event.preventDefault();\n          step(1);\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          step(-1);\n          break;\n        case 'Home':\n          event.preventDefault();\n          select(enabled[0]);\n          break;\n        case 'End':\n          event.preventDefault();\n          select(enabled[enabled.length - 1]);\n          break;\n        default:\n          break;\n      }\n    };\n\n    // The roving tab stop has to land on an option the browser will actually\n    // focus. A disabled `<button>` is unfocusable, so if the active option is\n    // also disabled — a controlled caller, or a `defaultView` that later got\n    // disabled — putting the only `tabIndex={0}` on it leaves the radiogroup\n    // with no keyboard entry point at all. Fall back to the first enabled\n    // option; arrows then move from there.\n    const tabStopId =\n      options.find((o) => o.id === value && !o.disabled)?.id ??\n      options.find((o) => !o.disabled)?.id;\n\n    return (\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        aria-label={label}\n        data-slot=\"view-switcher\"\n        className={cn(viewSwitcherVariants({ size }), className)}\n        {...rest}\n      >\n        {options.map((option) => {\n          const meta = VIEW_META[option.id];\n          const Icon = option.icon ?? meta.icon;\n          const text = option.label ?? meta.label;\n          const active = option.id === value;\n          return (\n            <button\n              key={option.id}\n              ref={(node) => {\n                refs.current[option.id] = node;\n              }}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={active}\n              aria-label={showLabels === true ? undefined : text}\n              title={text}\n              disabled={option.disabled}\n              tabIndex={option.id === tabStopId ? 0 : -1}\n              data-slot=\"view-switcher-option\"\n              data-view={option.id}\n              className={cn(\n                optionVariants({ size, active }),\n                classNames?.option,\n                active && classNames?.activeOption\n              )}\n              onClick={() => onValueChange(option.id)}\n              onKeyDown={onKeyDown}\n            >\n              <Icon className=\"size-4 shrink-0\" aria-hidden />\n              {showLabels !== false && (\n                <span\n                  data-slot=\"view-switcher-label\"\n                  className={cn(\n                    showLabels === 'responsive' && 'hidden sm:inline'\n                  )}\n                >\n                  {text}\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nexport { viewSwitcherVariants };\n"]}