@12-apps/ui 6.63.0 → 6.63.1

package/dist/_internal/components/data-display/Sheet/Sheet.body.js

@@ -1,7 +1,7 @@
 import {
   SheetBody
-} from "../../../../chunk-26DSSWTT.js";
-import "../../../../chunk-BDQCCW4N.js";
+} from "../../../../chunk-YLYQ7TIC.js";
+import "../../../../chunk-4P5Y5TEM.js";
 import "../../../../chunk-IM4DMKH4.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-B7ZHEOQQ.js";

package/dist/_internal/components/data-display/Sheet/Sheet.js

@@ -1,16 +1,16 @@
 import {
   Sheet
-} from "../../../../chunk-ERTXRK6S.js";
+} from "../../../../chunk-AOWXWNUV.js";
 import "../../../../chunk-HC7ITMP4.js";
 import "../../../../chunk-LYVTJLCF.js";
 import "../../../../chunk-CRN4KKNI.js";
-import "../../../../chunk-26DSSWTT.js";
+import "../../../../chunk-YLYQ7TIC.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../../../chunk-BDQCCW4N.js";
+} from "../../../../chunk-4P5Y5TEM.js";
 import "../../../../chunk-IM4DMKH4.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-B7ZHEOQQ.js";

package/dist/_internal/components/data-display/Sheet/Sheet.parts.js

@@ -3,7 +3,7 @@ import {
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../../../chunk-BDQCCW4N.js";
+} from "../../../../chunk-4P5Y5TEM.js";
 import "../../../../chunk-IM4DMKH4.js";
 import "../../../../chunk-HPK33ACY.js";
 import "../../../../chunk-SSX5ITPM.js";

package/dist/_internal/components/data-display/index.js

@@ -16,17 +16,17 @@ import "../../../chunk-5JEOLUWJ.js";
 import "../../../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../../../chunk-ERTXRK6S.js";
+} from "../../../chunk-AOWXWNUV.js";
 import "../../../chunk-HC7ITMP4.js";
 import "../../../chunk-LYVTJLCF.js";
 import "../../../chunk-CRN4KKNI.js";
-import "../../../chunk-26DSSWTT.js";
+import "../../../chunk-YLYQ7TIC.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../../chunk-BDQCCW4N.js";
+} from "../../../chunk-4P5Y5TEM.js";
 import "../../../chunk-IM4DMKH4.js";
 import "../../../chunk-WG2WFANT.js";
 import {

package/dist/_internal/components/index.js

@@ -139,7 +139,7 @@ import {
 } from "../../chunk-47VRDPR2.js";
 import {
   AppHeaderDetails
-} from "../../chunk-4HHCVL5D.js";
+} from "../../chunk-F4XQCFIH.js";
 import {
   AppHeaderBrand
 } from "../../chunk-GWFAINQ7.js";
@@ -451,17 +451,17 @@ import "../../chunk-5JEOLUWJ.js";
 import "../../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../../chunk-ERTXRK6S.js";
+} from "../../chunk-AOWXWNUV.js";
 import "../../chunk-HC7ITMP4.js";
 import "../../chunk-LYVTJLCF.js";
 import "../../chunk-CRN4KKNI.js";
-import "../../chunk-26DSSWTT.js";
+import "../../chunk-YLYQ7TIC.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../../chunk-BDQCCW4N.js";
+} from "../../chunk-4P5Y5TEM.js";
 import "../../chunk-IM4DMKH4.js";
 import "../../chunk-WG2WFANT.js";
 import {

package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   AppHeaderDetails
-} from "../../../../chunk-4HHCVL5D.js";
-import "../../../../chunk-ERTXRK6S.js";
+} from "../../../../chunk-F4XQCFIH.js";
+import "../../../../chunk-AOWXWNUV.js";
 import "../../../../chunk-HC7ITMP4.js";
 import "../../../../chunk-LYVTJLCF.js";
 import "../../../../chunk-CRN4KKNI.js";
