@astryxdesign/lab 0.4.1-canary.fb0b7a9 → 0.4.2-canary.356d2f9

package/dist/BottomSheet/BottomSheet.d.ts

@@ -29,7 +29,7 @@ interface BottomSheetSharedProps extends BaseProps<HTMLDivElement> {
     label: string;
     /** Sheet content, rendered below the grab handle in a scrollable area. */
     children: ReactNode;
-    /** Height budget or custom CSS length. @default 'capped' */
+    /** Height budget or custom CSS length. Only fully expanded Tall is keyboard-aware. @default 'capped' */
     height?: BottomSheetHeight | number | string;
 }
 interface StandaloneBottomSheetProps extends BottomSheetSharedProps {

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAkBlD,YAAY,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AA4D1D,UAAU,sBAAuB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IAEd,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IAEpB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;CAC9C;AAED,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAC1B,0BAA0B,GAAG,wBAAwB,CAAC;AA6UxD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA6BlD;yBA7Be,WAAW"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAkBlD,YAAY,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oBAAoB,CAAC;AA2D1D,UAAU,sBAAuB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IAEd,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IAEpB,wGAAwG;IACxG,MAAM,CAAC,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;CAC9C;AAED,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAC1B,0BAA0B,GAAG,wBAAwB,CAAC;AAwUxD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA6BlD;yBA7Be,WAAW"}

package/dist/BottomSheet/BottomSheet.js

