@mindlogic-ai/logician-ui 4.0.0-alpha.35 → 4.0.0-alpha.36

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,28 @@
+import type { BottomSheetProps } from './BottomSheet.types';
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+export declare const BottomSheet: {
+    ({ children, portalProps, ...rest }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

package/dist/components/BottomSheet/BottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;yCAIrB,gBAAgB;;CAWlB,CAAC"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,38 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var BottomSheetContext = require('./BottomSheetContext.js');
+var BottomSheetOverlay = require('./BottomSheetOverlay.js');
+
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+const BottomSheet = ({ children, portalProps, ...rest }) => {
+    const isModal = rest.modal !== false;
+    return (jsxRuntime.jsx(BottomSheetContext.StyledRoot, { ...rest, children: jsxRuntime.jsxs(react.Portal, { ...portalProps, children: [isModal && jsxRuntime.jsx(BottomSheetOverlay.BottomSheetOverlay, {}), children] }) }));
+};
+BottomSheet.displayName = 'BottomSheet';
+
+exports.BottomSheet = BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":[null],"names":["_jsx","StyledRoot","_jsxs","Portal","BottomSheetOverlay"],"mappings":";;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK;IAEpC,QACEA,eAACC,6BAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAClBC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,aACpB,OAAO,IAAIH,eAACI,qCAAkB,EAAA,EAAA,CAAG,EACjC,QAAQ,CAAA,EAAA,CACF,EAAA,CACE;AAEjB;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/BottomSheet/BottomSheet.mjs

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Portal } from '@chakra-ui/react';
+import { StyledRoot } from './BottomSheetContext.mjs';
+import { BottomSheetOverlay } from './BottomSheetOverlay.mjs';
+
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+const BottomSheet = ({ children, portalProps, ...rest }) => {
+    const isModal = rest.modal !== false;
+    return (jsx(StyledRoot, { ...rest, children: jsxs(Portal, { ...portalProps, children: [isModal && jsx(BottomSheetOverlay, {}), children] }) }));
+};
+BottomSheet.displayName = 'BottomSheet';
+
+export { BottomSheet };
+//# sourceMappingURL=BottomSheet.mjs.map

package/dist/components/BottomSheet/BottomSheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.mjs","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK;IAEpC,QACEA,IAAC,UAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAClBC,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,WAAW,aACpB,OAAO,IAAID,IAAC,kBAAkB,EAAA,EAAA,CAAG,EACjC,QAAQ,CAAA,EAAA,CACF,EAAA,CACE;AAEjB;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/BottomSheet/BottomSheet.styles.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Parts the sheet styles. Ark's drawer anatomy plus the three layout slots
+ * (`header` / `body` / `footer`) that have no machine behaviour of their own —
+ * the same extension Chakra makes for its dialog-backed `Drawer`.
+ */
+export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">;
+/**
+ * The BottomSheet's slot recipe.
+ *
+ * Passed to `createSlotRecipeContext({ recipe })` rather than registered in the
+ * theme under a key, so the sheet renders the same whether or not the consuming
+ * app built its system from `logicianConfig` — and an app that wants to restyle
+ * it can still pass style props per part.
+ *
+ * Two clocks move the content, and they are deliberately separate:
+ *
+ * - **Presence** (open / close) is a keyframe animation on `translate`, timed by
+ *   the shared `presence` preset — enter on `motion.base`, exit on `fast`.
+ * - **Snap / release** is a transition on `transform`. Zag drives `transform`
+ *   inline from `--drawer-translate-y` while the sheet is dragged (and zeroes the
+ *   transition duration during the drag), so the transition only runs when a
+ *   finger lets go or the snap point changes.
+ *
+ * `translate` and `transform` compose, so the entrance never fights the drag.
+ *
+ * Reduced motion: `presence` swaps the slide for a plain fade (restated below so
+ * the recipe's own `animationName` cannot outrank it), and the snap transition
+ * drops to `motion.instant` so the sheet lands on its snap point without
+ * travelling there.
+ */
+export declare const bottomSheetSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "positioner" | "description" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">>;
+//# sourceMappingURL=BottomSheet.styles.d.ts.map

package/dist/components/BottomSheet/BottomSheet.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.styles.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,uNAI9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,qBAAqB,6bA2HhC,CAAC"}

package/dist/components/BottomSheet/BottomSheet.styles.js

@@ -0,0 +1,164 @@
+"use client";
+'use strict';
+
+var drawer = require('@ark-ui/react/drawer');
+var react = require('@chakra-ui/react');
+
+/**
+ * Parts the sheet styles. Ark's drawer anatomy plus the three layout slots
+ * (`header` / `body` / `footer`) that have no machine behaviour of their own —
+ * the same extension Chakra makes for its dialog-backed `Drawer`.
+ */
+const bottomSheetAnatomy = drawer.drawerAnatomy.extendWith('header', 'body', 'footer');
+/**
+ * The BottomSheet's slot recipe.
+ *
+ * Passed to `createSlotRecipeContext({ recipe })` rather than registered in the
+ * theme under a key, so the sheet renders the same whether or not the consuming
+ * app built its system from `logicianConfig` — and an app that wants to restyle
+ * it can still pass style props per part.
+ *
+ * Two clocks move the content, and they are deliberately separate:
+ *
+ * - **Presence** (open / close) is a keyframe animation on `translate`, timed by
+ *   the shared `presence` preset — enter on `motion.base`, exit on `fast`.
+ * - **Snap / release** is a transition on `transform`. Zag drives `transform`
+ *   inline from `--drawer-translate-y` while the sheet is dragged (and zeroes the
+ *   transition duration during the drag), so the transition only runs when a
+ *   finger lets go or the snap point changes.
+ *
+ * `translate` and `transform` compose, so the entrance never fights the drag.
+ *
+ * Reduced motion: `presence` swaps the slide for a plain fade (restated below so
+ * the recipe's own `animationName` cannot outrank it), and the snap transition
+ * drops to `motion.instant` so the sheet lands on its snap point without
+ * travelling there.
+ */
+const bottomSheetSlotRecipe = react.defineSlotRecipe({
+    className: 'logician-bottom-sheet',
+    slots: bottomSheetAnatomy.keys(),
+    base: {
+        backdrop: {
+            position: 'fixed',
+            insetInlineStart: 0,
+            top: 0,
+            w: '100vw',
+            h: '100dvh',
+            bg: 'blackAlpha.500',
+            zIndex: 'calc(var(--chakra-z-index-modal) + var(--layer-index, 0) - 1)',
+            // Fades with the finger: zag reports how far toward closed the sheet has
+            // been dragged as a 0–1 progress.
+            opacity: 'calc(1 - var(--drawer-swipe-progress, 0))',
+            animationStyle: 'presence',
+            _open: { animationName: 'fade-in' },
+            _closed: { animationName: 'fade-out' },
+        },
+        positioner: {
+            display: 'flex',
+            alignItems: 'flex-end',
+            justifyContent: 'center',
+            position: 'fixed',
+            insetInlineStart: 0,
+            top: 0,
+            w: '100vw',
+            h: '100dvh',
+            zIndex: 'calc(var(--chakra-z-index-modal) + var(--layer-index, 0))',
+            overscrollBehaviorY: 'none',
+        },
+        content: {
+            display: 'flex',
+            flexDirection: 'column',
+            position: 'relative',
+            w: '100%',
+            maxH: '85dvh',
+            outline: 0,
+            bg: 'bg.surface',
+            color: 'fg.default',
+            borderTopRadius: 'l3',
+            borderTopWidth: '1px',
+            borderColor: 'border.subtle',
+            boxShadow: 'lg',
+            // Keeps the last row and the footer clear of the iOS home indicator.
+            pb: 'env(safe-area-inset-bottom, 0px)',
+            animationStyle: 'presence',
+            _open: { animationName: 'slide-from-bottom-full' },
+            _closed: { animationName: 'slide-to-bottom-full' },
+            transitionProperty: 'transform',
+            transitionDuration: 'motion.base',
+            transitionTimingFunction: 'emphasized',
+            _motionReduce: {
+                transitionDuration: 'motion.instant',
+                _open: { animationName: 'fade-in' },
+                _closed: { animationName: 'fade-out' },
+            },
+        },
+        grabber: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexShrink: 0,
+            // A finger-sized strip, though the bar inside it is small.
+            h: '6',
+            cursor: 'grab',
+            _active: { cursor: 'grabbing' },
+        },
+        grabberIndicator: {
+            w: '10',
+            h: '1',
+            borderRadius: 'full',
+            bg: 'border.default',
+        },
+        header: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '2',
+            flexShrink: 0,
+            px: '4',
+            pt: '1',
+            pb: '3',
+            // Leave room for the absolutely placed close button so a long title
+            // wraps before it instead of running underneath it.
+            '[data-part=content]:has(> [data-part=close-trigger]) > &': {
+                pe: '12',
+            },
+        },
+        title: {
+            flex: '1',
+            minW: 0,
+            textStyle: 'h5',
+            color: 'fg.default',
+        },
+        description: {
+            color: 'fg.muted',
+        },
+        body: {
+            flex: '1',
+            minH: 0,
+            overflowY: 'auto',
+            overscrollBehavior: 'contain',
+            px: '4',
+            pb: '4',
+        },
+        footer: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            gap: '3',
+            flexShrink: 0,
+            px: '4',
+            pt: '3',
+            pb: '4',
+            borderTopWidth: '1px',
+            borderColor: 'border.subtle',
+        },
+        closeTrigger: {
+            position: 'absolute',
+            top: '3',
+            insetEnd: '3',
+        },
+    },
+});
+
+exports.bottomSheetAnatomy = bottomSheetAnatomy;
+exports.bottomSheetSlotRecipe = bottomSheetSlotRecipe;
+//# sourceMappingURL=BottomSheet.styles.js.map

