gridsmith-ui 0.31.0 → 0.31.1

package/dist/{chunk-HUNEJIKV.js → chunk-W3GY5ROH.js}

@@ -1,5 +1,5 @@
 "use client";
-import { useLatest } from './chunk-OWQ7M6R7.js';
+import { useLatest } from './chunk-EZ3ZGFGA.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 
 var registry = /* @__PURE__ */ new WeakMap();
@@ -106,5 +106,5 @@ function useTextOverflow(options = {}) {
 }
 
 export { useTextOverflow };
-//# sourceMappingURL=chunk-HUNEJIKV.js.map
-//# sourceMappingURL=chunk-HUNEJIKV.js.map
+//# sourceMappingURL=chunk-W3GY5ROH.js.map
+//# sourceMappingURL=chunk-W3GY5ROH.js.map

package/dist/{chunk-HUNEJIKV.js.map → chunk-W3GY5ROH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../showcase/src/lib/use-text-overflow.ts"],"names":[],"mappings":"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","file":"chunk-HUNEJIKV.js","sourcesContent":["import { useState, useCallback, useRef, useEffect } from \"react\";\nimport { useLatest } from \"./use-latest\";\n\n// ─── Shared ResizeObserver (singleton per document) ────────────────────────────\n// All useTextOverflow instances share a single ResizeObserver. This avoids the\n// performance cost of 80+ independent observers on pages with many truncated elements.\n\ntype OverflowCallback = () => void;\n\nconst registry = new WeakMap<Element, Set<OverflowCallback>>();\nlet sharedObserver: ResizeObserver | null = null;\nlet rafId: number | null = null;\nconst pendingElements = new Set<Element>();\n\nfunction getSharedObserver(): ResizeObserver {\n  if (sharedObserver) return sharedObserver;\n  sharedObserver = new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      pendingElements.add(entry.target);\n    }\n    if (rafId === null) {\n      rafId = requestAnimationFrame(flush);\n    }\n  });\n  return sharedObserver;\n}\n\nfunction flush() {\n  rafId = null;\n  for (const el of pendingElements) {\n    const callbacks = registry.get(el);\n    if (callbacks) {\n      for (const cb of callbacks) cb();\n    }\n  }\n  pendingElements.clear();\n}\n\nfunction observe(el: Element, callback: OverflowCallback) {\n  let set = registry.get(el);\n  if (!set) {\n    set = new Set();\n    registry.set(el, set);\n  }\n  set.add(callback);\n  if (set.size === 1) {\n    getSharedObserver().observe(el);\n  }\n}\n\nfunction unobserve(el: Element, callback: OverflowCallback) {\n  const set = registry.get(el);\n  if (!set) return;\n  set.delete(callback);\n  if (set.size === 0) {\n    registry.delete(el);\n    getSharedObserver().unobserve(el);\n  }\n}\n\n// ─── Overflow detection ────────────────────────────────────────────────────────\n\nconst TOLERANCE = 1; // px — accounts for integer rounding in scrollWidth/clientWidth\n\nfunction checkOverflow(el: HTMLElement, lines: number): boolean {\n  if (lines <= 1) {\n    return el.scrollWidth - el.clientWidth > TOLERANCE;\n  }\n  return el.scrollHeight - el.clientHeight > TOLERANCE;\n}\n\n// ─── Hook ──────────────────────────────────────────────────────────────────────\n\nexport interface UseTextOverflowOptions {\n  /** Number of visible lines before truncation. 1 = single-line ellipsis, >1 = line-clamp. */\n  lines?: number;\n  /** Disable overflow detection (e.g. when component is hidden) */\n  disabled?: boolean;\n  /** Content key — triggers re-check when this value changes (use for dynamic text content) */\n  content?: unknown;\n}\n\nexport interface UseTextOverflowResult {\n  /** Callback ref — attach to the element that has truncation CSS applied */\n  ref: (node: HTMLElement | null) => void;\n  /** True when the element's text is currently overflowing/truncated */\n  isTruncated: boolean;\n}\n\n/**\n * Detects whether an element's text content is overflowing (truncated).\n * Uses a single shared ResizeObserver for all instances on the page.\n *\n * @example\n * const { ref, isTruncated } = useTextOverflow({ lines: 1 });\n * return (\n *   <Tooltip content={fullText} disabled={!isTruncated}>\n *     <span ref={ref} className=\"truncate\">{fullText}</span>\n *   </Tooltip>\n * );\n */\nexport function useTextOverflow(options: UseTextOverflowOptions = {}): UseTextOverflowResult {\n  const { lines = 1, disabled = false, content } = options;\n  const [isTruncated, setIsTruncated] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  // The observer-registered wrapper delegates to the latest check logic via checkRef.\n  const registeredRef = useRef<OverflowCallback | null>(null);\n\n  const doCheck = useCallback(() => {\n    if (!elementRef.current || disabled) {\n      setIsTruncated(false);\n      return;\n    }\n    const next = checkOverflow(elementRef.current, lines);\n    setIsTruncated((prev) => (prev !== next ? next : prev));\n  }, [lines, disabled]);\n\n  // Latest check logic, updated in a layout effect so the stable wrapper never runs a stale closure.\n  const checkRef = useLatest<OverflowCallback>(doCheck);\n\n  // Re-check when content changes (handles dynamic text like Dropdown selection)\n  // or when disabled state changes\n  // Measures the committed DOM, so it must stay a post-layout effect.\n  /* eslint-disable react-hooks/set-state-in-effect -- overflow is a layout measurement */\n  useEffect(() => {\n    if (disabled) {\n      setIsTruncated(false);\n    } else if (elementRef.current) {\n      const next = checkOverflow(elementRef.current, lines);\n      setIsTruncated((prev) => (prev !== next ? next : prev));\n    }\n  }, [content, lines, disabled]);\n  /* eslint-enable react-hooks/set-state-in-effect */\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      const prev = elementRef.current;\n\n      // Unregister previous element using the SAME function we registered with\n      if (prev && registeredRef.current) {\n        unobserve(prev, registeredRef.current);\n        registeredRef.current = null;\n      }\n\n      elementRef.current = node;\n\n      if (node && !disabled) {\n        // Stable wrapper that delegates to the latest check logic\n        const wrapper: OverflowCallback = () => checkRef.current?.();\n        registeredRef.current = wrapper;\n        observe(node, wrapper);\n        // Initial check on mount\n        const initial = checkOverflow(node, lines);\n        setIsTruncated(initial);\n      }\n    },\n    [lines, disabled, checkRef],\n  );\n\n  // Cleanup on unmount — uses the registered wrapper, not the check function\n  useEffect(() => {\n    return () => {\n      if (elementRef.current && registeredRef.current) {\n        unobserve(elementRef.current, registeredRef.current);\n      }\n    };\n  }, []);\n\n  return { ref, isTruncated };\n}\n"]}
+{"version":3,"sources":["../../../showcase/src/lib/use-text-overflow.ts"],"names":[],"mappings":"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","file":"chunk-W3GY5ROH.js","sourcesContent":["import { useState, useCallback, useRef, useEffect } from \"react\";\nimport { useLatest } from \"./use-latest\";\n\n// ─── Shared ResizeObserver (singleton per document) ────────────────────────────\n// All useTextOverflow instances share a single ResizeObserver. This avoids the\n// performance cost of 80+ independent observers on pages with many truncated elements.\n\ntype OverflowCallback = () => void;\n\nconst registry = new WeakMap<Element, Set<OverflowCallback>>();\nlet sharedObserver: ResizeObserver | null = null;\nlet rafId: number | null = null;\nconst pendingElements = new Set<Element>();\n\nfunction getSharedObserver(): ResizeObserver {\n  if (sharedObserver) return sharedObserver;\n  sharedObserver = new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      pendingElements.add(entry.target);\n    }\n    if (rafId === null) {\n      rafId = requestAnimationFrame(flush);\n    }\n  });\n  return sharedObserver;\n}\n\nfunction flush() {\n  rafId = null;\n  for (const el of pendingElements) {\n    const callbacks = registry.get(el);\n    if (callbacks) {\n      for (const cb of callbacks) cb();\n    }\n  }\n  pendingElements.clear();\n}\n\nfunction observe(el: Element, callback: OverflowCallback) {\n  let set = registry.get(el);\n  if (!set) {\n    set = new Set();\n    registry.set(el, set);\n  }\n  set.add(callback);\n  if (set.size === 1) {\n    getSharedObserver().observe(el);\n  }\n}\n\nfunction unobserve(el: Element, callback: OverflowCallback) {\n  const set = registry.get(el);\n  if (!set) return;\n  set.delete(callback);\n  if (set.size === 0) {\n    registry.delete(el);\n    getSharedObserver().unobserve(el);\n  }\n}\n\n// ─── Overflow detection ────────────────────────────────────────────────────────\n\nconst TOLERANCE = 1; // px — accounts for integer rounding in scrollWidth/clientWidth\n\nfunction checkOverflow(el: HTMLElement, lines: number): boolean {\n  if (lines <= 1) {\n    return el.scrollWidth - el.clientWidth > TOLERANCE;\n  }\n  return el.scrollHeight - el.clientHeight > TOLERANCE;\n}\n\n// ─── Hook ──────────────────────────────────────────────────────────────────────\n\nexport interface UseTextOverflowOptions {\n  /** Number of visible lines before truncation. 1 = single-line ellipsis, >1 = line-clamp. */\n  lines?: number;\n  /** Disable overflow detection (e.g. when component is hidden) */\n  disabled?: boolean;\n  /** Content key — triggers re-check when this value changes (use for dynamic text content) */\n  content?: unknown;\n}\n\nexport interface UseTextOverflowResult {\n  /** Callback ref — attach to the element that has truncation CSS applied */\n  ref: (node: HTMLElement | null) => void;\n  /** True when the element's text is currently overflowing/truncated */\n  isTruncated: boolean;\n}\n\n/**\n * Detects whether an element's text content is overflowing (truncated).\n * Uses a single shared ResizeObserver for all instances on the page.\n *\n * @example\n * const { ref, isTruncated } = useTextOverflow({ lines: 1 });\n * return (\n *   <Tooltip content={fullText} disabled={!isTruncated}>\n *     <span ref={ref} className=\"truncate\">{fullText}</span>\n *   </Tooltip>\n * );\n */\nexport function useTextOverflow(options: UseTextOverflowOptions = {}): UseTextOverflowResult {\n  const { lines = 1, disabled = false, content } = options;\n  const [isTruncated, setIsTruncated] = useState(false);\n  const elementRef = useRef<HTMLElement | null>(null);\n  // The observer-registered wrapper delegates to the latest check logic via checkRef.\n  const registeredRef = useRef<OverflowCallback | null>(null);\n\n  const doCheck = useCallback(() => {\n    if (!elementRef.current || disabled) {\n      setIsTruncated(false);\n      return;\n    }\n    const next = checkOverflow(elementRef.current, lines);\n    setIsTruncated((prev) => (prev !== next ? next : prev));\n  }, [lines, disabled]);\n\n  // Latest check logic, updated in a layout effect so the stable wrapper never runs a stale closure.\n  const checkRef = useLatest<OverflowCallback>(doCheck);\n\n  // Re-check when content changes (handles dynamic text like Dropdown selection)\n  // or when disabled state changes\n  // Measures the committed DOM, so it must stay a post-layout effect.\n  /* eslint-disable react-hooks/set-state-in-effect -- overflow is a layout measurement */\n  useEffect(() => {\n    if (disabled) {\n      setIsTruncated(false);\n    } else if (elementRef.current) {\n      const next = checkOverflow(elementRef.current, lines);\n      setIsTruncated((prev) => (prev !== next ? next : prev));\n    }\n  }, [content, lines, disabled]);\n  /* eslint-enable react-hooks/set-state-in-effect */\n\n  const ref = useCallback(\n    (node: HTMLElement | null) => {\n      const prev = elementRef.current;\n\n      // Unregister previous element using the SAME function we registered with\n      if (prev && registeredRef.current) {\n        unobserve(prev, registeredRef.current);\n        registeredRef.current = null;\n      }\n\n      elementRef.current = node;\n\n      if (node && !disabled) {\n        // Stable wrapper that delegates to the latest check logic\n        const wrapper: OverflowCallback = () => checkRef.current?.();\n        registeredRef.current = wrapper;\n        observe(node, wrapper);\n        // Initial check on mount\n        const initial = checkOverflow(node, lines);\n        setIsTruncated(initial);\n      }\n    },\n    [lines, disabled, checkRef],\n  );\n\n  // Cleanup on unmount — uses the registered wrapper, not the check function\n  useEffect(() => {\n    return () => {\n      if (elementRef.current && registeredRef.current) {\n        unobserve(elementRef.current, registeredRef.current);\n      }\n    };\n  }, []);\n\n  return { ref, isTruncated };\n}\n"]}

