@astryxdesign/lab 0.4.3-canary.b3dd679 → 0.4.3-canary.dc90488

package/dist/index.d.ts

@@ -16,7 +16,6 @@ export { TransferList, TransferListSelector, transferListVars, type TransferList
 export { ChatReasoning, type ChatReasoningProps, } from './ChatReasoning/ChatReasoning';
 export * from './Chat';
 export { Drawer, type DrawerProps } from './Drawer';
-export { BottomSheet, type BottomSheetHeight, type BottomSheetProps, BottomSheetSwitcher, type BottomSheetSwitcherProps, } from './BottomSheet';
 export { Tour, type TourProps, TourStep, type TourStepProps, useTour, type UseTourReturn, type TourDismissSource, } from './Tour';
 export { Stat, type StatProps, type StatDelta, type StatDeltaDirection, type StatDeltaSentiment, type StatSize, } from './Stat';
 export * from './Schedule';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -29,9 +29,6 @@ export * from "./Chat/index.js";
 // Drawer — experimental overlay panel
 export { Drawer } from "./Drawer/index.js";
 
-// BottomSheet — mobile touch sheet on a native modal <dialog>
-export { BottomSheet, BottomSheetSwitcher } from "./BottomSheet/index.js";
-
 // Tour — guided product-tour / NUX walkthrough (facebook/astryx#4239)
 export { Tour, TourStep, useTour } from "./Tour/index.js";
 

package/dist/lab.css

@@ -129,7 +129,6 @@
   .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
   .x1rea2x4:not(#\#):not(#\#){overflow:visible}
   .xish69e:not(#\#):not(#\#){overscroll-behavior:contain}
-  .x8du1vd:not(#\#):not(#\#){overscroll-behavior:none}
   .xt970qd:not(#\#):not(#\#){padding-block:0}
   .xsplgde:not(#\#):not(#\#){padding-block:1px}
   .x13f7esw:not(#\#):not(#\#){padding-block:var(--spacing-0-5)}
@@ -253,8 +252,6 @@
   .x1j92z86:not(#\#):not(#\#):not(#\#){border-inline-start-color:var(--color-border)}
   .x1t7ytsu:not(#\#):not(#\#):not(#\#){border-inline-start-style:solid}
   .xgbv0en:not(#\#):not(#\#):not(#\#){border-inline-start-width:var(--border-width)}
-  .x7hs6f1:not(#\#):not(#\#):not(#\#){border-start-end-radius:var(--radius-container)}
-  .x81l70g:not(#\#):not(#\#):not(#\#){border-start-start-radius:var(--radius-container)}
   .x18oyj42:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 1px var(--color-accent)}
   .xefcaua:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 2px var(--color-background-surface),0 0 0 4px var(--color-accent),0 0 0 9999px var(--color-overlay)}
   .xr5mita:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 2px var(--color-background-surface),0 0 0 4px var(--color-accent)}
@@ -434,7 +431,6 @@
   .xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
   .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
   .xxs79tx:not(#\#):not(#\#):not(#\#){row-gap:0}
-  .xrw9175:not(#\#):not(#\#):not(#\#){scroll-padding-block-end:48px}
   .x185mbhu:not(#\#):not(#\#):not(#\#){scrollbar-gutter:stable}
   .x1597r2g:not(#\#):not(#\#):not(#\#){scrollbar-width:thin}
   .x1owpc8m:not(#\#):not(#\#):not(#\#){stroke-linecap:round}
@@ -478,7 +474,6 @@
   .xxnu56j:not(#\#):not(#\#):not(#\#){transition-property:stroke-dashoffset}
   .x1gfj591:not(#\#):not(#\#):not(#\#){transition-property:top,left,width,height}
   .x1yw18vd:not(#\#):not(#\#):not(#\#){transition-property:transform,max-width,display}
-  .xwcsmn1:not(#\#):not(#\#):not(#\#){transition-property:transform,opacity}
   .x9lcvmn:not(#\#):not(#\#):not(#\#){transition-timing-function:ease-out}
   .xlr8y92:not(#\#):not(#\#):not(#\#){transition-timing-function:var(--ease-standard)}
   .x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
@@ -489,12 +484,10 @@
   .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
   .x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
   .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
-  .x1q1rmc8:not(#\#):not(#\#):not(#\#){will-change:transform,opacity}
   .x1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
   .x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
   .x98t3bc:not(#\#):not(#\#):not(#\#){writing-mode:vertical-rl}
   .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
-  .xfo81ep:not(#\#):not(#\#):not(#\#){z-index:1000}
   .x1355qak:not(#\#):not(#\#):not(#\#){z-index:20}
   .xr3buco:not(#\#):not(#\#):not(#\#){z-index:var(--x-zIndex)}
   .x1rmeqbc.x1rmeqbc:where(.x1fcdk97:first-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
@@ -541,7 +534,6 @@
   .x1ey2m1c:not(#\#):not(#\#):not(#\#):not(#\#){bottom:0}
   .xdd4er5:not(#\#):not(#\#):not(#\#):not(#\#){bottom:auto}
   .x1hmuevu:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--spacing-3)}
-  .x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}
   .xtdtrs8:not(#\#):not(#\#):not(#\#):not(#\#){height:100dvh}
   .x170jfvy:not(#\#):not(#\#):not(#\#):not(#\#){height:10px}
   .x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
@@ -553,16 +545,12 @@
   .x1ycjhwn:not(#\#):not(#\#):not(#\#):not(#\#){height:5px}
   .x1d9x2de:not(#\#):not(#\#):not(#\#):not(#\#){height:640px}
   .xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
-  .x1tpcejd:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--_sheet-budget) + 48px)}
-  .xg7h5cd:not(#\#):not(#\#):not(#\#):not(#\#){height:fit-content}
   .xhigkf7:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--icon-size)}
   .x11c6zpc:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-1)}
-  .x1k15mir:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-12)}
   .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-4)}
   .x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-5)}
   .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
   .x1unci72:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--spacing-4)}
-  .x1if0o47:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:-48px}
   .xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0-5)}
   .x1p37lm5:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-2)}
   .x160xvyo:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-1) * -1)}
@@ -570,14 +558,12 @@
   .xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-2)}
   .x1vhfslr:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--x-marginBlockStart)}
   .x12ajvvl:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100vh - 32px)}
-  .x14bu9tk:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(92dvh + 48px)}
   .xedcshv:not(#\#):not(#\#):not(#\#):not(#\#){max-height:inherit}
   .x7ab17h:not(#\#):not(#\#):not(#\#):not(#\#){max-height:none}
   .x9rxgia:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--transfer-list-panel-max-block-size)}
   .x1jols5v:not(#\#):not(#\#):not(#\#):not(#\#){max-height:var(--x-maxHeight)}
   .x1va8c73:not(#\#):not(#\#):not(#\#):not(#\#){max-width:320px}
   .x1k2d6hx:not(#\#):not(#\#):not(#\#):not(#\#){max-width:44px}
-  .x11gisft:not(#\#):not(#\#):not(#\#):not(#\#){max-width:640px}
   .x1x1rfll:not(#\#):not(#\#):not(#\#):not(#\#){max-width:none}
   .xf68679:not(#\#):not(#\#):not(#\#):not(#\#){max-width:var(--x-maxWidth)}
   .x2lwn1j:not(#\#):not(#\#):not(#\#):not(#\#){min-height:0}
@@ -596,9 +582,7 @@
   .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
   .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:hidden}
   .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
-  .x18d9i69:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}
   .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1px}
-  .x1wkw6tp:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(env(safe-area-inset-bottom,0px) + 48px)}
   .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
   .xpgmcrp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--icon-block-offset)}
   .xbx876j:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0-5)}
