@astryxdesign/lab 0.7.2-canary.3f45fc2 → 0.7.2-canary.405bb94

package/dist/index.d.ts

@@ -18,7 +18,6 @@ export { Comments, type CommentsProps, CommentThread, type CommentThreadProps, C
 export { TransferList, TransferListSelector, transferListVars, type TransferListOption, type TransferListProps, type TransferListSelectorCommitBehavior, type TransferListSelectorProps, } from './TransferList';
 export { ChatReasoning, type ChatReasoningProps, } from './ChatReasoning/ChatReasoning';
 export * from './Chat';
-export { Drawer, DrawerHeader, type DrawerProps, type DrawerHeaderProps, } from './Drawer';
 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

@@ -35,9 +35,6 @@ export { TransferList, TransferListSelector, transferListVars } from "./Transfer
 export { ChatReasoning } from "./ChatReasoning/ChatReasoning.js";
 export * from "./Chat/index.js";
 
-// Drawer — experimental overlay panel
-export { Drawer, DrawerHeader } from "./Drawer/index.js";
-
 // Tour — guided product-tour / NUX walkthrough (facebook/astryx#4239)
 export { Tour, TourStep, useTour } from "./Tour/index.js";
 

package/dist/lab.css

@@ -5,8 +5,6 @@
 
 @layer astryx-base {
   @property --x-1pds3uo { syntax: "*"; inherits: false;}
-  @property --x-1xmrurk { syntax: "*"; inherits: false;}
-  @property --x-fqzwsx { syntax: "*"; inherits: false;}
   @property --x-gridAutoRows { syntax: "*"; inherits: false;}
   @property --x-gridColumn { syntax: "*"; inherits: false;}
   @property --x-gridTemplateColumns { syntax: "*"; inherits: false;}
@@ -111,7 +109,6 @@
   .x98rzlu:not(#\#):not(#\#){flex:1}
   .xxhr3t:not(#\#):not(#\#){gap:0}
   .x1lsbc85:not(#\#):not(#\#){gap:var(--spacing-0-5)}
-  .xsn7fz1:not(#\#):not(#\#){gap:var(--spacing-0)}
   .x1s4dlld:not(#\#):not(#\#){gap:var(--spacing-1-5)}
   .xzye2dw:not(#\#):not(#\#){gap:var(--spacing-1)}
   .x1txdalj:not(#\#):not(#\#){gap:var(--spacing-2)}
@@ -133,8 +130,6 @@
   .x10no89f:not(#\#):not(#\#){inset-block:0}
   .x17y0mx6:not(#\#):not(#\#){inset-inline:0}
   .xe8uvvx:not(#\#):not(#\#){list-style:none}
-  .xhzvc8f:not(#\#):not(#\#){margin-block:calc(-1 * var(--spacing-2))}
-  .xqixskq:not(#\#):not(#\#){margin-block:calc(var(--size-element-md) / 2 - var(--spacing-2) - var(--text-heading-2-size) * var(--text-heading-2-leading) / 2)}
   .x1yqqeh1:not(#\#):not(#\#){margin-block:var(--spacing-0-5)}
   .x1g06x3t:not(#\#):not(#\#){margin-block:var(--spacing-2)}
   .xvqg1ol:not(#\#):not(#\#){margin-inline:calc(-1 * var(--spacing-3))}
@@ -310,7 +305,6 @@
   .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)}
   .x1gnnqk1:not(#\#):not(#\#):not(#\#){box-shadow:none}
-  .x1kcpxr7:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-high)}
   .x14hfi27:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}
   .x9f619:not(#\#):not(#\#):not(#\#){box-sizing:border-box}
   .x1ftfhsn:not(#\#):not(#\#):not(#\#){caret-color:var(--color-text-primary)}
@@ -412,7 +406,6 @@
   .x18juvz8:not(#\#):not(#\#):not(#\#){font-size:var(--text-large-size)}
   .x141an7d:not(#\#):not(#\#):not(#\#){font-size:var(--text-supporting-size)}
   .x1k4tb9n:not(#\#):not(#\#):not(#\#){font-style:italic}
-  .x1j61x8r:not(#\#):not(#\#):not(#\#){font-style:normal}
   .xss6m8b:not(#\#):not(#\#):not(#\#){font-variant-numeric:tabular-nums}
   .x1lvx875:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-bold)}
   .x1e4wzip:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
@@ -444,13 +437,9 @@
   .x1eiw8i6:not(#\#):not(#\#):not(#\#){grid-template-rows:56px auto auto}
   .x1clt5hq:not(#\#):not(#\#):not(#\#){grid-template-rows:subgrid}
   .x1xxtoay:not(#\#):not(#\#):not(#\#){grid-template-rows:var(--x-gridTemplateRows)}
-  .xxydokm:not(#\#):not(#\#):not(#\#){hyphens:manual}
-  .xtijo5x:not(#\#):not(#\#):not(#\#){inset-inline-end:0}
-  .x1woyocn:not(#\#):not(#\#):not(#\#){inset-inline-end:auto}
   .x1itk590:not(#\#):not(#\#):not(#\#){inset-inline-end:calc(var(--spacing-0-5) + var(--border-width))}
   .x1mcfs9z:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-3)}
   .x1o0tod:not(#\#):not(#\#):not(#\#){inset-inline-start:0}
-  .xhi6v0a:not(#\#):not(#\#):not(#\#){inset-inline-start:auto}
   .xywfheq:not(#\#):not(#\#):not(#\#){inset-inline-start:calc(var(--spacing-3) + var(--border-width))}
   .x1htmfwz:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-0-5)}
   .x1ybfrjj:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--spacing-3)}
@@ -465,7 +454,6 @@
   .x1lqcxt8:not(#\#):not(#\#):not(#\#){justify-self:start}
   .xuy72oy:not(#\#):not(#\#):not(#\#){justify-self:stretch}
   .x9pfba7:not(#\#):not(#\#):not(#\#){letter-spacing:.08em}
-  .x1i21sxh:not(#\#):not(#\#):not(#\#){letter-spacing:normal}
   .xa7kkou:not(#\#):not(#\#):not(#\#){line-height:1.7}
   .xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
   .xklk4pu:not(#\#):not(#\#):not(#\#){line-height:30px}
@@ -475,7 +463,6 @@
   .x1kq96og:not(#\#):not(#\#):not(#\#){line-height:var(--text-label-leading)}
   .x1ltkj2j:not(#\#):not(#\#):not(#\#){line-height:var(--text-supporting-leading)}
   .x3ct3a4:not(#\#):not(#\#):not(#\#){list-style-type:none}
-  .x3kzqx6:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(-1 * var(--spacing-2))}
   .x1h1dc9q:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(var(--spacing-0-5) + var(--border-width))}
   .x1pezmd8:not(#\#):not(#\#):not(#\#){margin-inline-end:var(--spacing-2)}
   .xvc5jky:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}
@@ -537,26 +524,18 @@
   .x9ezeq1:not(#\#):not(#\#):not(#\#){stroke:var(--color-warning)}
   .xeq4nuv:not(#\#):not(#\#):not(#\#){tab-size:2}
   .x140o2bo:not(#\#):not(#\#):not(#\#){table-layout:fixed}
-  .x7ssn7h:not(#\#):not(#\#):not(#\#){text-align-last:auto}
   .x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
   .xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
   .xdpxx8g:not(#\#):not(#\#):not(#\#){text-align:left}
   .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
   .xkrqix3:not(#\#):not(#\#):not(#\#){text-decoration-line:none}
-  .xzugeeo:not(#\#):not(#\#):not(#\#){text-indent:0}
   .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
-  .x19pm5ym:not(#\#):not(#\#):not(#\#){text-shadow:none}
-  .x6mezaz:not(#\#):not(#\#):not(#\#){text-transform:none}
   .xtvhhri:not(#\#):not(#\#):not(#\#){text-transform:uppercase}
   .x5ve5x3:not(#\#):not(#\#):not(#\#){touch-action:none}
-  .xx69xxh:not(#\#):not(#\#):not(#\#){touch-action:pan-y}
   .x1bd091l:not(#\#):not(#\#):not(#\#){transform-origin:left bottom}
   .x9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
   .x19jd1h0:not(#\#):not(#\#):not(#\#){transform:rotate(180deg)}
   .x1iffjtl:not(#\#):not(#\#):not(#\#){transform:rotate(90deg)}
-  .x5i6ehr:not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
-  .xbryuvx:not(#\#):not(#\#):not(#\#){transform:translateX(0)}
-  .xumwmo6:not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
   .x1cb1t30:not(#\#):not(#\#):not(#\#){transform:translateY(-50%)}
   .xsqj5wx:not(#\#):not(#\#):not(#\#){transform:var(--x-transform)}
   .xkvfbh3:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast-min)}
@@ -583,7 +562,6 @@
   .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
   .x1so62im:not(#\#):not(#\#):not(#\#){will-change:transform}
   .x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
-  .xp3md9m:not(#\#):not(#\#):not(#\#){word-spacing:normal}
   .x8knxv4:not(#\#):not(#\#):not(#\#){z-index:-1}
   .x1ja2u2z:not(#\#):not(#\#):not(#\#){z-index:0}
   .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
@@ -604,8 +582,6 @@
   .x1jhp3zv:focus-visible:not(#\#):not(#\#):not(#\#){outline-style:var(--focus-outline-style)}
   .xmbzu5e.xmbzu5e:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){text-decoration-line:underline}
   .x173emx3:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform-origin:right bottom}
-  .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
-  .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
   .x135w3n3:focus-visible:not(#\#):not(#\#):not(#\#){z-index:1}
   .x16iypot:focus-visible:not(#\#):not(#\#):not(#\#){z-index:2}
   .xuqm82a:active:not(#\#):not(#\#):not(#\#){background-image:none}
@@ -629,7 +605,6 @@
   @media (forced-colors: active){.x815t2r.x815t2r:not(#\#):not(#\#):not(#\#){outline-style:solid}}
   @media (forced-colors: active){.x1lfg6js.x1lfg6js:not(#\#):not(#\#):not(#\#){outline-width:calc(var(--border-width) * 2)}}
   @media (prefers-reduced-motion: reduce){.xsagj69.xsagj69:not(#\#):not(#\#):not(#\#){transition-duration:.01ms}}
-  @media (prefers-reduced-motion: reduce){.xzg1mie.xzg1mie:not(#\#):not(#\#):not(#\#){transition-duration:.01s}}
   @media (prefers-reduced-motion: reduce){.x12w9bfk.x12w9bfk:not(#\#):not(#\#):not(#\#){transition-duration:0s}}
   @media (hover: hover){.xyys8i.xyys8i.xyys8i:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:#141417}}
   @media (hover: hover){.x1fkayqs.x1fkayqs.x1fkayqs:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:#1d1d21}}
@@ -662,7 +637,6 @@
   .x1hmuevu:not(#\#):not(#\#):not(#\#):not(#\#){bottom:var(--spacing-3)}
   .xqtp20y:not(#\#):not(#\#):not(#\#):not(#\#){height:0}
   .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}
   .xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
@@ -693,15 +667,12 @@
   .x1qnf6uq:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100vh - 2 * var(--spacing-4) - 2 * var(--spacing-3));max-height:calc(100dvb - 2 * var(--spacing-4) - 2 * var(--spacing-3))}
   .x12ajvvl:not(#\#):not(#\#):not(#\#):not(#\#){max-height:calc(100vh - 32px)}
   .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)}
   .x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
-  .xlbgzzq:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100dvw}
   .x1va8c73:not(#\#):not(#\#):not(#\#):not(#\#){max-width:320px}
   .xxc7z9f:not(#\#):not(#\#):not(#\#):not(#\#){max-width:360px}
   .x1ewfaou:not(#\#):not(#\#):not(#\#):not(#\#){max-width:calc(100% - var(--spacing-6) - var(--spacing-1))}
-  .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}
   .xisnujt:not(#\#):not(#\#):not(#\#):not(#\#){min-height:20px}
@@ -725,9 +696,7 @@
   .x16asifk:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--spacing-5)}
   .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x-minWidth)}
   .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
-  .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:hidden}
   .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
-  .xvmia7e:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:calc(var(--container-padding-block-end,0px) + env(safe-area-inset-bottom,0px))}
   .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
   .x1wesfrj:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-2)}
   .xvmdzux:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-3)}
@@ -761,12 +730,10 @@
   .x1lout4y:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--astryx-chat-typing-indicator-dots-column-width,auto)}
   .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
   .xw7hby4:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-0-5)}
-  .x11ymkkh:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-1xmrurk)}
   .x1uyokj7:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-inlineSize)}
   .x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-width)}
   .x14l7nz5:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}
   .x1t1lzn6:last-child:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0}
-  @media (max-width: 640px){.xci7e5a.xci7e5a:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-fqzwsx)}}
   @container (max-width: 40rem){.x165mbd2.x165mbd2:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:var(--border-width)}}
   @container list-input (max-width: 640px){.xx3ixyd.xx3ixyd:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-1)}}
   @container list-input (max-width: 640px){.xc47mtf.xc47mtf:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}}
@@ -774,39 +741,27 @@
   @container (max-width: 40rem){.x2opm4d.x2opm4d:not(#\#):not(#\#):not(#\#):not(#\#){min-height:0}}
   @container (max-width: 40rem){.x2kikmz.x2kikmz:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:visible}}
   @starting-style{.x4itv7f.x4itv7f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){opacity:0}}
-  @starting-style{.x6mt36l.x6mt36l:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}}
-  @starting-style{.x1yqmsfc.x1yqmsfc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}}
-  @starting-style{.x1lymnkk.x1lymnkk:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}}
-  @starting-style{.x14gflnl.x14gflnl:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}}
   .xmwhqxd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:var(--radius-full)}
   .xq94oqs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:var(--radius-full)}
   .xb7ltuz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline:0}
   .xm4btww:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline:0}
   .x1iibmkh:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-group(*){animation-duration:var(--duration-fast)}
   .x1fnez61:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-group(*){animation-timing-function:var(--ease-standard)}
-  .x1abwkk1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{backdrop-filter:blur(2px)}
   .x1tzqye7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-accent)}
   .xs88s87:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-accent)}
   .x19jfor0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-border-orange)}
   .xvgeimn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-border-orange)}
-  .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:""}
   .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}
   .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}
-  .xft5bk6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:var(--duration-medium)}
-  .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}
   .xvi4grz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{z-index:2}
   @media (prefers-reduced-motion: reduce){.xt9y79.xt9y79:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::view-transition-group(*){animation-duration:0s}}
-  @media (prefers-reduced-motion: reduce){.x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:.01s}}
   .x1b5r9ul:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-color:var(--color-border-orange)}
   .xnvurfn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-style:solid}
   .x1b8stmw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-width:2px}
@@ -821,5 +776,4 @@
   .xucr3ah:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:calc(-1 * var(--spacing-0-5))}
   .xaknh5y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:10px}
   .xg4xgkf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:10px}
-  @starting-style{.xxiuuzi.xxiuuzi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.7.2-canary.3f45fc2",
+  "version": "0.7.2-canary.405bb94",
   "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",
@@ -49,7 +49,7 @@
   },
   "peerDependencies": {
     "@stylexjs/stylex": ">=0.10.0",
-    "@astryxdesign/core": "0.7.2-canary.3f45fc2",
+    "@astryxdesign/core": "0.7.2-canary.405bb94",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
@@ -59,8 +59,8 @@
     "d3-shape": "^3.2.0"
   },
   "devDependencies": {
-    "@astryxdesign/a11y-spec": "0.7.2-canary.3f45fc2",
-    "@astryxdesign/cli": "0.7.2-canary.3f45fc2",
+    "@astryxdesign/a11y-spec": "0.7.2-canary.405bb94",
+    "@astryxdesign/cli": "0.7.2-canary.405bb94",
     "@babel/cli": "^7.29.7",
     "@babel/core": "^7.29.7",
     "@babel/preset-react": "^7.29.7",

package/src/index.ts

@@ -88,14 +88,6 @@ export {
 } from './ChatReasoning/ChatReasoning';
 export * from './Chat';
 
-// Drawer — experimental overlay panel
-export {
-  Drawer,
-  DrawerHeader,
-  type DrawerProps,
-  type DrawerHeaderProps,
-} from './Drawer';
-
 // Tour — guided product-tour / NUX walkthrough (facebook/astryx#4239)
 export {
   Tour,

package/blocks/DrawerFullWidthMobile.doc.mjs

@@ -1,21 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('@astryxdesign/cli/authoring').TemplateDoc} */
-export default {
-  type: 'block',
-  name: 'Wide desktop panel, full-width on mobile',
-  displayName: 'Wide desktop panel, full-width on mobile',
-  description:
-    'Use a 560px desktop width and isFullWidthOnMobile to fill the viewport below 640px, without the default page reveal.',
-  exampleFor: 'Drawer',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: [
-    'Drawer',
-    'Button',
-    'Layout',
-    'LayoutContent',
-    'DrawerHeader',
-    'Text',
-  ],
-};

package/blocks/DrawerFullWidthMobile.tsx

@@ -1,42 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @input A wide desktop budget and isFullWidthOnMobile
- * @output A Drawer that fills the viewport on mobile
- * @position Copyable Lab Drawer example
- */
-
-import {useState} from 'react';
-import {Drawer, DrawerHeader} from '@astryxdesign/lab';
-import {Button} from '@astryxdesign/core/Button';
-import {Layout, LayoutContent} from '@astryxdesign/core/Layout';
-import {Text} from '@astryxdesign/core/Text';
-
-export default function DrawerFullWidthMobile() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button label="Open wide drawer" onClick={() => setIsOpen(true)} />
-      <Drawer
-        isOpen={isOpen}
-        onOpenChange={setIsOpen}
-        label="Wide panel"
-        width={560}
-        isFullWidthOnMobile>
-        <Layout
-          header={<DrawerHeader title="Wide panel" onOpenChange={setIsOpen} />}
-          content={
-            <LayoutContent>
-              <Text type="body">
-                A wide panel on desktop, the full viewport width on mobile.
-              </Text>
-            </LayoutContent>
-          }
-        />
-      </Drawer>
-    </>
-  );
-}

package/blocks/DrawerHeaderShowcase.doc.mjs

@@ -1,15 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('@astryxdesign/cli/authoring').TemplateDoc} */
-export default {
-  type: 'block',
-  name: 'DrawerHeader',
-  displayName: 'Drawer Header',
-  description:
-    'DrawerHeader provides a structured header for drawers with slots for title, subtitle, close button, and optional start or end content.',
-  exampleFor: 'DrawerHeader',
-  isReady: true,
-  isShowcase: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: ['DrawerHeader', 'Layout', 'LayoutContent', 'Text'],
-};

package/blocks/DrawerHeaderShowcase.tsx

@@ -1,73 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @input Static header content: title, subtitle, a no-op close handler, and a divider
- * @output The DrawerHeader row at the top of a square-cornered, drawer-width panel, visible without opening an overlay
- * @position Lab DrawerHeader's docsite showcase. Drawer has no inline mode
- *   like Dialog's isInline, so a plain panel stands in for the drawer; in an
- *   app, compose DrawerHeader in a Layout header slot inside a Drawer.
- */
-
-import * as stylex from '@stylexjs/stylex';
-import {DrawerHeader} from '@astryxdesign/lab';
-import {
-  Layout,
-  LayoutContent,
-  overlayPaddingReset,
-} from '@astryxdesign/core/Layout';
-import {Text} from '@astryxdesign/core/Text';
-import {
-  borderVars,
-  colorVars,
-  spacingVars,
-} from '@astryxdesign/core/theme/tokens.stylex';
-
-const styles = stylex.create({
-  // A card-like panel with square corners, matching the drawer's own corners.
-  panel: {
-    width: 360,
-    maxWidth: '100%',
-    boxSizing: 'border-box',
-    backgroundColor: colorVars['--color-background-card'],
-    borderWidth: borderVars['--border-width'],
-    borderStyle: 'solid',
-    borderColor: colorVars['--color-border'],
-    borderRadius: 0,
-  },
-  body: {
-    padding: spacingVars['--spacing-4'],
-    backgroundColor: colorVars['--color-background-muted'],
-    borderRadius: 0,
-  },
-});
-
-export default function DrawerHeaderShowcase() {
-  return (
-    // Like the Drawer root, the panel is a padding boundary, so the Layout
-    // regions inset by their own --spacing-4 default: the drawer's inset.
-    <div {...stylex.props(styles.panel, overlayPaddingReset.reset)}>
-      <Layout
-        height="auto"
-        header={
-          <DrawerHeader
-            title="Host details"
-            subtitle="web-prod-04"
-            onOpenChange={() => {}}
-            hasDivider
-          />
-        }
-        content={
-          <LayoutContent>
-            <div {...stylex.props(styles.body)}>
-              <Text type="body" color="secondary">
-                Drawer body content goes here.
-              </Text>
-            </div>
-          </LayoutContent>
-        }
-      />
-    </div>
-  );
-}

package/blocks/DrawerHeaderSubtitleEndContent.doc.mjs

@@ -1,22 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('@astryxdesign/cli/authoring').TemplateDoc} */
-export default {
-  type: 'block',
-  name: 'With subtitle and end content',
-  displayName: 'With subtitle and end content',
-  description:
-    'Add a subtitle under the title and put a status, such as a Badge, in endContent. The close button stays at the end of the row.',
-  exampleFor: 'DrawerHeader',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: [
-    'Drawer',
-    'DrawerHeader',
-    'Badge',
-    'Button',
-    'Layout',
-    'LayoutContent',
-    'Text',
-  ],
-};

package/blocks/DrawerHeaderSubtitleEndContent.tsx

@@ -1,49 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @input Controlled open state for a modal Drawer
- * @output A DrawerHeader with a subtitle, a status badge in its end slot, and a close button
- * @position Copyable Lab DrawerHeader example
- */
-
-import {useState} from 'react';
-import {Drawer, DrawerHeader} from '@astryxdesign/lab';
-import {Badge} from '@astryxdesign/core/Badge';
-import {Button} from '@astryxdesign/core/Button';
-import {Layout, LayoutContent} from '@astryxdesign/core/Layout';
-import {Text} from '@astryxdesign/core/Text';
-
-export default function DrawerHeaderSubtitleEndContent() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button label="Open host details" onClick={() => setIsOpen(true)} />
-      <Drawer
-        isOpen={isOpen}
-        onOpenChange={setIsOpen}
-        label="web-prod-04"
-        width={360}>
-        <Layout
-          header={
-            <DrawerHeader
-              title="web-prod-04"
-              subtitle="us-east-1"
-              endContent={<Badge label="Healthy" variant="success" />}
-              onOpenChange={setIsOpen}
-            />
-          }
-          content={
-            <LayoutContent>
-              <Text type="body">
-                All 6 instances are passing readiness checks.
-              </Text>
-            </LayoutContent>
-          }
-        />
-      </Drawer>
-    </>
-  );
-}

package/blocks/DrawerHeaderWithCloseButton.doc.mjs

@@ -1,21 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('@astryxdesign/cli/authoring').TemplateDoc} */
-export default {
-  type: 'block',
-  name: 'With close button',
-  displayName: 'With close button',
-  description:
-    'Pass onOpenChange to render a close button that calls it with false. Drawer renders no close button of its own, so this is the usual visible way to close.',
-  exampleFor: 'DrawerHeader',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: [
-    'Drawer',
-    'DrawerHeader',
-    'Button',
-    'Layout',
-    'LayoutContent',
-    'Text',
-  ],
-};

package/blocks/DrawerHeaderWithCloseButton.tsx

@@ -1,42 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @input Controlled open state for a modal Drawer
- * @output A Drawer whose DrawerHeader renders a close button because it receives onOpenChange
- * @position Copyable Lab DrawerHeader example
- */
-
-import {useState} from 'react';
-import {Drawer, DrawerHeader} from '@astryxdesign/lab';
-import {Button} from '@astryxdesign/core/Button';
-import {Layout, LayoutContent} from '@astryxdesign/core/Layout';
-import {Text} from '@astryxdesign/core/Text';
-
-export default function DrawerHeaderWithCloseButton() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button label="Open drawer" onClick={() => setIsOpen(true)} />
-      <Drawer
-        isOpen={isOpen}
-        onOpenChange={setIsOpen}
-        label="Details"
-        width={360}>
-        <Layout
-          header={<DrawerHeader title="Details" onOpenChange={setIsOpen} />}
-          content={
-            <LayoutContent>
-              <Text type="body">
-                Passing onOpenChange renders the close button, which calls it
-                with false.
-              </Text>
-            </LayoutContent>
-          }
-        />
-      </Drawer>
-    </>
-  );
-}