package/dist/components/BottomSheet/BottomSheet.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.styles.js","sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"sourcesContent":[null],"names":["drawerAnatomy","defineSlotRecipe"],"mappings":"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"}

package/dist/components/BottomSheet/BottomSheet.styles.mjs

@@ -0,0 +1,161 @@
+"use client";
+import { drawerAnatomy } from '@ark-ui/react/drawer';
+import { defineSlotRecipe } from '@chakra-ui/react';
+
+/**
+ * Parts the sheet styles. Ark's drawer anatomy plus the three layout slots
+ * (`header` / `body` / `footer`) that have no machine behaviour of their own —
+ * the same extension Chakra makes for its dialog-backed `Drawer`.
+ */
+const bottomSheetAnatomy = drawerAnatomy.extendWith('header', 'body', 'footer');
+/**
+ * The BottomSheet's slot recipe.
+ *
+ * Passed to `createSlotRecipeContext({ recipe })` rather than registered in the
+ * theme under a key, so the sheet renders the same whether or not the consuming
+ * app built its system from `logicianConfig` — and an app that wants to restyle
+ * it can still pass style props per part.
+ *
+ * Two clocks move the content, and they are deliberately separate:
+ *
+ * - **Presence** (open / close) is a keyframe animation on `translate`, timed by
+ *   the shared `presence` preset — enter on `motion.base`, exit on `fast`.
+ * - **Snap / release** is a transition on `transform`. Zag drives `transform`
+ *   inline from `--drawer-translate-y` while the sheet is dragged (and zeroes the
+ *   transition duration during the drag), so the transition only runs when a
+ *   finger lets go or the snap point changes.
+ *
+ * `translate` and `transform` compose, so the entrance never fights the drag.
+ *
+ * Reduced motion: `presence` swaps the slide for a plain fade (restated below so
+ * the recipe's own `animationName` cannot outrank it), and the snap transition
+ * drops to `motion.instant` so the sheet lands on its snap point without
+ * travelling there.
+ */
+const bottomSheetSlotRecipe = defineSlotRecipe({
+    className: 'logician-bottom-sheet',
+    slots: bottomSheetAnatomy.keys(),
+    base: {
+        backdrop: {
+            position: 'fixed',
+            insetInlineStart: 0,
+            top: 0,
+            w: '100vw',
+            h: '100dvh',
+            bg: 'blackAlpha.500',
+            zIndex: 'calc(var(--chakra-z-index-modal) + var(--layer-index, 0) - 1)',
+            // Fades with the finger: zag reports how far toward closed the sheet has
+            // been dragged as a 0–1 progress.
+            opacity: 'calc(1 - var(--drawer-swipe-progress, 0))',
+            animationStyle: 'presence',
+            _open: { animationName: 'fade-in' },
+            _closed: { animationName: 'fade-out' },
+        },
+        positioner: {
+            display: 'flex',
+            alignItems: 'flex-end',
+            justifyContent: 'center',
+            position: 'fixed',
+            insetInlineStart: 0,
+            top: 0,
+            w: '100vw',
+            h: '100dvh',
+            zIndex: 'calc(var(--chakra-z-index-modal) + var(--layer-index, 0))',
+            overscrollBehaviorY: 'none',
+        },
+        content: {
+            display: 'flex',
+            flexDirection: 'column',
+            position: 'relative',
+            w: '100%',
+            maxH: '85dvh',
+            outline: 0,
+            bg: 'bg.surface',
+            color: 'fg.default',
+            borderTopRadius: 'l3',
+            borderTopWidth: '1px',
+            borderColor: 'border.subtle',
+            boxShadow: 'lg',
+            // Keeps the last row and the footer clear of the iOS home indicator.
+            pb: 'env(safe-area-inset-bottom, 0px)',
+            animationStyle: 'presence',
+            _open: { animationName: 'slide-from-bottom-full' },
+            _closed: { animationName: 'slide-to-bottom-full' },
+            transitionProperty: 'transform',
+            transitionDuration: 'motion.base',
+            transitionTimingFunction: 'emphasized',
+            _motionReduce: {
+                transitionDuration: 'motion.instant',
+                _open: { animationName: 'fade-in' },
+                _closed: { animationName: 'fade-out' },
+            },
+        },
+        grabber: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            flexShrink: 0,
+            // A finger-sized strip, though the bar inside it is small.
+            h: '6',
+            cursor: 'grab',
+            _active: { cursor: 'grabbing' },
+        },
+        grabberIndicator: {
+            w: '10',
+            h: '1',
+            borderRadius: 'full',
+            bg: 'border.default',
+        },
+        header: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '2',
+            flexShrink: 0,
+            px: '4',
+            pt: '1',
+            pb: '3',
+            // Leave room for the absolutely placed close button so a long title
+            // wraps before it instead of running underneath it.
+            '[data-part=content]:has(> [data-part=close-trigger]) > &': {
+                pe: '12',
+            },
+        },
+        title: {
+            flex: '1',
+            minW: 0,
+            textStyle: 'h5',
+            color: 'fg.default',
+        },
+        description: {
+            color: 'fg.muted',
+        },
+        body: {
+            flex: '1',
+            minH: 0,
+            overflowY: 'auto',
+            overscrollBehavior: 'contain',
+            px: '4',
+            pb: '4',
+        },
+        footer: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            gap: '3',
+            flexShrink: 0,
+            px: '4',
+            pt: '3',
+            pb: '4',
+            borderTopWidth: '1px',
+            borderColor: 'border.subtle',
+        },
+        closeTrigger: {
+            position: 'absolute',
+            top: '3',
+            insetEnd: '3',
+        },
+    },
+});
+
+export { bottomSheetAnatomy, bottomSheetSlotRecipe };
+//# sourceMappingURL=BottomSheet.styles.mjs.map

