gridsmith-ui 0.11.0 → 0.12.0

package/dist/{chunk-YMUCTZXS.js → chunk-HL3KYWOK.js}

@@ -1,5 +1,5 @@
 import { useReturnFocus, focusInitial, useOverlayLayer, useFocusTrap, OVERLAY_CLOSE_ATTR, useNonModalDialog } from './chunk-NHQCMOAN.js';
-import { PreferencesContext } from './chunk-QNVSMY4R.js';
+import { PreferencesContext } from './chunk-YO7JVPXK.js';
 import { useBreakpoint, readBreakpointPx } from './chunk-CRQ6KCRD.js';
 import { TooltipCtx, Tooltip, useTextOverflow } from './chunk-IYD6ZDM2.js';
 import { useLatest } from './chunk-WH2FUFAC.js';
@@ -506,6 +506,7 @@ function defaultMaxWidth(container) {
   const base = container instanceof HTMLElement ? container.clientWidth : typeof window !== "undefined" ? window.innerWidth : 1200;
   return Math.round(base * 0.6);
 }
+var OverlayCloseCtx = createContext(null);
 function useDirtyGuard(dirty, onClose, onDiscard) {
   const [wantsConfirm, setWantsConfirm] = useState(false);
   const confirming = wantsConfirm && !!dirty;
@@ -611,9 +612,9 @@ function Drawer(props) {
     [registerActions, unregisterActions]
   );
   if (isPhone && mobileMode === "sheet") {
-    return /* @__PURE__ */ jsx(DrawerFooterCtx, { value: footerCtx, children: /* @__PURE__ */ jsx(Sheet, { open, onClose: guard.requestClose, title, footer: effectiveFooter, confirm, container, flush, snapPoints, keepMounted, id, labelledBy, children }) });
+    return /* @__PURE__ */ jsx(DrawerFooterCtx, { value: footerCtx, children: /* @__PURE__ */ jsx(OverlayCloseCtx, { value: guard.requestClose, children: /* @__PURE__ */ jsx(Sheet, { open, onClose: guard.requestClose, title, footer: effectiveFooter, confirm, container, flush, snapPoints, keepMounted, id, labelledBy, children }) }) });
   }
-  return /* @__PURE__ */ jsx(DrawerFooterCtx, { value: footerCtx, children: /* @__PURE__ */ jsx(DrawerPanel, { ...props, footer: effectiveFooter, onClose: guard.requestClose, confirm }) });
+  return /* @__PURE__ */ jsx(DrawerFooterCtx, { value: footerCtx, children: /* @__PURE__ */ jsx(OverlayCloseCtx, { value: guard.requestClose, children: /* @__PURE__ */ jsx(DrawerPanel, { ...props, footer: effectiveFooter, onClose: guard.requestClose, confirm }) }) });
 }
 function DrawerPanel({ open, onClose, position = "right", width = "400px", title, children, footer, container, flush, lightBackdrop, topOffset, modal = true, keepMounted = false, id, labelledBy, resizable = false, maxWidth, confirm }) {
   const nonModal = !modal;
@@ -948,6 +949,6 @@ function useElementWidth(ref) {
   return width;
 }
 
-export { AppShell, Button, ButtonSizeContext, ControlSizeContext, DiscardConfirm, Drawer, DrawerFooterCtx, ResizeEdge, Sheet, SkipLink, Spinner, defaultMaxWidth, pxOf, useAppShell, useCloseSettle, useCompact, useDirtyGuard, useElementWidth, useRememberedWidth };
-//# sourceMappingURL=chunk-YMUCTZXS.js.map
-//# sourceMappingURL=chunk-YMUCTZXS.js.map
+export { AppShell, Button, ButtonSizeContext, ControlSizeContext, DiscardConfirm, Drawer, DrawerFooterCtx, OverlayCloseCtx, ResizeEdge, Sheet, SkipLink, Spinner, defaultMaxWidth, pxOf, useAppShell, useCloseSettle, useCompact, useDirtyGuard, useElementWidth, useRememberedWidth };
+//# sourceMappingURL=chunk-HL3KYWOK.js.map
+//# sourceMappingURL=chunk-HL3KYWOK.js.map

package/dist/chunk-HL3KYWOK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/components/Spinner.tsx","../../../showcase/src/components/Button.tsx","../../../showcase/src/lib/use-close-settle.ts","../../../showcase/src/components/Sheet.tsx","../../../showcase/src/lib/edge-resize.tsx","../../../showcase/src/components/DiscardConfirm.tsx","../../../showcase/src/components/Drawer.tsx","../../../showcase/src/components/SkipLink.tsx","../../../showcase/src/components/AppShell.tsx","../../../showcase/src/lib/use-compact.ts"],"names":["Button","jsx","t","useEffect","jsxs","useState","useRef","useCallback","createContext","useId","createPortal","useContext","forwardRef","AppShell"],"mappings":"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","file":"chunk-HL3KYWOK.js","sourcesContent":["import { cn } from \"../lib/utils\";\n\nconst sizes = {\n  sm: \"h-4 w-4 border-[1.5px]\",\n  md: \"h-6 w-6 border-2\",\n  lg: \"h-8 w-8 border-[2.5px]\",\n} as const;\n\ninterface SpinnerProps {\n  size?: keyof typeof sizes;\n  color?: \"default\" | \"inherit\";\n  label?: string;\n  className?: string;\n}\n\nexport function Spinner({ size = \"md\", color = \"default\", label = \"Loading\", className }: SpinnerProps) {\n  return (\n    <span\n      role=\"status\"\n      aria-label={label}\n      className={cn(\n        \"inline-block rounded-[var(--ds-radius-full)] animate-spin\",\n        color === \"inherit\"\n          ? \"border-current/30 border-t-current\"\n          : \"border-[var(--ds-bg-emphasis)] border-t-[var(--ds-accent-primary)]\",\n        sizes[size],\n        className\n      )}\n    />\n  );\n}\n","import { cn } from \"../lib/utils\";\nimport { createContext, useContext, forwardRef, type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from \"react\";\nimport { Tooltip, TooltipCtx } from \"./Tooltip\";\nimport { Spinner } from \"./Spinner\";\n\ntype ButtonVariant = \"default\" | \"secondary\" | \"tertiary\" | \"outline\" | \"ghost\" | \"destructive\" | \"success\" | \"warning\" | \"link\";\ntype ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"icon-xs\" | \"icon-sm\" | \"icon\" | \"icon-lg\";\n\nexport type ControlSize = \"sm\" | \"md\" | \"lg\";\nexport const ControlSizeContext = createContext<ControlSize | null>(null);\nexport const ButtonSizeContext = ControlSizeContext;\n\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  loading?: boolean;\n  children?: ReactNode;\n}\n\nconst variantStyles: Record<ButtonVariant, string> = {\n  default: \"bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] [background-origin:border-box] text-[var(--ds-text-on-primary)] border-transparent hover:bg-[var(--ds-accent-primary-hover)] hover:brightness-110\",\n  secondary: \"bg-[var(--ds-bg-surface)] text-[var(--ds-text-primary)] border-[var(--ds-border-default)] hover:bg-[var(--ds-bg-muted)]\",\n  tertiary: \"bg-[var(--ds-bg-muted)] text-[var(--ds-text-primary)] border-transparent hover:brightness-95\",\n  outline: \"bg-[var(--ds-input-bg)] text-[var(--ds-text-primary)] border-[var(--ds-border-default)] hover:bg-[var(--ds-bg-muted)]\",\n  ghost: \"bg-transparent text-[var(--ds-text-primary)] border-transparent hover:bg-[var(--ds-bg-muted)] shadow-none\",\n  destructive: \"bg-[var(--ds-status-error)] text-[var(--ds-text-on-error)] border-transparent hover:opacity-90\",\n  success: \"bg-[var(--ds-status-success)] text-[var(--ds-text-on-success)] border-transparent hover:opacity-90\",\n  warning: \"bg-[var(--ds-status-warning)] text-[var(--ds-text-on-warning)] border-transparent hover:opacity-90\",\n  link: \"bg-transparent text-[var(--ds-accent-primary)] hover:text-[var(--ds-accent-primary-hover)] hover:underline\",\n};\n\nconst sizeStyles: Record<ButtonSize, string> = {\n  // xs / icon-xs: dense tool chrome (builder toolbars, inline row actions).\n  xs: \"h-ds-6 px-ds-3 py-0 text-xs\",\n  sm: \"h-[var(--ds-control-height-sm)] px-ds-4 py-ds-1 text-xs\",\n  md: \"h-[var(--ds-control-height-md)] px-ds-6 py-ds-2 text-sm\",\n  lg: \"h-[var(--ds-control-height-lg)] px-ds-8 py-ds-3 text-base\",\n  \"icon-xs\": \"h-ds-6 w-ds-6 p-0\",\n  \"icon-sm\": \"h-[var(--ds-control-height-sm)] w-[var(--ds-control-height-sm)] p-0\",\n  icon: \"h-[var(--ds-control-height-md)] w-[var(--ds-control-height-md)] p-0\",\n  \"icon-lg\": \"h-[var(--ds-control-height-lg)] w-[var(--ds-control-height-lg)] p-0\",\n};\n\n// Link buttons have no box, so only the text size follows `size`.\nconst linkSizeStyles: Record<ButtonSize, string> = {\n  xs: \"text-xs\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  \"icon-xs\": \"text-xs\",\n  \"icon-sm\": \"text-xs\",\n  icon: \"text-sm\",\n  \"icon-lg\": \"text-base\",\n};\n\nconst iconPaddingReduce: Record<Exclude<ButtonSize, \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\">, number> = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 6,\n};\n\nconst HOVER_SCALE_CAP = { '--_btn-scale': 'min(var(--ds-hover-scale), 1.02)' } as CSSProperties;\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button({ variant = \"default\", size: sizeProp, iconLeft, iconRight, loading, className, children, disabled, style, onClick, ...props }, ref) {\n  const contextSize = useContext(ControlSizeContext);\n  const size = sizeProp ?? contextSize ?? \"md\";\n  const isLink = variant === \"link\";\n  const spinnerSize = size === \"lg\" || size === \"icon-lg\" ? \"md\" : \"sm\";\n  let paddingStyle: CSSProperties | undefined;\n  const isIconSize = size === \"icon\" || size === \"icon-xs\" || size === \"icon-sm\" || size === \"icon-lg\";\n  if (!isIconSize && !isLink && (iconLeft || iconRight)) {\n    const reduce = iconPaddingReduce[size];\n    paddingStyle = {};\n    if (iconLeft) paddingStyle.paddingLeft = `calc(${getCssPadding(size)} - ${reduce}px)`;\n    if (iconRight) paddingStyle.paddingRight = `calc(${getCssPadding(size)} - ${reduce}px)`;\n  }\n\n  const isLoading = loading && !disabled;\n  const isDisabled = !!disabled;\n\n  const handleClick = isLoading\n    ? (e: React.MouseEvent<HTMLButtonElement>) => { e.preventDefault(); }\n    : onClick;\n\n  const ariaLabel = props[\"aria-label\"];\n  // Round 15 (52.7): inside an explicit <Tooltip> the caller owns the label; the automatic one from aria-label would be a second tooltip.\n  const inTooltip = useContext(TooltipCtx);\n\n  const btn = (\n    <button\n      ref={ref}\n      data-variant={variant}\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-ds-2 whitespace-nowrap font-medium\",\n        isLink\n          ? cn(\n              \"px-0 py-ds-0.5 h-auto\",\n              linkSizeStyles[size],\n              \"transition-colors duration-[var(--ds-transition-speed)]\",\n              \"focus-visible:outline-2 focus-visible:outline-[var(--ds-accent-primary)] focus-visible:outline-offset-2\",\n              \"cursor-pointer\",\n              \"active:text-[var(--ds-accent-primary-active)]\",\n            )\n          : cn(\n              \"border-[length:var(--ds-border-width)]\",\n              \"rounded-[var(--ds-radius-md)]\",\n              \"shadow-[var(--ds-shadow-button)]\",\n              \"hover:scale-[var(--_btn-scale)] hover:-translate-y-[var(--ds-hover-lift)]\",\n              \"active:shadow-[var(--ds-shadow-button-pressed)] active:translate-x-[var(--ds-press-depth)] active:translate-y-[var(--ds-press-depth)]\",\n              \"[transition:var(--ds-transition-interactive)]\",\n              \"focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]\",\n              \"cursor-pointer disabled:cursor-not-allowed disabled:opacity-disabled\",\n              sizeStyles[size],\n            ),\n        variantStyles[variant],\n        isLoading && !isLink && \"cursor-wait pointer-events-none\",\n        className\n      )}\n      disabled={isDisabled}\n      aria-busy={isLoading || undefined}\n      aria-disabled={isLoading && !disabled ? true : undefined}\n      onClick={handleClick}\n      style={isLink ? style : { ...HOVER_SCALE_CAP, ...paddingStyle, ...style }}\n      {...props}\n    >\n      {loading && !isLink && (\n        <span className=\"absolute inset-0 flex items-center justify-center\">\n          <Spinner size={spinnerSize} color=\"inherit\" />\n        </span>\n      )}\n      <span className={cn(\"inline-flex items-center gap-ds-2 min-w-0\", loading && !isLink && \"invisible\")}>\n        {iconLeft}\n        {children}\n        {iconRight}\n      </span>\n    </button>\n  );\n\n  if (isIconSize && ariaLabel && !inTooltip) {\n    return <Tooltip content={ariaLabel}>{btn}</Tooltip>;\n  }\n\n  return btn;\n});\n\nfunction getCssPadding(size: Exclude<ButtonSize, \"icon\" | \"icon-xs\" | \"icon-sm\" | \"icon-lg\">): string {\n  switch (size) {\n    case \"xs\": return \"var(--ds-space-3)\";\n    case \"sm\": return \"var(--ds-space-4)\";\n    case \"md\": return \"var(--ds-space-6)\";\n    case \"lg\": return \"var(--ds-space-8)\";\n  }\n}\n","import { useEffect, type RefObject } from \"react\";\nimport { useLatest } from \"./use-latest\";\n\n/** Longest transition (duration + delay) declared on `el`, in milliseconds. */\nfunction transitionMs(el: HTMLElement): number {\n  const cs = getComputedStyle(el);\n  const parse = (list: string) =>\n    list.split(\",\").map((raw) => {\n      const s = raw.trim();\n      if (!s) return 0;\n      const n = parseFloat(s);\n      if (Number.isNaN(n)) return 0;\n      return s.endsWith(\"ms\") ? n : n * 1000;\n    });\n  const durations = parse(cs.transitionDuration || \"0s\");\n  const delays = parse(cs.transitionDelay || \"0s\");\n  let max = 0;\n  durations.forEach((d, i) => {\n    const total = d + (delays[i] ?? delays[0] ?? 0);\n    if (total > max) max = total;\n  });\n  return max;\n}\n\n/**\n * Run `onSettled` once an overlay's close transition has finished.\n *\n * Overlays used to unmount on `transitionend`, but a transition of zero\n * duration never fires that event — and `prefers-reduced-motion` sets every\n * transition to zero — so a closed Drawer stayed mounted off-screen with its\n * controls still in the Tab order. This settles on the event when there is a\n * transition, immediately (next tick) when there is none, and on a timeout if\n * the browser never reports the end. Reopening during the close cancels it.\n */\nexport function useCloseSettle(open: boolean, elRef: RefObject<HTMLElement | null>, onSettled: () => void) {\n  const cb = useLatest(onSettled);\n  useEffect(() => {\n    if (open) return;\n    const el = elRef.current;\n    const ms = el ? transitionMs(el) : 0;\n    let done = false;\n    const finish = () => {\n      if (done) return;\n      done = true;\n      cb.current();\n    };\n    if (!el || ms === 0) {\n      const t = setTimeout(finish, 0);\n      return () => clearTimeout(t);\n    }\n    const onEnd = (e: TransitionEvent) => {\n      if (e.target === el) finish();\n    };\n    el.addEventListener(\"transitionend\", onEnd);\n    const t = setTimeout(finish, ms + 50);\n    return () => {\n      el.removeEventListener(\"transitionend\", onEnd);\n      clearTimeout(t);\n    };\n  }, [open, elRef, cb]);\n}\n","import { useEffect, useRef, useState, useCallback, useId, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn, GLASS_OVERLAY, lockBodyScroll, unlockBodyScroll } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { focusInitial, useReturnFocus, useFocusTrap, useOverlayLayer, OVERLAY_CLOSE_ATTR } from \"../lib/focus\";\nimport { useCloseSettle } from \"../lib/use-close-settle\";\nimport { useLatest } from \"../lib/use-latest\";\n\ninterface SheetProps {\n  open: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  children: ReactNode;\n  footer?: ReactNode;\n  /** A strip between the content and the footer (the Drawer's unsaved-changes question). */\n  confirm?: ReactNode;\n  /** Heights the sheet snaps to, as fractions of the viewport (or container). Default [0.5, 0.92]. */\n  snapPoints?: number[];\n  /** Render inside this element (absolute positioning, no body scroll lock) instead of document.body. */\n  container?: Element | DocumentFragment;\n  /** Remove default content padding — use when the child handles its own spacing. */\n  flush?: boolean;\n  /** Keep the sheet in the DOM while closed (hidden, out of the tab order) so its content's state survives close and reopen. Default false. */\n  keepMounted?: boolean;\n  /** id applied to the dialog element, for an opener's aria-controls. */\n  id?: string;\n  /** id of the element that names the dialog when no title is rendered. */\n  labelledBy?: string;\n}\n\nexport function Sheet({ open, onClose, title, children, footer, confirm, snapPoints = [0.5, 0.92], container, flush, keepMounted = false, id, labelledBy }: SheetProps) {\n  const titleId = useId();\n  const panelRef = useRef<HTMLDivElement>(null);\n  // Stays mounted while the close transition plays; mounts as soon as `open` flips.\n  const [mounted, setMounted] = useState(open);\n  const [hidden, setHidden] = useState(!open);\n  const [snapIdx, setSnapIdx] = useState(0);\n  const [dragOffset, setDragOffset] = useState(0);\n  const [dragging, setDragging] = useState(false);\n  const dragStartY = useRef(0);\n  const startHeight = useRef(0);\n  const onCloseRef = useLatest(onClose);\n\n  // Reset on every open. This is React's \"adjust state when a prop changes\"\n  // pattern: it runs before commit, so the first painted frame is already correct.\n  const [prevOpen, setPrevOpen] = useState(open);\n  if (open !== prevOpen) {\n    setPrevOpen(open);\n    if (open) { setMounted(true); setHidden(false); setSnapIdx(0); setDragOffset(0); }\n  }\n\n  // Snap fractions are relative to the viewport, or to the container when one is given.\n  const viewportHeight = useCallback(\n    () => (container instanceof HTMLElement ? container.clientHeight : window.innerHeight),\n    [container],\n  );\n\n  // After the close transition settles (at once under reduced motion): unmount, or hide when keepMounted.\n  useCloseSettle(open, panelRef, () => {\n    if (keepMounted) setHidden(true);\n    else setMounted(false);\n  });\n\n  useReturnFocus(open);\n\n  useEffect(() => {\n    if (!open || !mounted) return;\n    const raf = requestAnimationFrame(() => focusInitial(panelRef.current));\n    return () => cancelAnimationFrame(raf);\n  }, [open, mounted]);\n\n  const isTopLayer = useOverlayLayer(open);\n  useFocusTrap(panelRef, open, isTopLayer);\n\n  useEffect(() => {\n    if (!open) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isTopLayer()) onCloseRef.current();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    if (!container) lockBodyScroll();\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      if (!container) unlockBodyScroll();\n    };\n  }, [open, container, onCloseRef, isTopLayer]);\n\n  const handlePointerDown = useCallback((e: React.PointerEvent) => {\n    setDragging(true);\n    dragStartY.current = e.clientY;\n    startHeight.current = (snapPoints[snapIdx] ?? snapPoints[0]) * viewportHeight();\n    setDragOffset(0);\n    (e.target as HTMLElement).setPointerCapture(e.pointerId);\n  }, [snapIdx, snapPoints, viewportHeight]);\n\n  const handlePointerMove = useCallback((e: React.PointerEvent) => {\n    if (!dragging) return;\n    const delta = dragStartY.current - e.clientY;\n    setDragOffset(delta);\n  }, [dragging]);\n\n  const handlePointerUp = useCallback(() => {\n    if (!dragging) return;\n    setDragging(false);\n    const currentHeightPx = startHeight.current + dragOffset;\n    const currentFraction = currentHeightPx / viewportHeight();\n\n    if (currentFraction < snapPoints[0] * 0.6) {\n      onClose();\n      setDragOffset(0);\n      return;\n    }\n\n    let bestIdx = 0;\n    let bestDist = Math.abs(currentFraction - snapPoints[0]);\n    for (let i = 1; i < snapPoints.length; i++) {\n      const dist = Math.abs(currentFraction - snapPoints[i]);\n      if (dist < bestDist) { bestDist = dist; bestIdx = i; }\n    }\n    setSnapIdx(bestIdx);\n    setDragOffset(0);\n  }, [dragging, dragOffset, snapPoints, onClose, viewportHeight]);\n\n  if (!mounted) return null;\n\n  const baseHeight = (snapPoints[snapIdx] ?? snapPoints[0]) * 100;\n  const heightUnit = container ? \"%\" : \"vh\";\n  const dragPx = dragging ? dragOffset : 0;\n  const positionClass = container ? \"absolute\" : \"fixed\";\n\n  return createPortal(\n    <div\n      hidden={keepMounted && hidden ? true : undefined}\n      className={cn(\n        `${positionClass} inset-0 z-[var(--ds-z-modal)] transition-opacity duration-[var(--ds-transition-speed)]`,\n        open ? \"pointer-events-auto\" : \"pointer-events-none\",\n      )}\n    >\n      <div\n        className={cn(\n          \"absolute inset-0 bg-black/50 transition-opacity duration-[var(--ds-transition-speed)]\",\n          open ? \"opacity-100\" : \"opacity-0\",\n        )}\n        onClick={onClose}\n      />\n      <div\n        ref={panelRef}\n        id={id}\n        role=\"dialog\"\n        data-gs=\"sheet\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : labelledBy}\n        data-ds-sheet=\"\"\n        className={cn(\n          `${positionClass} bottom-0 left-0 right-0 z-10 flex flex-col`,\n          \"bg-[var(--ds-bg-surface)] text-[var(--ds-text-primary)]\",\n          GLASS_OVERLAY,\n          \"border-t-[length:var(--ds-border-width)] border-[var(--ds-border-default)]\",\n          \"rounded-t-[var(--ds-radius-xl)]\",\n          !dragging && \"transition-[transform,height] duration-[var(--ds-transition-speed)] ease-[var(--ds-transition-ease)]\",\n          open ? \"translate-y-0\" : \"translate-y-full\",\n        )}\n        style={{\n          containerType: \"inline-size\",\n          height: dragPx ? `calc(${baseHeight}${heightUnit} + ${dragPx}px)` : `${baseHeight}${heightUnit}`,\n        }}\n      >\n        <div\n          className=\"flex justify-center pt-ds-2 pb-ds-1 cursor-grab active:cursor-grabbing touch-none\"\n          onPointerDown={handlePointerDown}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          onPointerCancel={handlePointerUp}\n        >\n          <div className=\"w-10 h-1 rounded-[var(--ds-radius-full)] bg-[var(--ds-border-default)]\" />\n        </div>\n\n        {title && (\n          <div\n            className=\"flex items-center justify-between shrink-0 border-b-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\"\n            style={{ padding: \"var(--ds-space-2) var(--ds-space-5)\" }}\n          >\n            <h2 id={titleId} className=\"font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)] truncate\">{title}</h2>\n            <button\n              onClick={onClose}\n              {...{ [OVERLAY_CLOSE_ATTR]: \"\" }}\n              className=\"text-[var(--ds-text-muted)] hover:text-[var(--ds-text-primary)] transition-colors cursor-pointer\"\n              aria-label=\"Close\"\n            >\n              <Icon name=\"close\" size={18} />\n            </button>\n          </div>\n        )}\n\n        <div\n          className=\"flex-1 overflow-y-auto\"\n          style={flush ? undefined : { padding: \"var(--ds-space-5)\" }}\n        >\n          {children}\n        </div>\n\n        {confirm}\n\n        {footer && (\n          <div\n            className=\"shrink-0 flex items-center justify-end gap-ds-2 border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\"\n            style={{ padding: \"var(--ds-space-3) var(--ds-space-5)\" }}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>,\n    container ?? document.body,\n  );\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"./utils\";\nimport { useLatest } from \"./use-latest\";\n\n/**\n * A drag-to-resize edge shared by the docked AsidePanel and the non-modal\n * Drawer. Visually it is the panel's page-side edge: hover shows the resize\n * cursor and the line thickens in the accent colour; it stays lit while\n * dragging. Nothing else appears for mouse users.\n *\n * Keyboard, invisibly: the same edge is a focusable separator (WAI-ARIA\n * window-splitter pattern). On focus it lights up as on hover; Left/Right\n * nudge the width by a step (Shift for a larger one), Home/End snap to the\n * bounds, Escape restores the width from before the interaction, and a\n * double-click (or Enter) snaps back to the default. This is what satisfies\n * WCAG 2.1.1 and 2.5.7 without a visible button.\n *\n * The width the user chose is remembered for the session (per `memoryKey`),\n * like the sidebar's collapsed state — never persisted.\n */\n\nexport interface ResizeEdgeProps {\n  /** Which edge of the panel the handle sits on — the side facing the page. A right-docked panel's handle is on its \"left\" edge. */\n  edge: \"left\" | \"right\";\n  /** Current width in px. */\n  width: number;\n  /** Lower bound in px — the width the app configured. */\n  min: number;\n  /** Upper bound in px; a function so it can follow the viewport. */\n  max: () => number;\n  /** The width to snap back to. */\n  defaultWidth: number;\n  onResize: (width: number) => void;\n  /** Accessible name, e.g. \"Resize assistant\". */\n  label: string;\n  /** Called when a pointer drag starts and ends — panels switch off their width animation while it runs so the edge follows the pointer exactly. */\n  onDraggingChange?: (dragging: boolean) => void;\n  className?: string;\n}\n\nconst STEP = 16;\nconst BIG_STEP = 64;\n\nfunction clamp(v: number, min: number, max: number) {\n  return Math.min(Math.max(v, min), max);\n}\n\nexport function ResizeEdge({ edge, width, min, max, defaultWidth, onResize, label, onDraggingChange, className }: ResizeEdgeProps) {\n  const [dragging, setDragging] = useState(false);\n  const start = useRef<{ x: number; width: number } | null>(null);\n  const latestOnResize = useLatest(onResize);\n\n  // Dragging the handle away from the panel makes it wider: for a handle on the\n  // panel's left edge that is a leftward drag (negative dx), on its right edge a rightward one.\n  const direction = edge === \"left\" ? -1 : 1;\n\n  const onPointerDown = useCallback(\n    (e: React.PointerEvent<HTMLDivElement>) => {\n      if (e.button !== 0) return;\n      e.preventDefault();\n      start.current = { x: e.clientX, width };\n      setDragging(true);\n      e.currentTarget.setPointerCapture(e.pointerId);\n    },\n    [width],\n  );\n\n  const onPointerMove = useCallback(\n    (e: React.PointerEvent<HTMLDivElement>) => {\n      if (!start.current) return;\n      const next = clamp(start.current.width + direction * (e.clientX - start.current.x), min, max());\n      latestOnResize.current(next);\n    },\n    [direction, min, max, latestOnResize],\n  );\n\n  const endDrag = useCallback(() => {\n    start.current = null;\n    setDragging(false);\n  }, []);\n\n  const latestOnDraggingChange = useLatest(onDraggingChange);\n  useEffect(() => {\n    latestOnDraggingChange.current?.(dragging);\n  }, [dragging, latestOnDraggingChange]);\n\n  // Escape during a drag reverts to the width before it (corpus: Escape cancels\n  // any in-progress pointer interaction).\n  useEffect(() => {\n    if (!dragging) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\" || !start.current) return;\n      latestOnResize.current(start.current.width);\n      endDrag();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [dragging, endDrag, latestOnResize]);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const step = e.shiftKey ? BIG_STEP : STEP;\n    let next: number | null = null;\n    // Left/Right move the edge itself; which way that widens depends on the edge.\n    if (e.key === \"ArrowLeft\") next = width - direction * step;\n    else if (e.key === \"ArrowRight\") next = width + direction * step;\n    else if (e.key === \"Home\") next = min;\n    else if (e.key === \"End\") next = max();\n    else if (e.key === \"Enter\") next = defaultWidth;\n    if (next === null) return;\n    e.preventDefault();\n    onResize(clamp(next, min, max()));\n  };\n\n  return (\n    <div\n      role=\"separator\"\n      tabIndex={0}\n      aria-orientation=\"vertical\"\n      aria-label={label}\n      aria-valuemin={min}\n      aria-valuemax={max()}\n      aria-valuenow={Math.round(width)}\n      data-resize-edge={edge}\n      data-dragging={dragging || undefined}\n      onPointerDown={onPointerDown}\n      onPointerMove={onPointerMove}\n      onPointerUp={endDrag}\n      onPointerCancel={endDrag}\n      onDoubleClick={() => onResize(clamp(defaultWidth, min, max()))}\n      onKeyDown={onKeyDown}\n      className={cn(\n        // A narrow absolutely-positioned strip over the edge — never a flex child that takes width.\n        \"group/edge absolute top-0 bottom-0 z-10 w-ds-2 cursor-col-resize touch-none select-none outline-none\",\n        edge === \"left\" ? \"-left-ds-1\" : \"-right-ds-1\",\n        className,\n      )}\n    >\n      {/* The visible line: the panel's own border at rest, thicker and accent on hover / focus / drag. */}\n      <div\n        aria-hidden=\"true\"\n        className={cn(\n          \"absolute top-0 bottom-0 left-1/2 w-px -translate-x-1/2 transition-[width,background-color] duration-[var(--ds-transition-speed)]\",\n          \"group-hover/edge:w-[3px] group-hover/edge:bg-[var(--ds-accent-primary)]\",\n          \"group-focus-visible/edge:w-[3px] group-focus-visible/edge:bg-[var(--ds-accent-primary)]\",\n          dragging && \"w-[3px] bg-[var(--ds-accent-primary)]\",\n        )}\n      />\n    </div>\n  );\n}\n\n// ─── Session memory for chosen widths ────────────────────────────────────────\n\nconst remembered = new Map<string, number>();\n\n/**\n * The width a user dragged a panel to, kept for the session under `key`.\n * Returns [width | null, remember].\n */\nexport function useRememberedWidth(key: string | undefined): [number | null, (w: number | null) => void] {\n  const [width, setWidth] = useState<number | null>(() => (key ? remembered.get(key) ?? null : null));\n  const remember = useCallback(\n    (w: number | null) => {\n      setWidth(w);\n      if (!key) return;\n      if (w === null) remembered.delete(key);\n      else remembered.set(key, w);\n    },\n    [key],\n  );\n  return [width, remember];\n}\n\n/** Test seam. */\nexport function clearRememberedWidths() {\n  remembered.clear();\n}\n\n/** Parse a px length; anything else (a token, a percentage) reads as null and the panel measures itself instead. */\nexport function pxOf(length: string | undefined): number | null {\n  if (!length) return null;\n  const m = /^(\\d+(?:\\.\\d+)?)px$/.exec(length.trim());\n  return m ? parseFloat(m[1]) : null;\n}\n\n/** Default upper bound: sixty percent of the viewport (or of the container). */\nexport function defaultMaxWidth(container?: Element | null): number {\n  const base = container instanceof HTMLElement ? container.clientWidth : typeof window !== \"undefined\" ? window.innerWidth : 1200;\n  return Math.round(base * 0.6);\n}\n","import { createContext, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"./Button\";\n\n/**\n * The open overlay's guarded close (round 21): a Drawer, Sheet or Dialog provides it so a form inside can close the\n * overlay through the same unsaved-changes question Escape and the close control ask. FormWrapper's `onCancel` uses it;\n * run 58's hand-wired Cancel closed a half-filled invite with no question while Escape asked.\n */\nexport const OverlayCloseCtx = createContext<(() => void) | null>(null);\n\n/**\n * The dirty guard an overlay with a form shares (Sprint 25.2, C1): while the\n * content is dirty, every close path — Escape, backdrop, the close control —\n * asks first, inside the overlay rather than in a second dialog. The page\n * passes `dirty`; the overlay does the rest.\n */\nexport function useDirtyGuard(dirty: boolean | undefined, onClose: () => void, onDiscard?: () => void) {\n  const [wantsConfirm, setWantsConfirm] = useState(false);\n  const confirming = wantsConfirm && !!dirty;\n  const requestClose = useCallback(() => {\n    if (!dirty) { onClose(); return; }\n    // A second close request while the question is showing (Escape again, another backdrop click) keeps editing.\n    setWantsConfirm((c) => !c);\n  }, [dirty, onClose]);\n  const keep = useCallback(() => setWantsConfirm(false), []);\n  const discard = useCallback(() => { setWantsConfirm(false); onDiscard?.(); onClose(); }, [onClose, onDiscard]);\n  return { confirming, requestClose, keep, discard };\n}\n\nexport function DiscardConfirm({ open, onKeep, onDiscard }: { open: boolean; onKeep: () => void; onDiscard: () => void }) {\n  const keepRef = useRef<HTMLButtonElement>(null);\n  const returnTo = useRef<HTMLElement | null>(null);\n  const overlay = useRef<HTMLElement | null>(null);\n  // Focus moves to \"Keep editing\" while the question shows and goes back where it was when it closes — or to the\n  // overlay's first control when nothing inside it had focus — so a non-modal drawer keeps answering Escape and a\n  // screen reader keeps its place (Sprint 25.2 review).\n  useEffect(() => {\n    if (!open) return;\n    const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    overlay.current = keepRef.current?.closest<HTMLElement>(\"[role='dialog'], [role='alertdialog']\") ?? null;\n    returnTo.current = active && active !== document.body && overlay.current?.contains(active) ? active : null;\n    keepRef.current?.focus();\n    return () => {\n      if (document.activeElement !== document.body) return;\n      const back = returnTo.current;\n      if (back && back.isConnected) { back.focus(); return; }\n      const first = overlay.current?.querySelector<HTMLElement>(\"button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1'])\");\n      (first ?? overlay.current)?.focus();\n    };\n  }, [open]);\n  if (!open) return null;\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Unsaved changes\"\n      data-discard-confirm=\"\"\n      className=\"shrink-0 flex flex-wrap items-center justify-between gap-ds-3 border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] bg-[var(--ds-status-warning-bg)]\"\n      style={{ padding: \"var(--ds-space-3) var(--ds-space-5)\" }}\n    >\n      <p className=\"text-sm text-[var(--ds-text-primary)]\">You have unsaved changes.</p>\n      <div className=\"flex items-center gap-ds-2\">\n        <Button ref={keepRef} variant=\"secondary\" size=\"sm\" onClick={onKeep}>Keep editing</Button>\n        <Button variant=\"destructive\" size=\"sm\" onClick={onDiscard}>Discard changes</Button>\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useRef, useState, useId, useCallback, useMemo, createContext, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn, GLASS_OVERLAY, lockBodyScroll, unlockBodyScroll } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { focusInitial, useReturnFocus, useFocusTrap, useOverlayLayer, useNonModalDialog, OVERLAY_CLOSE_ATTR } from \"../lib/focus\";\nimport { useCloseSettle } from \"../lib/use-close-settle\";\nimport { ResizeEdge, useRememberedWidth, pxOf, defaultMaxWidth } from \"../lib/edge-resize\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport { useBreakpoint } from \"../lib/use-breakpoint\";\nimport { useDirtyGuard, DiscardConfirm, OverlayCloseCtx } from \"./DiscardConfirm\";\nimport { Sheet } from \"./Sheet\";\nimport { useLatest } from \"../lib/use-latest\";\n\n// ---------------------------------------------------------------------------\n// DrawerFooterContext — FormWrapper registers its actions here so the overlay\n// renders them in its footer area (outside the form's DOM tree, linked by the\n// HTML form attribute). An explicit `footer` prop on Drawer/Sheet wins.\n// ---------------------------------------------------------------------------\n\nexport interface DrawerFooterContextValue {\n  registerActions: (id: string, actions: ReactNode) => void;\n  unregisterActions: (id: string) => void;\n}\n\nexport const DrawerFooterCtx = createContext<DrawerFooterContextValue | null>(null);\n\ninterface DrawerProps {\n  open: boolean;\n  onClose: () => void;\n  position?: \"left\" | \"right\" | \"bottom\";\n  width?: string;\n  title?: ReactNode;\n  children: ReactNode;\n  footer?: ReactNode;\n  container?: Element | DocumentFragment;\n  /** Remove default content padding — use when the child (e.g. Sidebar) handles its own spacing. */\n  flush?: boolean;\n  /** Use a lighter backdrop (no blur, subtle dim). Use for compact overlays. */\n  lightBackdrop?: boolean;\n  /** Offset the drawer from the top of its container. When set, the area above this offset remains visible and interactive (e.g. keeping a navbar accessible). */\n  topOffset?: string;\n  /**\n   * What the drawer becomes at phone width (≤ the sm breakpoint).\n   * \"sheet\" (default for right and bottom): a draggable bottom Sheet with snap points.\n   * \"panel\" (default for left, which is the navigation convention): a full-height side panel.\n   * lightBackdrop and topOffset do not apply in sheet mode.\n   */\n  mobile?: \"sheet\" | \"panel\";\n  /** Snap points for the phone-width Sheet, as fractions of the viewport. Default [0.5, 0.92]. */\n  snapPoints?: number[];\n  /**\n   * Default true. false makes the drawer a persistent, non-modal panel the user works alongside\n   * (an assistant, help): no backdrop, no scroll lock, no focus trap — the page stays operable.\n   * It closes only on Escape while focus is inside it, its close control, or onClose from the\n   * consumer; an outside click does nothing. At phone width the Sheet is always modal.\n   */\n  modal?: boolean;\n  /**\n   * Keep the panel in the DOM while closed (hidden and out of the tab order) so a half-typed\n   * message, the scroll position and any in-progress rendering survive close and reopen.\n   * Default false — the panel unmounts after its close transition, as it always has.\n   */\n  keepMounted?: boolean;\n  /** id applied to the dialog element, for an opener's aria-controls. */\n  id?: string;\n  /** id of the element that names the dialog when no title is rendered — e.g. ChatPanel's heading. */\n  labelledBy?: string;\n  /**\n   * Let the user drag the page-side edge to widen a non-modal side drawer,\n   * between `width` and maxWidth (default 60% of the viewport). Default false —\n   * ordinary drawers keep the one shared width. Ignored when modal or at phone width.\n   */\n  resizable?: boolean;\n  maxWidth?: string;\n  /** The content has unsaved changes: every close path asks before discarding, inside the drawer (Sprint 25.2, C1). */\n  dirty?: boolean;\n  /** Called when the user chooses to discard, before onClose. */\n  onDiscard?: () => void;\n}\n\nconst slideClasses: Record<string, { panel: string; open: string; closed: string }> = {\n  right: {\n    panel: \"top-0 right-0 h-full\",\n    open: \"translate-x-0\",\n    closed: \"translate-x-full\",\n  },\n  left: {\n    panel: \"top-0 left-0 h-full\",\n    open: \"translate-x-0\",\n    closed: \"-translate-x-full\",\n  },\n  bottom: {\n    panel: \"bottom-0 left-0 right-0\",\n    open: \"translate-y-0\",\n    closed: \"translate-y-full\",\n  },\n};\n\nconst borderByPosition: Record<string, string> = {\n  right: \"border-l-[length:var(--ds-border-width)] border-l-[var(--ds-border-default)]\",\n  left: \"border-r-[length:var(--ds-border-width)] border-r-[var(--ds-border-default)]\",\n  bottom: \"border-t-[length:var(--ds-border-width)] border-t-[var(--ds-border-default)]\",\n};\n\nexport function Drawer(props: DrawerProps) {\n  const { position = \"right\", mobile, snapPoints, open, onClose, title, children, footer, container, flush, keepMounted, id, labelledBy, dirty, onDiscard } = props;\n  const isPhone = useBreakpoint(\"sm\");\n  const mobileMode = mobile ?? (position === \"left\" ? \"panel\" : \"sheet\");\n  const guard = useDirtyGuard(dirty, onClose, onDiscard);\n  const confirm = <DiscardConfirm open={guard.confirming} onKeep={guard.keep} onDiscard={guard.discard} />;\n\n  // Registered actions from FormWrapper children (C10).\n  const [actionsMap, setActionsMap] = useState<Map<string, ReactNode>>(new Map());\n  const registerActions = useCallback((formId: string, acts: ReactNode) => {\n    setActionsMap((prev) => new Map(prev).set(formId, acts));\n  }, []);\n  const unregisterActions = useCallback((formId: string) => {\n    setActionsMap((prev) => { const next = new Map(prev); next.delete(formId); return next; });\n  }, []);\n  const registeredActions = actionsMap.size > 0\n    ? <>{Array.from(actionsMap.values())}</>\n    : null;\n  // An explicit footer wins; otherwise fall back to FormWrapper-registered actions.\n  const effectiveFooter = footer ?? registeredActions;\n  const footerCtx = useMemo<DrawerFooterContextValue>(\n    () => ({ registerActions, unregisterActions }),\n    [registerActions, unregisterActions]\n  );\n\n  if (isPhone && mobileMode === \"sheet\") {\n    return (\n      <DrawerFooterCtx value={footerCtx}>\n        <OverlayCloseCtx value={guard.requestClose}>\n          <Sheet open={open} onClose={guard.requestClose} title={title} footer={effectiveFooter} confirm={confirm} container={container} flush={flush} snapPoints={snapPoints} keepMounted={keepMounted} id={id} labelledBy={labelledBy}>\n            {children}\n          </Sheet>\n        </OverlayCloseCtx>\n      </DrawerFooterCtx>\n    );\n  }\n  return (\n    <DrawerFooterCtx value={footerCtx}>\n      <OverlayCloseCtx value={guard.requestClose}>\n        <DrawerPanel {...props} footer={effectiveFooter} onClose={guard.requestClose} confirm={confirm} />\n      </OverlayCloseCtx>\n    </DrawerFooterCtx>\n  );\n}\n\nfunction DrawerPanel({ open, onClose, position = \"right\", width = \"400px\", title, children, footer, container, flush, lightBackdrop, topOffset, modal = true, keepMounted = false, id, labelledBy, resizable = false, maxWidth, confirm }: DrawerProps & { confirm?: ReactNode }) {\n  const nonModal = !modal;\n  // Drag-to-resize (non-modal side drawers only): the configured width is the\n  // minimum; the user's choice is remembered for the session.\n  const [chosen, remember] = useRememberedWidth(id ?? labelledBy);\n  const canResize = nonModal && resizable && position !== \"bottom\";\n  const effectiveWidth = canResize && chosen !== null ? `${chosen}px` : width;\n  const minPx = pxOf(width) ?? 320;\n  const maxPx = () => pxOf(maxWidth) ?? defaultMaxWidth(container instanceof Element ? container : null);\n  const titleId = useId();\n  const { ref: titleOverflowRef, isTruncated: titleTruncated } = useTextOverflow({ lines: 1 });\n  const isMobile = useBreakpoint(\"sm\");\n  const panelRef = useRef<HTMLDivElement>(null);\n  const [mounted, setMounted] = useState(open);\n  // keepMounted: the panel stays in the DOM and this flips instead of `mounted`.\n  const [hidden, setHidden] = useState(!open);\n  const onCloseRef = useLatest(onClose);\n  // Mount (or unhide) as soon as `open` flips — render-time state adjustments, so\n  // the first painted frame already has the panel.\n  if (open && !mounted) setMounted(true);\n  if (open && hidden) setHidden(false);\n\n  const isTopLayer = useOverlayLayer(open);\n\n  // ── Modal mechanics (the default) ──\n  useEffect(() => {\n    if (!open || nonModal) return;\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isTopLayer()) onCloseRef.current();\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    if (!container) lockBodyScroll();\n\n    return () => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      if (!container) unlockBodyScroll();\n    };\n  }, [open, nonModal, container, onCloseRef, isTopLayer]);\n\n  useReturnFocus(open && !nonModal);\n  // A drawer offset below a navbar leaves that navbar interactive by design,\n  // so it is not modal and must not trap focus.\n  useFocusTrap(panelRef, open && !topOffset && !nonModal, isTopLayer);\n\n  // The panel only exists once `mounted` flips, so depend on it too — an\n  // [open]-only effect ran before the panel rendered and focused nothing.\n  useEffect(() => {\n    if (!open || !mounted || nonModal) return;\n    const raf = requestAnimationFrame(() => focusInitial(panelRef.current));\n    return () => cancelAnimationFrame(raf);\n  }, [open, mounted, nonModal]);\n\n  // ── Non-modal mechanics ──\n  useNonModalDialog(panelRef, open && mounted && nonModal, onClose, isTopLayer);\n\n  // After the close transition settles (at once under reduced motion): unmount,\n  // or just hide when the consumer wants the panel's state preserved.\n  useCloseSettle(open, panelRef, () => {\n    if (keepMounted) setHidden(true);\n    else setMounted(false);\n  });\n\n  if (!mounted) return null;\n\n  const slide = slideClasses[position];\n  const isHorizontal = position === \"left\" || position === \"right\";\n\n  const positionClass = container ? \"absolute\" : \"fixed\";\n\n  return createPortal(\n    <div\n      hidden={keepMounted && hidden ? true : undefined}\n      className={cn(\n        `${positionClass} transition-opacity duration-[var(--ds-transition-speed)]`,\n        // A non-modal panel never intercepts the page: the wrapper is inert to the\n        // pointer and only the panel itself accepts events.\n        nonModal ? \"z-[var(--ds-z-overlay)] pointer-events-none\" : cn(\"z-[var(--ds-z-modal)]\", open ? \"pointer-events-auto\" : \"pointer-events-none\"),\n        topOffset ? \"left-0 right-0 bottom-0\" : \"inset-0\",\n      )}\n      style={topOffset ? { top: topOffset } : undefined}\n    >\n      {/* Backdrop — modal only */}\n      {!nonModal && (\n        <div\n          className={cn(\n            \"absolute inset-0 transition-opacity duration-[var(--ds-transition-speed)]\",\n            lightBackdrop\n              ? \"bg-black/15\"\n              : cn(\"bg-black/50\", \"[backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))] [-webkit-backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))]\"),\n            open ? \"opacity-100\" : \"opacity-0\"\n          )}\n          onClick={onClose}\n        />\n      )}\n\n      {/* Panel */}\n      <div\n        ref={panelRef}\n        id={id}\n        role=\"dialog\"\n        data-gs=\"drawer\"\n        aria-modal={nonModal ? undefined : \"true\"}\n        aria-labelledby={title ? titleId : labelledBy}\n        style={{\n          containerType: \"inline-size\",\n          width: isHorizontal ? effectiveWidth : undefined,\n          maxWidth: isHorizontal ? \"100%\" : undefined,\n          height: isMobile ? \"100%\" : undefined,\n          maxHeight: !isMobile && !isHorizontal ? \"80vh\" : undefined,\n        }}\n        className={cn(\n          `${positionClass} z-10 flex flex-col`,\n          nonModal && \"pointer-events-auto\",\n          \"bg-[var(--ds-bg-surface)] text-[var(--ds-text-primary)]\",\n          GLASS_OVERLAY,\n          // flush drops the edge border for children that draw their own (the mobile\n          // menu's Sidebar); a non-modal panel has no backdrop to separate it from\n          // the page, so it always keeps the border.\n          (!flush || nonModal) && borderByPosition[position],\n          \"transition-transform duration-[var(--ds-transition-speed)] ease-[var(--ds-transition-ease)]\",\n          isHorizontal && position === \"left\" && \"rounded-r-[var(--ds-radius-lg)] overflow-hidden\",\n          isHorizontal && position === \"right\" && \"rounded-l-[var(--ds-radius-lg)] overflow-hidden\",\n          !isHorizontal && \"rounded-t-[var(--ds-radius-lg)] overflow-hidden\",\n          (lightBackdrop || nonModal) && \"shadow-[var(--ds-shadow-overlay)]\",\n          slide.panel,\n          open ? slide.open : slide.closed\n        )}\n      >\n        {canResize && open && (\n          <ResizeEdge\n            edge={position === \"right\" ? \"left\" : \"right\"}\n            width={chosen ?? minPx}\n            min={minPx}\n            max={maxPx}\n            defaultWidth={minPx}\n            onResize={(w) => remember(w === minPx ? null : w)}\n            label=\"Resize panel\"\n          />\n        )}\n\n        {/* Header */}\n        {title && (\n          <div\n            className=\"flex items-center justify-between shrink-0 border-b-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\"\n            style={{\n              padding: \"var(--ds-space-3) var(--ds-space-6)\",\n              minHeight: \"calc(var(--ds-space-unit) * 6 + 1.75rem + 2px + var(--ds-border-width))\",\n            }}\n          >\n            {titleTruncated ? (\n              <Tooltip content={title}>\n                <h2 ref={titleOverflowRef} id={titleId} className=\"font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)] truncate\">{title}</h2>\n              </Tooltip>\n            ) : (\n              <h2 ref={titleOverflowRef} id={titleId} className=\"font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)] truncate\">{title}</h2>\n            )}\n            <button\n              onClick={onClose}\n              {...{ [OVERLAY_CLOSE_ATTR]: \"\" }}\n              className=\"text-[var(--ds-text-muted)] hover:text-[var(--ds-text-primary)] transition-colors cursor-pointer\"\n              aria-label=\"Close\"\n            >\n              <Icon name=\"close\" size={18} />\n            </button>\n          </div>\n        )}\n\n        {/* Content */}\n        <div\n          className=\"flex-1 overflow-y-auto\"\n          style={flush ? undefined : { padding: \"var(--ds-space-5)\" }}\n        >\n          {children}\n        </div>\n\n        {confirm}\n\n        {/* Footer */}\n        {footer && (\n          <div\n            className=\"shrink-0 flex items-center justify-end gap-ds-2 border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\"\n            style={{ padding: \"var(--ds-space-3) var(--ds-space-5)\" }}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>,\n    container ?? document.body,\n  );\n}\n","import { cn } from \"../lib/utils\";\n\ninterface SkipLinkProps {\n  /** The id of the main region (AppShell names its <main> \"main\"). */\n  href?: string;\n  children?: string;\n  className?: string;\n}\n\n/**\n * The first focusable element on a page with repeated navigation: invisible\n * until it receives keyboard focus, then a small floating button that jumps\n * past the sidebar and navbar to the main content (WCAG 2.4.1). AppShell\n * renders one by default; a page outside AppShell composes it first.\n */\nexport function SkipLink({ href = \"#main\", children = \"Skip to content\", className }: SkipLinkProps) {\n  return (\n    <a\n      href={href}\n      className={cn(\n        \"sr-only focus:not-sr-only focus:fixed focus:top-[var(--ds-space-2)] focus:left-[var(--ds-space-2)] focus:z-[var(--ds-z-tooltip)]\",\n        \"focus:px-[var(--ds-space-3)] focus:py-[var(--ds-space-2)] focus:rounded-[var(--ds-radius-md)] focus:text-sm focus:font-medium\",\n        \"focus:bg-[var(--ds-bg-surface-elevated)] focus:text-[var(--ds-text-primary)] focus:shadow-[var(--ds-shadow-md)]\",\n        \"focus:outline-none focus:ring-2 focus:ring-[var(--ds-accent-primary)]\",\n        className\n      )}\n    >\n      {children}\n    </a>\n  );\n}\n","import { isValidElement, useState, useCallback, useEffect, useRef, forwardRef, createContext, useContext, type ReactNode } from \"react\";\nimport type { AppShellTheme, ChromePosition } from \"../lib/shell-theme\";\nimport { PreferencesContext, type AppShellPreferences } from \"../lib/preferences\";\nimport { SkipLink } from \"./SkipLink\";\nimport { cn } from \"../lib/utils\";\nimport { useBreakpoint } from \"../lib/use-breakpoint\";\nimport { Drawer } from \"./Drawer\";\n\nexport interface AppShellContextValue {\n  hasSidebar: boolean;\n  hasMobileMenu: boolean;\n  hasMobileNav: boolean;\n  sidebarOpen: boolean;\n  setSidebarOpen: (open: boolean) => void;\n  isMobile: boolean;\n  /** True only for tablet-sized viewports (between sm and md breakpoints). Drawer shows here, not on small mobile. */\n  isTablet: boolean;\n  /**\n   * Effective sidebar collapse for a traditional Sidebar rendered in the shell.\n   * The user's explicit choice wins; otherwise the auto tier applies — collapsed\n   * to a rail at or below the `lg` breakpoint, expanded above it. Lives here rather\n   * than in Sidebar so it survives the sidebar unmounting in the drawer range.\n   */\n  sidebarCollapsed: boolean;\n  /** Records an explicit user choice. Overrides the auto tier in both directions for the session. */\n  setSidebarCollapsed: (collapsed: boolean) => void;\n  /** True while a docked AsidePanel in the aside slot is open beside the content. Pages may hide non-essential chrome on it. */\n  asideOpen: boolean;\n  /** Set by AsidePanel; not for pages to call. */\n  setAsideOpen: (open: boolean) => void;\n  /** Which side the aside slot is on (AppShell's asideSide). */\n  asideSide: \"right\" | \"left\";\n  /** True while the docked AsidePanel is floating — a floating PageHeader drops its gutter on that side, as it does beside a floating Sidebar. */\n  asideFloating: boolean;\n  /** Set by AsidePanel; not for pages to call. */\n  setAsideFloating: (floating: boolean) => void;\n  /**\n   * The shell's root element, for previews that need to render overlays inside their frame\n   * (the dashboard builder passes it to Launcher, CornerPanel and Drawer as `container`).\n   * Components never read it themselves: a container moves the toast-inset claim onto that\n   * element, where a body-level ToastProvider cannot see it.\n   */\n  container: HTMLElement | null;\n  /** The theme's shell-level decisions (Sprint 25). PageHeader and PageContainer resolve their defaults from it. */\n  theme: AppShellTheme | null;\n  /** The current route is the home page (`currentPath === homePath`); decides `colourfulHomeOnly`. */\n  isHome: boolean;\n  /** The rendered Navbar floats (registered by the Navbar; the theme's `navbarPosition` until it has). */\n  navbarFloating: boolean;\n  /** The rendered Sidebar floats, and is a sidebar rather than a drawer: false below md and in stacked layouts. */\n  sidebarFloating: boolean;\n  /** Called by Sidebar and Navbar so the shell knows the chrome that is actually rendered. Returns the unregister. */\n  registerChrome: (kind: \"navbar\" | \"sidebar\", position: ChromePosition) => () => void;\n  /** True when the shell renders a Launcher above sm — PageContainer adjusts its bottom padding to clear the launcher. */\n  hasLauncher: boolean;\n  /** The bottom corner that launcher occupies (a ribbon occupies none), so the container reads that corner's inset variable. */\n  launcherCorner: \"bottom-right\" | \"bottom-left\" | null;\n  /** The shell renders an app footer under the page. Its children sit in a wrapper whose height is not definite, so a\n   *  `fill` SplitView reads `--ds-main-height` (published on the shell element) instead of `h-full`. */\n  hasFooter: boolean;\n}\n\nconst AppShellContext = createContext<AppShellContextValue | null>(null);\n\nexport function useAppShell() {\n  return useContext(AppShellContext);\n}\n\ntype AppShellLayout = \"sidebar\" | \"stacked\" | \"sidebar-header\" | \"multi-column\";\n\ninterface AppShellProps {\n  layout?: AppShellLayout;\n  sidebar?: ReactNode;\n  /** Content to render in the mobile drawer. For sidebar layouts, this is typically a Sidebar+SidebarNav. For header layouts, a MobileHeaderMenu. */\n  mobileMenu?: ReactNode;\n  /** Override drawer width for the mobile menu. Defaults to --ds-drawer-width. */\n  mobileMenuWidth?: string;\n  /** Use a lighter backdrop for the mobile menu drawer. */\n  mobileMenuLightBackdrop?: boolean;\n  /** Remove drawer padding and borders. Default true. Set false for compact overlays. */\n  mobileMenuFlush?: boolean;\n  navbar?: ReactNode;\n  mobileNav?: ReactNode;\n  /** Rendered below the page content inside the scrolling region and pinned to the bottom on short pages. Ignored when `scrollable` is false. */\n  footer?: ReactNode;\n  /** Render a SkipLink as the first focusable element (default true); it targets `mainId`. */\n  skipLink?: boolean;\n  /** The id of the <main> region the skip link jumps to. */\n  mainId?: string;\n  /** A docked AsidePanel rendered beside the content column: the page narrows to make room. Rendered at every width — the panel decides its own fallbacks. */\n  aside?: ReactNode;\n  /** Which side of the content the aside sits on. Default \"right\". Pass the same value to the AsidePanel. */\n  asideSide?: \"right\" | \"left\";\n  /**\n   * A Launcher for the assistant. Rendered only above the sm breakpoint — a conditional render,\n   * because the Launcher portals out of any wrapper — so on phones the Navbar button is the entry point\n   * and it never collides with BottomNav.\n   */\n  launcher?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** When false, main area won't scroll — use for full-height layouts like ResizablePanelGroup. Default true. */\n  scrollable?: boolean;\n  /** The theme's shell-level decisions: what the generated shell passes once so pages carry nothing (Sprint 25). */\n  theme?: AppShellTheme;\n  /** The customer's UX preferences, passed once by the generated shell so pages and components carry nothing (Sprint 25.6). */\n  preferences?: AppShellPreferences;\n  /** The current route's path, so the shell knows which page is home. */\n  currentPath?: string;\n  /** The home page's path. Default \"/\". */\n  homePath?: string;\n}\n\nexport const AppShell = forwardRef<HTMLDivElement, AppShellProps>(function AppShell({\n  layout = \"sidebar\",\n  sidebar,\n  mobileMenu,\n  mobileMenuWidth,\n  mobileMenuLightBackdrop,\n  mobileMenuFlush = true,\n  navbar,\n  mobileNav,\n  footer,\n  skipLink = true,\n  mainId = \"main\",\n  aside,\n  asideSide = \"right\",\n  launcher,\n  children,\n  className,\n  scrollable = true,\n  theme,\n  preferences,\n  currentPath,\n  homePath = \"/\",\n}, ref) {\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const [asideOpen, setAsideOpen] = useState(false);\n  const [asideFloating, setAsideFloating] = useState(false);\n  const isMobile = useBreakpoint(\"md\");\n  const isSmallMobile = useBreakpoint(\"sm\");\n  const isTablet = isMobile && !isSmallMobile;\n  // Sidebar tiers: expanded above lg, auto-rail between md and lg, drawer at or below md.\n  // `userCollapsed` is null until the collapse button is used; from then on it wins.\n  const autoCollapsed = useBreakpoint(\"lg\");\n  const [userCollapsed, setUserCollapsed] = useState<boolean | null>(null);\n  const sidebarCollapsed = userCollapsed ?? autoCollapsed;\n  const hasSidebar = (layout === \"sidebar\" || layout === \"sidebar-header\") && sidebar != null;\n  const hasMobileMenu = mobileMenu != null;\n  const hasMobileNav = mobileNav != null;\n  const showMobileDrawer = hasMobileMenu && !(isSmallMobile && hasMobileNav);\n  const [shellEl, setShellEl] = useState<HTMLDivElement | null>(null);\n  // The chrome that is actually rendered, reported by Sidebar and Navbar; the theme's positions until they report.\n  const [chrome, setChrome] = useState<{ navbar?: ChromePosition; sidebar?: ChromePosition }>({});\n  const registerChrome = useCallback((kind: \"navbar\" | \"sidebar\", position: ChromePosition) => {\n    setChrome((c) => (c[kind] === position ? c : { ...c, [kind]: position }));\n    return () => setChrome((c) => { if (!(kind in c)) return c; const next = { ...c }; delete next[kind]; return next; });\n  }, []);\n  const navbarFloating = (chrome.navbar ?? theme?.navbarPosition) === \"floating\";\n  const sidebarFloating = hasSidebar && !isMobile && (chrome.sidebar ?? theme?.sidebarPosition) === \"floating\";\n  const isHome = currentPath != null && currentPath === homePath;\n  // With a footer the children wrapper is `min-h-full`, which gives a child no definite height to fill (C6): main's\n  // height is published as --ds-main-height on the shell element for the fill SplitView. Written straight to the\n  // element from a ResizeObserver; nothing re-renders.\n  const hasFooter = footer != null && scrollable;\n  const mainRef = useRef<HTMLElement | null>(null);\n  useEffect(() => {\n    const main = mainRef.current;\n    if (!hasFooter || !shellEl || !main || typeof ResizeObserver === \"undefined\") { shellEl?.style.removeProperty(\"--ds-main-height\"); return; }\n    const ro = new ResizeObserver(() => shellEl.style.setProperty(\"--ds-main-height\", `${main.clientHeight}px`));\n    ro.observe(main);\n    return () => { ro.disconnect(); shellEl.style.removeProperty(\"--ds-main-height\"); };\n  }, [hasFooter, shellEl]);\n\n  // C7: the launcher element says which corner it takes (Launcher's `edge`; a ribbon claims no corner).\n  const hasLauncher = !!launcher && !isSmallMobile;\n  const launcherProps = isValidElement(launcher) ? (launcher.props as { edge?: string; variant?: string }) : null;\n  const launcherCorner: AppShellContextValue[\"launcherCorner\"] = !hasLauncher ? null\n    : launcherProps?.variant === \"ribbon\" ? null\n    : launcherProps?.edge === \"bottom-left\" ? \"bottom-left\"\n    : launcherProps?.edge === \"right\" || launcherProps?.edge === \"left\" || launcherProps?.edge === \"bottom\" ? null\n    : \"bottom-right\";\n\n  return (\n    <PreferencesContext value={preferences ?? null}>\n    <AppShellContext\n      value={{ hasSidebar, hasMobileMenu, hasMobileNav, sidebarOpen, setSidebarOpen, isMobile, isTablet, sidebarCollapsed, setSidebarCollapsed: setUserCollapsed, asideOpen, setAsideOpen, asideSide, asideFloating, setAsideFloating, container: shellEl, theme: theme ?? null, isHome, navbarFloating, sidebarFloating, registerChrome, hasLauncher, launcherCorner, hasFooter }}\n    >\n      <div ref={(el) => {\n        setShellEl(el);\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = el;\n      }} className={cn(\"relative h-screen flex flex-col bg-[var(--ds-bg-canvas)] overflow-hidden\", className)}>\n        {skipLink && <SkipLink href={`#${mainId}`} />}\n        {layout === \"sidebar-header\" && navbar}\n        {layout === \"multi-column\" && navbar}\n\n        <div className=\"flex flex-1 min-h-0\">\n          {hasSidebar && !isMobile && (\n            <div className=\"shrink-0 h-full\">\n              {sidebar}\n            </div>\n          )}\n\n          {/* A left-docked aside sits between the sidebar and the content. */}\n          {aside && asideSide === \"left\" && aside}\n\n          <div className=\"flex-1 flex flex-col min-w-0 min-h-0\">\n            {layout === \"sidebar\" && navbar}\n            {layout === \"stacked\" && navbar}\n\n            <main\n              ref={mainRef}\n              id={mainId}\n              tabIndex={-1} /* the skip link's target: focusable by script, never by Tab */\n              className={cn(\n                \"flex-1 min-h-0 focus:outline-none\",\n                scrollable ? \"overflow-y-auto\" : \"relative\",\n                layout === \"multi-column\" && \"flex\",\n              )}\n              style={{ containerType: \"inline-size\" }}\n            >\n              {scrollable ? (\n                footer ? (\n                  <div className=\"min-h-full flex flex-col\">\n                    <div className=\"flex-1\">{children}</div>\n                    {footer}\n                  </div>\n                ) : children\n              ) : (\n                <div className=\"absolute inset-0\">{children}</div>\n              )}\n            </main>\n          </div>\n\n          {/* The content column is flex-1 min-w-0, so it gives up width to the aside and <main>'s container query fires. */}\n          {aside && asideSide === \"right\" && aside}\n        </div>\n\n        {showMobileDrawer && isMobile && (\n          <Drawer\n            open={sidebarOpen}\n            onClose={() => setSidebarOpen(false)}\n            position=\"left\"\n            width={mobileMenuWidth ?? \"var(--ds-drawer-width)\"}\n            container={shellEl ?? undefined}\n            flush={mobileMenuFlush}\n            lightBackdrop={mobileMenuLightBackdrop}\n            topOffset={layout !== \"stacked\" && navbar != null ? \"var(--ds-navbar-height)\" : undefined}\n          >\n            {mobileMenu}\n          </Drawer>\n        )}\n\n        {isSmallMobile && mobileNav && (\n          <div className=\"sticky bottom-0 z-[var(--ds-z-sticky)]\">\n            {mobileNav}\n          </div>\n        )}\n\n        {/* Phone width: the Navbar button is the entry point; the launcher is not rendered at all. */}\n        {!isSmallMobile && launcher}\n      </div>\n    </AppShellContext>\n    </PreferencesContext>\n  );\n});\n","import { useState, useCallback, useLayoutEffect, type RefObject } from \"react\";\nimport { readBreakpointPx, type BreakpointKey } from \"./use-breakpoint\";\n\n/**\n * True when the observed element is narrower than the breakpoint — a container\n * measurement, not the viewport, so a layout inside a sidebar shell or the\n * builder's canvas answers for the width it actually has. One implementation\n * for TableToolbar, SettingsLayout and the examples (Sprint 25.2).\n *\n * An unlaid-out element (tests, SSR) reports width 0 and is treated as not\n * compact; tests inject a width by overriding `offsetWidth`.\n */\nexport function useCompact(ref: RefObject<HTMLElement | null>, breakpoint: number | BreakpointKey): boolean {\n  const px = typeof breakpoint === \"number\" ? breakpoint : readBreakpointPx(breakpoint);\n  const width = useElementWidth(ref);\n  return width > 0 && width < px;\n}\n\n/** The element's laid-out width in px, kept current by a ResizeObserver; 0 until it has a layout (tests, SSR). */\nexport function useElementWidth(ref: RefObject<HTMLElement | null>): number {\n  const [width, setWidth] = useState(0);\n  const check = useCallback(() => {\n    const next = ref.current?.offsetWidth ?? 0;\n    if (next > 0) setWidth(next);\n  }, [ref]);\n  useLayoutEffect(() => {\n    check();\n    if (!ref.current || typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(check);\n    observer.observe(ref.current);\n    return () => observer.disconnect();\n  }, [check, ref]);\n  return width;\n}\n"]}