-import "../../../../chunk-26DSSWTT.js";
-import "../../../../chunk-BDQCCW4N.js";
+import "../../../../chunk-YLYQ7TIC.js";
+import "../../../../chunk-4P5Y5TEM.js";
 import "../../../../chunk-IM4DMKH4.js";
 import "../../../../chunk-ILQVNZ5B.js";
 import "../../../../chunk-GYXUCS37.js";

package/dist/_internal/components/navigation/index.js

@@ -52,7 +52,7 @@ import {
 } from "../../../chunk-47VRDPR2.js";
 import {
   AppHeaderDetails
-} from "../../../chunk-4HHCVL5D.js";
+} from "../../../chunk-F4XQCFIH.js";
 import {
   AppHeaderBrand
 } from "../../../chunk-GWFAINQ7.js";
@@ -68,12 +68,12 @@ import "../../../chunk-66H6O55L.js";
 import "../../../chunk-XKUJIBF6.js";
 import "../../../chunk-TMSWLFL4.js";
 import "../../../chunk-UYCFHV2S.js";
-import "../../../chunk-ERTXRK6S.js";
+import "../../../chunk-AOWXWNUV.js";
 import "../../../chunk-HC7ITMP4.js";
 import "../../../chunk-LYVTJLCF.js";
 import "../../../chunk-CRN4KKNI.js";
-import "../../../chunk-26DSSWTT.js";
-import "../../../chunk-BDQCCW4N.js";
+import "../../../chunk-YLYQ7TIC.js";
+import "../../../chunk-4P5Y5TEM.js";
 import "../../../chunk-IM4DMKH4.js";
 import "../../../chunk-WVML3ENZ.js";
 import {

package/dist/{chunk-BDQCCW4N.js → chunk-4P5Y5TEM.js}

@@ -193,8 +193,9 @@ var SheetOverlay = (props) => {
       onClick,
       className,
       sx: {
-        // One below the drawer: this backdrop replaces MUI's own (the drawer
-        // is given a no-op BackdropComponent) and must sit under the panel.
+        // One below the drawer, under the panel. Inside a Sheet this veil is
+        // VISUAL only: the drawer's invisible backdrop above it catches the
+        // tap (`ClickCatcher` in Sheet.tsx). The onClick keeps it usable alone.
         zIndex: theme.zIndex.drawer - 1,
         backgroundColor: scrim(theme, blur ? 0.6 : 0.5),
         backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : "none",
@@ -211,4 +212,4 @@ export {
   SheetFooter,
   SheetOverlay
 };
-//# sourceMappingURL=chunk-BDQCCW4N.js.map
+//# sourceMappingURL=chunk-4P5Y5TEM.js.map

package/dist/{chunk-BDQCCW4N.js.map → chunk-4P5Y5TEM.js.map}

@@ -1 +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 { 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  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\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 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            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 } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer: this backdrop replaces MUI's own (the drawer\n          // is given a no-op BackdropComponent) and must sit under the panel.\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":[]}
+{"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 { 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  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\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 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            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 } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\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-ERTXRK6S.js → chunk-AOWXWNUV.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-LYVTJLCF.js";
 import {
   SheetBody
-} from "./chunk-26DSSWTT.js";
+} from "./chunk-YLYQ7TIC.js";
 import {
   SheetOverlay
-} from "./chunk-BDQCCW4N.js";
+} from "./chunk-4P5Y5TEM.js";
 import {
   DEFAULT_DRAG_RESISTANCE,
   DEFAULT_VELOCITY_THRESHOLD,
@@ -57,10 +57,19 @@ var DEFAULTS = {
   elevation: 16,
   dataTestId: "sheet"
 };
-var NoBackdrop = React.forwardRef(
-  (_props, _ref) => null
+var ClickCatcher = React.forwardRef(
+  ({ onClick, "data-testid": testId }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "aria-hidden": true,
+      onClick,
+      "data-testid": testId,
+      style: { position: "fixed", inset: 0, backgroundColor: "transparent" }
+    }
+  )
 );
-NoBackdrop.displayName = "NoBackdrop";
+ClickCatcher.displayName = "SheetClickCatcher";
 var orientationOf = ({ position, variant }) => {
   const isBottomSheet = position === "bottom";
   const isTopSheet = position === "top";
@@ -87,12 +96,21 @@ var Sheet = (props) => {
     anchor: position,
     open: isOpen,
     className,
-    onClose: handleClose,
+    // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no
+    // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the
+    // hook's own listener alone, which honours `closeOnEscape` — the modal's
+    // is switched off below so the key never closes twice or past the flag.
+    onClose: (_event, reason) => reason === "backdropClick" ? handleOverlayClick() : handleClose(),
     PaperProps: {
       ref: sheetRef,
       sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating })
     },
-    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop }
+    ModalProps: {
+      keepMounted: true,
+      disableEscapeKeyDown: true,
+      BackdropComponent: ClickCatcher,
+      BackdropProps: { "data-testid": testId ? `${testId}-click-catcher` : void 0 }
+    }
   };
   const body = /* @__PURE__ */ jsx(
     SheetBody,
@@ -124,4 +142,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-ERTXRK6S.js.map
+//# sourceMappingURL=chunk-AOWXWNUV.js.map

package/dist/chunk-AOWXWNUV.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 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\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;\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    // 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      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: {\n      keepMounted: true,\n      disableEscapeKeyDown: true,\n      BackdropComponent: ClickCatcher,\n      BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,\n    },\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\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={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} />\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-4HHCVL5D.js → chunk-F4XQCFIH.js}

@@ -1,6 +1,6 @@
 import {
   Sheet
-} from "./chunk-ERTXRK6S.js";
+} from "./chunk-AOWXWNUV.js";
 import {
   Dialog
 } from "./chunk-ILQVNZ5B.js";
@@ -166,4 +166,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-4HHCVL5D.js.map
+//# sourceMappingURL=chunk-F4XQCFIH.js.map

package/dist/{chunk-26DSSWTT.js → chunk-YLYQ7TIC.js}

@@ -2,7 +2,7 @@ import {
   SheetContent,
   SheetFooter,
   SheetHeader
-} from "./chunk-BDQCCW4N.js";
+} from "./chunk-4P5Y5TEM.js";
 import {
   muiColor
 } from "./chunk-7ZPUN7TV.js";