package/dist/data-grid.js

@@ -1,19 +1,19 @@
 "use client";
-import { useCardsSwitch, CARDS_BELOW, inferColumnKinds, CardValue, SortIndicator, CutCell, CutEmail, dayKey, DatePicker, Checkbox } from './chunk-3J67NISC.js';
-import { usePagination, useWholeListCheck, pagerPart, Pagination, NumberInput } from './chunk-V2ARGHJN.js';
+import { useCardsSwitch, CARDS_BELOW, inferColumnKinds, CardValue, SortIndicator, CutCell, CutEmail, dayKey, DatePicker, Checkbox } from './chunk-I6JJ7KKP.js';
+import { usePagination, useWholeListCheck, pagerPart, Pagination, NumberInput } from './chunk-IOHGE4EW.js';
 import { useShellPreferences } from './chunk-QOMP4D6V.js';
 import './chunk-LJYSVZMI.js';
-import { Dropdown, Field, Input } from './chunk-BKYWKMUN.js';
+import { Dropdown, Field, Input } from './chunk-IZW5XHKA.js';
 import './chunk-7QLXYRPD.js';
-import './chunk-7RKC5C7G.js';
 import { FormChangeCtx } from './chunk-72SDAX54.js';
 import { useFramesItself, TableCardCtx, RowsCtx } from './chunk-V73LHNRL.js';