@@ -620,7 +604,6 @@
   .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#){width:32px}
   .x1ftt334:not(#\#):not(#\#):not(#\#):not(#\#){width:5px}
   .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
-  .x1m747yf:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--size-element-lg)}
   .xx9zwd3:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-1)}
   .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
   .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}
@@ -654,19 +637,15 @@
   .xnixb3f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{background-color:var(--color-overlay)}
   .x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}
   .x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:""}
-  .xhkezso:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{display:block}
   .xxxjk75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:-1px}
   .xh7j7mt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-6px}
   .xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}
   .xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:1}
-  .xni466t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:var(--_sheet-scrim-opacity,1)}
   .x2q1x1w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{pointer-events:none}
   .xkk1bqk:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{pointer-events:none}
   .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
   .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
-  .x142juwg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-behavior:allow-discrete}
   .xft5bk6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:var(--duration-medium)}
-  .xc0dz0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-property:opacity,display}
   .x167zut7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-property:opacity}
   .x15h3t91:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-timing-function:var(--ease-standard)}
   .x1jg531d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{z-index:2}
@@ -679,7 +658,6 @@
   .x1mprab4:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{bottom:calc(-1 * var(--spacing-0-5))}
   .x17zp9gg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{height:10px}
   .x1bymyaz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:10px}