@@ -94,4 +94,4 @@ var SheetBody = (props) => {
 export {
   SheetBody
 };
-//# sourceMappingURL=chunk-26DSSWTT.js.map
+//# sourceMappingURL=chunk-YLYQ7TIC.js.map

package/dist/data-display/Sheet.js

@@ -1,17 +1,17 @@
 import "../chunk-ITACE45O.js";
 import {
   Sheet
-} from "../chunk-ERTXRK6S.js";
+} from "../chunk-AOWXWNUV.js";
 import "../chunk-HC7ITMP4.js";
 import "../chunk-LYVTJLCF.js";
 import "../chunk-CRN4KKNI.js";
-import "../chunk-26DSSWTT.js";
+import "../chunk-YLYQ7TIC.js";
 import {
   SheetContent,
   SheetFooter,
   SheetHeader,
   SheetOverlay
-} from "../chunk-BDQCCW4N.js";
+} from "../chunk-4P5Y5TEM.js";
 import "../chunk-IM4DMKH4.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-B7ZHEOQQ.js";

package/dist/navigation/AppHeader.js

@@ -9,7 +9,7 @@ import {
 } from "../chunk-47VRDPR2.js";
 import {
   AppHeaderDetails
-} from "../chunk-4HHCVL5D.js";
+} from "../chunk-F4XQCFIH.js";
 import {
   AppHeaderBrand
 } from "../chunk-GWFAINQ7.js";