package/dist/components/BottomSheet/BottomSheet.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.styles.mjs","sources":["../../../src/components/BottomSheet/BottomSheet.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/BottomSheet/BottomSheet.types.d.ts

@@ -0,0 +1,43 @@
+import type { Drawer, UseDrawerContext } from '@ark-ui/react/drawer';
+import type { HTMLChakraProps, PortalProps } from '@chakra-ui/react';
+import type { IconButtonProps } from '../IconButton/IconButton.types';
+/**
+ * Props for `BottomSheet` — Ark's `Drawer.Root` props, unchanged, plus
+ * `portalProps`.
+ *
+ * Everything the machine does is configured here: `open` / `onOpenChange`,
+ * `snapPoints` / `defaultSnapPoint` / `snapPoint` / `onSnapPointChange`,
+ * `modal`, `closeOnInteractOutside`, `closeOnEscape`, `closeThreshold`,
+ * `swipeVelocityThreshold`, `preventDragOnScroll`, `lazyMount`,
+ * `unmountOnExit`, …
+ *
+ * Snap points that are numbers ≤ 1 are fractions of the **viewport** height,
+ * capped at the sheet's own height (`snapPoints={[0.4, 1]}` = 40% of the
+ * screen, then fully open). Strings take `px` / `rem` values.
+ */
+export type BottomSheetProps = Drawer.RootProps & {
+    /** Passed to the Chakra `Portal` the sheet renders into. */
+    portalProps?: PortalProps;
+};
+/**
+ * `HTMLChakraProps<'div'>` with Ark's content props folded in — which only
+ * changes `draggable`: on the sheet it is Ark's boolean "can a drag start from
+ * the content itself" (default `true`; `false` leaves the grabber as the only
+ * handle), not the HTML drag-and-drop attribute.
+ */
+export type BottomSheetContentProps = HTMLChakraProps<'div', Drawer.ContentBaseProps> & {
+    /**
+     * Renders the drag handle at the top of the sheet. The whole sheet can be
+     * dragged either way; the handle is the visible affordance.
+     * @default true
+     */
+    showGrabber?: boolean;
+};
+export type BottomSheetHeaderProps = HTMLChakraProps<'div'>;
+export type BottomSheetBodyProps = HTMLChakraProps<'div'>;
+export type BottomSheetFooterProps = HTMLChakraProps<'div'>;
+export type BottomSheetOverlayProps = HTMLChakraProps<'div'>;
+export type BottomSheetCloseButtonProps = Partial<IconButtonProps>;
+/** What `useBottomSheetContext()` returns — Ark's drawer API. */
+export type BottomSheetContextValue = UseDrawerContext;
+//# sourceMappingURL=BottomSheet.types.d.ts.map