-import './chunk-2Q4HOGEI.js';
+import './chunk-HQFTP7Y5.js';
 import { useBreakpoint } from './chunk-ZHUVLBCC.js';
-import './chunk-HUNEJIKV.js';
-import { useRevealFocus } from './chunk-XSQD3UGY.js';
+import './chunk-7RKC5C7G.js';
+import './chunk-W3GY5ROH.js';
+import { useRevealFocus } from './chunk-DR6WEI3A.js';
 import { Icon, warnOnce } from './chunk-53F7GVBQ.js';
-import { cn, useGridKeyboard, FOCUS_INSET, FOCUS_RING, useFocusLeave, focusInitial } from './chunk-OWQ7M6R7.js';
+import { cn, useGridKeyboard, FOCUS_INSET, FOCUS_RING, useFocusLeave, focusInitial } from './chunk-EZ3ZGFGA.js';
 import { useState, useMemo, useCallback, useRef, useEffect, useLayoutEffect } from 'react';
 import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/editor-mentions.js

@@ -1,6 +1,6 @@
 "use client";
-import { matchMentions, shownMentions, mentionOptionId, MentionList } from './chunk-LE72KHIE.js';
-import { useLatest, useOverlayLayer } from './chunk-OWQ7M6R7.js';
+import { matchMentions, shownMentions, mentionOptionId, MentionList } from './chunk-K3NAFQ4S.js';
+import { useLatest, useOverlayLayer } from './chunk-EZ3ZGFGA.js';
 import { useState, useSyncExternalStore, useId, useRef, useEffect } from 'react';
 import Mention from '@tiptap/extension-mention';
 import { exitSuggestion } from '@tiptap/suggestion';