package/dist/chunk-YO7JVPXK.js

@@ -0,0 +1,49 @@
+import { createContext, useMemo, useContext } from 'react';
+
+// ../../showcase/src/lib/preferences.ts
+var PreferencesContext = createContext(null);
+var HOUSE_DEFAULTS = {
+  validationTiming: "onBlur",
+  formActions: { align: "end", placement: "auto" },
+  itemsPerPage: 25,
+  tableToCardsBreakpoint: "md",
+  emptyStyle: "illustration-cta",
+  loadingStyle: "skeleton",
+  destructiveMode: "dialog",
+  highSeverityActions: ["delete_account", "remove_team_member"],
+  typeToConfirmActions: ["delete_account"],
+  undoWindowSeconds: 5
+};
+var PREFERENCE_HOUSE_DEFAULTS = Object.freeze(HOUSE_DEFAULTS);
+function usePreferences() {
+  const raw = useShellPreferences();
+  return useMemo(() => resolvePreferences(raw), [raw]);
+}
+function resolvePreferences(raw) {
+  const d = PREFERENCE_HOUSE_DEFAULTS;
+  const out = { ...d, formActions: { ...d.formActions }, highSeverityActions: [...d.highSeverityActions], typeToConfirmActions: [...d.typeToConfirmActions] };
+  for (const [key, value] of Object.entries(raw)) {
+    if (value === void 0) continue;
+    if (key === "formActions") {
+      const actions = value;
+      if (actions?.align !== void 0) out.formActions.align = actions.align;
+      if (actions?.placement !== void 0) out.formActions.placement = actions.placement;
+      continue;
+    }
+    out[key] = value;
+  }
+  return out;
+}
+function useShellPreferences() {
+  return useContext(PreferencesContext) ?? EMPTY;
+}
+var EMPTY = Object.freeze({});
+function preferenceActionKey(label) {
+  return label.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "");
+}
+var SplitPaneCtx = createContext(false);
+var TableCardCtx = createContext(false);
+
+export { PREFERENCE_HOUSE_DEFAULTS, PreferencesContext, SplitPaneCtx, TableCardCtx, preferenceActionKey, usePreferences, useShellPreferences };
+//# sourceMappingURL=chunk-YO7JVPXK.js.map
+//# sourceMappingURL=chunk-YO7JVPXK.js.map