package/dist/components/BottomSheet/BottomSheet.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEtE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,GAAG;IAChD,4DAA4D;IAC5D,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,uBAAuB,GAAG,eAAe,CACnD,KAAK,EACL,MAAM,CAAC,gBAAgB,CACxB,GAAG;IACF;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAC1D,MAAM,MAAM,sBAAsB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAC7D,MAAM,MAAM,2BAA2B,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAEnE,iEAAiE;AACjE,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC"}

package/dist/components/BottomSheet/BottomSheetBody.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * The scrolling region. Takes whatever height the header and footer leave and
+ * scrolls inside it; zag only starts a drag from here once the list is scrolled
+ * to the top (`preventDragOnScroll`), so scrolling a list never drags the sheet.
+ */
+export declare const BottomSheetBody: React.ForwardRefExoticComponent<Omit<import("@chakra-ui/react").PatchHtmlProps<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">>, "color" | "translate" | "transition" | "width" | "height" | "content" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "page" | "container" | "css" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "anchorName" | "anchorScope" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationRange" | "animationRangeEnd" | "animationRangeStart" | "animationTimeline" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "clipRule" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zIndex" | "zoom" | "alignmentBaseline" | "baselineShift" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "bg" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | keyof import("@chakra-ui/react").PolymorphicProps> & Omit<import("@chakra-ui/react").JsxStyleProps, never> & import("@chakra-ui/react").PolymorphicProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BottomSheetBody.d.ts.map

