@12-apps/ui 6.93.2 → 6.95.0

package/dist/{chunk-E5OBAS3U.js → chunk-JQGDKWFH.js}

@@ -2,7 +2,7 @@ import {
   SheetContent,
   SheetFooter,
   SheetHeader
-} from "./chunk-NASLJO2R.js";
+} from "./chunk-QSZYQZZP.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -45,6 +45,7 @@ var SheetBody = (props) => {
     onFocus,
     onBlur,
     testId,
+    titleId,
     isDragging,
     isVerticalSheet,
     isDraggableVariant,
@@ -82,6 +83,7 @@ var SheetBody = (props) => {
             showHandle: showHandle && isVerticalSheet,
             isDraggable: isDraggableVariant && isVerticalSheet,
             onDragStart,
+            titleId,
             dataTestId: `${testId}-header`,
             children: header
           }
@@ -96,4 +98,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-E5OBAS3U.js.map
+//# sourceMappingURL=chunk-JQGDKWFH.js.map

package/dist/chunk-JQGDKWFH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.body.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport React from 'react';\n\nimport { SheetContent, SheetFooter, SheetHeader } from './Sheet.parts';\nimport type { SheetProps } from './Sheet.types';\nimport { sxRem } from '../../../tokens/relative';\nimport { muiColor } from '../../../tokens/scales';\n\nexport interface SheetBodyProps extends Pick<\n  SheetProps,\n  | 'title'\n  | 'description'\n  | 'showCloseButton'\n  | 'closeLabel'\n  | 'showHandle'\n  | 'header'\n  | 'footer'\n  | 'loading'\n  | 'color'\n  | 'children'\n  | 'onClick'\n  | 'onFocus'\n  | 'onBlur'\n> {\n  testId: string;\n  /** The title's element id, which a dialog sheet's `aria-labelledby` names. */\n  titleId?: string;\n  isDragging: boolean;\n  isVerticalSheet: boolean;\n  isDraggableVariant: boolean;\n  onClose: () => void;\n  onDragStart: (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\n/**\n * The header earns its place if it would show anything at all — a grab handle,\n * either piece of text, the close button, or caller-supplied content.\n */\nconst needsHeader = (props: SheetBodyProps) =>\n  Boolean(\n    props.showHandle ||\n    props.title ||\n    props.description ||\n    props.showCloseButton ||\n    props.header,\n  );\n\n/** The centred spinner shown in place of the children while `loading`. */\nconst SheetLoading: React.FC<Pick<SheetBodyProps, 'color'>> = ({ color }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      minHeight: sxRem(200),\n    }}\n  >\n    <CircularProgress color={color === undefined ? undefined : muiColor(color, 'inherit')} />\n  </Box>\n);\n\n/**\n * What the sheet contains, independent of which drawer is carrying it. The\n * swipeable and plain branches render exactly this — they differ only in the\n * MUI component and its swipe props, so the contents are built once.\n */\nexport const SheetBody: React.FC<SheetBodyProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    closeLabel,\n    showHandle,\n    header,\n    footer,\n    loading,\n    color,\n    children,\n    onClick,\n    onFocus,\n    onBlur,\n    testId,\n    titleId,\n    isDragging,\n    isVerticalSheet,\n    isDraggableVariant,\n    onClose,\n    onDragStart,\n  } = props;\n\n  return (\n    <Box\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={testId}\n      sx={{\n        // A vertical sheet's panel is a column whose height is its CONTENT, up\n        // to the `size` ceiling — so this fills what the panel has rather than\n        // asking for a percentage of it, and `minHeight: 0` is what lets it\n        // shrink past its content so `SheetContent` scrolls instead of the\n        // panel overflowing. A side sheet's panel is full-height already.\n        ...(isVerticalSheet ? { flex: '1 1 auto', minHeight: 0 } : { height: '100%' }),\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        userSelect: isDragging ? 'none' : 'auto',\n      }}\n    >\n      {needsHeader(props) && (\n        <SheetHeader\n          title={title}\n          description={description}\n          showCloseButton={showCloseButton}\n          closeLabel={closeLabel}\n          onClose={onClose}\n          showHandle={showHandle && isVerticalSheet}\n          isDraggable={isDraggableVariant && isVerticalSheet}\n          onDragStart={onDragStart}\n          titleId={titleId}\n          dataTestId={`${testId}-header`}\n        >\n          {header}\n        </SheetHeader>\n      )}\n\n      <SheetContent padded dataTestId={`${testId}-content`}>\n        {loading ? <SheetLoading color={color} /> : children}\n      </SheetContent>\n\n      {footer && (\n        <SheetFooter sticky divider dataTestId={`${testId}-footer`}>\n          {footer}\n        </SheetFooter>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAyDzB,cAkCA,YAlCA;AAnBJ,IAAM,cAAc,CAAC,UACnB;AAAA,EACE,MAAM,cACN,MAAM,SACN,MAAM,eACN,MAAM,mBACN,MAAM;AACR;AAGF,IAAM,eAAwD,CAAC,EAAE,MAAM,MACrE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW,MAAM,GAAG;AAAA,IACtB;AAAA,IAEA,8BAAC,oBAAiB,OAAO,UAAU,SAAY,SAAY,SAAS,OAAO,SAAS,GAAG;AAAA;AACzF;AAQK,IAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMF,GAAI,kBAAkB,EAAE,MAAM,YAAY,WAAW,EAAE,IAAI,EAAE,QAAQ,OAAO;AAAA,QAC5E,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,MACpC;AAAA,MAEC;AAAA,oBAAY,KAAK,KAChB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,cAAc;AAAA,YAC1B,aAAa,sBAAsB;AAAA,YACnC;AAAA,YACA;AAAA,YACA,YAAY,GAAG,MAAM;AAAA,YAEpB;AAAA;AAAA,QACH;AAAA,QAGF,oBAAC,gBAAa,QAAM,MAAC,YAAY,GAAG,MAAM,YACvC,oBAAU,oBAAC,gBAAa,OAAc,IAAK,UAC9C;AAAA,QAEC,UACC,oBAAC,eAAY,QAAM,MAAC,SAAO,MAAC,YAAY,GAAG,MAAM,WAC9C,kBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/{chunk-ASEHJIIV.js → chunk-KHDKG7XB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YNVTUQ5B.js";
 import {
   DataViewsGrid
-} from "./chunk-HWZETMO4.js";
+} from "./chunk-37SNQQ7P.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-GXGHEOWC.js";
+} from "./chunk-USHVG4UQ.js";
 import {
   useSavedViewsController
 } from "./chunk-B2JSUFDX.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-ASEHJIIV.js.map
+//# sourceMappingURL=chunk-KHDKG7XB.js.map

package/dist/{chunk-TSID4257.js → chunk-KMMFN24G.js}

@@ -4,6 +4,9 @@ import {
 import {
   CategoryPanel
 } from "./chunk-VMTOLAZ5.js";
+import {
+  useCategorySelect
+} from "./chunk-RZVUY2MO.js";
 import {
   useCategoryKeyHandler
 } from "./chunk-USJPZ5Q7.js";
@@ -13,9 +16,6 @@ import {
 import {
   CategoryTrigger
 } from "./chunk-GHP5JLL3.js";
-import {
-  useCategorySelect
-} from "./chunk-RZVUY2MO.js";
 import {
   METRICS
 } from "./chunk-VPGDYI63.js";
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-TSID4257.js.map
+//# sourceMappingURL=chunk-KMMFN24G.js.map

package/dist/{chunk-YGWLMTPB.js → chunk-KXVWH3JM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-2GDPZ53K.js";
+} from "./chunk-UTWEHMAP.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -86,4 +86,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-YGWLMTPB.js.map
+//# sourceMappingURL=chunk-KXVWH3JM.js.map

package/dist/{chunk-LKWXU6NH.js → chunk-LV6AD6XC.js}

@@ -1,6 +1,6 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-EE6DJPB7.js";
+} from "./chunk-6HXNFNOB.js";
 import {
   DataViewsExportMenu
 } from "./chunk-4NG3LTRX.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-LKWXU6NH.js.map
+//# sourceMappingURL=chunk-LV6AD6XC.js.map

package/dist/{chunk-WQO5WONV.js → chunk-MWXZXCVX.js}

@@ -1,11 +1,11 @@
+import {
+  usePanelChrome
+} from "./chunk-J4UA744J.js";
 import {
   ModalPanelContents,
   modalAriaIds,
   resolveModalContent
 } from "./chunk-EYFDIUVR.js";
-import {
-  usePanelChrome
-} from "./chunk-TSMF7K37.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
@@ -179,4 +179,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-WQO5WONV.js.map
+//# sourceMappingURL=chunk-MWXZXCVX.js.map

package/dist/{chunk-PNZH6CDD.js → chunk-NI3MC742.js}

@@ -1,11 +1,11 @@
+import {
+  renderMenuItem
+} from "./chunk-MUHRPJQT.js";
 import {
   CollapseToggle,
   LogoBar,
   MenuList
 } from "./chunk-JBYFBPI6.js";
-import {
-  renderMenuItem
-} from "./chunk-MUHRPJQT.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
@@ -134,4 +134,4 @@ var NavigationStandardBody = ({
 export {
   NavigationStandardBody
 };
-//# sourceMappingURL=chunk-PNZH6CDD.js.map
+//# sourceMappingURL=chunk-NI3MC742.js.map

package/dist/{chunk-BZYLTGOE.js → chunk-OKDKKBLI.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-AJ6KFHEE.js";
+} from "./chunk-PJDAZG65.js";
 import {
   PanelRangeField
-} from "./chunk-FPNVOB52.js";
+} from "./chunk-RNIJL54W.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-FORQEHRQ.js";
 import {
   StackedModal
-} from "./chunk-WQO5WONV.js";
+} from "./chunk-MWXZXCVX.js";
 import {
   StackedModalContent
 } from "./chunk-EYFDIUVR.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-BZYLTGOE.js.map
+//# sourceMappingURL=chunk-OKDKKBLI.js.map

package/dist/{chunk-AJ6KFHEE.js → chunk-PJDAZG65.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LLPPIO3K.js";
 import {
   CategorySelect
-} from "./chunk-TSID4257.js";
+} from "./chunk-KMMFN24G.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-AJ6KFHEE.js.map
+//# sourceMappingURL=chunk-PJDAZG65.js.map

package/dist/{chunk-NASLJO2R.js → chunk-QSZYQZZP.js}

@@ -98,6 +98,7 @@ var SheetHeader = (props) => {
     className,
     style,
     children,
+    titleId,
     dataTestId
   } = withDefaults(props, HEADER_DEFAULTS);
   return /* @__PURE__ */ jsxs(
@@ -118,7 +119,7 @@ var SheetHeader = (props) => {
         showHandle && /* @__PURE__ */ jsx(SheetHandle, { isDraggable: Boolean(isDraggable) }),
         /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
           /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
-            title && /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600 }, "data-testid": `${dataTestId}-title`, children: title }),
+            title && /* @__PURE__ */ jsx(Typography, { id: titleId, variant: "h6", sx: { fontWeight: 600 }, "data-testid": `${dataTestId}-title`, children: title }),
             description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: description }),
             children
           ] }),