-  .xu6fald:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:var(--_sheet-keyboard-inset,0px)}
   .x1a9plwg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:var(--spacing-0-5)}
   .xiiru4q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{height:var(--spacing-0-5)}
   .x1mpa3hi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-6px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.4.3-canary.b3dd679",
+  "version": "0.4.3-canary.dc90488",
   "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
   "author": "Meta Open Source",
   "license": "MIT",
@@ -45,7 +45,7 @@
   },
   "peerDependencies": {
     "@stylexjs/stylex": ">=0.10.0",
-    "@astryxdesign/core": "0.4.3-canary.b3dd679",
+    "@astryxdesign/core": "0.4.3-canary.dc90488",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
@@ -55,7 +55,7 @@
     "d3-shape": "^3.2.0"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.4.3-canary.b3dd679",
+    "@astryxdesign/cli": "0.4.3-canary.dc90488",
     "@types/d3-array": "^3.2.2",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",

package/src/index.ts

@@ -45,15 +45,6 @@ export * from './Chat';
 // Drawer — experimental overlay panel
 export {Drawer, type DrawerProps} from './Drawer';
 
-// BottomSheet — mobile touch sheet on a native modal <dialog>
-export {
-  BottomSheet,
-  type BottomSheetHeight,
-  type BottomSheetProps,
-  BottomSheetSwitcher,
-  type BottomSheetSwitcherProps,
-} from './BottomSheet';
-
 // Tour — guided product-tour / NUX walkthrough (facebook/astryx#4239)
 export {
   Tour,

package/dist/BottomSheet/BottomSheet.d.ts

@@ -1,65 +0,0 @@
-/**
- * @file BottomSheet.tsx
- * @input Uses React, StyleX, core hooks/utils, BottomSheetPanel, BottomSheetSwitcherContext
- * @output Exports BottomSheet component and BottomSheetProps
- * @position Public BottomSheet router plus private standalone/switcher hosts
- *
- * BottomSheet selects one of two focused hosts. A standalone host owns its
- * native dialog lifecycle; a switcher item participates in the parent's shared
- * dialog and transition state machine. Both render the same BottomSheetPanel,
- * which owns sheet presentation, gestures, mobile-keyboard accommodation, and
- * motion completion.
- *
- * SYNC: When modified, update these files to stay in sync:
- * - /packages/lab/src/BottomSheet/BottomSheetPanel.tsx
- * - /packages/lab/src/BottomSheet/BottomSheet.doc.mjs
- * - /packages/lab/src/BottomSheet/BottomSheet.test.tsx
- * - /packages/lab/src/BottomSheet/BottomSheetSwitcher.tsx
- * - /packages/lab/src/BottomSheet/BottomSheetSwitcher.test.tsx
- * - /apps/storybook/stories/BottomSheet.stories.tsx
- */
-import { type ReactNode } from 'react';
-import type { BaseProps } from '@astryxdesign/core';
-import type { DialogPurpose } from '@astryxdesign/core/Dialog';
-export type { BottomSheetHeight } from './BottomSheetPanel';
-import type { BottomSheetHeight } from './BottomSheetPanel';
-interface BottomSheetSharedProps extends BaseProps<HTMLDivElement> {
-    /** Ref forwarded to the visual sheet panel <div>. */
-    ref?: React.Ref<HTMLDivElement>;
-    /** Accessible label for the sheet. */
-    label: string;
-    /** Sheet content, rendered below the grab handle in a scrollable area. */
-    children: ReactNode;
-    /** Height budget or custom CSS length. Only fully expanded Tall is keyboard-aware. @default 'capped' */
-    height?: BottomSheetHeight | number | string;
-    /**
-     * Configures implicit dismissal behavior, matching Dialog.
-     * - required: Blocks swipe, scrim click, and Escape
-     * - form: Blocks swipe and scrim click, allows Escape
-     * - info: Allows swipe, scrim click, and Escape
-     * @default 'info'
-     */
-    purpose?: DialogPurpose;
-}
-interface StandaloneBottomSheetProps extends BottomSheetSharedProps {
-    isOpen: boolean;
-    onOpenChange: (isOpen: boolean) => void;
-    hasScrim?: boolean;
-    sheetId?: never;
-}
-interface SwitcherBottomSheetProps extends BottomSheetSharedProps {
-    sheetId: string;
-    isOpen?: never;
-    onOpenChange?: never;
-    hasScrim?: never;
-}
-export type BottomSheetProps = StandaloneBottomSheetProps | SwitcherBottomSheetProps;
-/**
- * A mobile touch sheet that either owns a native dialog or participates in a
- * BottomSheetSwitcher shared dialog when given a sheetId inside that context.
- */
-export declare function BottomSheet(props: BottomSheetProps): import("react").JSX.Element;
-export declare namespace BottomSheet {
-    var displayName: string;
-}
-//# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -1 +0,0 @@
-{"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;AAClD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAkB7D,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;IAE7C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;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;AA+VxD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA6BlD;yBA7Be,WAAW"}

package/dist/BottomSheet/BottomSheet.js

@@ -1,376 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @file BottomSheet.tsx
- * @input Uses React, StyleX, core hooks/utils, BottomSheetPanel, BottomSheetSwitcherContext
- * @output Exports BottomSheet component and BottomSheetProps
- * @position Public BottomSheet router plus private standalone/switcher hosts
- *
- * BottomSheet selects one of two focused hosts. A standalone host owns its
- * native dialog lifecycle; a switcher item participates in the parent's shared
- * dialog and transition state machine. Both render the same BottomSheetPanel,
- * which owns sheet presentation, gestures, mobile-keyboard accommodation, and
- * motion completion.
- *
- * SYNC: When modified, update these files to stay in sync:
- * - /packages/lab/src/BottomSheet/BottomSheetPanel.tsx
- * - /packages/lab/src/BottomSheet/BottomSheet.doc.mjs
- * - /packages/lab/src/BottomSheet/BottomSheet.test.tsx
- * - /packages/lab/src/BottomSheet/BottomSheetSwitcher.tsx
- * - /packages/lab/src/BottomSheet/BottomSheetSwitcher.test.tsx
- * - /apps/storybook/stories/BottomSheet.stories.tsx
- */
-import { useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import * as stylex from '@stylexjs/stylex';
-import '@astryxdesign/core/theme/tokens.stylex';
-import { colorVars, durationVars, easeVars } from '@astryxdesign/core/theme/tokens.stylex';
-import { useDevWarning, useScrollLock } from '@astryxdesign/core/hooks';
-import { BottomSheetPanel } from "./BottomSheetPanel.js";
-import { BottomSheetSwitcherContext } from "./BottomSheetSwitcherContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function panelStateForSwitcherPhase(phase, alignmentOffset) {
-  switch (phase) {
-    case 'active':
-      return {
-        kind: 'open',
-        entering: false
-      };
-    case 'entering':
-      return {
-        kind: 'open',
-        entering: true
-      };
-    case 'covered':
-    case 'aligning':
-    case 'fading':
-      return {
-        kind: 'retained',
-        motion: phase,
-        alignmentOffset
-      };
-    case 'exiting':
-      return {
-        kind: 'exiting'
-      };
-    case 'hidden':
-      return {
-        kind: 'hidden'
-      };
-  }
-}
-function focusPanel(panel, isModal) {
-  const activeElement = document.activeElement;
-  if (activeElement != null && panel?.contains(activeElement)) {
-    return;
-  }
-  const autofocus = panel?.querySelector('[data-autofocus]');
-  if (autofocus != null) {
-    autofocus.focus();
-  } else if (isModal) {
-    panel?.focus();
-  }
-}
-function StandaloneBottomSheet({
-  ref,
-  isOpen,
-  onOpenChange,
-  label,
-  children,
-  height = 'capped',
-  hasScrim = true,
-  purpose = 'info',
-  xstyle,
-  ...props
-}) {
-  const dialogRef = useRef(null);
-  const panelRef = useRef(null);
-  const triggerRef = useRef(null);
-  const [isPresented, setIsPresented] = useState(isOpen);
-  const shouldPresent = isOpen || isPresented;
-  const panelState = isOpen ? {
-    kind: 'open',
-    entering: false
-  } : isPresented ? {
-    kind: 'exiting'
-  } : {
-    kind: 'hidden'
-  };
-  const dismissOnEscape = useCallback(() => {
-    if (purpose !== 'required') {
-      onOpenChange(false);
-    }
-  }, [onOpenChange, purpose]);
-  const dismissOnLightInteraction = useCallback(() => {
-    if (purpose === 'info') {
-      onOpenChange(false);
-    }
-  }, [onOpenChange, purpose]);
-  const handlePanelElementChange = useCallback(element => {
-    panelRef.current = element;
-  }, []);
-  const handleScrimOpacity = useCallback(opacity => {
-    dialogRef.current?.style.setProperty('--_sheet-scrim-opacity', String(opacity));
-  }, []);
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (dialog == null || !isOpen) {
-      return;
-    }
-    setIsPresented(true);
-    dialog.style.setProperty('--_sheet-scrim-opacity', '1');
-    const wasOpen = dialog.open;
-    if (!wasOpen) {
-      if (hasScrim) {
-        triggerRef.current = document.activeElement;
-        dialog.showModal();
-      } else {
-        dialog.show();
-      }
-      focusPanel(panelRef.current, hasScrim);
-    }
-  }, [hasScrim, isOpen]);
-  useEffect(() => {
-    if (!isOpen && isPresented && hasScrim) {
-      handleScrimOpacity(0);
-    }
-  }, [handleScrimOpacity, hasScrim, isOpen, isPresented]);
-  const handleMotionComplete = useCallback(motion => {
-    if (motion !== 'exiting' || isOpen) {
-      return;
-    }
-    const dialog = dialogRef.current;
-    if (dialog?.open) {
-      dialog.close();
-    }
-    setIsPresented(false);
-    triggerRef.current?.focus();
-    triggerRef.current = null;
-  }, [isOpen]);
-  useScrollLock(shouldPresent && hasScrim);
-  useDevWarning('BottomSheet', 'requires a non-empty `label` for an accessible name; the open sheet ' + 'has no built-in heading to derive one from.', isOpen && !label);
-  const handleCancel = useCallback(event => {
-    event.preventDefault();
-    dismissOnEscape();
-  }, [dismissOnEscape]);
-  const handleKeyDown = useCallback(event => {
-    if (event.key === 'Escape') {
-      event.preventDefault();
-      dismissOnEscape();
-    }
-  }, [dismissOnEscape]);
-  const handleClick = useCallback(event => {
-    if (hasScrim && event.target === event.currentTarget) {
-      dismissOnLightInteraction();
-    }
-  }, [dismissOnLightInteraction, hasScrim]);
-  return /*#__PURE__*/_jsx("dialog", {
-    ...{
-      0: {
-        className: "xixxii4 x10a8y8t x1o6l61p xtdtrs8 x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz"
-      },
-      4: {
-        className: "xixxii4 x10a8y8t x1o6l61p xtdtrs8 x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq"
-      },
-      2: {
-        className: "xixxii4 x10a8y8t x1o6l61p xtdtrs8 x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w"
-      },
-      6: {
-        className: "xixxii4 x10a8y8t x1o6l61p xtdtrs8 x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w"
-      },
-      1: {
-        className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz x47corl xfo81ep xh8yej3 x5yr21d"
-      },
-      5: {
-        className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq x47corl xfo81ep xh8yej3 x5yr21d"
-      },
-      3: {
-        className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w x47corl xfo81ep xh8yej3 x5yr21d"
-      },
-      7: {
-        className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w x47corl xfo81ep xh8yej3 x5yr21d"
-      }
-    }[!!shouldPresent << 2 | !!hasScrim << 1 | !!!hasScrim << 0],
-    ref: dialogRef,
-    "aria-label": label,
-    "aria-hidden": !isOpen && isPresented ? 'true' : undefined,
-    "aria-modal": hasScrim && isOpen ? 'true' : undefined,
-    role: purpose === 'required' ? 'alertdialog' : undefined,
-    inert: !isOpen && isPresented ? true : undefined,
-    onCancel: handleCancel,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    children: /*#__PURE__*/_jsx("div", {
-      ...{
-        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl"
-      },
-      children: /*#__PURE__*/_jsx(BottomSheetPanel, {
-        ...props,
-        ref: ref,
-        state: panelState,
-        height: height,
-        canSwipeDismiss: purpose === 'info',
-        xstyle: xstyle,
-        onDismiss: dismissOnLightInteraction,
-        onScrimOpacity: handleScrimOpacity,
-        onElementChange: handlePanelElementChange,
-        onMotionComplete: handleMotionComplete,
-        children: children
-      })
-    })
-  });
-}
-function SwitcherBottomSheetItem({
-  switcher,
-  ref,
-  sheetId,
-  label,
-  children,
-  height = 'capped',
-  purpose = 'info',
-  xstyle,
-  ...props
-}) {
-  const {
-    activeSheet,
-    hasScrim,
-    onActiveSheetChange,
-    getSheetPhase,
-    getSheetAlignmentOffset,
-    registerSheetElement,
-    registerSheetLabel,
-    registerSheetPurpose,
-    onSheetEnterStart,
-    onSheetTransitionComplete,
-    onSheetScrimOpacityChange
-  } = switcher;
-  const hasValidSheetId = typeof sheetId === 'string' && sheetId.length > 0;
-  const phase = hasValidSheetId ? getSheetPhase(sheetId) : 'hidden';
-  const alignmentOffset = hasValidSheetId ? getSheetAlignmentOffset(sheetId) : 0;
-  const panelState = panelStateForSwitcherPhase(phase, alignmentOffset);
-  const isInteractive = phase === 'active' || phase === 'entering';
-  const isInactive = phase === 'covered' || phase === 'aligning' || phase === 'fading' || phase === 'exiting';
-  const isPresented = phase !== 'hidden';
-  const isTopSheet = phase === 'active' || phase === 'entering';
-  const panelRef = useRef(null);
-  const previousPhaseRef = useRef(phase);
-  const previousPhase = previousPhaseRef.current;
-  const hasPresentedRef = useRef(false);
-  useLayoutEffect(() => {
-    previousPhaseRef.current = phase;
-  }, [phase]);
-  const dismissOnSwipe = useCallback(() => {
-    if (purpose === 'info' && hasValidSheetId && activeSheet === sheetId) {
-      onActiveSheetChange(null);
-    }
-  }, [activeSheet, hasValidSheetId, onActiveSheetChange, purpose, sheetId]);
-  const handlePanelElementChange = useCallback(element => {
-    panelRef.current = element;
-    if (hasValidSheetId) {
-      registerSheetElement(sheetId, element);
-    }
-  }, [hasValidSheetId, registerSheetElement, sheetId]);
-  const handleMotionStart = useCallback(motion => {
-    if (motion === 'entering' && hasValidSheetId) {
-      onSheetEnterStart(sheetId);
-    }
-  }, [hasValidSheetId, onSheetEnterStart, sheetId]);
-  const handleMotionComplete = useCallback(motion => {
-    if (hasValidSheetId) {
-      onSheetTransitionComplete({
-        sheetId,
-        phase: motion
-      });
-    }
-  }, [hasValidSheetId, onSheetTransitionComplete, sheetId]);
-  const handleScrimOpacity = useCallback(opacity => {
-    if (hasValidSheetId) {
-      onSheetScrimOpacityChange(sheetId, opacity);
-    }
-  }, [hasValidSheetId, onSheetScrimOpacityChange, sheetId]);
-  useLayoutEffect(() => {
-    if (!hasValidSheetId) {
-      return;
-    }
-    registerSheetLabel(sheetId, label);
-    return () => registerSheetLabel(sheetId, null);
-  }, [hasValidSheetId, label, registerSheetLabel, sheetId]);
-  useLayoutEffect(() => {
-    if (!hasValidSheetId) {
-      return;
-    }
-    registerSheetPurpose(sheetId, purpose);
-    return () => registerSheetPurpose(sheetId, null);
-  }, [hasValidSheetId, purpose, registerSheetPurpose, sheetId]);
-  useEffect(() => {
-    if (isInteractive) {
-      const wasInteractive = previousPhase === 'active' || previousPhase === 'entering';
-      if (!hasPresentedRef.current || !wasInteractive) {
-        focusPanel(panelRef.current, hasScrim);
-      }
-      hasPresentedRef.current = true;
-    } else if (phase === 'hidden') {
-      hasPresentedRef.current = false;
-    }
-  }, [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", {
-    ...{
-      0: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl"
-      },
-      2: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg"
-      },
-      1: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl x1vjfegm"
-      },
-      3: {
-        className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg x1vjfegm"
-      }
-    }[!!!isPresented << 1 | !!isTopSheet << 0],
-    hidden: !isPresented,
-    "aria-hidden": isInactive ? 'true' : undefined,
-    inert: isInactive ? true : undefined,
-    children: /*#__PURE__*/_jsx(BottomSheetPanel, {
-      ...props,
-      ref: ref,
-      state: panelState,
-      height: height,
-      canSwipeDismiss: purpose === 'info',
-      xstyle: xstyle,
-      onDismiss: dismissOnSwipe,
-      onScrimOpacity: handleScrimOpacity,
-      onElementChange: handlePanelElementChange,
-      onMotionStart: handleMotionStart,
-      onMotionComplete: handleMotionComplete,
-      children: /*#__PURE__*/_jsx(BottomSheetSwitcherContext.Provider, {
-        value: null,
-        children: children
-      })
-    })
-  });
-}
-
-/**
- * A mobile touch sheet that either owns a native dialog or participates in a
- * BottomSheetSwitcher shared dialog when given a sheetId inside that context.
- */
-export function BottomSheet(props) {
-  const switcher = useContext(BottomSheetSwitcherContext);
-  const runtimeSheetId = props.sheetId;
-  const hasValidSheetId = typeof runtimeSheetId === 'string' && runtimeSheetId.length > 0;
-  useDevWarning('BottomSheet', 'requires a non-empty `sheetId` when nested in ' + 'BottomSheetSwitcher; standalone `isOpen` / `onOpenChange` props are ' + 'ignored there.', switcher != null && !hasValidSheetId);
-  useDevWarning('BottomSheet', '`sheetId` only works inside BottomSheetSwitcher. Use `isOpen` and ' + '`onOpenChange` for a standalone sheet.', switcher == null && runtimeSheetId != null);
-  if (switcher != null) {
-    return /*#__PURE__*/_jsx(SwitcherBottomSheetItem, {
-      ...props,
-      switcher: switcher
-    });
-  }
-  return /*#__PURE__*/_jsx(StandaloneBottomSheet, {
-    ...props
-  });
-}
-BottomSheet.displayName = 'BottomSheet';