package/dist/components/BottomSheet/BottomSheetBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheetBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C;;;;GAIG;AACH,eAAO,MAAM,eAAe,0ucAE3B,CAAC"}

package/dist/components/BottomSheet/BottomSheetBody.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var BottomSheetContext = require('./BottomSheetContext.js');
+
+/**
+ * The scrolling region. Takes whatever height the header and footer leave and
+ * scrolls inside it; zag only starts a drag from here once the list is scrolled
+ * to the top (`preventDragOnScroll`), so scrolling a list never drags the sheet.
+ */
+const BottomSheetBody = React.forwardRef((props, ref) => jsxRuntime.jsx(BottomSheetContext.StyledBody, { ref: ref, ...props }));
+BottomSheetBody.displayName = 'BottomSheetBody';
+
+exports.BottomSheetBody = BottomSheetBody;
+//# sourceMappingURL=BottomSheetBody.js.map

package/dist/components/BottomSheet/BottomSheetBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetBody.js","sources":["../../../src/components/BottomSheet/BottomSheetBody.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","StyledBody"],"mappings":";;;;;;;AAKA;;;;AAIG;MACU,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAKC,cAAA,CAACC,6BAAU,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AAGrD,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/BottomSheet/BottomSheetBody.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { StyledBody } from './BottomSheetContext.mjs';
+
+/**
+ * The scrolling region. Takes whatever height the header and footer leave and
+ * scrolls inside it; zag only starts a drag from here once the list is scrolled
+ * to the top (`preventDragOnScroll`), so scrolling a list never drags the sheet.
+ */
+const BottomSheetBody = forwardRef((props, ref) => jsx(StyledBody, { ref: ref, ...props }));
+BottomSheetBody.displayName = 'BottomSheetBody';
+
+export { BottomSheetBody };
+//# sourceMappingURL=BottomSheetBody.mjs.map