@@ -220,4 +221,4 @@ export {
   SheetFooter,
   SheetOverlay
 };
-//# sourceMappingURL=chunk-NASLJO2R.js.map
+//# sourceMappingURL=chunk-QSZYQZZP.js.map

package/dist/chunk-QSZYQZZP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { scrim, sheen } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: rem(theme, isDraggable ? 48 : 32),\n  height: rem(theme, isDraggable ? 6 : 4),\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${sheen(theme, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation(theme)} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `${rems(theme, 0, 2, 4)} ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `${rems(theme, 0, 3, 6)} ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  closeLabel: EN_US_UI_LABELS.common.close,\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    closeLabel,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    titleId,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography id={titleId} variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            aria-label={closeLabel}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      // No `minHeight: 0` here, deliberately: a flex item's automatic minimum\n      // size only applies while its main-axis `overflow` is `visible`, and this\n      // one is `auto`, so it already shrinks. `SheetBody` above is the item that\n      // needs it stated.\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur, animated } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n  const timeout = animated === false ? 0 : 300;\n\n  return (\n    <Fade in={open} timeout={timeout}>\n      <Backdrop\n        open={Boolean(open)}\n        transitionDuration={timeout}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer, under the panel. Inside a Sheet this veil is\n          // VISUAL only: the drawer's invisible backdrop above it catches the\n          // tap (`ClickCatcher` in Sheet.tsx). The onClick keeps it usable alone.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: scrim(theme, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          WebkitBackdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-ALMGYCHY.js → chunk-RLQVJXGW.js}

@@ -1,6 +1,6 @@
 import {
   Sheet
-} from "./chunk-LZ5PGB7U.js";
+} from "./chunk-XRC6SF4N.js";
 import {
   Dialog
 } from "./chunk-DAFFZED3.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-ALMGYCHY.js.map