package/dist/chunk-YO7JVPXK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/preferences.ts","../../../showcase/src/lib/surface-context.ts"],"names":["createContext"],"mappings":";;;AA0CO,IAAM,kBAAA,GAAqB,cAA0C,IAAI;AAoBhF,IAAM,cAAA,GAAsC;AAAA,EAC1C,gBAAA,EAAkB,QAAA;AAAA,EAClB,WAAA,EAAa,EAAE,KAAA,EAAO,KAAA,EAAO,WAAW,MAAA,EAAO;AAAA,EAC/C,YAAA,EAAc,EAAA;AAAA,EACd,sBAAA,EAAwB,IAAA;AAAA,EACxB,UAAA,EAAY,kBAAA;AAAA,EACZ,YAAA,EAAc,UAAA;AAAA,EACd,eAAA,EAAiB,QAAA;AAAA,EACjB,mBAAA,EAAqB,CAAC,gBAAA,EAAkB,oBAAoB,CAAA;AAAA,EAC5D,oBAAA,EAAsB,CAAC,gBAAgB,CAAA;AAAA,EACvC,iBAAA,EAAmB;AACrB,CAAA;AACO,IAAM,yBAAA,GAA2D,MAAA,CAAO,MAAA,CAAO,cAAc;AAQ7F,SAAS,cAAA,GAAsC;AACpD,EAAA,MAAM,MAAM,mBAAA,EAAoB;AAChC,EAAA,OAAO,QAAQ,MAAM,kBAAA,CAAmB,GAAG,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACrD;AAGO,SAAS,mBAAmB,GAAA,EAA+C;AAChF,EAAA,MAAM,CAAA,GAAI,yBAAA;AACV,EAAA,MAAM,GAAA,GAA2B,EAAE,GAAG,CAAA,EAAG,aAAa,EAAE,GAAG,EAAE,WAAA,EAAY,EAAG,qBAAqB,CAAC,GAAG,EAAE,mBAAmB,CAAA,EAAG,sBAAsB,CAAC,GAAG,CAAA,CAAE,oBAAoB,CAAA,EAAE;AAC/K,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,GAAG,CAAA,EAAkD;AAC7F,IAAA,IAAI,UAAU,MAAA,EAAW;AACzB,IAAA,IAAI,QAAQ,aAAA,EAAe;AACzB,MAAA,MAAM,OAAA,GAAU,KAAA;AAChB,MAAA,IAAI,SAAS,KAAA,KAAU,MAAA,EAAW,GAAA,CAAI,WAAA,CAAY,QAAQ,OAAA,CAAQ,KAAA;AAClE,MAAA,IAAI,SAAS,SAAA,KAAc,MAAA,EAAW,GAAA,CAAI,WAAA,CAAY,YAAY,OAAA,CAAQ,SAAA;AAC1E,MAAA;AAAA,IACF;AACA,IAAC,GAAA,CAA2C,GAAG,CAAA,GAAI,KAAA;AAAA,EACrD;AACA,EAAA,OAAO,GAAA;AACT;AAMO,SAAS,mBAAA,GAA2C;AACzD,EAAA,OAAO,UAAA,CAAW,kBAAkB,CAAA,IAAK,KAAA;AAC3C;AAEA,IAAM,KAAA,GAA6B,MAAA,CAAO,MAAA,CAAO,EAAE,CAAA;AAM5C,SAAS,oBAAoB,KAAA,EAAuB;AACzD,EAAA,OAAO,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY,CAAE,OAAA,CAAQ,aAAA,EAAe,GAAG,CAAA,CAAE,OAAA,CAAQ,QAAA,EAAU,EAAE,CAAA;AACpF;AClHO,IAAM,YAAA,GAAeA,cAAc,KAAK;AAOxC,IAAM,YAAA,GAAeA,cAAc,KAAK","file":"chunk-YO7JVPXK.js","sourcesContent":["/**\n * The customer's UX preferences, carried once by AppShell the way the theme is (Sprint 25.6 B9).\n *\n * The generated shell passes the object the template emits from the profile's rules; the builder preview passes the\n * same values from the theme state. Components default from it when no prop is passed — FormWrapper's validation mode\n * and actions alignment, Table and DataGrid's mobile breakpoint, Pagination's page size, EmptyState's style, and the\n * destructive-action helper's mode, lists and undo window — so a page gets the customer's value by doing nothing. A\n * prop always wins; a component outside any shell keeps the default it always had (components read\n * `useShellPreferences`). App code reads `usePreferences`, which fills every field (round 21); a paged list reads its\n * page size through `usePagination`.\n */\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport type PreferenceValidationTiming = \"onBlur\" | \"onSubmit\" | \"onChange\";\nexport type PreferenceBreakpoint = \"sm\" | \"md\" | \"lg\";\nexport type PreferenceEmptyStyle = \"illustration-cta\" | \"text-cta\" | \"redirect\";\nexport type PreferenceLoadingStyle = \"skeleton\" | \"spinner\" | \"progress-bar\";\nexport type PreferenceDestructiveMode = \"dialog\" | \"undo\";\n\nexport interface AppShellPreferences {\n  /** forms.validationTiming — when a field first shows its error. */\n  validationTiming?: PreferenceValidationTiming;\n  /** forms.actions — where a form's buttons sit and how they align. */\n  formActions?: { align?: \"start\" | \"end\"; placement?: \"auto\" | \"inline\" };\n  /** dataDisplay.itemsPerPage — the page size of a paged or load-more list. */\n  itemsPerPage?: number;\n  /** responsive.tableToCardsBreakpoint — below this width a Table becomes stacked cards. */\n  tableToCardsBreakpoint?: PreferenceBreakpoint;\n  /** emptyStates.emptyStyle — illustration with an action, text with an action, or redirect to creation. */\n  emptyStyle?: PreferenceEmptyStyle;\n  /** emptyStates.loadingStyle — what a page shows while data loads. */\n  loadingStyle?: PreferenceLoadingStyle;\n  /** destructiveActions.mode — confirm in a dialog, or act now with an Undo toast. */\n  destructiveMode?: PreferenceDestructiveMode;\n  /** destructiveActions.highSeverityActions — always confirm in a dialog, even in undo mode. */\n  highSeverityActions?: string[];\n  /** destructiveActions.typeToConfirmActions — the user types the name before the confirm enables. */\n  typeToConfirmActions?: string[];\n  /** destructiveActions.undoWindowSeconds — how long the Undo toast stays. */\n  undoWindowSeconds?: number;\n}\n\nexport const PreferencesContext = createContext<AppShellPreferences | null>(null);\n\n/** Every preference in force, the shell's value or the house default — what app code reads. */\nexport interface ResolvedPreferences {\n  validationTiming: PreferenceValidationTiming;\n  formActions: { align: \"start\" | \"end\"; placement: \"auto\" | \"inline\" };\n  itemsPerPage: number;\n  tableToCardsBreakpoint: PreferenceBreakpoint;\n  emptyStyle: PreferenceEmptyStyle;\n  loadingStyle: PreferenceLoadingStyle;\n  destructiveMode: PreferenceDestructiveMode;\n  highSeverityActions: string[];\n  typeToConfirmActions: string[];\n  undoWindowSeconds: number;\n}\n\n/**\n * The house defaults for the fields the shell carries: the platform's preference-defaults.ts, mirrored in\n * decisions-schema.ts (DEFAULT_PATTERN_DECISIONS); a test keeps the three equal.\n */\nconst HOUSE_DEFAULTS: ResolvedPreferences = {\n  validationTiming: \"onBlur\",\n  formActions: { align: \"end\", placement: \"auto\" },\n  itemsPerPage: 25,\n  tableToCardsBreakpoint: \"md\",\n  emptyStyle: \"illustration-cta\",\n  loadingStyle: \"skeleton\",\n  destructiveMode: \"dialog\",\n  highSeverityActions: [\"delete_account\", \"remove_team_member\"],\n  typeToConfirmActions: [\"delete_account\"],\n  undoWindowSeconds: 5,\n};\nexport const PREFERENCE_HOUSE_DEFAULTS: Readonly<ResolvedPreferences> = Object.freeze(HOUSE_DEFAULTS);\n\n/**\n * For app code: every preference in force — the shell's value, else the house default — so a page never writes a\n * fallback of its own. Round 21 (run 58): with every field optional, TypeScript made the builder write\n * `const { itemsPerPage = 20 } = usePreferences()`, a second copy of the preference it then edited by hand when the\n * rule changed. Paged lists use `usePagination`, which reads the page size itself.\n */\nexport function usePreferences(): ResolvedPreferences {\n  const raw = useShellPreferences();\n  return useMemo(() => resolvePreferences(raw), [raw]);\n}\n\n/** The shell's values over the house defaults; a field the shell leaves undefined keeps its default. */\nexport function resolvePreferences(raw: AppShellPreferences): ResolvedPreferences {\n  const d = PREFERENCE_HOUSE_DEFAULTS;\n  const out: ResolvedPreferences = { ...d, formActions: { ...d.formActions }, highSeverityActions: [...d.highSeverityActions], typeToConfirmActions: [...d.typeToConfirmActions] };\n  for (const [key, value] of Object.entries(raw) as Array<[keyof AppShellPreferences, unknown]>) {\n    if (value === undefined) continue;\n    if (key === \"formActions\") {\n      const actions = value as AppShellPreferences[\"formActions\"];\n      if (actions?.align !== undefined) out.formActions.align = actions.align;\n      if (actions?.placement !== undefined) out.formActions.placement = actions.placement;\n      continue;\n    }\n    (out as unknown as Record<string, unknown>)[key] = value;\n  }\n  return out;\n}\n\n/**\n * For components: only what the shell passed, or an empty object outside any shell — a component with no prop takes\n * the shell's value, and a bare component keeps the default it always had.\n */\nexport function useShellPreferences(): AppShellPreferences {\n  return useContext(PreferencesContext) ?? EMPTY;\n}\n\nconst EMPTY: AppShellPreferences = Object.freeze({});\n\n/**\n * \"Remove range\" → \"remove_range\": the key the high-severity and type-to-confirm lists use. The engine's `actionKey`\n * (platform/src/lib/destructive-mode.ts) is the same rule for compliance; a platform test keeps the two identical.\n */\nexport function preferenceActionKey(label: string): string {\n  return label.trim().toLowerCase().replace(/[^a-z0-9]+/g, \"_\").replace(/^_|_$/g, \"\");\n}\n","import { createContext } from \"react\";\n\n/**\n * True inside a SplitView pane (list, detail, aside). A StackedList reads it to take its inset from the pane\n * (Sprint 25.4 C-5): rows keep their padding so the selection rail sits at the pane's edge and never touches content.\n */\nexport const SplitPaneCtx = createContext(false);\n\n/**\n * True inside a Table or DataGrid card (the phone layout below mobileBreakpoint). An EntityCell reads it to keep\n * the avatar beside the text and align to the value column (Sprint 25.4, round 7: the stacked cell made the card\n * three lines taller than it needed to be).\n */\nexport const TableCardCtx = createContext(false);\n"]}

