@12-apps/ui 6.93.2 → 6.95.0

package/dist/{chunk-JZRSHDNY.js → chunk-77FQFWA3.js}

@@ -10,7 +10,7 @@ var BASE_Z_INDEX = MODAL_STACK_BASE_Z_INDEX;
 var Z_INDEX_STEP = MODAL_STACK_Z_INDEX_STEP;
 var noop = () => {
 };
-var ModalStackContext = createContext({
+var NO_STACK = {
   stack: [],
   pushModal: noop,
   popModal: noop,
@@ -18,7 +18,9 @@ var ModalStackContext = createContext({
   currentDepth: 0,
   isModalInStack: () => false,
   getModalRole: () => null
-});
+};
+var ModalStackContext = createContext(NO_STACK);
+var useInModalStack = () => useContext(ModalStackContext) !== NO_STACK;
 var useModalStack = () => {
   const context = useContext(ModalStackContext);
   if (!context) {
@@ -95,7 +97,8 @@ var ModalStackProvider = ({ children }) => {
 };
 
 export {
+  useInModalStack,
   useModalStack,
   ModalStackProvider
 };
-//# sourceMappingURL=chunk-JZRSHDNY.js.map
+//# sourceMappingURL=chunk-77FQFWA3.js.map

package/dist/chunk-77FQFWA3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/modal-stack.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { MODAL_STACK_BASE_Z_INDEX, MODAL_STACK_Z_INDEX_STEP } from '../../../tokens/layers';\nimport type { ModalInfo, ModalPanelRole, ModalStackContextValue } from './StackedModal.types';\n\n/**\n * MUI Dialog default z-index; each panel in the stack sits 10 above the last.\n *\n * Imported rather than declared here: anything that portals out of a panel has\n * to clear this ladder, so the numbers are shared with the token that tells it\n * how — see `tokens/layers`.\n */\nconst BASE_Z_INDEX = MODAL_STACK_BASE_Z_INDEX;\nconst Z_INDEX_STEP = MODAL_STACK_Z_INDEX_STEP;\n\nconst noop = (): void => {\n  /** do nothing */\n};\n\n/** What a `StackedModal` reads with no provider above it: an empty stack nothing can push onto. */\nconst NO_STACK: ModalStackContextValue = {\n  stack: [],\n  pushModal: noop,\n  popModal: noop,\n  clearStack: noop,\n  currentDepth: 0,\n  isModalInStack: () => false,\n  getModalRole: () => null,\n};\n\nconst ModalStackContext = createContext<ModalStackContextValue>(NO_STACK);\n\n/**\n * Whether a `ModalStackProvider` is above this point. A component that opens a\n * `StackedModal` on its own (`UsableModal`) brings a provider only when the\n * host has none, so its panel still joins a stack the host already keeps.\n */\nexport const useInModalStack = (): boolean => useContext(ModalStackContext) !== NO_STACK;\n\nexport const useModalStack = (): ModalStackContextValue => {\n  const context = useContext(ModalStackContext);\n  if (!context) {\n    throw new Error('useModalStack must be used within a ModalStackProvider');\n  }\n  return context;\n};\n\n/** Top of the stack drives the view; the one behind it recedes; the rest are hidden. */\nconst roleAt = (index: number, depth: number): ModalPanelRole => {\n  if (index === depth - 1) return 'primary';\n  if (index === depth - 2) return 'secondary';\n  return 'background';\n};\n\n/** Re-derive every role from stack position — the one place roles are assigned. */\nconst withRoles = (stack: ModalInfo[]): ModalInfo[] =>\n  stack.map((modal, index) => ({ ...modal, role: roleAt(index, stack.length) }));\n\n/**\n * Locks body scroll while any modal is open, restoring whatever the page had\n * before. Owned by the provider rather than each modal, so nested panels can't\n * fight over the same style.\n */\nconst useBodyScrollLock = (locked: boolean): void => {\n  const originalOverflow = useRef<string>('');\n\n  useEffect(() => {\n    const restore = (): void => {\n      if (!originalOverflow.current) return;\n      document.body.style.overflow = originalOverflow.current;\n      originalOverflow.current = '';\n    };\n\n    if (locked) {\n      if (!originalOverflow.current) {\n        originalOverflow.current = document.body.style.overflow || '';\n      }\n      document.body.style.overflow = 'hidden';\n    } else {\n      restore();\n    }\n\n    return restore;\n  }, [locked]);\n};\n\nexport const ModalStackProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const [stack, setStack] = useState<ModalInfo[]>([]);\n\n  useBodyScrollLock(stack.length > 0);\n\n  const pushModal = useCallback((modalId: string) => {\n    setStack((prev) => {\n      if (prev.some((m) => m.id === modalId)) return prev;\n      const entry: ModalInfo = {\n        id: modalId,\n        zIndex: BASE_Z_INDEX + prev.length * Z_INDEX_STEP,\n        role: 'primary',\n      };\n      return withRoles([...prev, entry]);\n    });\n  }, []);\n\n  const popModal = useCallback((modalId?: string) => {\n    setStack((prev) =>\n      withRoles(modalId ? prev.filter((m) => m.id !== modalId) : prev.slice(0, -1)),\n    );\n  }, []);\n\n  const clearStack = useCallback(() => setStack([]), []);\n\n  const isModalInStack = useCallback(\n    (modalId: string) => stack.some((m) => m.id === modalId),\n    [stack],\n  );\n\n  const getModalRole = useCallback(\n    (modalId: string) => stack.find((m) => m.id === modalId)?.role ?? null,\n    [stack],\n  );\n\n  const value = useMemo(\n    () => ({\n      stack,\n      pushModal,\n      popModal,\n      clearStack,\n      currentDepth: stack.length,\n      isModalInStack,\n      getModalRole,\n    }),\n    [stack, pushModal, popModal, clearStack, isModalInStack, getModalRole],\n  );\n\n  return <ModalStackContext.Provider value={value}>{children}</ModalStackContext.Provider>;\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-LY5I3ZSV.js → chunk-A2YLFKQU.js}

@@ -1,9 +1,9 @@
-import {
-  SettingsSectionChips
-} from "./chunk-GBVNY2LG.js";
 import {
   SettingsSectionHeader
 } from "./chunk-WOXNVM52.js";
+import {
+  SettingsSectionChips
+} from "./chunk-GBVNY2LG.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -167,4 +167,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-LY5I3ZSV.js.map
+//# sourceMappingURL=chunk-A2YLFKQU.js.map

package/dist/{chunk-6DGNMASB.js → chunk-ALREWFRX.js}

@@ -1,12 +1,12 @@
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
 } from "./chunk-X3EB67O2.js";
 import {
   barStyles
 } from "./chunk-UCRGKQUW.js";
+import {
+  useMenubarMenus
+} from "./chunk-42VH7N5L.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-6DGNMASB.js.map
+//# sourceMappingURL=chunk-ALREWFRX.js.map

package/dist/{chunk-FXECKKPW.js → chunk-ASBFGGJB.js}

@@ -71,6 +71,9 @@ function inputAriaOf(a) {
     ...a.busy === void 0 ? {} : { "aria-busy": a.busy }
   };
 }
+function keyboardOf(inputMode) {
+  return inputMode === void 0 ? {} : { inputMode };
+}
 function inputRenderer(StyledTextField) {
   return ({
     variant = "outlined",
@@ -91,6 +94,7 @@ function inputRenderer(StyledTextField) {
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy,
     "aria-busy": ariaBusy,
+    inputMode,
     inputProps,
     ...rest
   }, ref) => {
@@ -117,6 +121,7 @@ function inputRenderer(StyledTextField) {
         onBlur,
         inputProps: {
           "data-testid": dataTestId,
+          ...keyboardOf(inputMode),
           ...inputProps,
           ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy })
         },
@@ -140,4 +145,4 @@ function createInput(TextField) {
 export {
   createInput
 };
-//# sourceMappingURL=chunk-FXECKKPW.js.map
+//# sourceMappingURL=chunk-ASBFGGJB.js.map

package/dist/chunk-ASBFGGJB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.factory.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport type { TextFieldSlimComponent } from './text-field-slim.factory';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  inputRadiusStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * The field `Input` renders, styled, over whichever text field it is given.\n *\n * Always a `TextFieldSlim`, never MUI's `TextField` — see `text-field-slim.tsx`.\n * MUI's own `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nfunction styledField(TextField: TextFieldSlimComponent) {\n  return styled(TextField, {\n    shouldForwardProp: (prop) =>\n      !['customVariant', 'fieldSize', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n  })<{\n    customVariant?: InputProps['variant'];\n    fieldSize: SizeValue;\n    floating?: boolean;\n    glow?: boolean;\n    pulse?: boolean;\n    loading?: boolean;\n  }>(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({\n    position: 'relative',\n    // The theme's field height for this size (outlined family, one line).\n    ...fieldControlStyles(theme, fieldSize),\n    opacity: loading ? INPUT_LOADING.opacity : 1,\n\n    ...(glow ? glowStyles(theme) : {}),\n    ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n    ...(floating ? floatingLabelStyles(theme) : {}),\n\n    '& .MuiInputBase-root': {\n      transition: 'all 0.3s ease',\n      ...inputRadiusStyles(theme, customVariant),\n      ...inputBaseStyles(theme, customVariant),\n    },\n\n    '& .MuiOutlinedInput-root': outlinedStyles(theme),\n    '& .MuiFilledInput-root': filledStyles(theme),\n  }));\n}\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  const theme = useTheme();\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={rem(theme, INPUT_LOADING.spinnerSize)} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\n/**\n * The ARIA that describes the field has to sit on the `<input>`: the text\n * field puts every attribute it does not recognise on its root `FormControl`,\n * a `<div>` with no role, where a screen reader never reads it.\n *\n * `aria-label` has ridden `inputProps` since FUT-755. `aria-describedby` and\n * `aria-busy` fell through to the div until FUT-2619, so CepField's input\n * pointed at nothing while its lookup status lived in a live region beside it.\n *\n * `inputProps` are spread onto the `<input>` AFTER the `aria-describedby` MUI\n * writes for helper text, so a caller's ids REPLACE the helper text's: MUI's\n * `TextField` on its own keeps only one of the two. This joins both, helper\n * text first. The helper id is MUI's `<id>-helper-text` (the parity test pins\n * that spelling), which is why the field's id is fixed here rather than left\n * to the text field.\n */\nfunction inputAriaOf(a: {\n  id: string;\n  helperText: React.ReactNode;\n  label?: string;\n  describedBy?: string;\n  busy?: InputProps['aria-busy'];\n}): Record<string, unknown> {\n  const describedBy = [a.helperText ? `${a.id}-helper-text` : undefined, a.describedBy]\n    .filter(Boolean)\n    .join(' ');\n  return {\n    ...(a.label === undefined ? {} : { 'aria-label': a.label }),\n    ...(a.describedBy === undefined ? {} : { 'aria-describedby': describedBy }),\n    ...(a.busy === undefined ? {} : { 'aria-busy': a.busy }),\n  };\n}\n\n/**\n * A top-level `inputMode`, for the `<input>` (FUT-1440). Left with the rest it\n * landed on the text field's root `<div>`, where it raised no keypad at all.\n */\nfunction keyboardOf(inputMode: InputProps['inputMode']): Pick<InputProps, 'inputMode'> {\n  return inputMode === undefined ? {} : { inputMode };\n}\n\n/** The render function `createInput` hands `forwardRef`, over a given styled field. */\nfunction inputRenderer(\n  StyledTextField: ReturnType<typeof styledField>,\n): React.ForwardRefRenderFunction<HTMLInputElement, InputProps> {\n  return (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      'aria-busy': ariaBusy,\n      inputMode,\n      inputProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    const generatedId = React.useId();\n    const id = props.id ?? generatedId;\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        fieldSize={size}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.\n         * So is a top-level `inputMode` (FUT-1440, `keyboardOf`); a caller's\n         * `inputProps.inputMode` still wins.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...keyboardOf(inputMode),\n          ...inputProps,\n          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n        id={id}\n      />\n    );\n  };\n}\n\n/** The `Input` component every entry exports. */\nexport type InputComponent<P extends InputProps = InputProps> = React.ForwardRefExoticComponent<\n  P & React.RefAttributes<HTMLInputElement>\n>;\n\n/**\n * `Input` over a given text field (FUT-1054). The generic entry passes the\n * field that renders any MUI variant; `./outlined` passes one that only ever\n * imports `OutlinedInput`. Everything else — styles, adornments, the ARIA\n * routing — is this one body, so the two cannot drift.\n */\nexport function createInput(TextField: TextFieldSlimComponent): InputComponent {\n  const Input = React.forwardRef<HTMLInputElement, InputProps>(inputRenderer(styledField(TextField)));\n  Input.displayName = 'Input';\n  return Input;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-F2UP5ZF4.js → chunk-BMC5KGH2.js}

@@ -5,10 +5,10 @@ import {
 } from "./chunk-T7OIVPCO.js";
 import {
   MoreFilters
-} from "./chunk-4E2RQOSQ.js";
+} from "./chunk-24G3BWKD.js";
 import {
   PillControl
-} from "./chunk-AJ6KFHEE.js";
+} from "./chunk-PJDAZG65.js";
 import {
   QuickChip
 } from "./chunk-AT6UKTH4.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-KYUEO2IO.js";
 import {
   RangePill
-} from "./chunk-FPNVOB52.js";
+} from "./chunk-RNIJL54W.js";
 import {
   CollapsedSearch,
   InlineKeyword
@@ -251,4 +251,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-F2UP5ZF4.js.map
+//# sourceMappingURL=chunk-BMC5KGH2.js.map

package/dist/{chunk-BR3WBTTQ.js → chunk-BRFL7OWI.js}

@@ -1,18 +1,18 @@
+import {
+  ToggleField
+} from "./chunk-RLTYBV4N.js";
 import {
   TextField
-} from "./chunk-3IX2TP4I.js";
+} from "./chunk-GB7NTXL2.js";
 import {
   SelectField
 } from "./chunk-6YSGP2WS.js";
 import {
   CepField
-} from "./chunk-YGWLMTPB.js";
+} from "./chunk-KXVWH3JM.js";
 import {
   CategoryField
-} from "./chunk-NQ6P7O7C.js";
-import {
-  ToggleField
-} from "./chunk-RLTYBV4N.js";
+} from "./chunk-6AKDAQSS.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-BR3WBTTQ.js.map
+//# sourceMappingURL=chunk-BRFL7OWI.js.map

package/dist/chunk-BTMBQIED.js

@@ -0,0 +1,7 @@
+// src/components/feedback/UsableModal/has-footer.ts
+var hasFooter = (footer) => footer !== void 0 && footer !== null && footer !== false;
+
+export {
+  hasFooter
+};
+//# sourceMappingURL=chunk-BTMBQIED.js.map

package/dist/chunk-BTMBQIED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/UsableModal/has-footer.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/** A footer worth a bar: `null`, `false` and `undefined` draw none, on either surface. */\nexport const hasFooter = (footer: ReactNode): boolean => footer !== undefined && footer !== null && footer !== false;\n"],"mappings":";AAGO,IAAM,YAAY,CAAC,WAA+B,WAAW,UAAa,WAAW,QAAQ,WAAW;","names":[]}

package/dist/{chunk-UIIHUWOV.js → chunk-C7IFBYIJ.js}

@@ -1,16 +1,16 @@
 import {
   GridMain
-} from "./chunk-ZM6FJCWS.js";
+} from "./chunk-XNAI7QGU.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-BZYLTGOE.js";
+} from "./chunk-OKDKKBLI.js";
 import {
   ShellEmpty
 } from "./chunk-MKVDHR3B.js";
 import {
   InlineFilterControls
-} from "./chunk-F2UP5ZF4.js";
+} from "./chunk-BMC5KGH2.js";
 import {
   GridHeaderRow
 } from "./chunk-X3AFXHY5.js";
@@ -24,9 +24,6 @@ import {
   toOverflowFields,
   toggleQuick
 } from "./chunk-KYUEO2IO.js";
-import {
-  ShellToolbar
-} from "./chunk-SI5SKX52.js";
 import {
   allOnPageSelected,
   resolveSelectionExtra
@@ -34,6 +31,9 @@ import {
 import {
   ScopeTabsSlot
 } from "./chunk-K3PMMW23.js";
+import {
+  ShellToolbar
+} from "./chunk-WW3F7DCX.js";
 import {
   SHELL_PROPS,
   useStickyBarTop
@@ -252,4 +252,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-UIIHUWOV.js.map
+//# sourceMappingURL=chunk-C7IFBYIJ.js.map

package/dist/{chunk-FKS2PNJF.js → chunk-CSD6SWBZ.js}

@@ -5,6 +5,11 @@ import {
   StandaloneContainer,
   useRowLayout
 } from "./chunk-E6K2UZGR.js";
+import {
+  DiscloseSlot,
+  DragSlot,
+  SelectSlot
+} from "./chunk-QO7UJXXO.js";
 import {
   actionProps,
   metaShape,
@@ -17,11 +22,6 @@ import {
   ListCardMeta,
   ListCardTail
 } from "./chunk-CSJ7WNXU.js";
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-QO7UJXXO.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-FKS2PNJF.js.map
+//# sourceMappingURL=chunk-CSD6SWBZ.js.map

package/dist/{chunk-6LGKJVOA.js → chunk-E2UOEI7N.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-4J62V5OE.js";
+} from "./chunk-JIEVKHOH.js";
 import {
   Card
 } from "./chunk-4XBAEKQQ.js";
@@ -80,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-6LGKJVOA.js.map
+//# sourceMappingURL=chunk-E2UOEI7N.js.map

package/dist/{chunk-K2VDRODL.js → chunk-E4NFH77Z.js}

@@ -1,3 +1,6 @@
+import {
+  useAsyncSwitch
+} from "./chunk-SALQ65SM.js";
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
@@ -5,9 +8,6 @@ import {
 import {
   useSettingGroup
 } from "./chunk-XJQNSMGA.js";
-import {
-  useAsyncSwitch
-} from "./chunk-SALQ65SM.js";
 import {
   flatStyles,
   surfaceStyles,
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-K2VDRODL.js.map
+//# sourceMappingURL=chunk-E4NFH77Z.js.map

package/dist/{chunk-VM4UYCD4.js → chunk-FTYOCFTV.js}

@@ -1,9 +1,9 @@
 import {
   NavigationMegaSection
-} from "./chunk-4QTPERAY.js";
+} from "./chunk-6RW4WNGS.js";
 import {
   NavigationStandardBody
-} from "./chunk-PNZH6CDD.js";
+} from "./chunk-NI3MC742.js";
 import {
   LogoBar,
   NavigationShell
@@ -177,4 +177,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-VM4UYCD4.js.map
+//# sourceMappingURL=chunk-FTYOCFTV.js.map

package/dist/{chunk-JVQ56E3U.js → chunk-FWTVIRZZ.js}

@@ -3,25 +3,25 @@ import {
 } from "./chunk-UOS7DEQZ.js";
 import {
   LightboxThumbnails
-} from "./chunk-BP3ZKIPE.js";
+} from "./chunk-64UNVW6D.js";
 import {
   LightboxStage
 } from "./chunk-SYGM4SHY.js";
 import {
   LightboxOverlay
-} from "./chunk-T2G4LDU5.js";
+} from "./chunk-WLLUARTC.js";
 import {
   LightboxCurrentMedia
 } from "./chunk-RBGUS7WO.js";
-import {
-  LightboxCopyProvider
-} from "./chunk-TEQYTEM2.js";
 import {
   useLightbox
 } from "./chunk-HZBDTPPV.js";
 import {
   makeTestId
 } from "./chunk-VQU3CBAL.js";
+import {
+  LightboxCopyProvider
+} from "./chunk-TEQYTEM2.js";
 import {
   scrim
 } from "./chunk-XJAD6E3V.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-JVQ56E3U.js.map
+//# sourceMappingURL=chunk-FWTVIRZZ.js.map

package/dist/{chunk-3IX2TP4I.js → chunk-GB7NTXL2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-RHVJ3L4U.js";
+} from "./chunk-ZJY7OK6H.js";
 import {
   FormControl,
   FormLabel,
@@ -65,4 +65,4 @@ function TextField({
 export {
   TextField
 };
-//# sourceMappingURL=chunk-3IX2TP4I.js.map
+//# sourceMappingURL=chunk-GB7NTXL2.js.map

package/dist/chunk-IQDPMLDM.js

@@ -0,0 +1,39 @@
+// src/components/feedback/UsableModal/recover-chunk.ts
+var RELOADED_KEY = "12-apps-ui:usable-modal-chunk-reload";
+var RELOAD_SPENT_MS = 5 * 60 * 1e3;
+var Nothing = () => null;
+function readReloaded() {
+  try {
+    const at = Number(window.sessionStorage.getItem(RELOADED_KEY));
+    return at > 0 && Date.now() - at < RELOAD_SPENT_MS;
+  } catch {
+    return true;
+  }
+}
+function writeReloaded(value) {
+  try {
+    if (value) window.sessionStorage.setItem(RELOADED_KEY, String(Date.now()));
+    else window.sessionStorage.removeItem(RELOADED_KEY);
+  } catch {
+  }
+}
+function recoverChunk(load) {
+  return async () => {
+    try {
+      const loaded = await load().catch(() => load());
+      writeReloaded(false);
+      return loaded;
+    } catch {
+      if (typeof window === "undefined" || readReloaded()) return { default: Nothing };
+      writeReloaded(true);
+      window.location.reload();
+      return new Promise(() => void 0);
+    }
+  };
+}
+
+export {
+  RELOAD_SPENT_MS,
+  recoverChunk
+};
+//# sourceMappingURL=chunk-IQDPMLDM.js.map

package/dist/chunk-IQDPMLDM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/UsableModal/recover-chunk.ts"],"sourcesContent":["import type { ComponentType } from 'react';\n\n/** Remembers, for this tab, WHEN a reload was last spent on a missing chunk. */\nconst RELOADED_KEY = '12-apps-ui:usable-modal-chunk-reload';\n\n/**\n * How long a reload counts as spent. Inside it, a chunk still missing after the\n * reload is not a deploy but a broken build: render nothing rather than loop.\n * Past it, a missing chunk is the NEXT deploy — a tab open for days meets one a\n * day — and earns its own reload; a flag kept for the tab's life would leave\n * the modal silently dead after the second deploy.\n */\nexport const RELOAD_SPENT_MS = 5 * 60 * 1000;\n\ntype Module<P> = { default: ComponentType<P> };\n\n/** Renders nothing: what a surface becomes when its chunk cannot be had at all. */\nconst Nothing = (): null => null;\n\nfunction readReloaded(): boolean {\n  try {\n    const at = Number(window.sessionStorage.getItem(RELOADED_KEY));\n    return at > 0 && Date.now() - at < RELOAD_SPENT_MS;\n  } catch {\n    return true;\n  }\n}\n\nfunction writeReloaded(value: boolean): void {\n  try {\n    if (value) window.sessionStorage.setItem(RELOADED_KEY, String(Date.now()));\n    else window.sessionStorage.removeItem(RELOADED_KEY);\n  } catch {\n    // Storage refused (private mode, quota): the reload guard is lost, not the modal.\n  }\n}\n\n/**\n * A lazy loader that survives a deploy. Every deploy replaces a host's hashed\n * chunks, so a tab opened before it asks for a file that is gone. The import is\n * tried twice; then the page reloads ONCE onto the current build (the same\n * answer as a host's own route loader); if that already happened in this tab\n * in the last `RELOAD_SPENT_MS`,\n * the modal renders nothing rather than handing the failure to the host's\n * error boundary and losing the whole page for opening a modal.\n */\nexport function recoverChunk<P>(load: () => Promise<Module<P>>): () => Promise<Module<P>> {\n  return async () => {\n    try {\n      const loaded = await load().catch(() => load());\n      writeReloaded(false);\n      return loaded;\n    } catch {\n      if (typeof window === 'undefined' || readReloaded()) return { default: Nothing };\n      writeReloaded(true);\n      window.location.reload();\n      // The page is going away; nothing should render in the meantime.\n      return new Promise<Module<P>>(() => undefined);\n    }\n  };\n}\n"],"mappings":";AAGA,IAAM,eAAe;AASd,IAAM,kBAAkB,IAAI,KAAK;AAKxC,IAAM,UAAU,MAAY;AAE5B,SAAS,eAAwB;AAC/B,MAAI;AACF,UAAM,KAAK,OAAO,OAAO,eAAe,QAAQ,YAAY,CAAC;AAC7D,WAAO,KAAK,KAAK,KAAK,IAAI,IAAI,KAAK;AAAA,EACrC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,cAAc,OAAsB;AAC3C,MAAI;AACF,QAAI,MAAO,QAAO,eAAe,QAAQ,cAAc,OAAO,KAAK,IAAI,CAAC,CAAC;AAAA,QACpE,QAAO,eAAe,WAAW,YAAY;AAAA,EACpD,QAAQ;AAAA,EAER;AACF;AAWO,SAAS,aAAgB,MAA0D;AACxF,SAAO,YAAY;AACjB,QAAI;AACF,YAAM,SAAS,MAAM,KAAK,EAAE,MAAM,MAAM,KAAK,CAAC;AAC9C,oBAAc,KAAK;AACnB,aAAO;AAAA,IACT,QAAQ;AACN,UAAI,OAAO,WAAW,eAAe,aAAa,EAAG,QAAO,EAAE,SAAS,QAAQ;AAC/E,oBAAc,IAAI;AAClB,aAAO,SAAS,OAAO;AAEvB,aAAO,IAAI,QAAmB,MAAM,MAAS;AAAA,IAC/C;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-TSMF7K37.js → chunk-J4UA744J.js}

@@ -1,6 +1,6 @@
 import {
   useModalStack
-} from "./chunk-JZRSHDNY.js";
+} from "./chunk-77FQFWA3.js";
 
 // src/components/feedback/StackedModal/StackedModal.hooks.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -68,6 +68,13 @@ var useStackRegistration = (open, modalId) => {
     const timer = window.setTimeout(() => popModal(modalId), ROLE_TRANSITION_MS);
     return () => window.clearTimeout(timer);
   }, [open, modalId, popModal, isModalInStack]);
+  useEffect(
+    () => () => {
+      popModal(modalId);
+      hasRegisteredRef.current = false;
+    },
+    [modalId, popModal]
+  );
 };
 var usePanelChrome = (options) => {
   const { open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose } = options;
@@ -144,4 +151,4 @@ var useModalRole = (open, modalId) => {
 export {
   usePanelChrome
 };
-//# sourceMappingURL=chunk-TSMF7K37.js.map
+//# sourceMappingURL=chunk-J4UA744J.js.map

package/dist/chunk-J4UA744J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.hooks.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport type { RefObject } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport { useModalStack } from './modal-stack';\nimport type { ModalPanelRole } from './StackedModal.types';\n\nconst FOCUSABLE = 'a[href], button, textarea, input, select, [tabindex]:not([tabindex=\"-1\"])';\n/** MUI Dialog's own default, used when the modal isn't registered in the stack yet. */\nconst FALLBACK_Z_INDEX = 1300;\n/** Matches the panel's slide duration, so role swaps animate rather than jump. */\nconst ROLE_TRANSITION_MS = 300;\n\n/** Keeps Tab cycling inside the open panel instead of escaping to the page behind. */\nconst useFocusTrap = (\n  ref: RefObject<HTMLElement | null>,\n  isActive: boolean,\n  disabled?: boolean,\n): void => {\n  useEffect(() => {\n    if (!isActive || disabled || !ref.current) return;\n\n    const element = ref.current;\n    const focusable = element.querySelectorAll(FOCUSABLE);\n    const first = focusable[0] as HTMLElement | undefined;\n    const last = focusable[focusable.length - 1] as HTMLElement | undefined;\n\n    window.setTimeout(() => first?.focus(), 100);\n\n    const handleTabKey = (e: globalThis.KeyboardEvent): void => {\n      if (e.key !== 'Tab') return;\n      const atEdge = e.shiftKey ? first : last;\n      if (document.activeElement !== atEdge) return;\n      e.preventDefault();\n      (e.shiftKey ? last : first)?.focus();\n    };\n\n    element.addEventListener('keydown', handleTabKey);\n    return () => element.removeEventListener('keydown', handleTabKey);\n  }, [ref, isActive, disabled]);\n};\n\n/** Closes the panel on Escape — only while it is the top one. */\nconst useEscapeToClose = (active: boolean, onClose: () => void): void => {\n  useEffect(() => {\n    if (!active) return;\n\n    const handleEsc = (e: globalThis.KeyboardEvent): void => {\n      if (e.key !== 'Escape') return;\n      e.preventDefault();\n      onClose();\n    };\n\n    window.addEventListener('keydown', handleEsc);\n    return () => window.removeEventListener('keydown', handleEsc);\n  }, [active, onClose]);\n};\n\n/** Holds the skeleton a beat past `loading` so the swap to content isn't a flash. */\nconst useSkeleton = (loading: boolean): boolean => {\n  const [showSkeleton, setShowSkeleton] = useState(loading);\n\n  useEffect(() => {\n    if (loading) {\n      setShowSkeleton(true);\n      return;\n    }\n    const timer = window.setTimeout(() => setShowSkeleton(false), 200);\n    return () => window.clearTimeout(timer);\n  }, [loading]);\n\n  return showSkeleton;\n};\n\n/** Registers the modal in the stack while open, and unregisters it after it slides out. */\nconst useStackRegistration = (open: boolean, modalId: string): void => {\n  const { pushModal, popModal, isModalInStack } = useModalStack();\n  const hasRegisteredRef = useRef(false);\n\n  useEffect(() => {\n    if (open && !hasRegisteredRef.current) {\n      pushModal(modalId);\n      hasRegisteredRef.current = true;\n    } else if (!open) {\n      hasRegisteredRef.current = false;\n    }\n  }, [open, modalId, pushModal]);\n\n  useEffect(() => {\n    if (open || !isModalInStack(modalId)) return;\n    const timer = window.setTimeout(() => popModal(modalId), ROLE_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [open, modalId, popModal, isModalInStack]);\n\n  // A panel unmounted while open, or before its slide-out timer fired, still\n  // leaves the stack: otherwise its entry stays `primary` and the panel below\n  // is stuck as `secondary` (no Esc, no backdrop, a back arrow to nowhere).\n  // `popModal(id)` filters by id, so popping one already gone is a no-op, and\n  // it is a stable callback, so this runs on unmount (or an id change) only.\n  // The registration flag goes with the entry: StrictMode runs this cleanup and\n  // then the effects again on the SAME instance, and a flag left `true` would\n  // skip the re-push and leave an open panel out of its stack.\n  useEffect(\n    () => () => {\n      popModal(modalId);\n      hasRegisteredRef.current = false;\n    },\n    [modalId, popModal],\n  );\n};\n\ninterface PanelChromeOptions {\n  open?: boolean;\n  modalId: string;\n  loading?: boolean;\n  closeOnEsc?: boolean;\n  closeOnClickOutside?: boolean;\n  disableFocusTrap?: boolean;\n  onClose: () => void;\n}\n\ninterface PanelChrome {\n  dialogRef: RefObject<HTMLDivElement | null>;\n  modalRole: ModalPanelRole;\n  isAnimating: boolean;\n  showSkeleton: boolean;\n  zIndex: number;\n  isMobile: boolean;\n  canGoBack: boolean;\n  /**\n   * This panel is the bottom of the stack. Read from ITS position, not from the\n   * depth: once a child opens, the depth says \"can go back\" for every panel,\n   * the receding root included.\n   */\n  isRoot: boolean;\n  handleBack: () => void;\n  handleClose: (event: object, reason: 'backdropClick' | 'escapeKeyDown') => void;\n}\n\n/**\n * Everything the panel needs to render itself: its place in the stack, the\n * viewport it is on, and the handlers that dismiss it. Bundled into one hook so\n * the component stays a description of the markup.\n */\nexport const usePanelChrome = (options: PanelChromeOptions): PanelChrome => {\n  const { open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose } =\n    options;\n\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const { currentDepth, stack } = useModalStack();\n  const { modalRole, isAnimating } = useModalRole(Boolean(open), modalId);\n  const showSkeleton = useSkeleton(Boolean(loading));\n  const zIndex = usePanelZIndex(modalId, FALLBACK_Z_INDEX);\n\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const isPrimary = modalRole === 'primary';\n  const canGoBack = currentDepth > 1;\n  // Not yet pushed (its first render) and something already below it: NOT the\n  // root — so a child never renders a frame without its back arrow.\n  const isRoot = (stack[0]?.id ?? modalId) === modalId;\n\n  useFocusTrap(dialogRef, Boolean(open) && isPrimary, disableFocusTrap);\n  useEscapeToClose(Boolean(open && closeOnEsc) && isPrimary, onClose);\n\n  const { handleBack, handleClose } = useCloseHandlers({\n    isPrimary,\n    closeOnClickOutside,\n    closeOnEsc,\n    canGoBack,\n    onClose,\n  });\n\n  return {\n    dialogRef,\n    modalRole,\n    isAnimating,\n    showSkeleton,\n    zIndex,\n    isMobile,\n    canGoBack,\n    isRoot,\n    handleBack,\n    handleClose,\n  };\n};\n\ninterface CloseHandlerOptions {\n  /** Only the top panel responds to a backdrop click or Escape. */\n  isPrimary: boolean;\n  closeOnClickOutside?: boolean;\n  closeOnEsc?: boolean;\n  /** Deeper than one panel, so the leading control goes back rather than closing. */\n  canGoBack: boolean;\n  onClose: () => void;\n}\n\n/** The panel's dismissal handlers, honouring which gestures the caller allows. */\nconst useCloseHandlers = ({\n  isPrimary,\n  closeOnClickOutside,\n  closeOnEsc,\n  canGoBack,\n  onClose,\n}: CloseHandlerOptions): {\n  handleBack: () => void;\n  handleClose: (event: object, reason: 'backdropClick' | 'escapeKeyDown') => void;\n} => ({\n  handleBack: () => {\n    if (canGoBack) onClose();\n  },\n  handleClose: (_event, reason) => {\n    if (!isPrimary) return;\n    if (reason === 'backdropClick' && !closeOnClickOutside) return;\n    if (reason === 'escapeKeyDown' && !closeOnEsc) return;\n    onClose();\n  },\n});\n\n/** The z-index this panel was assigned when it joined the stack. */\nconst usePanelZIndex = (modalId: string, fallback: number): number => {\n  const { stack } = useModalStack();\n  return stack.find((m) => m.id === modalId)?.zIndex ?? fallback;\n};\n\n/**\n * This modal's role in the stack, plus whether it is mid-transition between two\n * roles (which drives the expand/contract animation).\n */\nconst useModalRole = (\n  open: boolean,\n  modalId: string,\n): { modalRole: ModalPanelRole; isAnimating: boolean } => {\n  const { stack } = useModalStack();\n  const [modalRole, setModalRole] = useState<ModalPanelRole>('primary');\n  const [isAnimating, setIsAnimating] = useState(false);\n\n  useStackRegistration(open, modalId);\n\n  useEffect(() => {\n    if (!open) return;\n\n    const newRole = stack.find((m) => m.id === modalId)?.role;\n    if (!newRole || newRole === modalRole) return;\n\n    setIsAnimating(true);\n    setModalRole(newRole);\n    const timer = window.setTimeout(() => setIsAnimating(false), ROLE_TRANSITION_MS);\n    return () => window.clearTimeout(timer);\n  }, [stack, modalId, open, modalRole]);\n\n  return { modalRole, isAnimating };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-J55SDNCE.js

@@ -0,0 +1,53 @@
+import {
+  recoverChunk
+} from "./chunk-IQDPMLDM.js";
+
+// src/components/feedback/UsableModal/UsableModal.tsx
+import { useTheme } from "@mui/material/styles/index.js";
+import useMediaQuery from "@mui/material/useMediaQuery/index.js";
+import { lazy, Suspense, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var StackedSurface = lazy(
+  recoverChunk(async () => ({
+    default: (await import("./_internal/components/feedback/UsableModal/UsableModal.modal.js")).UsableModalStacked
+  }))
+);
+var SheetSurface = lazy(
+  recoverChunk(async () => ({
+    default: (await import("./_internal/components/feedback/UsableModal/UsableModal.sheet.js")).UsableModalSheet
+  }))
+);
+function useViewportSurface(layout) {
+  const theme = useTheme();
+  const phone = useMediaQuery(theme.breakpoints.down("sm"), { noSsr: true });
+  if (layout !== "auto") return layout;
+  return phone ? "sheet" : "modal";
+}
+var SURFACE_EXIT_MS = 400;
+function useOpenedSurface(open, layout) {
+  const viewport = useViewportSurface(layout);
+  const [surface, setSurface] = useState(open ? viewport : null);
+  const [wasOpen, setWasOpen] = useState(open);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (open) setSurface(viewport);
+  }
+  useEffect(() => {
+    if (open || surface === null) return;
+    const timer = window.setTimeout(() => setSurface(null), SURFACE_EXIT_MS);
+    return () => window.clearTimeout(timer);
+  }, [open, surface]);
+  return surface;
+}
+function UsableModal({ layout = "auto", ...props }) {
+  const surface = useOpenedSurface(props.open, layout);
+  if (surface === null) return null;
+  const Shown = surface === "sheet" ? SheetSurface : StackedSurface;
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Shown, { ...props }) });
+}
+
+export {
+  SURFACE_EXIT_MS,
+  UsableModal
+};
+//# sourceMappingURL=chunk-J55SDNCE.js.map

package/dist/chunk-J55SDNCE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/UsableModal/UsableModal.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport { lazy, Suspense, useEffect, useState, type ComponentType } from 'react';\n\nimport { recoverChunk } from './recover-chunk';\nimport type { UsableModalLayout, UsableModalProps, UsableModalSurfaceProps } from './UsableModal.types';\n\ntype Surface = 'modal' | 'sheet';\n\n/**\n * Each surface is its own chunk (the package builds with `splitting: true`), so\n * a phone never downloads `StackedModal` and a computer never downloads `Sheet`.\n * A chunk a deploy replaced is retried, then the page reloads once onto the\n * current build (`./recover-chunk`) — never the host's error boundary.\n */\nconst StackedSurface = lazy(\n  recoverChunk(async (): Promise<{ default: ComponentType<UsableModalSurfaceProps> }> => ({\n    default: (await import('./UsableModal.modal')).UsableModalStacked,\n  })),\n);\nconst SheetSurface = lazy(\n  recoverChunk(async (): Promise<{ default: ComponentType<UsableModalSurfaceProps> }> => ({\n    default: (await import('./UsableModal.sheet')).UsableModalSheet,\n  })),\n);\n\n/** The surface the viewport asks for now: a sheet below `sm`, a stacked modal from `sm` up. */\nfunction useViewportSurface(layout: UsableModalLayout): Surface {\n  const theme = useTheme();\n  // `noSsr`: the first render already knows the width, so a phone never mounts\n  // (and never fetches) the stacked modal for one frame before the sheet.\n  const phone = useMediaQuery(theme.breakpoints.down('sm'), { noSsr: true });\n  if (layout !== 'auto') return layout;\n  return phone ? 'sheet' : 'modal';\n}\n\n/**\n * How long a closed surface stays mounted: longer than its own way out — the\n * drawer's slide-down (225 ms) and the stacked modal's leaving its stack\n * (300 ms) — so neither is cut off.\n */\nexport const SURFACE_EXIT_MS = 400;\n\n/**\n * The surface is chosen when the modal OPENS and kept until it closes: a phone\n * turned to landscape, or a window narrowed past `sm`, mid-task, does not swap\n * the surface and throw away what the person typed. The next opening asks the\n * viewport again.\n *\n * Once closed, and its way out run, the surface is let go of: every opening\n * starts with a fresh body on both surfaces (the sheet would otherwise keep its\n * content mounted, and the last half-written form, while the stacked modal\n * drops its own), and a closed sheet leaves nothing on the page — not even the\n * drawer's edge strip that swallows taps and swipes the sheet open.\n */\nfunction useOpenedSurface(open: boolean, layout: UsableModalLayout): Surface | null {\n  const viewport = useViewportSurface(layout);\n  const [surface, setSurface] = useState<Surface | null>(open ? viewport : null);\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) setSurface(viewport);\n  }\n  useEffect(() => {\n    if (open || surface === null) return;\n    const timer = window.setTimeout(() => setSurface(null), SURFACE_EXIT_MS);\n    return () => window.clearTimeout(timer);\n  }, [open, surface]);\n  return surface;\n}\n\n/**\n * A modal that is a `StackedModal` on a computer and a bottom `Sheet` on a\n * phone, behind one API: title, body, a pinned footer, and the ways out.\n *\n * Nothing is fetched until the first open: until then it renders nothing.\n * Closing hands the surface `open={false}`, so it runs its own way out — the\n * slide-out, and the stacked modal leaving its stack — and then it unmounts\n * (`SURFACE_EXIT_MS`). While the\n * chunk loads the screen shows no placeholder: a modal that blinks a spinner\n * before its content is worse than one that appears a frame later.\n */\nexport function UsableModal({ layout = 'auto', ...props }: UsableModalProps): React.JSX.Element | null {\n  const surface = useOpenedSurface(props.open, layout);\n  if (surface === null) return null;\n  const Shown = surface === 'sheet' ? SheetSurface : StackedSurface;\n  return (\n    <Suspense fallback={null}>\n      <Shown {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;AAAA,SAAS,gBAAgB;AACzB,OAAO,mBAAmB;AAC1B,SAAS,MAAM,UAAU,WAAW,gBAAoC;AAsFlE;AAzEN,IAAM,iBAAiB;AAAA,EACrB,aAAa,aAA2E;AAAA,IACtF,UAAU,MAAM,OAAO,kEAAqB,GAAG;AAAA,EACjD,EAAE;AACJ;AACA,IAAM,eAAe;AAAA,EACnB,aAAa,aAA2E;AAAA,IACtF,UAAU,MAAM,OAAO,kEAAqB,GAAG;AAAA,EACjD,EAAE;AACJ;AAGA,SAAS,mBAAmB,QAAoC;AAC9D,QAAM,QAAQ,SAAS;AAGvB,QAAM,QAAQ,cAAc,MAAM,YAAY,KAAK,IAAI,GAAG,EAAE,OAAO,KAAK,CAAC;AACzE,MAAI,WAAW,OAAQ,QAAO;AAC9B,SAAO,QAAQ,UAAU;AAC3B;AAOO,IAAM,kBAAkB;AAc/B,SAAS,iBAAiB,MAAe,QAA2C;AAClF,QAAM,WAAW,mBAAmB,MAAM;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,OAAO,WAAW,IAAI;AAC7E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,MAAI,SAAS,SAAS;AACpB,eAAW,IAAI;AACf,QAAI,KAAM,YAAW,QAAQ;AAAA,EAC/B;AACA,YAAU,MAAM;AACd,QAAI,QAAQ,YAAY,KAAM;AAC9B,UAAM,QAAQ,OAAO,WAAW,MAAM,WAAW,IAAI,GAAG,eAAe;AACvE,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,MAAM,OAAO,CAAC;AAClB,SAAO;AACT;AAaO,SAAS,YAAY,EAAE,SAAS,QAAQ,GAAG,MAAM,GAA+C;AACrG,QAAM,UAAU,iBAAiB,MAAM,MAAM,MAAM;AACnD,MAAI,YAAY,KAAM,QAAO;AAC7B,QAAM,QAAQ,YAAY,UAAU,eAAe;AACnD,SACE,oBAAC,YAAS,UAAU,MAClB,8BAAC,SAAO,GAAG,OAAO,GACpB;AAEJ;","names":[]}

package/dist/{chunk-4J62V5OE.js → chunk-JIEVKHOH.js}

@@ -1,8 +1,3 @@
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
 } from "./chunk-7XSCEHGA.js";
@@ -12,6 +7,11 @@ import {
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-6ZZGK5DT.js";
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   EN_US_UI_LABELS
 } from "./chunk-XOXXG7Q5.js";
@@ -178,4 +178,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-4J62V5OE.js.map
+//# sourceMappingURL=chunk-JIEVKHOH.js.map

package/dist/{chunk-MKNW4FRR.js → chunk-JOQGKXR5.js}

@@ -1,13 +1,13 @@
+import {
+  makeTestId,
+  resolveCodeEditorProps
+} from "./chunk-X3OWMTLO.js";
 import {
   EditorToolbar
 } from "./chunk-3TVUW7QE.js";
 import {
   useCodeEditor
 } from "./chunk-OXXIGHZK.js";
-import {
-  makeTestId,
-  resolveCodeEditorProps
-} from "./chunk-X3OWMTLO.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -178,4 +178,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-MKNW4FRR.js.map
+//# sourceMappingURL=chunk-JOQGKXR5.js.map