package/dist/editor.js

@@ -1,11 +1,11 @@
 "use client";
 import { useScrollEdges } from './chunk-3BRQRKDO.js';
-import { useInputModality } from './chunk-7RKC5C7G.js';
 import { FormChangeCtx } from './chunk-72SDAX54.js';
 import { useBreakpoint } from './chunk-ZHUVLBCC.js';
-import { useRevealFocus, AutoTooltip } from './chunk-XSQD3UGY.js';
+import { useInputModality } from './chunk-7RKC5C7G.js';
+import { useRevealFocus, AutoTooltip } from './chunk-DR6WEI3A.js';
 import { warnOnce, Icon } from './chunk-53F7GVBQ.js';
-import { useLatest, cn, FIELD_FOCUS_WITHIN_RING, useOverlayLayer, useCloseOnFocusOut, FOCUS_RING, FIELD_FOCUS_RING } from './chunk-OWQ7M6R7.js';
+import { useLatest, cn, FIELD_FOCUS_WITHIN_RING, useOverlayLayer, useCloseOnFocusOut, FOCUS_RING, FIELD_FOCUS_RING } from './chunk-EZ3ZGFGA.js';
 import { useState, useCallback, useContext, useRef, useEffect, useImperativeHandle } from 'react';
 import { Extension, Node, mergeAttributes, useEditor, EditorContent, createDocument } from '@tiptap/react';
 import { Plugin } from '@tiptap/pm/state';

package/dist/index.d.ts

@@ -1813,6 +1813,15 @@ interface CollapsibleContentProps {
 }
 declare function CollapsibleRoot({ open: controlledOpen, defaultOpen, onOpenChange, children, className, }: CollapsibleProps): react_jsx_runtime.JSX.Element;
 declare function CollapsibleTrigger({ children, className }: CollapsibleTriggerProps): react_jsx_runtime.JSX.Element;