@@ -84,7 +84,6 @@ function StandaloneBottomSheet({
   ...props
 }) {
   const dialogRef = useRef(null);
-  const positionerRef = useRef(null);
   const panelRef = useRef(null);
   const triggerRef = useRef(null);
   const [isPresented, setIsPresented] = useState(isOpen);
@@ -192,9 +191,8 @@ function StandaloneBottomSheet({
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     children: /*#__PURE__*/_jsx("div", {
-      ref: positionerRef,
       ...{
-        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl x2327dg"
+        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl"
       },
       children: /*#__PURE__*/_jsx(BottomSheetPanel, {
         ...props,
@@ -204,7 +202,6 @@ function StandaloneBottomSheet({
         xstyle: xstyle,
         onDismiss: close,
         onScrimOpacity: handleScrimOpacity,
-        positionerRef: positionerRef,
         onElementChange: handlePanelElementChange,
         onMotionComplete: handleMotionComplete,
         children: children
@@ -242,7 +239,6 @@ function SwitcherBottomSheetItem({
   const isInactive = phase === 'covered' || phase === 'aligning' || phase === 'fading' || phase === 'exiting';
   const isPresented = phase !== 'hidden';
   const isTopSheet = phase === 'active' || phase === 'entering';
-  const positionerRef = useRef(null);
   const panelRef = useRef(null);
   const previousPhaseRef = useRef(phase);
   const previousPhase = previousPhaseRef.current;
@@ -299,19 +295,18 @@ function SwitcherBottomSheetItem({
   }, [hasScrim, isInteractive, phase, previousPhase]);
   useDevWarning('BottomSheet', 'requires a non-empty `label` for an accessible name; the open sheet ' + 'has no built-in heading to derive one from.', isInteractive && !label);
   return /*#__PURE__*/_jsx("div", {
-    ref: positionerRef,
     ...{
       0: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl x2327dg"
+        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl"
       },
       2: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x2327dg x1s85apg"
+        className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg"
       },
       1: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl x2327dg x1vjfegm"
+        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl x1vjfegm"
       },
       3: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x2327dg x1s85apg x1vjfegm"
+        className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg x1vjfegm"
       }
     }[!!!isPresented << 1 | !!isTopSheet << 0],
     hidden: !isPresented,
@@ -325,7 +320,6 @@ function SwitcherBottomSheetItem({
       xstyle: xstyle,
       onDismiss: close,
       onScrimOpacity: handleScrimOpacity,
-      positionerRef: positionerRef,
       onElementChange: handlePanelElementChange,
       onMotionStart: handleMotionStart,
       onMotionComplete: handleMotionComplete,

package/dist/BottomSheet/BottomSheetPanel.d.ts

@@ -14,7 +14,7 @@
  * - /packages/lab/src/BottomSheet/BottomSheetPanel.test.tsx
  * - /packages/lab/src/BottomSheet/useSheetGestures.ts
  */
-import { type RefObject, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { BaseProps } from '@astryxdesign/core';
 declare const HEIGHT_BUDGETS: {
     readonly hug: "92dvh";
@@ -43,13 +43,12 @@ interface BottomSheetPanelProps extends BaseProps<HTMLDivElement> {
     children: ReactNode;
     onDismiss: () => void;
     onScrimOpacity: (opacity: number) => void;
-    positionerRef?: RefObject<HTMLDivElement | null>;
     onElementChange?: (element: HTMLDivElement | null) => void;
     onMotionStart?: (motion: BottomSheetPanelMotion) => void;
     onMotionComplete?: (motion: BottomSheetPanelMotion) => void;
 }
 /** Internal visual and gesture surface shared by every BottomSheet host. */
-export declare function BottomSheetPanel({ ref, state, height, children, className, style, tabIndex, xstyle, onDismiss, onScrimOpacity, positionerRef, onElementChange, onMotionStart, onMotionComplete, ...props }: BottomSheetPanelProps): import("react").JSX.Element;
+export declare function BottomSheetPanel({ ref, state, height, children, className, style, tabIndex, xstyle, onDismiss, onScrimOpacity, onElementChange, onMotionStart, onMotionComplete, ...props }: BottomSheetPanelProps): import("react").JSX.Element;
 export declare namespace BottomSheetPanel {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetPanel.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetPanel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAgBlD,QAAA,MAAM,cAAc;;;;CAIV,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAC;AA4F5D,MAAM,MAAM,sBAAsB,GAChC,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAC7B;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAChB;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,GACjC;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;CACzB,GACD;IAAC,IAAI,EAAE,SAAS,CAAA;CAAC,CAAC;AAEtB,UAAU,qBAAsB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC7D;AA+GD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,aAAa,EACb,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,+BA2KvB;yBA3Le,gBAAgB"}
+{"version":3,"file":"BottomSheetPanel.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetPanel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAgBlD,QAAA,MAAM,cAAc;;;;CAIV,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAC;AA8F5D,MAAM,MAAM,sBAAsB,GAChC,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAC7B;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAChB;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,GACjC;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;CACzB,GACD;IAAC,IAAI,EAAE,SAAS,CAAA;CAAC,CAAC;AAEtB,UAAU,qBAAsB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC7D;AA+GD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAkLvB;yBAjMe,gBAAgB"}

package/dist/BottomSheet/BottomSheetPanel.js

@@ -190,7 +190,6 @@ export function BottomSheetPanel({
   xstyle,
   onDismiss,
   onScrimOpacity,
-  positionerRef,
   onElementChange,
   onMotionStart,
   onMotionComplete,
@@ -198,7 +197,6 @@ export function BottomSheetPanel({
 }) {
   const elementRef = useRef(null);
   const bodyElementRef = useRef(null);
-  const fallbackPositionerRef = useRef(null);
   const previousStateRef = useRef(state);
   const reactivatedEntranceRef = useRef(false);
   const onMotionStartRef = useRef(onMotionStart);
@@ -219,6 +217,7 @@ export function BottomSheetPanel({
     onMotionCompleteRef.current = onMotionComplete;
   }, [onMotionComplete, onMotionStart, state]);
   const isInteractive = state.kind === 'open';
+  const isPresented = state.kind !== 'hidden';
   const isRetained = state.kind === 'retained';
   const isInactive = isRetained || state.kind === 'exiting';
   const isClosing = state.kind === 'exiting';
@@ -250,10 +249,11 @@ export function BottomSheetPanel({
   useMobileKeyboard({
     bodyRef: bodyElementRef,
     bottomClearance: MOBILE_KEYBOARD_BOTTOM_CLEARANCE,
+    isEnabled: height === 'tall',
+    isFullyExpanded: settledOffset === 0,
     isSheetTraveling: isDragging && dragOffset !== settledOffset,
     isOpen: isInteractive,
-    positionerRef: positionerRef ?? fallbackPositionerRef,
-    preserveSheetHeight: height === 'hug',
+    isPresented,
     sheetRef: elementRef
   });
   // Keep controller registration attached to one stable host ref. React
@@ -326,8 +326,13 @@ export function BottomSheetPanel({
       })
     }), /*#__PURE__*/_jsx("div", {
       ...{
-        className: "x1iyjqo2 x2lwn1j x1odjw0f xrw9175 x8du1vd xx69xxh x1s928wv xhkezso xu6fald x2q1x1w"
-      },
+        0: {
+          className: "x1iyjqo2 x2lwn1j x1odjw0f x8du1vd xx69xxh"
+        },
+        1: {
+          className: "x1iyjqo2 x2lwn1j x1odjw0f x8du1vd xx69xxh xrw9175 x1s928wv xhkezso xu6fald x2q1x1w"
+        }
+      }[!!(height === 'tall') << 0],
       ...bodyProps,
       ref: setBodyElement,
       children: children

package/dist/BottomSheet/BottomSheetSwitcher.d.ts

@@ -13,7 +13,7 @@
  *
  * All child sheets render as panels inside one switcher-owned `<dialog>`. A
  * scrim flow calls showModal() once and keeps that native top-layer dialog open
- * across every handoff. A no-scrim flow calls show() on the same inline shell.
+ * across every handoff. A no-scrim flow calls show() on the same non-modal shell.
  * This keeps one modal boundary and one native ::backdrop without a portal.
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -41,7 +41,7 @@ export interface BottomSheetSwitcherProps extends BaseProps<HTMLDialogElement> {
     onActiveSheetChange: (sheetId: string | null) => void;
     /**
      * Whether to open the shared dialog modally with its native ::backdrop.
-     * Disable for an inline, non-modal flow over an interactive page.
+     * Disable for a viewport-anchored, non-modal flow over an interactive page.
      * @default true
      */
     hasScrim?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetSwitcher.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetSwitcher.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAmIlD,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC5E,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE9D;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,iEAAiE;IACjE,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,mBAAmB,EACnB,QAAe,EACf,QAAQ,EACR,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,+BAsX1B;yBAnYe,mBAAmB"}
+{"version":3,"file":"BottomSheetSwitcher.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetSwitcher.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAkIlD,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC5E,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE9D;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,iEAAiE;IACjE,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,mBAAmB,EACnB,QAAe,EACf,QAAQ,EACR,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,+BAmX1B;yBAhYe,mBAAmB"}

package/dist/BottomSheet/BottomSheetSwitcher.js

@@ -17,7 +17,7 @@
  *
  * All child sheets render as panels inside one switcher-owned `<dialog>`. A
  * scrim flow calls showModal() once and keeps that native top-layer dialog open
- * across every handoff. A no-scrim flow calls show() on the same inline shell.
+ * across every handoff. A no-scrim flow calls show() on the same non-modal shell.
  * This keeps one modal boundary and one native ::backdrop without a portal.
  *
  * SYNC: When modified, update these files to stay in sync:
@@ -32,7 +32,7 @@ import * as stylex from '@stylexjs/stylex';
 import '@astryxdesign/core/theme/tokens.stylex';
 import { colorVars, durationVars, easeVars } from '@astryxdesign/core/theme/tokens.stylex';
 import { hasActiveFocusTrapEscape, isImeKeyEvent, useFocusTrap, useScrollLock } from '@astryxdesign/core/hooks';
-import { composeEventHandlers, mergeProps, mergeRefs, themeProps } from '@astryxdesign/core/utils';
+import { composeEventHandlers, mergeProps, mergeRefs } from '@astryxdesign/core/utils';
 import { BottomSheetSwitcherContext } from "./BottomSheetSwitcherContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
@@ -353,7 +353,7 @@ export function BottomSheetSwitcher({
     }
   }, [close, hasScrim]);
   const dialogStyleProps = stylex.props(styles.dialog, isFlowVisible && styles.dialogOpen, hasScrim && styles.scrim, !hasScrim && styles.dialogNonModal, xstyle);
-  const dialogPresentationProps = hasScrim ? mergeProps(themeProps('bottom-sheet-switcher-scrim'), dialogStyleProps, className, style) : mergeProps(dialogStyleProps, className, style);
+  const dialogPresentationProps = mergeProps(dialogStyleProps, className, style);
   const ariaLabel = props['aria-label'] ?? (props['aria-labelledby'] == null ? activeLabel : undefined);
   return /*#__PURE__*/_jsx(BottomSheetSwitcherContext.Provider, {
     value: contextValue,

package/dist/BottomSheet/index.d.ts

@@ -5,7 +5,7 @@
  * @position Lab entry point for the BottomSheet directory
  */
 export { BottomSheet } from './BottomSheet';
-export type { BottomSheetProps } from './BottomSheet';
+export type { BottomSheetHeight, BottomSheetProps } from './BottomSheet';
 export { BottomSheetSwitcher } from './BottomSheetSwitcher';
 export type { BottomSheetSwitcherProps } from './BottomSheetSwitcher';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/index.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC"}

package/dist/BottomSheet/index.js

@@ -1,11 +1,12 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
+'use client';
+
 /**
  * @file index.ts
  * @input BottomSheet.tsx, BottomSheetSwitcher.tsx
  * @output Re-exports the BottomSheet public API
  * @position Lab entry point for the BottomSheet directory
  */
-
 export { BottomSheet } from "./BottomSheet.js";
 export { BottomSheetSwitcher } from "./BottomSheetSwitcher.js";

package/dist/BottomSheet/snapOffsets.d.ts

@@ -20,7 +20,7 @@
  */
 export declare const DETENT_DEDUP_PX = 48;
 /** Resolve snap points given as viewport fractions (0, 1] to px heights. */
-export declare function snapFractionsToHeights(fractions: readonly number[], viewportPx: number): number[];
+export declare function snapFractionsToHeights(fractions: ReadonlyArray<number>, viewportPx: number): number[];
 /**
  * Given the sheet's full height (px, as rendered fully open) and a set of
  * candidate detent *visible heights* (px), return the resting translateY
@@ -32,9 +32,9 @@ export declare function snapFractionsToHeights(fractions: readonly number[], vie
  * - Offsets closer than `dedupPx` collapse to the smaller (taller) offset, so
  *   near-identical detents — e.g. a hug height ≈ a snap point — become one stop.
  */
-export declare function computeDetentOffsets(sheetHeight: number, detentHeights: readonly number[], dedupPx?: number): number[];
+export declare function computeDetentOffsets(sheetHeight: number, detentHeights: ReadonlyArray<number>, dedupPx?: number): number[];
 /** Nearest value in `offsets` to `value` (offsets must be non-empty). */
-export declare function nearestOffset(value: number, offsets: readonly number[]): number;
+export declare function nearestOffset(value: number, offsets: ReadonlyArray<number>): number;
 /**
  * Minimum scrim opacity at the peek detent. The scrim thins to a glance state
  * but never fully vanishes, because a modal sheet keeps the background inert —
@@ -51,12 +51,12 @@ export declare const MIN_PEEK_SCRIM_OPACITY = 0.3;
  * A single-detent sheet has no peek, so it instead fades all the way to 0
  * across the dismiss overshoot toward `dismissOffset` (the sheet is leaving).
  */
-export declare function scrimOpacityForOffset(offset: number, offsets: readonly number[], dismissOffset: number): number;
+export declare function scrimOpacityForOffset(offset: number, offsets: ReadonlyArray<number>, dismissOffset: number): number;
 /**
  * Settle target for a released drag. Restricts candidates to the drag
  * direction so a committed drag never snaps *back past* where it started
  * (a down-drag settles at/below the start, an up-drag at/above), then picks
  * the nearest remaining detent. `dir`: 1 = dragged down, -1 = up, 0 = neither.
  */
-export declare function resolveSettleOffset(value: number, offsets: readonly number[], dir: number, baseOffset: number): number;
+export declare function resolveSettleOffset(value: number, offsets: ReadonlyArray<number>, dir: number, baseOffset: number): number;
 //# sourceMappingURL=snapOffsets.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"snapOffsets.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/snapOffsets.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,4EAA4E;AAC5E,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,SAAS,MAAM,EAAE,EAC5B,UAAU,EAAE,MAAM,GACjB,MAAM,EAAE,CAEV;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,SAAS,MAAM,EAAE,EAChC,OAAO,GAAE,MAAwB,GAChC,MAAM,EAAE,CAcV;AAED,yEAAyE;AACzE,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,SAAS,MAAM,EAAE,GACzB,MAAM,CAKR;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,aAAa,EAAE,MAAM,GACpB,MAAM,CAeR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,GACjB,MAAM,CAcR"}
+{"version":3,"file":"snapOffsets.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/snapOffsets.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAEH;;;;;GAKG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,4EAA4E;AAC5E,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,EAChC,UAAU,EAAE,MAAM,GACjB,MAAM,EAAE,CAEV;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,aAAa,CAAC,MAAM,CAAC,EACpC,OAAO,GAAE,MAAwB,GAChC,MAAM,EAAE,CAcV;AAED,yEAAyE;AACzE,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,GAC7B,MAAM,CAKR;AAED;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,EAC9B,aAAa,EAAE,MAAM,GACpB,MAAM,CAeR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,EAC9B,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,MAAM,GACjB,MAAM,CAcR"}

package/dist/BottomSheet/useMobileKeyboard.d.ts

@@ -4,23 +4,22 @@
  * @output Exports internal useMobileKeyboard hook
  * @position Internal to BottomSheet; not exported from the lab entry point
  *
- * Keeps focused controls inside the visual viewport without resizing the
- * sheet. When the on-screen keyboard covers the stable layout viewport, it
- * extends the body's internal scroll range and reveals only the focused
- * control. A short sheet lifts just enough to expose a usable focus area while
- * retaining its measured height. Starting sheet travel or closing the sheet
- * blurs the field and dismisses the keyboard.
+ * Gives a fully expanded, explicitly Tall sheet a keyboard-aware internal
+ * scroll range while leaving the sheet itself stationary. Shorter detents and
+ * other heights opt out entirely. Starting Tall-sheet travel or closing the
+ * sheet blurs the field and dismisses the keyboard.
  */
 import { type RefObject } from 'react';
 interface UseMobileKeyboardOptions {
     bodyRef: RefObject<HTMLDivElement | null>;
     bottomClearance: number;
+    isEnabled: boolean;
+    isFullyExpanded: boolean;
     isSheetTraveling: boolean;
     isOpen: boolean;
-    positionerRef: RefObject<HTMLDivElement | null>;
-    preserveSheetHeight: boolean;
+    isPresented: boolean;
     sheetRef: RefObject<HTMLDivElement | null>;
 }
-export declare function useMobileKeyboard({ bodyRef, bottomClearance, isSheetTraveling, isOpen, positionerRef, preserveSheetHeight, sheetRef, }: UseMobileKeyboardOptions): void;
+export declare function useMobileKeyboard({ bodyRef, bottomClearance, isEnabled, isFullyExpanded, isSheetTraveling, isOpen, isPresented, sheetRef, }: UseMobileKeyboardOptions): void;
 export {};
 //# sourceMappingURL=useMobileKeyboard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMobileKeyboard.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/useMobileKeyboard.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBxD,UAAU,wBAAwB;IAChC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,mBAAmB,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC5C;AAuFD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,QAAQ,GACT,EAAE,wBAAwB,GAAG,IAAI,CAwYjC"}
+{"version":3,"file":"useMobileKeyboard.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/useMobileKeyboard.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAoB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBxD,UAAU,wBAAwB;IAChC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC5C;AAsGD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,eAAe,EACf,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE,wBAAwB,GAAG,IAAI,CA4ZjC"}