+//# sourceMappingURL=chunk-RLQVJXGW.js.map

package/dist/{chunk-FPNVOB52.js → chunk-RNIJL54W.js}

@@ -1,12 +1,12 @@
+import {
+  RangeSummary
+} from "./chunk-WLDP7C4K.js";
 import {
   RangeBounds
 } from "./chunk-ZPWPA6FR.js";
 import {
   RangePresets
 } from "./chunk-LZNUBQ5I.js";
-import {
-  RangeSummary
-} from "./chunk-WLDP7C4K.js";
 import {
   isRangeInverted,
   isRangeSet,
@@ -240,4 +240,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-FPNVOB52.js.map
+//# sourceMappingURL=chunk-RNIJL54W.js.map

package/dist/{chunk-2M3W6ACW.js → chunk-S46LGAQ2.js}

@@ -1,9 +1,9 @@
-import {
-  SectionNavRail
-} from "./chunk-SNWCT6JN.js";
 import {
   SectionNavBar
 } from "./chunk-F7LBTMCA.js";
+import {
+  SectionNavRail
+} from "./chunk-SNWCT6JN.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-2M3W6ACW.js.map
+//# sourceMappingURL=chunk-S46LGAQ2.js.map

package/dist/{chunk-6N2U67KF.js → chunk-T3KVZTO3.js}

@@ -1,11 +1,11 @@
+import {
+  useUploadButton
+} from "./chunk-DJMVBIFD.js";
 import {
   UploadDropzone,
   UploadFeedback,
   UploadTrigger
 } from "./chunk-A5UYPUS2.js";
-import {
-  useUploadButton
-} from "./chunk-DJMVBIFD.js";
 
 // src/components/form/UploadButton/UploadButton.tsx
 import Box from "@mui/material/Box/index.js";
@@ -73,4 +73,4 @@ UploadButton.displayName = "UploadButton";
 export {
   UploadButton
 };
-//# sourceMappingURL=chunk-6N2U67KF.js.map
+//# sourceMappingURL=chunk-T3KVZTO3.js.map

package/dist/{chunk-GY53SDVL.js → chunk-U2SAW6DH.js}

@@ -1,6 +1,3 @@
-import {
-  CarouselChrome
-} from "./chunk-TB5CRHTF.js";
 import {
   containerStyles,
   frameBox
@@ -11,6 +8,9 @@ import {
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
+import {
+  CarouselChrome
+} from "./chunk-TB5CRHTF.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -151,4 +151,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-GY53SDVL.js.map
+//# sourceMappingURL=chunk-U2SAW6DH.js.map

package/dist/{chunk-GXGHEOWC.js → chunk-USHVG4UQ.js}

@@ -1,6 +1,6 @@
 import {
   SaveViewModal
-} from "./chunk-I4DG3PP4.js";
+} from "./chunk-43EFQ3DU.js";
 import {
   ManageViewsDialog
 } from "./chunk-VNMD6BA4.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-GXGHEOWC.js.map
+//# sourceMappingURL=chunk-USHVG4UQ.js.map

package/dist/{chunk-2GDPZ53K.js → chunk-UTWEHMAP.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-4JNC5AEF.js";
+} from "./chunk-WGKBZ7DN.js";
 import {
   FormControl,
   FormLabel,
@@ -141,4 +141,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-2GDPZ53K.js.map
+//# sourceMappingURL=chunk-UTWEHMAP.js.map

package/dist/{chunk-P772HCHI.js → chunk-W676GY42.js}

@@ -1,11 +1,11 @@
-import {
-  useLightboxCopy
-} from "./chunk-TEQYTEM2.js";
 import {
   OVERLAY_Z_INDEX,
   navButtonSx,
   overlayButtonSx
 } from "./chunk-VQU3CBAL.js";
+import {
+  useLightboxCopy
+} from "./chunk-TEQYTEM2.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -156,4 +156,4 @@ export {
   LightboxZoomControls,
   LightboxAutoplayButton
 };
-//# sourceMappingURL=chunk-P772HCHI.js.map
+//# sourceMappingURL=chunk-W676GY42.js.map

package/dist/{chunk-4JNC5AEF.js → chunk-WGKBZ7DN.js}

@@ -1,6 +1,6 @@
 import {
   createInput
-} from "./chunk-FXECKKPW.js";
+} from "./chunk-ASBFGGJB.js";
 import {
   OutlinedTextFieldSlim
 } from "./chunk-LZRVUOMU.js";
@@ -11,4 +11,4 @@ var Input = createInput(OutlinedTextFieldSlim);
 export {
   Input
 };
-//# sourceMappingURL=chunk-4JNC5AEF.js.map
+//# sourceMappingURL=chunk-WGKBZ7DN.js.map

package/dist/{chunk-T2G4LDU5.js → chunk-WLLUARTC.js}

@@ -3,7 +3,7 @@ import {
   LightboxCloseButton,
   LightboxNavButtons,
   LightboxZoomControls
-} from "./chunk-P772HCHI.js";
+} from "./chunk-W676GY42.js";
 
 // src/components/data-display/Lightbox/LightboxOverlay.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var LightboxOverlay = ({
 export {
   LightboxOverlay
 };