package/dist/data-grid.js

@@ -1,5 +1,5 @@
 import { inferColumnKinds, CardValue } from './chunk-CR2KF73R.js';
-import { usePreferences, TableCardCtx } from './chunk-QNVSMY4R.js';
+import { useShellPreferences, TableCardCtx } from './chunk-YO7JVPXK.js';
 import { useBreakpoint } from './chunk-CRQ6KCRD.js';
 import { useTextOverflow, Tooltip } from './chunk-IYD6ZDM2.js';
 import './chunk-PKLVP5ZB.js';
@@ -26,7 +26,7 @@ function DataGrid({
   mobileBreakpoint: mobileBreakpointProp,
   className
 }) {
-  const preferences = usePreferences();
+  const preferences = useShellPreferences();
   const mobileBreakpoint = mobileBreakpointProp ?? preferences.tableToCardsBreakpoint ?? "md";
   const isMobile = useBreakpoint(mobileBreakpoint);
   const [sorting, setSorting] = useState([]);

package/dist/data-grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../showcase/src/components/DataGrid.tsx"],"names":[],"mappings":"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","file":"data-grid.js","sourcesContent":["import { useState, useCallback, useMemo, type ReactNode } from \"react\";\nimport { usePreferences } from \"../lib/preferences\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  getPaginationRowModel,\n  flexRender,\n  type CellContext,\n  type ColumnDef,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport { useBreakpoint, type BreakpointKey } from \"../lib/use-breakpoint\";\nimport { inferColumnKinds, type ColumnKind } from \"../lib/table-utils\";\nimport { CardValue } from \"../lib/card-cell\";\nimport { TableCardCtx } from \"../lib/surface-context\";\n\n/** Column meta for opt-in truncation. Set on ColumnDef.meta. */\nexport interface DataGridColumnMeta {\n  /** true = single-line, or { lines: N } for multi-line clamp. */\n  truncate?: boolean | { lines: number };\n  /** CSS max-width for the column. */\n  maxWidth?: string;\n  /** CSS width for the column — sibling grids that share a column set line up when their columns carry the same widths (round 14). */\n  width?: string;\n  /** CSS min-width for the column. */\n  minWidth?: string;\n  /** Explicit column kind. When omitted the DataGrid infers it from data values. */\n  kind?: ColumnKind;\n  /** Horizontal alignment of the header and the cells; a block element (a Checkbox, a Button) is laid out with flex so it follows too (round 14). Default: numbers right, everything else left. */\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nfunction TruncCell({ children, lines }: { children: ReactNode; lines: number }) {\n  const { ref, isTruncated } = useTextOverflow({ lines });\n  const clampClass = lines === 1 ? \"truncate\" : `line-clamp-${lines}`;\n  const cell = <span ref={ref} className={cn(clampClass, \"block\")}>{children}</span>;\n  if (!isTruncated) return cell;\n  return <Tooltip content={children}>{cell}</Tooltip>;\n}\n\nexport interface DataGridProps<T> {\n  data: T[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- public API: columns may carry any value type\n  columns: ColumnDef<T, any>[];\n  pageSize?: number;\n  editable?: boolean;\n  onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void;\n  /** Breakpoint at which the grid switches to card layout. Defaults to \"md\" (768px). */\n  mobileBreakpoint?: BreakpointKey;\n  className?: string;\n}\n\nexport function DataGrid<T>({\n  data,\n  columns,\n  pageSize = 10,\n  editable = false,\n  onCellEdit,\n  mobileBreakpoint: mobileBreakpointProp,\n  className,\n}: DataGridProps<T>) {\n  // Sprint 25.6 (B9): responsive.tableToCardsBreakpoint reaches the table through the shell; a prop wins; md outside any shell.\n  const preferences = usePreferences();\n  const mobileBreakpoint: BreakpointKey = mobileBreakpointProp ?? preferences.tableToCardsBreakpoint ?? \"md\";\n  const isMobile = useBreakpoint(mobileBreakpoint);\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [editCell, setEditCell] = useState<{ row: number; col: string } | null>(null);\n  const [editValue, setEditValue] = useState(\"\");\n\n  /* ── Column kind inference ─────────────────────────────────────────── */\n  const columnKeys = useMemo(() => columns.map((c) => c.id ?? (\"accessorKey\" in c ? String(c.accessorKey) : \"\")).filter(Boolean), [columns]);\n  const inferredKinds = useMemo(\n    () => inferColumnKinds(data as Record<string, unknown>[], columnKeys),\n    [data, columnKeys],\n  );\n  const kindOf = useCallback(\n    (colId: string, meta: DataGridColumnMeta | undefined) => meta?.kind ?? inferredKinds.get(colId),\n    [inferredKinds],\n  );\n\n  const tableColumns = useMemo(() => {\n    if (!editable) return columns;\n    return columns.map((col) => ({\n      ...col,\n      cell: (info: CellContext<T, unknown>) => {\n        const rowIdx = info.row.index;\n        const colId = info.column.id;\n        const isEditing = editCell?.row === rowIdx && editCell?.col === colId;\n\n        if (isEditing) {\n          return (\n            <input\n              autoFocus\n              className={cn(\n                \"w-full h-full bg-transparent text-sm text-[var(--ds-text-primary)]\",\n                \"outline-none border-none px-0\",\n              )}\n              value={editValue}\n              onChange={(e) => setEditValue(e.target.value)}\n              onBlur={() => {\n                onCellEdit?.(rowIdx, colId, editValue);\n                setEditCell(null);\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") {\n                  onCellEdit?.(rowIdx, colId, editValue);\n                  setEditCell(null);\n                } else if (e.key === \"Escape\") {\n                  setEditCell(null);\n                }\n              }}\n            />\n          );\n        }\n\n        const rendered = typeof col.cell === \"function\" ? col.cell(info) : info.getValue();\n        return (\n          <span\n            onDoubleClick={() => {\n              setEditCell({ row: rowIdx, col: colId });\n              setEditValue(String(info.getValue() ?? \"\"));\n            }}\n            className=\"cursor-default\"\n          >\n            {rendered as React.ReactNode}\n          </span>\n        );\n      },\n    }));\n  }, [columns, editable, editCell, editValue, onCellEdit]);\n\n  // TanStack Table returns functions the React Compiler cannot memoise; the\n  // compiler would skip this component, which is fine — the project does not\n  // use it. The note is informational, not a defect.\n  // eslint-disable-next-line react-hooks/incompatible-library -- TanStack Table is not compiler-compatible\n  const table = useReactTable({\n    data,\n    columns: tableColumns,\n    state: { sorting },\n    onSortingChange: setSorting,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    initialState: { pagination: { pageSize } },\n  });\n\n  const handlePageChange = useCallback(\n    (page: number) => table.setPageIndex(page),\n    [table],\n  );\n\n  const pageCount = table.getPageCount();\n  const currentPage = table.getState().pagination.pageIndex;\n\n  if (isMobile) {\n    return (\n      <div className={cn(\"space-y-ds-3\", className)}>\n        <TableCardCtx value={true}>\n        <div className=\"flex flex-col gap-ds-3\">\n          {table.getRowModel().rows.map((row) => (\n            <div\n              key={row.id}\n              className={cn(\n                \"border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n                \"rounded-[var(--ds-radius-md)] bg-[var(--ds-bg-surface)]\",\n                \"p-ds-4 space-y-ds-3\",\n              )}\n            >\n              {row.getVisibleCells().map((cell) => (\n                <div key={cell.id} className=\"flex justify-between gap-ds-2 text-sm\">\n                  <span className=\"shrink-0 text-[var(--ds-text-secondary)] font-medium text-xs uppercase tracking-wider\">\n                    {typeof cell.column.columnDef.header === \"string\"\n                      ? cell.column.columnDef.header\n                      : cell.column.id}\n                  </span>\n                  <CardValue value={flexRender(cell.column.columnDef.cell, cell.getContext())} />\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n        </TableCardCtx>\n\n        {pageCount > 1 && (\n          <div className=\"flex items-center justify-between text-sm\">\n            <span className=\"text-[var(--ds-text-muted)]\">\n              Page {currentPage + 1} of {pageCount}\n            </span>\n            <div className=\"flex items-center gap-ds-1\">\n              <PagerBtn onClick={() => handlePageChange(currentPage - 1)} disabled={currentPage === 0} label=\"Prev\" />\n              <PagerBtn onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage >= pageCount - 1} label=\"Next\" />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"space-y-ds-3\", className)}>\n      <div\n        className={cn(\n          \"w-full overflow-auto rounded-[var(--ds-radius-md)]\",\n          \"border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n          \"shadow-[var(--ds-shadow-card)]\",\n          \"bg-[var(--ds-bg-surface)]\",\n        )}\n      >\n        <table className=\"w-full text-sm\">\n          <thead className=\"bg-[var(--ds-bg-muted)]\">\n            {table.getHeaderGroups().map((hg) => (\n              <tr key={hg.id} className=\"border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]\">\n                {hg.headers.map((header) => {\n                  const canSort = header.column.getCanSort();\n                  const sorted = header.column.getIsSorted();\n                  const meta = header.column.columnDef.meta as DataGridColumnMeta | undefined;\n                  const headerKind = kindOf(header.column.id, meta);\n                  const headerAlign = meta?.align ?? (headerKind === \"number\" ? \"right\" : \"left\");\n                  const shrink = (headerKind === \"number\" || headerKind === \"date\") && !meta?.maxWidth;\n                  return (\n                    <th\n                      key={header.id}\n                      className={cn(\n                        \"px-ds-4 py-ds-3 text-xs font-[var(--ds-weight-heading)] uppercase tracking-wider\",\n                        headerAlign === \"right\" ? \"text-right\" : headerAlign === \"center\" ? \"text-center\" : \"text-left\",\n                        shrink && \"w-px whitespace-nowrap\",\n                        \"text-[var(--ds-text-secondary)]\",\n                        canSort && \"cursor-pointer select-none hover:text-[var(--ds-text-primary)]\",\n                      )}\n                      style={meta?.maxWidth || meta?.width || meta?.minWidth ? { maxWidth: meta?.maxWidth, width: meta?.width, minWidth: meta?.minWidth } : undefined}\n                      onClick={canSort ? header.column.getToggleSortingHandler() : undefined}\n                    >\n                      <span className={cn(\"flex items-center gap-ds-1\", headerAlign === \"right\" && \"justify-end\", headerAlign === \"center\" && \"justify-center\")}>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                        {canSort && (\n                          <span className=\"inline-flex flex-col -space-y-ds-1.5\">\n                            <Icon\n                              name=\"chevron-up\"\n                              size={10}\n                              className={sorted === \"asc\" ? \"text-[var(--ds-accent-primary)]\" : \"opacity-30\"}\n                            />\n                            <Icon\n                              name=\"chevron-down\"\n                              size={10}\n                              className={sorted === \"desc\" ? \"text-[var(--ds-accent-primary)]\" : \"opacity-30\"}\n                            />\n                          </span>\n                        )}\n                      </span>\n                    </th>\n                  );\n                })}\n              </tr>\n            ))}\n          </thead>\n          <tbody>\n            {table.getRowModel().rows.map((row) => (\n              <tr\n                key={row.id}\n                className={cn(\n                  \"border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)] last:border-b-0\",\n                  \"hover:bg-[var(--ds-bg-muted)] transition-colors\",\n                )}\n              >\n                {row.getVisibleCells().map((cell) => {\n                  const meta = cell.column.columnDef.meta as DataGridColumnMeta | undefined;\n                  const truncLines = meta?.truncate === true ? 1 : meta?.truncate ? meta.truncate.lines : 0;\n                  const kind = kindOf(cell.column.id, meta);\n                  const rendered = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                  const shrink = (kind === \"number\" || kind === \"date\") && !meta?.maxWidth;\n                  let inner: ReactNode;\n                  if (truncLines > 0) {\n                    inner = <TruncCell lines={truncLines}>{rendered}</TruncCell>;\n                  } else if (kind === \"email\") {\n                    inner = (\n                      <span className=\"max-w-[40ch] truncate inline-block align-bottom\" title={typeof cell.getValue() === \"string\" ? cell.getValue() as string : undefined}>\n                        {rendered}\n                      </span>\n                    );\n                  } else {\n                    inner = rendered;\n                  }\n                  // Round 14 (50.2): a centred or right-aligned column lays a block element out with flex — text-align moves inline content only.\n                  const align = meta?.align ?? (kind === \"number\" ? \"right\" : \"left\");\n                  const value = cell.getValue();\n                  if (align !== \"left\" && typeof value !== \"string\" && typeof value !== \"number\" && value !== null && value !== undefined) {\n                    inner = <div className={cn(\"flex items-center\", align === \"center\" ? \"justify-center\" : \"justify-end\")}>{inner}</div>;\n                  }\n\n                  return (\n                    <td\n                      key={cell.id}\n                      className={cn(\n                        \"px-ds-4 py-ds-3 text-[var(--ds-text-primary)]\",\n                        align === \"right\" && \"text-right\",\n                        align === \"center\" && \"text-center\",\n                        shrink && \"w-px whitespace-nowrap\",\n                      )}\n                      style={meta?.maxWidth || meta?.width || meta?.minWidth ? { maxWidth: meta?.maxWidth, width: meta?.width, minWidth: meta?.minWidth } : undefined}\n                    >\n                      {inner}\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      {pageCount > 1 && (\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-[var(--ds-text-muted)]\">\n            Page {currentPage + 1} of {pageCount}\n          </span>\n          <div className=\"flex items-center gap-ds-1\">\n            <PagerBtn\n              onClick={() => handlePageChange(0)}\n              disabled={currentPage === 0}\n              label=\"First\"\n            />\n            <PagerBtn\n              onClick={() => handlePageChange(currentPage - 1)}\n              disabled={currentPage === 0}\n              label=\"Prev\"\n            />\n            {Array.from({ length: Math.min(pageCount, 5) }, (_, i) => {\n              let page: number;\n              if (pageCount <= 5) {\n                page = i;\n              } else if (currentPage < 3) {\n                page = i;\n              } else if (currentPage > pageCount - 4) {\n                page = pageCount - 5 + i;\n              } else {\n                page = currentPage - 2 + i;\n              }\n              return (\n                <PagerBtn\n                  key={page}\n                  onClick={() => handlePageChange(page)}\n                  active={page === currentPage}\n                  label={String(page + 1)}\n                />\n              );\n            })}\n            <PagerBtn\n              onClick={() => handlePageChange(currentPage + 1)}\n              disabled={currentPage >= pageCount - 1}\n              label=\"Next\"\n            />\n            <PagerBtn\n              onClick={() => handlePageChange(pageCount - 1)}\n              disabled={currentPage >= pageCount - 1}\n              label=\"Last\"\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction PagerBtn({\n  onClick,\n  disabled,\n  active,\n  label,\n}: {\n  onClick: () => void;\n  disabled?: boolean;\n  active?: boolean;\n  label: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      className={cn(\n        \"h-8 min-w-[32px] px-ds-2 text-xs font-medium rounded-[var(--ds-radius-sm)]\",\n        \"transition-colors duration-[var(--ds-transition-speed)] cursor-pointer\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]\",\n        \"disabled:opacity-disabled disabled:cursor-not-allowed\",\n        active\n          ? \"bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]\"\n          : \"text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-muted)] hover:text-[var(--ds-text-primary)]\",\n      )}\n    >\n      {label}\n    </button>\n  );\n}\n"]}
+{"version":3,"sources":["../../../showcase/src/components/DataGrid.tsx"],"names":[],"mappings":"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","file":"data-grid.js","sourcesContent":["import { useState, useCallback, useMemo, type ReactNode } from \"react\";\nimport { useShellPreferences } from \"../lib/preferences\";\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getSortedRowModel,\n  getPaginationRowModel,\n  flexRender,\n  type CellContext,\n  type ColumnDef,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport { useBreakpoint, type BreakpointKey } from \"../lib/use-breakpoint\";\nimport { inferColumnKinds, type ColumnKind } from \"../lib/table-utils\";\nimport { CardValue } from \"../lib/card-cell\";\nimport { TableCardCtx } from \"../lib/surface-context\";\n\n/** Column meta for opt-in truncation. Set on ColumnDef.meta. */\nexport interface DataGridColumnMeta {\n  /** true = single-line, or { lines: N } for multi-line clamp. */\n  truncate?: boolean | { lines: number };\n  /** CSS max-width for the column. */\n  maxWidth?: string;\n  /** CSS width for the column — sibling grids that share a column set line up when their columns carry the same widths (round 14). */\n  width?: string;\n  /** CSS min-width for the column. */\n  minWidth?: string;\n  /** Explicit column kind. When omitted the DataGrid infers it from data values. */\n  kind?: ColumnKind;\n  /** Horizontal alignment of the header and the cells; a block element (a Checkbox, a Button) is laid out with flex so it follows too (round 14). Default: numbers right, everything else left. */\n  align?: \"left\" | \"center\" | \"right\";\n}\n\nfunction TruncCell({ children, lines }: { children: ReactNode; lines: number }) {\n  const { ref, isTruncated } = useTextOverflow({ lines });\n  const clampClass = lines === 1 ? \"truncate\" : `line-clamp-${lines}`;\n  const cell = <span ref={ref} className={cn(clampClass, \"block\")}>{children}</span>;\n  if (!isTruncated) return cell;\n  return <Tooltip content={children}>{cell}</Tooltip>;\n}\n\nexport interface DataGridProps<T> {\n  data: T[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- public API: columns may carry any value type\n  columns: ColumnDef<T, any>[];\n  pageSize?: number;\n  editable?: boolean;\n  onCellEdit?: (rowIndex: number, columnId: string, value: unknown) => void;\n  /** Breakpoint at which the grid switches to card layout. Defaults to \"md\" (768px). */\n  mobileBreakpoint?: BreakpointKey;\n  className?: string;\n}\n\nexport function DataGrid<T>({\n  data,\n  columns,\n  pageSize = 10,\n  editable = false,\n  onCellEdit,\n  mobileBreakpoint: mobileBreakpointProp,\n  className,\n}: DataGridProps<T>) {\n  // Sprint 25.6 (B9): responsive.tableToCardsBreakpoint reaches the table through the shell; a prop wins; md outside any shell.\n  const preferences = useShellPreferences();\n  const mobileBreakpoint: BreakpointKey = mobileBreakpointProp ?? preferences.tableToCardsBreakpoint ?? \"md\";\n  const isMobile = useBreakpoint(mobileBreakpoint);\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [editCell, setEditCell] = useState<{ row: number; col: string } | null>(null);\n  const [editValue, setEditValue] = useState(\"\");\n\n  /* ── Column kind inference ─────────────────────────────────────────── */\n  const columnKeys = useMemo(() => columns.map((c) => c.id ?? (\"accessorKey\" in c ? String(c.accessorKey) : \"\")).filter(Boolean), [columns]);\n  const inferredKinds = useMemo(\n    () => inferColumnKinds(data as Record<string, unknown>[], columnKeys),\n    [data, columnKeys],\n  );\n  const kindOf = useCallback(\n    (colId: string, meta: DataGridColumnMeta | undefined) => meta?.kind ?? inferredKinds.get(colId),\n    [inferredKinds],\n  );\n\n  const tableColumns = useMemo(() => {\n    if (!editable) return columns;\n    return columns.map((col) => ({\n      ...col,\n      cell: (info: CellContext<T, unknown>) => {\n        const rowIdx = info.row.index;\n        const colId = info.column.id;\n        const isEditing = editCell?.row === rowIdx && editCell?.col === colId;\n\n        if (isEditing) {\n          return (\n            <input\n              autoFocus\n              className={cn(\n                \"w-full h-full bg-transparent text-sm text-[var(--ds-text-primary)]\",\n                \"outline-none border-none px-0\",\n              )}\n              value={editValue}\n              onChange={(e) => setEditValue(e.target.value)}\n              onBlur={() => {\n                onCellEdit?.(rowIdx, colId, editValue);\n                setEditCell(null);\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") {\n                  onCellEdit?.(rowIdx, colId, editValue);\n                  setEditCell(null);\n                } else if (e.key === \"Escape\") {\n                  setEditCell(null);\n                }\n              }}\n            />\n          );\n        }\n\n        const rendered = typeof col.cell === \"function\" ? col.cell(info) : info.getValue();\n        return (\n          <span\n            onDoubleClick={() => {\n              setEditCell({ row: rowIdx, col: colId });\n              setEditValue(String(info.getValue() ?? \"\"));\n            }}\n            className=\"cursor-default\"\n          >\n            {rendered as React.ReactNode}\n          </span>\n        );\n      },\n    }));\n  }, [columns, editable, editCell, editValue, onCellEdit]);\n\n  // TanStack Table returns functions the React Compiler cannot memoise; the\n  // compiler would skip this component, which is fine — the project does not\n  // use it. The note is informational, not a defect.\n  // eslint-disable-next-line react-hooks/incompatible-library -- TanStack Table is not compiler-compatible\n  const table = useReactTable({\n    data,\n    columns: tableColumns,\n    state: { sorting },\n    onSortingChange: setSorting,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    initialState: { pagination: { pageSize } },\n  });\n\n  const handlePageChange = useCallback(\n    (page: number) => table.setPageIndex(page),\n    [table],\n  );\n\n  const pageCount = table.getPageCount();\n  const currentPage = table.getState().pagination.pageIndex;\n\n  if (isMobile) {\n    return (\n      <div className={cn(\"space-y-ds-3\", className)}>\n        <TableCardCtx value={true}>\n        <div className=\"flex flex-col gap-ds-3\">\n          {table.getRowModel().rows.map((row) => (\n            <div\n              key={row.id}\n              className={cn(\n                \"border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n                \"rounded-[var(--ds-radius-md)] bg-[var(--ds-bg-surface)]\",\n                \"p-ds-4 space-y-ds-3\",\n              )}\n            >\n              {row.getVisibleCells().map((cell) => (\n                <div key={cell.id} className=\"flex justify-between gap-ds-2 text-sm\">\n                  <span className=\"shrink-0 text-[var(--ds-text-secondary)] font-medium text-xs uppercase tracking-wider\">\n                    {typeof cell.column.columnDef.header === \"string\"\n                      ? cell.column.columnDef.header\n                      : cell.column.id}\n                  </span>\n                  <CardValue value={flexRender(cell.column.columnDef.cell, cell.getContext())} />\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n        </TableCardCtx>\n\n        {pageCount > 1 && (\n          <div className=\"flex items-center justify-between text-sm\">\n            <span className=\"text-[var(--ds-text-muted)]\">\n              Page {currentPage + 1} of {pageCount}\n            </span>\n            <div className=\"flex items-center gap-ds-1\">\n              <PagerBtn onClick={() => handlePageChange(currentPage - 1)} disabled={currentPage === 0} label=\"Prev\" />\n              <PagerBtn onClick={() => handlePageChange(currentPage + 1)} disabled={currentPage >= pageCount - 1} label=\"Next\" />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"space-y-ds-3\", className)}>\n      <div\n        className={cn(\n          \"w-full overflow-auto rounded-[var(--ds-radius-md)]\",\n          \"border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n          \"shadow-[var(--ds-shadow-card)]\",\n          \"bg-[var(--ds-bg-surface)]\",\n        )}\n      >\n        <table className=\"w-full text-sm\">\n          <thead className=\"bg-[var(--ds-bg-muted)]\">\n            {table.getHeaderGroups().map((hg) => (\n              <tr key={hg.id} className=\"border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]\">\n                {hg.headers.map((header) => {\n                  const canSort = header.column.getCanSort();\n                  const sorted = header.column.getIsSorted();\n                  const meta = header.column.columnDef.meta as DataGridColumnMeta | undefined;\n                  const headerKind = kindOf(header.column.id, meta);\n                  const headerAlign = meta?.align ?? (headerKind === \"number\" ? \"right\" : \"left\");\n                  const shrink = (headerKind === \"number\" || headerKind === \"date\") && !meta?.maxWidth;\n                  return (\n                    <th\n                      key={header.id}\n                      className={cn(\n                        \"px-ds-4 py-ds-3 text-xs font-[var(--ds-weight-heading)] uppercase tracking-wider\",\n                        headerAlign === \"right\" ? \"text-right\" : headerAlign === \"center\" ? \"text-center\" : \"text-left\",\n                        shrink && \"w-px whitespace-nowrap\",\n                        \"text-[var(--ds-text-secondary)]\",\n                        canSort && \"cursor-pointer select-none hover:text-[var(--ds-text-primary)]\",\n                      )}\n                      style={meta?.maxWidth || meta?.width || meta?.minWidth ? { maxWidth: meta?.maxWidth, width: meta?.width, minWidth: meta?.minWidth } : undefined}\n                      onClick={canSort ? header.column.getToggleSortingHandler() : undefined}\n                    >\n                      <span className={cn(\"flex items-center gap-ds-1\", headerAlign === \"right\" && \"justify-end\", headerAlign === \"center\" && \"justify-center\")}>\n                        {flexRender(header.column.columnDef.header, header.getContext())}\n                        {canSort && (\n                          <span className=\"inline-flex flex-col -space-y-ds-1.5\">\n                            <Icon\n                              name=\"chevron-up\"\n                              size={10}\n                              className={sorted === \"asc\" ? \"text-[var(--ds-accent-primary)]\" : \"opacity-30\"}\n                            />\n                            <Icon\n                              name=\"chevron-down\"\n                              size={10}\n                              className={sorted === \"desc\" ? \"text-[var(--ds-accent-primary)]\" : \"opacity-30\"}\n                            />\n                          </span>\n                        )}\n                      </span>\n                    </th>\n                  );\n                })}\n              </tr>\n            ))}\n          </thead>\n          <tbody>\n            {table.getRowModel().rows.map((row) => (\n              <tr\n                key={row.id}\n                className={cn(\n                  \"border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)] last:border-b-0\",\n                  \"hover:bg-[var(--ds-bg-muted)] transition-colors\",\n                )}\n              >\n                {row.getVisibleCells().map((cell) => {\n                  const meta = cell.column.columnDef.meta as DataGridColumnMeta | undefined;\n                  const truncLines = meta?.truncate === true ? 1 : meta?.truncate ? meta.truncate.lines : 0;\n                  const kind = kindOf(cell.column.id, meta);\n                  const rendered = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                  const shrink = (kind === \"number\" || kind === \"date\") && !meta?.maxWidth;\n                  let inner: ReactNode;\n                  if (truncLines > 0) {\n                    inner = <TruncCell lines={truncLines}>{rendered}</TruncCell>;\n                  } else if (kind === \"email\") {\n                    inner = (\n                      <span className=\"max-w-[40ch] truncate inline-block align-bottom\" title={typeof cell.getValue() === \"string\" ? cell.getValue() as string : undefined}>\n                        {rendered}\n                      </span>\n                    );\n                  } else {\n                    inner = rendered;\n                  }\n                  // Round 14 (50.2): a centred or right-aligned column lays a block element out with flex — text-align moves inline content only.\n                  const align = meta?.align ?? (kind === \"number\" ? \"right\" : \"left\");\n                  const value = cell.getValue();\n                  if (align !== \"left\" && typeof value !== \"string\" && typeof value !== \"number\" && value !== null && value !== undefined) {\n                    inner = <div className={cn(\"flex items-center\", align === \"center\" ? \"justify-center\" : \"justify-end\")}>{inner}</div>;\n                  }\n\n                  return (\n                    <td\n                      key={cell.id}\n                      className={cn(\n                        \"px-ds-4 py-ds-3 text-[var(--ds-text-primary)]\",\n                        align === \"right\" && \"text-right\",\n                        align === \"center\" && \"text-center\",\n                        shrink && \"w-px whitespace-nowrap\",\n                      )}\n                      style={meta?.maxWidth || meta?.width || meta?.minWidth ? { maxWidth: meta?.maxWidth, width: meta?.width, minWidth: meta?.minWidth } : undefined}\n                    >\n                      {inner}\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      {pageCount > 1 && (\n        <div className=\"flex items-center justify-between text-sm\">\n          <span className=\"text-[var(--ds-text-muted)]\">\n            Page {currentPage + 1} of {pageCount}\n          </span>\n          <div className=\"flex items-center gap-ds-1\">\n            <PagerBtn\n              onClick={() => handlePageChange(0)}\n              disabled={currentPage === 0}\n              label=\"First\"\n            />\n            <PagerBtn\n              onClick={() => handlePageChange(currentPage - 1)}\n              disabled={currentPage === 0}\n              label=\"Prev\"\n            />\n            {Array.from({ length: Math.min(pageCount, 5) }, (_, i) => {\n              let page: number;\n              if (pageCount <= 5) {\n                page = i;\n              } else if (currentPage < 3) {\n                page = i;\n              } else if (currentPage > pageCount - 4) {\n                page = pageCount - 5 + i;\n              } else {\n                page = currentPage - 2 + i;\n              }\n              return (\n                <PagerBtn\n                  key={page}\n                  onClick={() => handlePageChange(page)}\n                  active={page === currentPage}\n                  label={String(page + 1)}\n                />\n              );\n            })}\n            <PagerBtn\n              onClick={() => handlePageChange(currentPage + 1)}\n              disabled={currentPage >= pageCount - 1}\n              label=\"Next\"\n            />\n            <PagerBtn\n              onClick={() => handlePageChange(pageCount - 1)}\n              disabled={currentPage >= pageCount - 1}\n              label=\"Last\"\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction PagerBtn({\n  onClick,\n  disabled,\n  active,\n  label,\n}: {\n  onClick: () => void;\n  disabled?: boolean;\n  active?: boolean;\n  label: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      className={cn(\n        \"h-8 min-w-[32px] px-ds-2 text-xs font-medium rounded-[var(--ds-radius-sm)]\",\n        \"transition-colors duration-[var(--ds-transition-speed)] cursor-pointer\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]\",\n        \"disabled:opacity-disabled disabled:cursor-not-allowed\",\n        active\n          ? \"bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]\"\n          : \"text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-muted)] hover:text-[var(--ds-text-primary)]\",\n      )}\n    >\n      {label}\n    </button>\n  );\n}\n"]}