+/**
+ * The content (Sprint 25.32, R29-1: round 29's event form Tabbed into a closed section's fields). Closed, it's `inert`:
+ * out of the Tab order and the accessibility tree as well as out of sight, so a keyboard never lands on a field no one
+ * can see. It clips only while it moves. Open and settled, its height follows its content and nothing is clipped: a
+ * field's outline at its edge, or an error message that appears once it's open. Focus inside it when it closes goes
+ * back to its trigger, as a disclosure's does; with no trigger that takes focus (a page's own button drives `open`, or the
+ * trigger is plain text), to the Tab stop before it, else the last resort (the review of 18 October). Under reduced
+ * motion (a zero transition) it settles at once.
+ */
 declare function CollapsibleContent({ children, className }: CollapsibleContentProps): react_jsx_runtime.JSX.Element;
 declare const Collapsible: typeof CollapsibleRoot & {
     Trigger: typeof CollapsibleTrigger;

package/dist/index.js

@@ -1,46 +1,46 @@
 "use client";
-import { useAppShell, REACT_VERSION_PROBLEM, Breadcrumbs, useCrumbFollow, crumbGoes, useCornerInset, NAVBAR_INSET_PRIORITY, useOverlayMark, useDirtyGuard, useScrollbarInset, DrawerFooterCtx, OverlayMarkScope, OverlayCloseCtx, insetLessScrollbar, DiscardConfirm, OVERLAY_ROOT_ATTR, OverlayMarkCtx, useCompact, useElementWidth, DrawerPanel, useCloseSettle, besideRoom, PANEL_INSET_PRIORITY, Drawer, useRememberedWidth, pxOf, ResizeEdge, LAUNCHER_INSET_PRIORITY, defaultMaxWidth } from './chunk-EKWXPSTI.js';
-export { AppShell, Breadcrumbs, Drawer, SkipLink, useAppShell, useUnsavedChanges } from './chunk-EKWXPSTI.js';
-import { Skeleton, TITLE_TEXT, SegmentedControl } from './chunk-U7WBI4AV.js';
-export { SegmentedControl, Skeleton } from './chunk-U7WBI4AV.js';
+import { useAppShell, REACT_VERSION_PROBLEM, Breadcrumbs, useCrumbFollow, crumbGoes, useCornerInset, NAVBAR_INSET_PRIORITY, useOverlayMark, useDirtyGuard, useScrollbarInset, DrawerFooterCtx, OverlayMarkScope, OverlayCloseCtx, insetLessScrollbar, DiscardConfirm, OVERLAY_ROOT_ATTR, OverlayMarkCtx, useCompact, useElementWidth, DrawerPanel, useCloseSettle, besideRoom, PANEL_INSET_PRIORITY, Drawer, useRememberedWidth, pxOf, ResizeEdge, LAUNCHER_INSET_PRIORITY, defaultMaxWidth } from './chunk-TH272DIC.js';
+export { AppShell, Breadcrumbs, Drawer, SkipLink, useAppShell, useUnsavedChanges } from './chunk-TH272DIC.js';
+import { Skeleton, TITLE_TEXT, SegmentedControl } from './chunk-BHTAVJIG.js';
+export { SegmentedControl, Skeleton } from './chunk-BHTAVJIG.js';
 import { useScrollEdges, EDGE_FADE } from './chunk-3BRQRKDO.js';
-import { Avatar, foldForSearch, useActiveOptionInView, shownMentions, matchMentions, mentionOptionId, MentionList, initialsOf } from './chunk-LE72KHIE.js';
-export { Avatar } from './chunk-LE72KHIE.js';
-import { Link } from './chunk-OFACAHRV.js';
-export { CodeBlock, Divider, Link } from './chunk-OFACAHRV.js';
-import { DropdownMenu } from './chunk-YFHTREH5.js';
-export { DropdownMenu } from './chunk-YFHTREH5.js';
+import { Avatar, foldForSearch, useActiveOptionInView, shownMentions, matchMentions, mentionOptionId, MentionList, initialsOf } from './chunk-K3NAFQ4S.js';
+export { Avatar } from './chunk-K3NAFQ4S.js';
+import { Link } from './chunk-NDL2JGQ7.js';
+export { CodeBlock, Divider, Link } from './chunk-NDL2JGQ7.js';
+import { DropdownMenu } from './chunk-2TCCSKL3.js';
+export { DropdownMenu } from './chunk-2TCCSKL3.js';
 import { useFillHeight, FillContext } from './chunk-DBHVJ7Z3.js';
-import { Badge } from './chunk-GT6M74IZ.js';
-export { Badge } from './chunk-GT6M74IZ.js';
-import { useKeyboardScroll } from './chunk-GP2COVJC.js';
-import { localeCache, startOfDay, addDays, useWeekStart, useDateWords, localeDayFirst, dayKey, moveDay, addMonths, DateSegmentFields, getMonthGrid, isSameMonth, isSameDay, DatePicker, timeSegments, pad2, inferColumnKinds, useCardsSwitch, CARDS_BELOW, kindOfRenderedText, Checkbox, CardValue, SortIndicator, startOfWeek, endOfWeek, addMonthsClamped, isExcludedDay, CutCell, CutEmail, stepValue, separatorMovesOn, TIME_SEPARATORS, typeDigit, getEventsForDay, layoutWeek, isWeekend, getWeekDays, isBarEvent, layoutPieces, dayPieces, groupEventsByDay, timeToFraction } from './chunk-3J67NISC.js';
-export { Checkbox, CheckboxGroup, CheckboxGroupItem, DatePicker, HoverCard, TextOverflow } from './chunk-3J67NISC.js';
-import { useWholeListCheck, pagerPart, Pagination, NumberInput } from './chunk-V2ARGHJN.js';
-export { NumberInput, Pagination, Popover, usePagination } from './chunk-V2ARGHJN.js';
+import { Badge } from './chunk-SLGGZ3MU.js';
+export { Badge } from './chunk-SLGGZ3MU.js';
+import { useKeyboardScroll } from './chunk-KSJTMSYA.js';
+import { localeCache, startOfDay, addDays, useWeekStart, useDateWords, localeDayFirst, dayKey, moveDay, addMonths, DateSegmentFields, getMonthGrid, isSameMonth, isSameDay, DatePicker, timeSegments, pad2, inferColumnKinds, useCardsSwitch, CARDS_BELOW, kindOfRenderedText, Checkbox, CardValue, SortIndicator, startOfWeek, endOfWeek, addMonthsClamped, isExcludedDay, CutCell, CutEmail, stepValue, separatorMovesOn, TIME_SEPARATORS, typeDigit, getEventsForDay, layoutWeek, isWeekend, getWeekDays, isBarEvent, layoutPieces, dayPieces, groupEventsByDay, timeToFraction } from './chunk-I6JJ7KKP.js';
+export { Checkbox, CheckboxGroup, CheckboxGroupItem, DatePicker, HoverCard, TextOverflow } from './chunk-I6JJ7KKP.js';
+import { useWholeListCheck, pagerPart, Pagination, NumberInput } from './chunk-IOHGE4EW.js';
+export { NumberInput, Pagination, Popover, usePagination } from './chunk-IOHGE4EW.js';
 import { useShellPreferences, PREFERENCE_HOUSE_DEFAULTS, formatRelativeTime, thresholdOf, toMillis, formatFullTime, datedMillis, preferenceActionKey, DAY, HOUR, MINUTE } from './chunk-QOMP4D6V.js';
 export { PreferencesContext, formatFullTime, formatRelativeTime, preferenceActionKey, usePreferences } from './chunk-QOMP4D6V.js';
 import { useFormatLocale, useHydrated, useToday, LocaleContext } from './chunk-LJYSVZMI.js';
 export { useFormatLocale, useHydrated } from './chunk-LJYSVZMI.js';
-import { Input, CHECK_FILL, Dropdown, FilterRowContext, SWITCH_KNOB_ON, SWITCH_KNOB_OFF, SWITCH_KNOB_MOTION, SWITCH_TRACK_ON, SWITCH_TRACK_OFF, useFieldControl, useField, OutsideField, InlineFieldError, Label, AddAnotherRowCtx, Field } from './chunk-BKYWKMUN.js';
-export { Dropdown, Field, InlineFieldError, Input, Label, Textarea, Toggle } from './chunk-BKYWKMUN.js';
+import { Input, CHECK_FILL, Dropdown, FilterRowContext, SWITCH_KNOB_ON, SWITCH_KNOB_OFF, SWITCH_KNOB_MOTION, SWITCH_TRACK_ON, SWITCH_TRACK_OFF, useFieldControl, useField, OutsideField, InlineFieldError, Label, AddAnotherRowCtx, Field } from './chunk-IZW5XHKA.js';
+export { Dropdown, Field, InlineFieldError, Input, Label, Textarea, Toggle } from './chunk-IZW5XHKA.js';
 import { formatLocale, localeChoice } from './chunk-7QLXYRPD.js';
-import { useInputModality, inputModality } from './chunk-7RKC5C7G.js';
-export { INPUT_MODALITY_ATTR, inputModality, installInputModality, useInputModality } from './chunk-7RKC5C7G.js';
 import { FormChangeCtx, useReportedChange, useOptionalFormContext, FormCtx } from './chunk-72SDAX54.js';
 export { useFormContext } from './chunk-72SDAX54.js';
 import { CardSurfaceCtx, useScrollsInside, SplitPaneCtx, RowsCtx, PageActionsCtx, SurfaceBoundary, useFramesItself, TableCardCtx } from './chunk-V73LHNRL.js';
-import { Button, elementType, ControlSizeContext, triggerType, Spinner } from './chunk-2Q4HOGEI.js';
-export { Button, ButtonSizeContext, ControlSizeContext, Spinner } from './chunk-2Q4HOGEI.js';
+import { Button, elementType, ControlSizeContext, triggerType, Spinner } from './chunk-HQFTP7Y5.js';
+export { Button, ButtonSizeContext, ControlSizeContext, Spinner } from './chunk-HQFTP7Y5.js';
 import { useBreakpoint, readBreakpointPx } from './chunk-ZHUVLBCC.js';
 export { BreakpointWidthProvider, useBreakpoint } from './chunk-ZHUVLBCC.js';
-import { useTextOverflow } from './chunk-HUNEJIKV.js';
-export { useTextOverflow } from './chunk-HUNEJIKV.js';
-import { AutoTooltip, mergeRefs, useRevealFocus } from './chunk-XSQD3UGY.js';
-export { Tooltip, useRevealFocus } from './chunk-XSQD3UGY.js';
+import { useInputModality, inputModality } from './chunk-7RKC5C7G.js';
+export { INPUT_MODALITY_ATTR, inputModality, installInputModality, useInputModality } from './chunk-7RKC5C7G.js';
+import { useTextOverflow } from './chunk-W3GY5ROH.js';
+export { useTextOverflow } from './chunk-W3GY5ROH.js';
+import { AutoTooltip, mergeRefs, useRevealFocus } from './chunk-DR6WEI3A.js';
+export { Tooltip, useRevealFocus } from './chunk-DR6WEI3A.js';
 import { Icon, slotIcon, warnOnce } from './chunk-53F7GVBQ.js';
-import { cn, FOCUS_RING, focusAfterSelfRemoval, FOCUSABLE, GLASS_SURFACE, useFocusKeptInList, FOCUS_INSET, useLatest, PEER_FOCUS_RING, GLASS_BACKDROP, FIELD, ZOOM_KEYS, rovingTabStop, FOCUS_ROOM, useOverlayLayer, useFocusTrap, useFocusBeforeOpen, rememberOpener, focusInitial, lockBodyScroll, unlockBodyScroll, OVERLAY_CLOSE_ATTR, OVERLAY_SURFACE, GLASS_OVERLAY, usePopupFocus, usePosition, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, CONTROL_ANCESTOR, GROUP_FOCUS_RING, useGridKeyboard, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, focusAfterRemoval, GLASS_DROPDOWN, ERROR_FOCUS_RING, FIELD_FOCUS_RING, atLeastFocusRoom, useNonModalDialog, useReturnFocus } from './chunk-OWQ7M6R7.js';
-export { useGridKeyboard } from './chunk-OWQ7M6R7.js';
+import { cn, FOCUS_RING, focusAfterSelfRemoval, FOCUSABLE, GLASS_SURFACE, useFocusKeptInList, FOCUS_INSET, useLatest, PEER_FOCUS_RING, GLASS_BACKDROP, OPEN_TO_FOCUS, focusOutOf, FIELD, ZOOM_KEYS, rovingTabStop, FOCUS_ROOM, useOverlayLayer, useFocusTrap, useFocusBeforeOpen, rememberOpener, focusInitial, lockBodyScroll, unlockBodyScroll, OVERLAY_CLOSE_ATTR, OVERLAY_SURFACE, GLASS_OVERLAY, usePopupFocus, usePosition, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, CONTROL_ANCESTOR, GROUP_FOCUS_RING, useGridKeyboard, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, focusAfterRemoval, GLASS_DROPDOWN, ERROR_FOCUS_RING, FIELD_FOCUS_RING, openToFocus, atLeastFocusRoom, useNonModalDialog, useReturnFocus } from './chunk-EZ3ZGFGA.js';
+export { useGridKeyboard } from './chunk-EZ3ZGFGA.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useId, useEffect, useState, createContext, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, memo, useImperativeHandle, useSyncExternalStore, Children, Fragment as Fragment$1, cloneElement, useReducer } from 'react';
 import { createPortal, flushSync } from 'react-dom';
@@ -4151,10 +4151,10 @@ function FormWrapper({ onSubmit, validationMode: validationModeProp, children, a
         return;
       }
       const first = form.querySelector("[aria-invalid='true']");
-      if (first) {
+      if (first) openToFocus(first, () => {
         if (typeof first.scrollIntoView === "function") first.scrollIntoView({ block: "center", behavior: "smooth" });
         focusTarget(first).focus({ preventScroll: true });
-      }
+      });
     }
   }, [submittedRef, errorSummaryRef, focusSummary]);
   useLayoutEffect(() => {
@@ -4236,10 +4236,10 @@ function FormWrapper({ onSubmit, validationMode: validationModeProp, children, a
   const focusField = (id) => (e) => {
     e.preventDefault();
     const el = id ? document.getElementById(id) : null;
-    if (el) {
+    if (el) openToFocus(el, () => {
       el.scrollIntoView?.({ block: "center" });
       focusTarget(el).focus();
-    }
+    });
   };
   const summaryNode = errorSummary && summary.length >= 2 ? typeof errorSummary === "function" ? errorSummary(summary) : /* @__PURE__ */ jsx(Alert, { variant: "error", title: `${summary.length} fields need attention`, className: "mb-ds-4", children: /* @__PURE__ */ jsx("ul", { className: "list-disc pl-ds-5 flex flex-col gap-ds-1", children: summary.map((f) => /* @__PURE__ */ jsxs("li", { children: [
     /* @__PURE__ */ jsx("a", { href: f.id ? `#${f.id}` : void 0, onClick: focusField(f.id), className: cn("underline underline-offset-2 text-[var(--ds-text-primary)]", FOCUS_RING), children: f.label }),
@@ -8718,7 +8718,11 @@ function Calendar({
       }
       check = setTimeout(settle, SETTLE_MS);
     };
-    const onOut = () => {
+    const onOut = (e) => {
+      if (!e.target?.closest?.('[role="dialog"], [role="alertdialog"]')) {
+        stop();
+        return;
+      }
       clearTimeout(check);
       check = setTimeout(settle, SETTLE_MS);
     };
@@ -9378,20 +9382,54 @@ function CollapsibleRoot({
   const [internalOpen, setInternalOpen] = useState(defaultOpen);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
+  const triggerRef = useRef(null);
+  const setTrigger = useCallback((el) => {
+    triggerRef.current = el;
+  }, []);
+  const trigger = useCallback(() => triggerRef.current, []);
+  const open = () => {
+    if (isOpen) return;
+    if (!isControlled) setInternalOpen(true);
+    onOpenChange?.(true);
+  };
   const toggle = () => {
     const next = !isOpen;
     if (!isControlled) setInternalOpen(next);
     onOpenChange?.(next);
   };
-  return /* @__PURE__ */ jsx(CollapsibleContext, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx("div", { className, "data-state": isOpen ? "open" : "closed", children: typeof children === "function" ? children({ isOpen, toggle }) : children }) });
+  return /* @__PURE__ */ jsx(CollapsibleContext, { value: { isOpen, toggle, setTrigger, trigger, open }, children: /* @__PURE__ */ jsx("div", { className, "data-state": isOpen ? "open" : "closed", children: typeof children === "function" ? children({ isOpen, toggle }) : children }) });
+}
+var merged = /* @__PURE__ */ new WeakMap();
+function withTrigger(own, setTrigger) {
+  if (!own) return setTrigger;
+  let bySetter = merged.get(own);
+  if (!bySetter) merged.set(own, bySetter = /* @__PURE__ */ new WeakMap());
+  let attach = bySetter.get(setTrigger);
+  if (!attach) {
+    attach = (el) => {
+      setTrigger(el);
+      let cleanup;
+      if (typeof own === "function") cleanup = own(el);
+      else own.current = el;
+      return () => {
+        setTrigger(null);
+        if (typeof cleanup === "function") cleanup();
+        else if (typeof own === "function") own(null);
+        else own.current = null;
+      };
+    };
+    bySetter.set(setTrigger, attach);
+  }
+  return attach;
 }
 function CollapsibleTrigger({ children, className }) {
-  const { isOpen, toggle } = useCollapsible();
+  const { isOpen, toggle, setTrigger } = useCollapsible();
   if (isValidElement(children)) {
     const child = children;
     return cloneElement(child, {
       // a Button trigger in a form toggles; it never submits the form (0.21.0)
       ...triggerType(child),
+      ref: withTrigger(child.props.ref, setTrigger),
       "aria-expanded": isOpen,
       className: cn(child.props.className, className),
       onClick: (e) => {
@@ -9400,29 +9438,92 @@ function CollapsibleTrigger({ children, className }) {
       }
     });
   }
-  return /* @__PURE__ */ jsx("button", { type: "button", className: cn("text-left cursor-pointer", FOCUS_RING, className), onClick: toggle, "aria-expanded": isOpen, children });
+  return /* @__PURE__ */ jsx("button", { ref: withTrigger(void 0, setTrigger), type: "button", className: cn("text-left cursor-pointer", FOCUS_RING, className), onClick: toggle, "aria-expanded": isOpen, children });
 }
 function CollapsibleContent({ children, className }) {
-  const { isOpen } = useCollapsible();
+  const { isOpen, trigger, open } = useCollapsible();
   const ref = useRef(null);
-  const innerRef = useRef(null);
-  const [height, setHeight] = useState(void 0);
-  useEffect(() => {
-    if (innerRef.current) {
-      setHeight(isOpen ? innerRef.current.scrollHeight : 0);
+  const asked = useRef(null);
+  const isOpenNow = useLatest(isOpen);
+  const openNow = useLatest(open);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const onAsk = (e) => {
+      if (isOpenNow.current) return;
+      asked.current = e.detail;
+      openNow.current();
+    };
+    el.addEventListener(OPEN_TO_FOCUS, onAsk);
+    return () => el.removeEventListener(OPEN_TO_FOCUS, onAsk);
+  }, [isOpenNow, openNow]);
+  useLayoutEffect(() => {
+    if (asked.current && !isOpen) asked.current = null;
+  });
+  const [height, setHeight] = useState(isOpen ? "auto" : 0);
+  const [inertNow, setInertNow] = useState(!isOpen);
+  const was = useRef(isOpen);
+  useLayoutEffect(() => {
+    const el = ref.current;
+    if (was.current === isOpen) return;
+    was.current = isOpen;
+    if (!el) return;
+    if (!isOpen && el.contains(document.activeElement)) {
+      trigger()?.focus();
+      if (el.contains(document.activeElement)) focusOutOf(el);
+    }
+    const ask = asked.current;
+    asked.current = null;
+    if (isOpen && ask && !ask.done && performance.now() - ask.at < 1e3 && !ask.target.closest("[inert]")) {
+      ask.done = true;
+      ask.step();
     }
-  }, [isOpen]);
+    setInertNow(!isOpen);
+    const seconds = parseFloat(getComputedStyle(el).transitionDuration) || 0;
+    if (seconds <= 0) {
+      setHeight(isOpen ? "auto" : 0);
+      return;
+    }
+    let frame = 0;
+    if (isOpen) setHeight(el.scrollHeight);
+    else {
+      setHeight(el.scrollHeight);
+      frame = requestAnimationFrame(() => {
+        void el.offsetHeight;
+        setHeight(0);
+      });
+    }
+    let done = false;
+    const settle = () => {
+      if (done) return;
+      done = true;
+      if (isOpen) setHeight("auto");
+    };
+    const onEnd = (e) => {
+      if (e.target === el && e.propertyName === "height") settle();
+    };
+    el.addEventListener("transitionend", onEnd);
+    const timer = setTimeout(settle, seconds * 1e3 + 100);
+    return () => {
+      cancelAnimationFrame(frame);
+      el.removeEventListener("transitionend", onEnd);
+      clearTimeout(timer);
+    };
+  }, [isOpen, trigger]);
+  const moving = typeof height === "number" && height > 0;
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: cn("overflow-hidden transition-[height]", className),
+      "data-state": isOpen ? "open" : "closed",
+      inert: inertNow && !isOpen,
+      className: cn((!isOpen || moving) && "overflow-hidden", "transition-[height]", className),
       style: {
-        height: height ?? 0,
+        height: height === "auto" ? void 0 : height,
         transitionDuration: "var(--ds-transition-speed)",
         transitionTimingFunction: "var(--ds-transition-ease)"
       },
-      children: /* @__PURE__ */ jsx("div", { ref: innerRef, children })
+      children: /* @__PURE__ */ jsx("div", { children })
     }
   );
 }
@@ -15836,6 +15937,7 @@ function SnappingHeader({
       ([entry]) => {
         if (!entry.isIntersecting && !collapsedRef.current) {
           collapsedRef.current = true;
+          setSpacer(expandedHeightRef.current);
           setCollapsed(true);
         }
       },