@@ -18,12 +18,12 @@ import {
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import "../chunk-ERTXRK6S.js";
+import "../chunk-AOWXWNUV.js";
 import "../chunk-HC7ITMP4.js";
 import "../chunk-LYVTJLCF.js";
 import "../chunk-CRN4KKNI.js";
-import "../chunk-26DSSWTT.js";
-import "../chunk-BDQCCW4N.js";
+import "../chunk-YLYQ7TIC.js";
+import "../chunk-4P5Y5TEM.js";
 import "../chunk-IM4DMKH4.js";
 import "../chunk-ILQVNZ5B.js";
 import "../chunk-GYXUCS37.js";

package/dist/types/components/data-display/Sheet/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAuErF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkEtC,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqFrF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4EtC,CAAC"}

package/dist/types/components/data-display/Sheet/Sheet.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAqEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsBpD,CAAC"}
+{"version":3,"file":"Sheet.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Sheet/Sheet.parts.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAqEvB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2DlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgBpD,CAAC;AAQF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuBpD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.63.0",
+  "version": "6.63.1",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/Sheet/Sheet.md

@@ -68,7 +68,7 @@ A vertical sheet's **width** is one rule rather than one per preset: `min(100%,
 ### Overlay and Closing
 
 - **showOverlay** (boolean): Show backdrop overlay behind sheet (default: true)
-- **closeOnOverlayClick** (boolean): Close sheet when overlay is clicked (default: true)
+- **closeOnOverlayClick** (boolean): Close sheet when the veil outside it is tapped (default: true). The drawer's own backdrop is an invisible catcher (`sheet-click-catcher`) that routes the tap here, so `persistent` still holds the sheet open. This holds with `showOverlay={false}` too: an outside tap still closes the sheet unless `closeOnOverlayClick={false}`. The catcher's test id is `<dataTestId>-click-catcher`.
 - **closeOnEscape** (boolean): Close sheet on Escape key press (default: true)
 - **showCloseButton** (boolean): Show close button in header (default: true)
 

package/src/components/data-display/Sheet/Sheet.parts.tsx

@@ -222,8 +222,9 @@ export const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {
         onClick={onClick}
         className={className}
         sx={{
-          // One below the drawer: this backdrop replaces MUI's own (the drawer
-          // is given a no-op BackdropComponent) and must sit under the panel.
+          // One below the drawer, under the panel. Inside a Sheet this veil is
+          // VISUAL only: the drawer's invisible backdrop above it catches the
+          // tap (`ClickCatcher` in Sheet.tsx). The onClick keeps it usable alone.
           zIndex: theme.zIndex.drawer - 1,
           backgroundColor: scrim(theme, blur ? 0.6 : 0.5),
           backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',

package/src/components/data-display/Sheet/Sheet.tsx

@@ -59,17 +59,31 @@ const DEFAULTS = {
 type ResolvedSheetProps = SheetProps & Required<Pick<SheetProps, keyof typeof DEFAULTS>>;
 
 /**
- * The drawer supplies its own backdrop, which would sit on top of `SheetOverlay`
- * and swallow its click. Rendering nothing in its place leaves this component's
- * overlay — the one that knows about the `glass` blur — as the only one.
+ * The drawer's own backdrop, made invisible: it only CATCHES the tap.
+ *
+ * The visible veil is {@link SheetOverlay}, which knows about the `glass`
+ * blur. But the drawer's modal root covers the whole viewport above that veil,
+ * so with no backdrop at all a tap on the veil landed on the bare root, which
+ * handles nothing — and no sheet ever closed on an outside tap. This one sits
+ * under the panel, paints nothing, and hands the tap to the drawer's
+ * `onClose('backdropClick')`, which the sheet routes through its own
+ * `closeOnOverlayClick` / `persistent` rules.
  *
  * Defined at module scope: a component built inside a render is a new type on
  * every pass, which remounts the subtree it belongs to.
  */
-const NoBackdrop = React.forwardRef<HTMLDivElement, BackdropProps>(
-  (_props, _ref) => null,
+const ClickCatcher = React.forwardRef<HTMLDivElement, BackdropProps & { 'data-testid'?: string }>(
+  ({ onClick, 'data-testid': testId }, ref) => (
+    <div
+      ref={ref}
+      aria-hidden
+      onClick={onClick}
+      data-testid={testId}
+      style={{ position: 'fixed', inset: 0, backgroundColor: 'transparent' }}
+    />
+  ),
 ) as React.ComponentType<BackdropProps>;
-NoBackdrop.displayName = 'NoBackdrop';
+ClickCatcher.displayName = 'SheetClickCatcher';
 
 /**
  * Which way the sheet is anchored. Four flags rather than four repeated
@@ -111,12 +125,22 @@ export const Sheet: React.FC<SheetProps> = (props) => {
     anchor: position,
     open: isOpen,
     className,
-    onClose: handleClose,
+    // A tap outside obeys `closeOnOverlayClick`. A swipe-to-dismiss (no
+    // reason: SwipeableDrawer calls `onClose()` bare) closes. Escape is the
+    // hook's own listener alone, which honours `closeOnEscape` — the modal's
+    // is switched off below so the key never closes twice or past the flag.
+    onClose: (_event?: object, reason?: 'backdropClick' | 'escapeKeyDown') =>
+      reason === 'backdropClick' ? handleOverlayClick() : handleClose(),
     PaperProps: {
       ref: sheetRef,
       sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),
     },
-    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop },
+    ModalProps: {
+      keepMounted: true,
+      disableEscapeKeyDown: true,
+      BackdropComponent: ClickCatcher,
+      BackdropProps: { 'data-testid': testId ? `${testId}-click-catcher` : undefined } as Partial<BackdropProps>,
+    },
   };
 
   const body = (

package/dist/chunk-ERTXRK6S.js.map

@@ -1 +0,0 @@
-{"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 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 supplies its own backdrop, which would sit on top of `SheetOverlay`\n * and swallow its click. Rendering nothing in its place leaves this component's\n * overlay — the one that knows about the `glass` blur — as the only one.\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 NoBackdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  (_props, _ref) => null,\n) as React.ComponentType<BackdropProps>;\nNoBackdrop.displayName = 'NoBackdrop';\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\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;\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    onClose: handleClose,\n    PaperProps: {\n      ref: sheetRef,\n      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop },\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\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={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} />\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":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,OAAO,qBAAqB;AAC5B,SAAS,gBAAgB;AAEzB,OAAO,WAAW;AAsHd,SAeA,UAfA,KAeA,YAfA;AArGJ,IAAM,WAAW;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EAC/B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAiBA,IAAM,aAAa,MAAM;AAAA,EACvB,CAAC,QAAQ,SAAS;AACpB;AACA,WAAW,cAAc;AAOzB,IAAM,gBAAgB,CAAC,EAAE,UAAU,QAAQ,MAA0B;AACnE,QAAM,gBAAgB,aAAa;AACnC,QAAM,aAAa,aAAa;AAEhC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,iBAAiB,iBAAiB;AAAA,IAClC,oBAAoB,YAAY;AAAA,EAClC;AACF;AAEO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM,WAAW,aAAa,OAAO,QAAQ;AAC7C,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,WAAW,WAAW,IAAI;AAE7E,QAAM,QAAQ,SAAS;AACvB,QAAM,cAAc,cAAc,QAAQ;AAG1C,QAAM,SAAU,SAAwC,aAAa,KAAK;AAE1E,QAAM,EAAE,UAAU,eAAe,YAAY,aAAa,iBAAiB,wBAAwB,IACjG,aAAa,EAAE,GAAG,UAAU,GAAG,YAAY,CAAC;AAE9C,QAAM,EAAE,QAAQ,aAAa,oBAAoB,gBAAgB,IAAI,aAAa;AAAA,IAChF,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,cAAc;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,KAAK;AAAA,MACL,IAAI,QAAQ,EAAE,GAAG,UAAU,GAAG,aAAa,OAAO,eAAe,YAAY,YAAY,CAAC;AAAA,IAC5F;AAAA,IACA,YAAY,EAAE,aAAa,MAAM,mBAAmB,WAAW;AAAA,EACjE;AAEA,QAAM,OACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,aAAa;AAAA;AAAA,EACf;AAKF,QAAM,cAAc,aAAa,CAAC,YAAY;AAE9C,SACE,iCACG;AAAA,mBAAe,UACd,oBAAC,gBAAa,MAAM,QAAQ,SAAS,oBAAoB,MAAM,YAAY,SAAS;AAAA,IAGrF,cACC;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,QAAQ;AAAA,QACR,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAEf;AAAA;AAAA,IACH,IAEA,oBAAC,UAAQ,GAAG,aAAc,gBAAK;AAAA,KAEnC;AAEJ;","names":[]}