@12-apps/ui 6.79.0 → 6.80.0

package/dist/{chunk-CAHN7AMY.js → chunk-WWIYYXY3.js}

@@ -1,6 +1,6 @@
 import {
   SettingsRail
-} from "./chunk-TJO4CBYT.js";
+} from "./chunk-ZX3QMCYO.js";
 import {
   activeItemLabel,
   filterGroups
@@ -11,6 +11,9 @@ import {
 import {
   atLeastRail
 } from "./chunk-NK4T624E.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -20,14 +23,15 @@ import Box from "@mui/material/Box/index.js";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DEFAULTS = {
-  searchPlaceholder: "Search settings",
+  searchPlaceholder: EN_US_UI_LABELS.settingsLayout.searchPlaceholder,
   defaultQuery: "",
-  emptySearchLabel: "No settings match your search.",
+  emptySearchLabel: EN_US_UI_LABELS.settingsLayout.emptySearch,
   testIdPrefix: "settings",
   railBreakpoint: "md",
   navVariant: "switcher",
   atIndex: false,
-  backLabel: "Back"
+  backLabel: EN_US_UI_LABELS.settingsLayout.back,
+  navigationLabel: EN_US_UI_LABELS.settingsLayout.navigation
 };
 function railLookOf({
   searchable = true,
@@ -35,6 +39,9 @@ function railLookOf({
 }) {
   return { searchable, railVariant };
 }
+function navigationNameOf({ title, navigationLabel = DEFAULTS.navigationLabel }) {
+  return typeof title === "string" ? title : navigationLabel;
+}
 function shellSx(breakpoint, fillHeight, railVariant) {
   return (theme) => ({
     display: "flex",
@@ -81,7 +88,6 @@ var SettingsLayout = (props) => {
   const filteredGroups = useMemo(() => filterGroups(groups, query), [groups, query]);
   const activeLabel = useMemo(() => activeItemLabel(groups, activeItemId), [groups, activeItemId]);
   const drilldown = navVariant === "drilldown";
-  const ariaLabel = typeof title === "string" ? title : "Settings";
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -94,6 +100,7 @@ var SettingsLayout = (props) => {
           SettingsRail,
           {
             title,
+            ariaLabel: navigationNameOf(props),
             activeLabel,
             navOpen,
             onToggleNav: () => setNavOpen((open) => !open),
@@ -125,7 +132,7 @@ var SettingsLayout = (props) => {
             sectionTitle: props.sectionTitle,
             sectionDescription: props.sectionDescription,
             backLabel,
-            ariaLabel,
+            ariaLabel: navigationNameOf(props),
             sectionChips,
             activeItemId,
             linkComponent,
@@ -144,4 +151,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-CAHN7AMY.js.map
+//# sourceMappingURL=chunk-WWIYYXY3.js.map

package/dist/chunk-WWIYYXY3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React, { useMemo, useState } from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { withDefaults } from '../../../utils/withDefaults';\nimport { activeItemLabel, filterGroups } from './SettingsLayout.filters';\nimport { SettingsRail } from './SettingsLayout.rail';\nimport { atLeastRail } from './SettingsLayout.styles';\nimport { SettingsPanel } from './SettingsPanel';\nimport type { SettingsLayoutProps } from './SettingsLayout.types';\n\n/**\n * The props with every default already applied.\n *\n * A table through `withDefaults` rather than a `= default` per destructured\n * prop: each of those is a branch, and seven of them put the component over the\n * complexity bar before it renders anything. The single cast is what buys the\n * body non-optional values — without it every use site would restate the\n * default as a `??`, which is the same default written twice and free to drift.\n */\ntype ResolvedProps = SettingsLayoutProps &\n  Required<\n    Pick<\n      SettingsLayoutProps,\n      | 'searchPlaceholder'\n      | 'defaultQuery'\n      | 'emptySearchLabel'\n      | 'testIdPrefix'\n      | 'railBreakpoint'\n      | 'navVariant'\n      | 'atIndex'\n      | 'backLabel'\n      | 'navigationLabel'\n    >\n  >;\n\nconst DEFAULTS = {\n  searchPlaceholder: EN_US_UI_LABELS.settingsLayout.searchPlaceholder,\n  defaultQuery: '',\n  emptySearchLabel: EN_US_UI_LABELS.settingsLayout.emptySearch,\n  testIdPrefix: 'settings',\n  railBreakpoint: 'md',\n  navVariant: 'switcher',\n  atIndex: false,\n  backLabel: EN_US_UI_LABELS.settingsLayout.back,\n  navigationLabel: EN_US_UI_LABELS.settingsLayout.navigation,\n} satisfies Partial<SettingsLayoutProps>;\n\n/**\n * How the rail looks: its search field, and its frame from the breakpoint up.\n * Both default to the shape every consumer had before they existed.\n */\nfunction railLookOf({\n  searchable = true,\n  railVariant = 'divided',\n}: SettingsLayoutProps): Required<Pick<SettingsLayoutProps, 'searchable' | 'railVariant'>> {\n  return { searchable, railVariant };\n}\n\n/**\n * The navigation's accessible name: a plain-string `title`, else the host's\n * `navigationLabel`, else \"Settings\".\n */\nfunction navigationNameOf({ title, navigationLabel = DEFAULTS.navigationLabel }: SettingsLayoutProps): string {\n  return typeof title === 'string' ? title : navigationLabel;\n}\n\n/** Stacked below the rail's breakpoint, two columns at and above it. */\nfunction shellSx(\n  breakpoint: SettingsLayoutProps['railBreakpoint'],\n  fillHeight: boolean,\n  railVariant: SettingsLayoutProps['railVariant'],\n): SxProps<Theme> {\n  return (theme: Theme) => ({\n    display: 'flex',\n    flexDirection: 'column' as const,\n    alignItems: 'stretch',\n    gap: 1.5,\n    width: '100%',\n    minWidth: 0,\n    // Only ever at the wide shape. Narrow, the rail is a disclosure or the page\n    // itself, and two independent scrollbars on a phone is a trap rather than a\n    // convenience.\n    [atLeastRail(theme, breakpoint ?? 'md')]: {\n      flexDirection: 'row',\n      // A card stands apart from the panel by 32px, as its prototype draws it;\n      // the ruled column keeps its 24.\n      gap: railVariant === 'card' ? 4 : 3,\n      ...(fillHeight ? { height: '100%', minHeight: 0 } : {}),\n    },\n  });\n}\n\n/**\n * A reusable, agnostic Facebook-style settings shell: a searchable left rail of\n * grouped categories/subcategories and a central panel that renders the selected\n * configuration screen (`children`). Navigation is data-driven via `groups`; the\n * host owns routing (pass `linkComponent` + item `href`, or handle `onSelectItem`).\n *\n * ## Two narrow-width shapes\n *\n * `navVariant=\"switcher\"` (the default) folds the rail into a disclosure above\n * the panel. `navVariant=\"drilldown\"` gives the phone shape instead: at the\n * area's index the LIST is the page, and inside a section the panel is the page\n * with a back link and a scrollable strip of sibling sections above it.\n *\n * ## Why the width decision is CSS and not JavaScript\n *\n * Every part that changes between the two shapes does it through a `display`\n * pair keyed on `railBreakpoint`. Nothing here asks a media query in JS and\n * renders one branch.\n *\n * That is not a performance preference. A layout that RENDERS one navigation and\n * not the other can offer the narrow width less than the wide one, and no test\n * or review catches it — the missing control simply is not in the tree to be\n * asserted about. With both forms always mounted, \"the narrow width reaches\n * everything the wide one does\" holds by construction, and an audit that counts\n * controls per width gets the same answer at both.\n */\nexport const SettingsLayout: React.FC<SettingsLayoutProps> = (props) => {\n  const {\n    title,\n    groups,\n    activeItemId,\n    onSelectItem,\n    searchPlaceholder,\n    defaultQuery,\n    emptySearchLabel,\n    emptySearchAction,\n    linkComponent,\n    children,\n    testIdPrefix,\n    railBreakpoint,\n    fillHeight = false,\n    navVariant,\n    atIndex,\n    indexHref,\n    backLabel,\n    sectionChips,\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n  const [query, setQuery] = useState(defaultQuery);\n  const [navOpen, setNavOpen] = useState(false);\n  const filteredGroups = useMemo(() => filterGroups(groups, query), [groups, query]);\n  const activeLabel = useMemo(() => activeItemLabel(groups, activeItemId), [groups, activeItemId]);\n\n  const drilldown = navVariant === 'drilldown';\n\n  return (\n    <Box\n      data-testid={testIdPrefix}\n      data-nav-variant={navVariant}\n      data-at-index={atIndex ? 'true' : 'false'}\n      sx={shellSx(railBreakpoint, fillHeight, railLookOf(props).railVariant)}\n    >\n      <SettingsRail\n        title={title}\n        ariaLabel={navigationNameOf(props)}\n        activeLabel={activeLabel}\n        navOpen={navOpen}\n        onToggleNav={() => setNavOpen((open) => !open)}\n        query={query}\n        onQueryChange={setQuery}\n        searchPlaceholder={searchPlaceholder}\n        emptySearchLabel={emptySearchLabel}\n        emptySearchAction={emptySearchAction}\n        filteredGroups={filteredGroups}\n        activeItemId={activeItemId}\n        linkComponent={linkComponent}\n        onSelectItem={onSelectItem}\n        onNavigate={() => setNavOpen(false)}\n        testIdPrefix={testIdPrefix}\n        variant={navVariant}\n        {...railLookOf(props)}\n        breakpoint={railBreakpoint}\n        atIndex={atIndex}\n        fillHeight={fillHeight}\n      />\n\n      <SettingsPanel\n        inSection={drilldown && !atIndex}\n        hideOnNarrow={drilldown && atIndex}\n        breakpoint={railBreakpoint}\n        indexHref={indexHref}\n        sectionTitle={props.sectionTitle}\n        sectionDescription={props.sectionDescription}\n        backLabel={backLabel}\n        ariaLabel={navigationNameOf(props)}\n        sectionChips={sectionChips}\n        activeItemId={activeItemId}\n        linkComponent={linkComponent}\n        onSelectItem={onSelectItem}\n        testIdPrefix={testIdPrefix}\n        fillHeight={fillHeight}\n      >\n        {children}\n      </SettingsPanel>\n    </Box>\n  );\n};\n\nSettingsLayout.displayName = 'SettingsLayout';\n"],"mappings":"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","names":[]}

package/dist/{chunk-WOXWLJYR.js → chunk-XF47LPCF.js}

@@ -2,6 +2,9 @@ import {
   iconSx,
   sizeConfigs
 } from "./chunk-B5CUV4ZK.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -78,7 +81,7 @@ var AnimatedIcon = (props) => {
       className,
       style,
       role: "img",
-      "aria-label": ariaLabel || `Animated ${variant} icon`,
+      "aria-label": ariaLabel || EN_US_UI_LABELS.animatedIcon.name(variant),
       onClick,
       tabIndex,
       onFocus,
@@ -94,4 +97,4 @@ export {
   AnimatedIcon,
   AnimatedIcon_default
 };
-//# sourceMappingURL=chunk-WOXWLJYR.js.map
+//# sourceMappingURL=chunk-XF47LPCF.js.map

package/dist/chunk-XF47LPCF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/AnimatedIcon/AnimatedIcon.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\nimport { iconSx, sizeConfigs } from './AnimatedIcon.styles';\nimport type { IconStyleFlags } from './AnimatedIcon.styles';\nimport type { AnimatedIconProps } from './AnimatedIcon.types';\n\nconst AnimationContainer = styled(Box)<IconStyleFlags>(({ theme, ...flags }) => ({\n  ...iconSx(theme, flags),\n}));\n\nconst DEFAULTS = {\n  variant: 'none',\n  size: 'md',\n  duration: 2,\n  delay: 0,\n  loop: true,\n  glow: false,\n  glass: false,\n  metallic: false,\n  gradient: false,\n  shadow: 'none',\n  ripple: false,\n  neon: false,\n  holographic: false,\n} satisfies Partial<AnimatedIconProps>;\n\ntype ResolvedProps = AnimatedIconProps & Required<Pick<AnimatedIconProps, keyof typeof DEFAULTS>>;\n\nexport const AnimatedIcon: FC<AnimatedIconProps> = (props) => {\n  const {\n    children, variant, size, color, duration, delay, loop, glow, glass, glowColor,\n    metallic, gradient, shadow, ripple, neon, holographic, className, style,\n    'aria-label': ariaLabel, onClick, tabIndex, onFocus, onBlur, dataTestId,\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const config = sizeConfigs[size] ?? sizeConfigs.md;\n\n  return (\n    <AnimationContainer\n      $size={config.ring}\n      $fontSize={config.glyph}\n      $animationVariant={variant}\n      $duration={duration}\n      $delay={delay}\n      $loop={loop}\n      $glow={glow}\n      $glass={glass}\n      $glowColor={glowColor}\n      $customColor={color}\n      $metallic={metallic}\n      $gradient={gradient}\n      $shadow={shadow}\n      $ripple={ripple}\n      $neon={neon}\n      $holographic={holographic}\n      className={className}\n      style={style}\n      role=\"img\"\n      aria-label={ariaLabel || EN_US_UI_LABELS.animatedIcon.name(variant)}\n      onClick={onClick}\n      tabIndex={tabIndex}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={dataTestId}\n    >\n      {children}\n    </AnimationContainer>\n  );\n};\n\nexport default AnimatedIcon;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,cAAc;AA2CnB;AAhCJ,IAAM,qBAAqB,OAAO,GAAG,EAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO;AAAA,EAC/E,GAAG,OAAO,OAAO,KAAK;AACxB,EAAE;AAEF,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACf;AAIO,IAAM,eAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IAAU;AAAA,IAAS;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IAAO;AAAA,IAAM;AAAA,IAAM;AAAA,IAAO;AAAA,IACpE;AAAA,IAAU;AAAA,IAAU;AAAA,IAAQ;AAAA,IAAQ;AAAA,IAAM;AAAA,IAAa;AAAA,IAAW;AAAA,IAClE,cAAc;AAAA,IAAW;AAAA,IAAS;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,EAC/D,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,SAAS,YAAY,IAAI,KAAK,YAAY;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO;AAAA,MACd,WAAW,OAAO;AAAA,MAClB,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,cAAY,aAAa,gBAAgB,aAAa,KAAK,OAAO;AAAA,MAClE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-3YLRR4JM.js → chunk-Y3YZBB74.js}

@@ -1,6 +1,6 @@
 import {
   statusMessage
-} from "./chunk-NTO5DALI.js";
+} from "./chunk-DWLSYFQW.js";
 import {
   DayBoundInput
 } from "./chunk-62XVHRTX.js";
@@ -64,4 +64,4 @@ function DateRangeFields({
 export {
   DateRangeFields
 };
-//# sourceMappingURL=chunk-3YLRR4JM.js.map
+//# sourceMappingURL=chunk-Y3YZBB74.js.map

package/dist/{chunk-V37QIB7B.js → chunk-YMKSPW4T.js}

@@ -1,6 +1,6 @@
 import {
   FleetCanvas
-} from "./chunk-RQMYEPRR.js";
+} from "./chunk-SM2O6D5F.js";
 import {
   FleetRoster
 } from "./chunk-A4B27HYU.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-V37QIB7B.js.map
+//# sourceMappingURL=chunk-YMKSPW4T.js.map

package/dist/{chunk-YOKUDQIJ.js → chunk-YOQAK2RN.js}

@@ -1,9 +1,13 @@
+import {
+  EN_US_UI_LABELS
+} from "./chunk-O2RXSXSF.js";
+
 // src/components/form/Command/Command.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 var COMMAND_DEFAULTS = {
   open: false,
   items: [],
-  placeholder: "Type a command or search...",
+  placeholder: EN_US_UI_LABELS.command.placeholder,
   value: "",
   variant: "default",
   size: "md",
@@ -12,7 +16,7 @@ var COMMAND_DEFAULTS = {
   pulse: false,
   loading: false,
   disabled: false,
-  emptyMessage: "No results found",
+  emptyMessage: EN_US_UI_LABELS.command.empty,
   showCategories: true,
   showShortcuts: true,
   showDescriptions: true,
@@ -135,4 +139,4 @@ export {
   resolveCommandProps,
   useCommandPalette
 };
-//# sourceMappingURL=chunk-YOKUDQIJ.js.map
+//# sourceMappingURL=chunk-YOQAK2RN.js.map

package/dist/chunk-YOQAK2RN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Command/Command.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { CommandItem, CommandProps } from './Command.types';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\ntype CommandDefaultedKeys =\n  | 'open'\n  | 'items'\n  | 'placeholder'\n  | 'value'\n  | 'variant'\n  | 'size'\n  | 'color'\n  | 'glow'\n  | 'pulse'\n  | 'loading'\n  | 'disabled'\n  | 'emptyMessage'\n  | 'showCategories'\n  | 'showShortcuts'\n  | 'showDescriptions'\n  | 'autoFocus'\n  | 'closeOnSelect';\n\ntype ResolvedCommandProps = CommandProps &\n  Required<Pick<CommandProps, CommandDefaultedKeys>>;\n\nconst COMMAND_DEFAULTS: Pick<CommandProps, CommandDefaultedKeys> = {\n  open: false,\n  items: [],\n  placeholder: EN_US_UI_LABELS.command.placeholder,\n  value: '',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  loading: false,\n  disabled: false,\n  emptyMessage: EN_US_UI_LABELS.command.empty,\n  showCategories: true,\n  showShortcuts: true,\n  showDescriptions: true,\n  autoFocus: true,\n  closeOnSelect: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CommandProps): Partial<CommandProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CommandProps>;\n\nexport const resolveCommandProps = (props: CommandProps): ResolvedCommandProps =>\n  ({ ...COMMAND_DEFAULTS, ...definedProps(props) }) as ResolvedCommandProps;\n\n/** An item matches on its label, its description, or any of its keywords. */\nconst matches = (item: CommandItem, search: string): boolean => {\n  const searchTargets = [\n    item.label.toLowerCase(),\n    item.description?.toLowerCase(),\n    ...(item.keywords || []).map((k) => k.toLowerCase()),\n  ];\n  return searchTargets.some((target) => target?.includes(search));\n};\n\nconst useFilteredItems = (\n  items: CommandItem[],\n  search: string,\n  customFilter: CommandProps['customFilter'],\n) =>\n  useMemo(() => {\n    if (!search) return items;\n\n    if (customFilter) {\n      return items.filter((item) => customFilter(item, search));\n    }\n\n    const searchLower = search.toLowerCase();\n    return items.filter((item) => matches(item, searchLower));\n  }, [items, search, customFilter]);\n\n/**\n * Kept as it was: the ref is never attached to an element, so this focus call has\n * always been a no-op. The input does get focus — CommandInput passes `autoFocus`\n * straight to its TextField — so removing it is a behaviour question, not a\n * cleanup, and is left alone here.\n */\nconst useAutoFocus = (open: boolean, autoFocus: boolean) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (open && autoFocus) {\n      window.setTimeout(() => inputRef.current?.focus(), 100);\n    }\n  }, [open, autoFocus]);\n};\n\ninterface NavigationArgs {\n  items: CommandItem[];\n  selectedIndex: number;\n  setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;\n  onSelect: (item: CommandItem) => void;\n  onClose: () => void;\n}\n\n/** Arrows wrap around the list; Enter takes the highlighted item, Escape closes. */\nconst useKeyboardNavigation = ({\n  items,\n  selectedIndex,\n  setSelectedIndex,\n  onSelect,\n  onClose,\n}: NavigationArgs) =>\n  useCallback(\n    (e: React.KeyboardEvent) => {\n      const step = (delta: number) => {\n        e.preventDefault();\n        setSelectedIndex((prev) => (prev + delta + items.length) % items.length);\n      };\n\n      switch (e.key) {\n        case 'ArrowDown':\n          return step(1);\n        case 'ArrowUp':\n          return step(-1);\n        case 'Enter':\n          e.preventDefault();\n          if (items[selectedIndex]) {\n            onSelect(items[selectedIndex]);\n          }\n          return;\n        case 'Escape':\n          e.preventDefault();\n          onClose();\n          return;\n        default:\n          return;\n      }\n    },\n    [items, selectedIndex, setSelectedIndex, onSelect, onClose],\n  );\n\nexport const useCommandPalette = (props: ResolvedCommandProps) => {\n  const { open, items, value, autoFocus, customFilter } = props;\n  const { onValueChange, onSelect, onOpenChange, closeOnSelect } = props;\n\n  const [internalValue, setInternalValue] = useState(value);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n  useAutoFocus(open, autoFocus);\n\n  useEffect(() => {\n    setInternalValue(value);\n  }, [value]);\n\n  const handleValueChange = useCallback(\n    (newValue: string) => {\n      setInternalValue(newValue);\n      onValueChange?.(newValue);\n      setSelectedIndex(0);\n    },\n    [onValueChange],\n  );\n\n  const filteredItems = useFilteredItems(items, internalValue, customFilter);\n\n  // Arrow keys and Enter address the enabled items only, so a disabled row never\n  // becomes the highlighted one.\n  const selectableItems = useMemo(\n    () => filteredItems.filter((item) => !item.disabled),\n    [filteredItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: CommandItem) => {\n      if (item.disabled) return;\n\n      item.action?.();\n      onSelect?.(item);\n\n      if (closeOnSelect) {\n        onOpenChange?.(false);\n        setInternalValue('');\n      }\n    },\n    [onSelect, onOpenChange, closeOnSelect],\n  );\n\n  const handleKeyDown = useKeyboardNavigation({\n    items: selectableItems,\n    selectedIndex,\n    setSelectedIndex,\n    onSelect: handleSelect,\n    onClose: () => onOpenChange?.(false),\n  });\n\n  return {\n    internalValue,\n    filteredItems,\n    highlightedId: selectableItems[selectedIndex]?.id,\n    handleValueChange,\n    handleSelect,\n    handleKeyDown,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-KYT5G4K7.js → chunk-Z52W7FEU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LZRVUOMU.js";
 import {
   AlertDialog
-} from "./chunk-VFVATUC6.js";
+} from "./chunk-TGZ6GPYQ.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -114,4 +114,4 @@ export {
   typedMatches,
   ConfirmActionDialog
 };
-//# sourceMappingURL=chunk-KYT5G4K7.js.map
+//# sourceMappingURL=chunk-Z52W7FEU.js.map

package/dist/{chunk-3YCV4EP7.js → chunk-ZDBG7QG2.js}

@@ -1,12 +1,12 @@
 import {
   PillControl
-} from "./chunk-73OYC22L.js";
+} from "./chunk-RMZQHJEP.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-UJT6AQHL.js";
+} from "./chunk-4NVEUJXK.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -227,4 +227,4 @@ export {
   MoreQuick,
   MoreGroup
 };
-//# sourceMappingURL=chunk-3YCV4EP7.js.map
+//# sourceMappingURL=chunk-ZDBG7QG2.js.map

package/dist/{chunk-7HZ6TJRH.js → chunk-ZT73ACK3.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-RUIV5TVA.js";
 import {
   CarouselChrome
-} from "./chunk-KE74C2SM.js";
+} from "./chunk-C2I7NQC4.js";
 import {
   containerStyles,
   frameBox
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-7HZ6TJRH.js.map
+//# sourceMappingURL=chunk-ZT73ACK3.js.map

package/dist/{chunk-TJO4CBYT.js → chunk-ZX3QMCYO.js}

@@ -24,6 +24,7 @@ import Typography from "@mui/material/Typography/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SettingsRailToggle({
   title,
+  ariaLabel,
   activeLabel,
   open,
   onToggle,
@@ -37,7 +38,7 @@ function SettingsRailToggle({
       type: "button",
       onClick: onToggle,
       "aria-expanded": open,
-      "aria-label": typeof title === "string" ? title : "Settings",
+      "aria-label": ariaLabel,
       "data-testid": `${testIdPrefix}-toggle`,
       sx: (theme) => ({
         ...displayAcrossRail(theme, breakpoint, "flex", "none"),
@@ -201,6 +202,7 @@ function railColumnSx(theme, railVariant) {
 }
 function SettingsRail({
   title,
+  ariaLabel,
   activeLabel,
   navOpen,
   onToggleNav,
@@ -215,7 +217,7 @@ function SettingsRail({
     Box,
     {
       component: "nav",
-      "aria-label": typeof title === "string" ? title : "Settings",
+      "aria-label": ariaLabel,
       "data-testid": `${testIdPrefix}-rail`,
       "data-rail-variant": railVariant,
       sx: (theme) => ({
@@ -251,6 +253,7 @@ function SettingsRail({
           SettingsRailToggle,
           {
             title,
+            ariaLabel,
             activeLabel,
             open: navOpen,
             onToggle: onToggleNav,
@@ -275,4 +278,4 @@ function SettingsRail({
 export {
   SettingsRail
 };
-//# sourceMappingURL=chunk-TJO4CBYT.js.map
+//# sourceMappingURL=chunk-ZX3QMCYO.js.map

package/dist/chunk-ZX3QMCYO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.rail.tsx"],"sourcesContent":["'use client';\n\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport { SettingsRailGroup, type RailShape } from './SettingsLayout.items';\nimport { atLeastRail, displayAcrossRail, railCardWidth, railWidth, TOUCH_TARGET } from './SettingsLayout.styles';\nimport { rem, sxRem } from '../../../tokens/relative';\nimport type {\n  SettingsEmptySearchAction,\n  SettingsLayoutProps,\n  SettingsNavGroup,\n  SettingsRailBreakpoint,\n  SettingsRailVariant,\n} from './SettingsLayout.types';\n\ninterface RailToggleProps {\n  title?: React.ReactNode;\n  /** The navigation's accessible name, resolved by the layout from `title`. */\n  ariaLabel: string;\n  activeLabel?: string;\n  open: boolean;\n  onToggle: () => void;\n  breakpoint: SettingsRailBreakpoint;\n  testIdPrefix: string;\n}\n\n/**\n * `switcher`-only collapse control: shows the current section (a compact\n * switcher) so the panel content stays at the top of the screen. Hidden once the\n * rail has its own column.\n */\nfunction SettingsRailToggle({\n  title,\n  ariaLabel,\n  activeLabel,\n  open,\n  onToggle,\n  breakpoint,\n  testIdPrefix,\n}: RailToggleProps): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={open}\n      aria-label={ariaLabel}\n      data-testid={`${testIdPrefix}-toggle`}\n      sx={(theme) => ({\n        ...displayAcrossRail(theme, breakpoint, 'flex', 'none'),\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 1,\n        width: '100%',\n        minHeight: rem(theme, TOUCH_TARGET),\n        px: 1.5,\n        py: 1,\n        mb: 1,\n        textAlign: 'left',\n        cursor: 'pointer',\n        color: 'text.primary',\n        background: 'transparent',\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: 1.5,\n      })}\n    >\n      <Box sx={{ minWidth: 0 }}>\n        {title ? (\n          <Typography variant=\"caption\" sx={{ display: 'block', color: 'text.secondary' }}>\n            {title}\n          </Typography>\n        ) : null}\n        <Typography variant=\"body2\" noWrap sx={{ fontWeight: 600 }}>\n          {activeLabel ?? ''}\n        </Typography>\n      </Box>\n      <ExpandMoreIcon\n        fontSize=\"small\"\n        sx={{\n          flex: '0 0 auto',\n          color: 'text.secondary',\n          transition: 'transform 150ms ease',\n          transform: open ? 'rotate(180deg)' : 'none',\n          '@media (prefers-reduced-motion: reduce)': { transition: 'none' },\n        }}\n      />\n    </Box>\n  );\n}\n\n/** The empty-search state, with the way out of it rendered inside. */\nfunction SettingsSearchEmpty({\n  label,\n  action,\n  onClear,\n  testIdPrefix,\n}: {\n  label: React.ReactNode;\n  action?: SettingsEmptySearchAction;\n  onClear: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box data-testid={`${testIdPrefix}-empty`} sx={{ px: 1, py: 2 }}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {label}\n      </Typography>\n      {action ? (\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          onClick={() => {\n            onClear();\n            action.onClear?.();\n          }}\n          data-testid={`${testIdPrefix}-empty-action`}\n          sx={{ mt: 1.5, minHeight: sxRem(TOUCH_TARGET) }}\n        >\n          {action.label}\n        </Button>\n      ) : null}\n    </Box>\n  );\n}\n\nexport interface RailBodyProps extends RailShape {\n  navOpen: boolean;\n  query: string;\n  onQueryChange: (value: string) => void;\n  searchPlaceholder: string;\n  emptySearchLabel: React.ReactNode;\n  emptySearchAction?: SettingsEmptySearchAction;\n  filteredGroups: SettingsNavGroup[];\n  activeItemId?: string;\n  linkComponent?: SettingsLayoutProps['linkComponent'];\n  onSelectItem?: (id: string) => void;\n  onNavigate?: () => void;\n  testIdPrefix: string;\n  /** Whether the search field is drawn (`SettingsLayoutProps.searchable`). */\n  searchable: boolean;\n}\n\n/** The rail's search field. */\nfunction RailSearch({\n  query,\n  onQueryChange,\n  searchPlaceholder,\n  testIdPrefix,\n}: Pick<RailBodyProps, 'query' | 'onQueryChange' | 'searchPlaceholder' | 'testIdPrefix'>): React.JSX.Element {\n  return (\n    <TextField\n      value={query}\n      onChange={(event) => onQueryChange(event.target.value)}\n      placeholder={searchPlaceholder}\n      size=\"small\"\n      fullWidth\n      aria-label={searchPlaceholder}\n      data-testid={`${testIdPrefix}-search`}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon fontSize=\"small\" sx={{ color: 'text.secondary' }} />\n          </InputAdornment>\n        ),\n      }}\n      sx={{ mb: 2 }}\n    />\n  );\n}\n\n/** The rail body: the search field when the area has one, then the groups. */\nfunction SettingsRailBody({\n  navOpen,\n  query,\n  onQueryChange,\n  searchPlaceholder,\n  emptySearchLabel,\n  emptySearchAction,\n  filteredGroups,\n  activeItemId,\n  linkComponent,\n  onSelectItem,\n  onNavigate,\n  testIdPrefix,\n  searchable,\n  ...shape\n}: RailBodyProps): React.JSX.Element {\n  // `drilldown` has no disclosure to be closed behind: below the breakpoint the\n  // body is the page, above it the rail. Only `switcher` hides it.\n  const hidden = navOpen ? 'block' : 'none';\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-rail-body`}\n      sx={(theme) =>\n        shape.variant === 'drilldown'\n          ? { display: 'block' }\n          : displayAcrossRail(theme, shape.breakpoint, hidden, 'block')\n      }\n    >\n      {searchable ? (\n        <RailSearch\n          query={query}\n          onQueryChange={onQueryChange}\n          searchPlaceholder={searchPlaceholder}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : null}\n      {filteredGroups.length === 0 ? (\n        <SettingsSearchEmpty\n          label={emptySearchLabel}\n          action={emptySearchAction}\n          onClear={() => onQueryChange('')}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : (\n        filteredGroups.map((group) => (\n          <SettingsRailGroup\n            key={group.id}\n            group={group}\n            activeItemId={activeItemId}\n            linkComponent={linkComponent}\n            onSelectItem={onSelectItem}\n            onNavigate={onNavigate}\n            testIdPrefix={testIdPrefix}\n            {...shape}\n          />\n        ))\n      )}\n    </Box>\n  );\n}\n\n/** Props for {@link SettingsRail}: the rail body's inputs plus the mobile chrome. */\nexport type SettingsRailProps = RailBodyProps & {\n  title?: React.ReactNode;\n  /** The navigation's accessible name, resolved by the layout from `title`. */\n  ariaLabel: string;\n  activeLabel?: string;\n  onToggleNav: () => void;\n  /** Scroll inside the rail rather than with the page. See `fillHeight`. */\n  fillHeight?: boolean;\n  /** How the rail's own column is drawn. See `SettingsLayoutProps.railVariant`. */\n  railVariant?: SettingsRailVariant;\n};\n\n/** The rail's own column, as the variant draws it: ruled off, or a card. */\nfunction railColumnSx(theme: Theme, railVariant: SettingsRailVariant): Record<string, unknown> {\n  if (railVariant === 'card') {\n    const width = railCardWidth(theme);\n    return {\n      flex: `0 0 ${width}`,\n      width,\n      alignSelf: 'flex-start',\n      border: `1px solid ${theme.palette.divider}`,\n      borderRadius: sxRem(14),\n      bgcolor: 'background.paper',\n      px: sxRem(12),\n      py: sxRem(16),\n    };\n  }\n  const width = railWidth(theme);\n  return { flex: `0 0 ${width}`, width, borderRight: `1px solid ${theme.palette.divider}`, pr: sxRem(16) };\n}\n\n/** The navigation column: title, the `switcher`'s disclosure, and the body. */\nexport function SettingsRail({\n  title,\n  ariaLabel,\n  activeLabel,\n  navOpen,\n  onToggleNav,\n  testIdPrefix,\n  fillHeight = false,\n  railVariant = 'divided',\n  ...bodyProps\n}: SettingsRailProps): React.JSX.Element {\n  const { variant, breakpoint, atIndex } = bodyProps;\n  // In `drilldown` the rail is the index's list below the breakpoint and the\n  // left column above it — so inside a section it steps aside for the chip\n  // strip. It is `display: none`, never unmounted: the two navigation forms\n  // both stay in the DOM at every width, which is what makes \"the narrow width\n  // offers what the wide one offers\" true by construction instead of by review.\n  const hiddenWhileInSection = variant === 'drilldown' && !atIndex;\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={ariaLabel}\n      data-testid={`${testIdPrefix}-rail`}\n      data-rail-variant={railVariant}\n      sx={(theme) => ({\n        display: hiddenWhileInSection ? 'none' : 'block',\n        flex: '0 0 auto',\n        width: '100%',\n        [atLeastRail(theme, breakpoint)]: {\n          display: 'block',\n          ...railColumnSx(theme, railVariant),\n          // Its own scrollbar, so a settings area with twenty categories does\n          // not make the thing you NAVIGATE with scroll away while you read the\n          // panel. `minHeight: 0` is the load-bearing half: without it a flex\n          // child refuses to shrink below its content and `overflow` never\n          // engages.\n          ...(fillHeight\n            ? { height: '100%', minHeight: 0, overflowY: 'auto' as const, overscrollBehavior: 'contain' as const }\n            : {}),\n        },\n      })}\n    >\n      {title ? (\n        <Typography\n          variant=\"h6\"\n          data-testid={`${testIdPrefix}-title`}\n          sx={(theme) => ({\n            ...(variant === 'drilldown'\n              ? { display: 'block' }\n              : displayAcrossRail(theme, breakpoint, 'none', 'block')),\n            fontWeight: 700,\n            mb: 1.5,\n          })}\n        >\n          {title}\n        </Typography>\n      ) : null}\n      {variant === 'switcher' ? (\n        <SettingsRailToggle\n          title={title}\n          ariaLabel={ariaLabel}\n          activeLabel={activeLabel}\n          open={navOpen}\n          onToggle={onToggleNav}\n          breakpoint={breakpoint}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : null}\n      <SettingsRailBody\n        navOpen={navOpen}\n        testIdPrefix={testIdPrefix}\n        card={railVariant === 'card'}\n        {...bodyProps}\n      />\n    </Box>\n  );\n}\n"],"mappings":"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","names":["width"]}

package/dist/data-display/AlertDialog.js

@@ -1,9 +1,9 @@
 import "../chunk-2IBFEHIX.js";
 import {
   AlertDialog
-} from "../chunk-VFVATUC6.js";
-import "../chunk-BGTG7G54.js";
-import "../chunk-W5PRZHLU.js";
+} from "../chunk-TGZ6GPYQ.js";
+import "../chunk-TLZR6UPJ.js";
+import "../chunk-O2RXSXSF.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/AsyncStateContainer.js

@@ -1,19 +1,21 @@
 import "../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
-} from "../chunk-UGYBN6OO.js";
-import "../chunk-PBMCRDZI.js";
+} from "../chunk-7HYLXERK.js";
+import "../chunk-4PREA2R5.js";
 import "../chunk-TLGGVE56.js";
-import "../chunk-XLCVMRSO.js";
+import "../chunk-U67CX4FL.js";
 import "../chunk-7DFEKTT7.js";
 import "../chunk-YSTHOE66.js";
+import "../chunk-LL2BWQPM.js";
 import "../chunk-62SXUU5U.js";
 import "../chunk-QD4TM6UK.js";
 import "../chunk-EMPVMZAB.js";
 import "../chunk-7WDPC46N.js";
-import "../chunk-4MKVGSHX.js";
+import "../chunk-F5SUBK42.js";
 import "../chunk-MWFSIB6K.js";
 import "../chunk-KLPTOVIX.js";
+import "../chunk-O2RXSXSF.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-FZXKH2ZT.js";

package/dist/data-display/Avatar.js

@@ -2,11 +2,12 @@ import "../chunk-UDQSIRAP.js";
 import {
   Avatar,
   AvatarGroup
-} from "../chunk-J2RUDZVJ.js";
+} from "../chunk-DE2GWZ6X.js";
 import "../chunk-3ZVUNSFF.js";
 import "../chunk-EOQ6EKTS.js";
 import "../chunk-6ZZGK5DT.js";
 import "../chunk-MTEQEPNY.js";
+import "../chunk-O2RXSXSF.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/CardKit.js

@@ -3,10 +3,10 @@ import {
 } from "../chunk-RIDCGFGM.js";
 import {
   useRowConfirm
-} from "../chunk-H6R2L7VI.js";
+} from "../chunk-PAKLYZ6G.js";
 import {
   useRemoveConfirm
-} from "../chunk-RZ3QMKM7.js";
+} from "../chunk-W3EVATBS.js";
 import {
   CardActionsProvider,
   useCardActions
@@ -24,11 +24,11 @@ import {
 import "../chunk-WVML3ENZ.js";
 import "../chunk-AY5GKCH7.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-SRNBD6EV.js";
-import "../chunk-5GLOEGOM.js";
-import "../chunk-NA3M7KDE.js";
+import "../chunk-PGBIUO2A.js";
+import "../chunk-ABJOW7EK.js";
+import "../chunk-NGXDOWUP.js";
 import "../chunk-EMYESBIT.js";
-import "../chunk-KYT5G4K7.js";
+import "../chunk-Z52W7FEU.js";
 import "../chunk-LZRVUOMU.js";
 import "../chunk-EEB66IVH.js";
 import "../chunk-NUGT7LMR.js";
@@ -38,9 +38,8 @@ import "../chunk-L5RS6QAT.js";
 import "../chunk-L7VH6IMR.js";
 import "../chunk-QXUXO22M.js";
 import "../chunk-2IBFEHIX.js";
-import "../chunk-VFVATUC6.js";
-import "../chunk-BGTG7G54.js";
-import "../chunk-W5PRZHLU.js";
+import "../chunk-TGZ6GPYQ.js";
+import "../chunk-TLZR6UPJ.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-6DPAWXZ3.js";
 import "../chunk-BA4RHQ3B.js";
@@ -48,6 +47,7 @@ import "../chunk-5USHYSCO.js";
 import "../chunk-KXTNTDRD.js";
 import "../chunk-G2FUZALJ.js";
 import "../chunk-TAMIZE4Q.js";
+import "../chunk-O2RXSXSF.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-QQHZBJMU.js";

package/dist/data-display/Carousel.js

@@ -1,17 +1,17 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-7HZ6TJRH.js";
+} from "../chunk-ZT73ACK3.js";
 import "../chunk-6FDLBWTE.js";
 import "../chunk-RUIV5TVA.js";
-import "../chunk-KE74C2SM.js";
+import "../chunk-C2I7NQC4.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../chunk-QDRHIK2R.js";
+} from "../chunk-QK3XXPBA.js";
 import "../chunk-Z64TMGYT.js";
-import "../chunk-RRSLH2FV.js";
+import "../chunk-GLAAX5JJ.js";
 import "../chunk-AA2X5GOT.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-HPK33ACY.js";