-//# sourceMappingURL=chunk-T2G4LDU5.js.map
+//# sourceMappingURL=chunk-WLLUARTC.js.map

package/dist/{chunk-SI5SKX52.js → chunk-WW3F7DCX.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-LKWXU6NH.js";
+} from "./chunk-LV6AD6XC.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-SI5SKX52.js.map
+//# sourceMappingURL=chunk-WW3F7DCX.js.map

package/dist/{chunk-UOKXYV3U.js → chunk-XALDXR3F.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-AJ6KFHEE.js";
+} from "./chunk-PJDAZG65.js";
 import {
   QuickRow
 } from "./chunk-AT6UKTH4.js";
@@ -278,4 +278,4 @@ export {
   clearTargetSx,
   MoreGroup
 };
-//# sourceMappingURL=chunk-UOKXYV3U.js.map
+//# sourceMappingURL=chunk-XALDXR3F.js.map

package/dist/{chunk-ZM6FJCWS.js → chunk-XNAI7QGU.js}

@@ -4,12 +4,12 @@ import {
 import {
   CardBody
 } from "./chunk-4ZQQUICR.js";
-import {
-  toGridExpansion
-} from "./chunk-O5UGAL2V.js";
 import {
   SelectAllStrip
 } from "./chunk-OY437NRJ.js";
+import {
+  toGridExpansion
+} from "./chunk-O5UGAL2V.js";
 import {
   useStickyTableHead
 } from "./chunk-4IE66GY2.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-ZM6FJCWS.js.map
+//# sourceMappingURL=chunk-XNAI7QGU.js.map

package/dist/{chunk-LZ5PGB7U.js → chunk-XRC6SF4N.js}

@@ -1,16 +1,16 @@
 import {
   SheetBody
-} from "./chunk-E5OBAS3U.js";
+} from "./chunk-JQGDKWFH.js";
 import {
   panelSx
 } from "./chunk-3ROCD7XF.js";
 import {
   SheetOverlay
-} from "./chunk-NASLJO2R.js";
+} from "./chunk-QSZYQZZP.js";
 import {
   useSheetDrag,
   useSheetOpen
-} from "./chunk-LYVTJLCF.js";
+} from "./chunk-56JF5PZK.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -24,7 +24,7 @@ import {
 import Drawer from "@mui/material/Drawer/index.js";
 import SwipeableDrawer from "@mui/material/SwipeableDrawer/index.js";
 import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