package/blocks/DrawerMobileReveal.doc.mjs

@@ -1,21 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/** @type {import('@astryxdesign/cli/authoring').TemplateDoc} */
-export default {
-  type: 'block',
-  name: 'Mobile: the 56px page reveal (default)',
-  displayName: 'Mobile: the 56px page reveal (default)',
-  description:
-    'Below 640px, the default drawer leaves at least 56px of the page visible while respecting its width budget. Open this example in a narrow viewport to see the reveal.',
-  exampleFor: 'Drawer',
-  isReady: true,
-  aspectRatio: 16 / 9,
-  componentsUsed: [
-    'Drawer',
-    'Button',
-    'Layout',
-    'LayoutContent',
-    'DrawerHeader',
-    'Text',
-  ],
-};

package/blocks/DrawerMobileReveal.tsx

@@ -1,43 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-'use client';
-
-/**
- * @input A 360px width budget and the default mobile sizing
- * @output A Drawer preserving the page reveal on narrow viewports
- * @position Copyable Lab Drawer example
- */
-
-import {useState} from 'react';
-import {Drawer, DrawerHeader} from '@astryxdesign/lab';
-import {Button} from '@astryxdesign/core/Button';
-import {Layout, LayoutContent} from '@astryxdesign/core/Layout';
-import {Text} from '@astryxdesign/core/Text';
-
-export default function DrawerMobileReveal() {
-  const [isOpen, setIsOpen] = useState(false);
-
-  return (
-    <>
-      <Button label="Open mobile drawer" onClick={() => setIsOpen(true)} />
-      <Drawer
-        isOpen={isOpen}
-        onOpenChange={setIsOpen}
-        label="Mobile reveal"
-        width={360}>
-        <Layout
-          header={
-            <DrawerHeader title="Mobile reveal" onOpenChange={setIsOpen} />
-          }
-          content={
-            <LayoutContent>
-              <Text type="body">
-                The page remains visible beside the drawer on mobile.
-              </Text>
-            </LayoutContent>
-          }
-        />
-      </Drawer>
-    </>
-  );
-}