+import React, { useId } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var DEFAULTS = {
   open: false,
@@ -80,9 +80,19 @@ var orientationOf = ({ position, variant }) => {
     isDraggableVariant: variant === "draggable"
   };
 };
+var dialogAriaOf = ({ asDialog, title }, titleId) => asDialog ? { role: "dialog", "aria-modal": true, ...title ? { "aria-labelledby": titleId } : {} } : {};
+var stackedAt = (zIndex) => zIndex === void 0 ? {} : { sx: { zIndex } };
+var modalPropsOf = (testId) => ({
+  keepMounted: true,
+  disableEscapeKeyDown: true,
+  BackdropComponent: ClickCatcher,
+  BackdropProps: { "data-testid": testId ? `${testId}-click-catcher` : void 0 }
+});
+var veilStyleOf = (zIndex) => zIndex === void 0 ? void 0 : { zIndex: zIndex - 1 };
 var Sheet = (props) => {
   const resolved = withDefaults(props, DEFAULTS);
-  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;
+  const { position, variant, showOverlay, swipeable, className, dataTestId, zIndex, asDialog } = resolved;
+  const titleId = useId();
   const theme = useTheme();
   const orientation = orientationOf(resolved);
   const testId = resolved["data-testid"] || dataTestId;
@@ -96,6 +106,7 @@ var Sheet = (props) => {
     anchor: position,
     open: isOpen,
     className,
+    ...stackedAt(zIndex),
     ...resolved.animated === false ? { transitionDuration: 0 } : {},
     // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no
     // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the
@@ -104,14 +115,10 @@ var Sheet = (props) => {
     onClose: (_event, reason) => reason === "backdropClick" ? handleOverlayClick() : handleClose(),
     PaperProps: {
       ref: sheetRef,
+      ...dialogAriaOf(resolved, titleId),
       sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating })
     },
-    ModalProps: {
-      keepMounted: true,
-      disableEscapeKeyDown: true,
-      BackdropComponent: ClickCatcher,
-      BackdropProps: { "data-testid": testId ? `${testId}-click-catcher` : void 0 }
-    }
+    ModalProps: modalPropsOf(testId)
   };
   const body = /* @__PURE__ */ jsx(
     SheetBody,
@@ -119,6 +126,7 @@ var Sheet = (props) => {
       ...resolved,
       ...orientation,
       testId,
+      titleId: asDialog ? titleId : void 0,
       isDragging,
       onClose: handleClose,
       onDragStart: handleDragStart
@@ -126,7 +134,7 @@ var Sheet = (props) => {
   );
   const isSwipeable = swipeable && !orientation.isDraggableVariant;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showOverlay && isOpen && /* @__PURE__ */ jsx(SheetOverlay, { open: isOpen, onClick: handleOverlayClick, blur: variant === "glass", animated: resolved.animated }),
+    showOverlay && isOpen && /* @__PURE__ */ jsx(SheetOverlay, { open: true, onClick: handleOverlayClick, blur: variant === "glass", animated: resolved.animated, style: veilStyleOf(zIndex) }),
     isSwipeable ? /* @__PURE__ */ jsx(
       SwipeableDrawer,
       {
@@ -143,4 +151,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-LZ5PGB7U.js.map
+//# sourceMappingURL=chunk-XRC6SF4N.js.map

package/dist/chunk-XRC6SF4N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.tsx"],"sourcesContent":["import Drawer from '@mui/material/Drawer/index.js';\nimport SwipeableDrawer from '@mui/material/SwipeableDrawer/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { BackdropProps } from '@mui/material/Backdrop/index.js';\nimport React, { useId } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  DEFAULT_DRAG_RESISTANCE,\n  DEFAULT_VELOCITY_THRESHOLD,\n  SPRING_CONFIG,\n} from './Sheet.animations';\nimport { SheetBody } from './Sheet.body';\nimport { useSheetDrag, useSheetOpen } from './Sheet.hooks';\nimport { SheetOverlay } from './Sheet.parts';\nimport { panelSx } from './Sheet.styles';\nimport type { SheetProps } from './Sheet.types';\n\nexport { SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet.parts';\n\nconst DEFAULTS = {\n  open: false,\n  position: 'bottom',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  glass: false,\n  gradient: false,\n  loading: false,\n  disabled: false,\n  showOverlay: true,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  showCloseButton: true,\n  showHandle: true,\n  swipeable: true,\n  snapPoints: [0.25, 0.5, 0.75, 1],\n  defaultSnapPoint: 0.5,\n  minSnapPoint: 0,\n  maxSnapPoint: 1,\n  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,\n  dragResistance: DEFAULT_DRAG_RESISTANCE,\n  animationConfig: SPRING_CONFIG,\n  persistent: false,\n  fullHeight: false,\n  rounded: true,\n  elevation: 16,\n  dataTestId: 'sheet',\n} satisfies Partial<SheetProps>;\n\n/**\n * The props with every defaulted key now guaranteed present. Without this the\n * component would need a `?? fallback` at each use site, and each of those is a\n * branch the complexity gate counts.\n */\ntype ResolvedSheetProps = SheetProps & Required<Pick<SheetProps, keyof typeof DEFAULTS>>;\n\n/**\n * The drawer's own backdrop, made invisible: it only CATCHES the tap.\n *\n * The visible veil is {@link SheetOverlay}, which knows about the `glass`\n * blur. But the drawer's modal root covers the whole viewport above that veil,\n * so with no backdrop at all a tap on the veil landed on the bare root, which\n * handles nothing — and no sheet ever closed on an outside tap. This one sits\n * under the panel, paints nothing, and hands the tap to the drawer's\n * `onClose('backdropClick')`, which the sheet routes through its own\n * `closeOnOverlayClick` / `persistent` rules.\n *\n * Defined at module scope: a component built inside a render is a new type on\n * every pass, which remounts the subtree it belongs to.\n */\nconst ClickCatcher = React.forwardRef<HTMLDivElement, BackdropProps & { 'data-testid'?: string }>(\n  ({ onClick, 'data-testid': testId }, ref) => (\n    <div\n      ref={ref}\n      aria-hidden\n      onClick={onClick}\n      data-testid={testId}\n      style={{ position: 'fixed', inset: 0, backgroundColor: 'transparent' }}\n    />\n  ),\n) as React.ComponentType<BackdropProps>;\nClickCatcher.displayName = 'SheetClickCatcher';\n\n/**\n * Which way the sheet is anchored. Four flags rather than four repeated\n * comparisons, and the only thing the hooks and styles need to know about\n * `position` and `variant`.\n */\nconst orientationOf = ({ position, variant }: ResolvedSheetProps) => {\n  const isBottomSheet = position === 'bottom';\n  const isTopSheet = position === 'top';\n\n  return {\n    isBottomSheet,\n    isTopSheet,\n    isVerticalSheet: isBottomSheet || isTopSheet,\n    isDraggableVariant: variant === 'draggable',\n  };\n};\n\n/** The paper's dialog attributes: named only when it is a dialog AND has a title to be named by. */\nconst dialogAriaOf = ({ asDialog, title }: ResolvedSheetProps, titleId: string) =>\n  asDialog ? { role: 'dialog', 'aria-modal': true, ...(title ? { 'aria-labelledby': titleId } : {}) } : {};\n\n/** The drawer at a caller's stacking level, or MUI's own. */\nconst stackedAt = (zIndex: number | undefined) => (zIndex === undefined ? {} : { sx: { zIndex } });\n\n/**\n * The drawer's modal: kept mounted, its own Escape off (the hook's listener\n * honours `closeOnEscape`), and an invisible backdrop that catches the tap.\n */\nconst modalPropsOf = (testId: string | undefined) => ({\n  keepMounted: true,\n  disableEscapeKeyDown: true,\n  BackdropComponent: ClickCatcher,\n  BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,\n});\n\n/** The veil one below the drawer it dims. */\nconst veilStyleOf = (zIndex: number | undefined) => (zIndex === undefined ? undefined : { zIndex: zIndex - 1 });\n\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId, zIndex, asDialog } = resolved;\n  const titleId = useId();\n\n  const theme = useTheme();\n  const orientation = orientationOf(resolved);\n\n  // Support both the dataTestId prop and a plain data-testid attribute.\n  const testId = (resolved as { 'data-testid'?: string })['data-testid'] || dataTestId;\n\n  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } =\n    useSheetDrag({ ...resolved, ...orientation });\n\n  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({\n    ...resolved,\n    ...orientation,\n    resetToDefaultSnapPoint,\n  });\n\n  const drawerProps = {\n    anchor: position,\n    open: isOpen,\n    className,\n    ...stackedAt(zIndex),\n    ...(resolved.animated === false ? { transitionDuration: 0 } : {}),\n    // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no\n    // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the\n    // hook's own listener alone, which honours `closeOnEscape` — the modal's\n    // is switched off below so the key never closes twice or past the flag.\n    onClose: (_event?: object, reason?: 'backdropClick' | 'escapeKeyDown') =>\n      reason === 'backdropClick' ? handleOverlayClick() : handleClose(),\n    PaperProps: {\n      ref: sheetRef,\n      ...dialogAriaOf(resolved, titleId),\n      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: modalPropsOf(testId),\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\n      titleId={asDialog ? titleId : undefined}\n      isDragging={isDragging}\n      onClose={handleClose}\n      onDragStart={handleDragStart}\n    />\n  );\n\n  // The draggable variant drives the panel's height itself; MUI's swipe handling\n  // would be a second thing moving it.\n  const isSwipeable = swipeable && !orientation.isDraggableVariant;\n\n  return (\n    <>\n      {showOverlay && isOpen && (\n        <SheetOverlay open onClick={handleOverlayClick} blur={variant === 'glass'} animated={resolved.animated} style={veilStyleOf(zIndex)} />\n      )}\n\n      {isSwipeable ? (\n        <SwipeableDrawer\n          {...drawerProps}\n          onOpen={handleSwipeOpen}\n          disableSwipeToOpen={false}\n          swipeAreaWidth={20}\n        >\n          {body}\n        </SwipeableDrawer>\n      ) : (\n        <Drawer {...drawerProps}>{body}</Drawer>\n      )}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-JXK53XJW.js → chunk-YOLLISEY.js}

@@ -1,7 +1,3 @@
-import {
-  EnhancedTableBody,
-  EnhancedTableHeader
-} from "./chunk-L5KPBMMF.js";
 import {
   tableStyles
 } from "./chunk-BVHIKXCN.js";
@@ -9,6 +5,14 @@ import {
   useTableSelection,
   useVirtualScrolling
 } from "./chunk-RZSMRBOX.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-XIXR2L3L.js";
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-L5KPBMMF.js";
 import {
   TABLE_DEFAULTS,
   containerStyle,
@@ -20,10 +24,6 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-Y3DV7LGC.js";
-import {
-  EmptyRow,
-  NoDataPlaceholder
-} from "./chunk-XIXR2L3L.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -310,4 +310,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-JXK53XJW.js.map
+//# sourceMappingURL=chunk-YOLLISEY.js.map