@astryxdesign/lab 0.1.8-canary.0db5dfd → 0.1.8-canary.2061d8b

package/dist/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AA6SlD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC/D,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE1C;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,OAAO,EACP,IAAY,EACZ,IAAU,EACV,KAAK,EACL,QAAe,EACf,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAuQb;yBAvRe,MAAM"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AA6SlD,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC/D,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAE1C;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,OAAO,EACP,IAAY,EACZ,IAAU,EACV,KAAK,EACL,QAAe,EACf,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAmQb;yBAnRe,MAAM"}

package/dist/Drawer/Drawer.js

@@ -40,7 +40,7 @@ import '@astryxdesign/core/theme/tokens.stylex';
 import { borderVars, colorVars, durationVars, easeVars, shadowVars, spacingVars, typeScaleVars } from '@astryxdesign/core/theme/tokens.stylex';
 import { Icon } from '@astryxdesign/core/Icon';
 import { IconButton } from '@astryxdesign/core/IconButton';
-import { useScrollLock } from '@astryxdesign/core/hooks';
+import { useScrollLock, useDevWarning } from '@astryxdesign/core/hooks';
 import { mergeProps, mergeRefs, themeProps } from '@astryxdesign/core/utils';
 
 // =============================================================================
@@ -291,14 +291,8 @@ export function Drawer({
   const collapsed = canCollapse && isCollapsed === true;
   const showCloseButton = hasCloseButton ?? hasScrim;
 
-  // Dev warning for unsupported collapse combinations (repo idiom:
-  // console.error, see BaseTable plugin errors).
-  const hasInvalidCollapse = isCollapsed != null && !canCollapse;
-  useEffect(() => {
-    if (hasInvalidCollapse) {
-      console.error('[Drawer] `isCollapsed` is only supported for non-modal drawers ' + '(hasScrim={false}) with side="start" or side="end". The prop is ' + 'ignored.');
-    }
-  }, [hasInvalidCollapse]);
+  // Dev warning for unsupported collapse combinations.
+  useDevWarning('Drawer', '`isCollapsed` is only supported for non-modal drawers ' + '(hasScrim={false}) with side="start" or side="end". The prop is ' + 'ignored.', isCollapsed != null && !canCollapse);
 
   // Open/close the native dialog. close() is delayed so the slide-out
   // transition can play; focus restore happens after close() because a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.1.8-canary.0db5dfd",
+  "version": "0.1.8-canary.2061d8b",
   "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.1.8-canary.0db5dfd",
+    "@astryxdesign/core": "0.1.8-canary.2061d8b",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "lexical": "^0.46.0",

package/src/Drawer/Drawer.test.tsx

@@ -483,8 +483,8 @@ describe('Drawer', () => {
     });
 
     it('dev-warns and ignores isCollapsed on a modal drawer', () => {
-      const consoleError = vi
-        .spyOn(console, 'error')
+      const consoleWarn = vi
+        .spyOn(console, 'warn')
         .mockImplementation(() => {});
       try {
         render(
@@ -497,20 +497,20 @@ describe('Drawer', () => {
             Content
           </Drawer>,
         );
-        expect(consoleError).toHaveBeenCalledWith(
-          expect.stringContaining('[Drawer]'),
+        expect(consoleWarn).toHaveBeenCalledWith(
+          expect.stringContaining('Drawer:'),
         );
         expect(
           screen.queryByRole('button', {name: 'Expand Inspector'}),
         ).not.toBeInTheDocument();
       } finally {
-        consoleError.mockRestore();
+        consoleWarn.mockRestore();
       }
     });
 
     it('dev-warns and ignores isCollapsed on a sheet', () => {
-      const consoleError = vi
-        .spyOn(console, 'error')
+      const consoleWarn = vi
+        .spyOn(console, 'warn')
         .mockImplementation(() => {});
       try {
         render(
@@ -525,14 +525,14 @@ describe('Drawer', () => {
             Content
           </Drawer>,
         );
-        expect(consoleError).toHaveBeenCalledWith(
-          expect.stringContaining('[Drawer]'),
+        expect(consoleWarn).toHaveBeenCalledWith(
+          expect.stringContaining('Drawer:'),
         );
         expect(
           screen.queryByRole('button', {name: 'Expand Inspector'}),
         ).not.toBeInTheDocument();
       } finally {
-        consoleError.mockRestore();
+        consoleWarn.mockRestore();
       }
     });
   });

package/src/Drawer/Drawer.tsx

@@ -56,7 +56,7 @@ import {
 } from '@astryxdesign/core/theme/tokens.stylex';
 import {Icon} from '@astryxdesign/core/Icon';
 import {IconButton} from '@astryxdesign/core/IconButton';
-import {useScrollLock} from '@astryxdesign/core/hooks';
+import {useScrollLock, useDevWarning} from '@astryxdesign/core/hooks';
 import {mergeProps, mergeRefs, themeProps} from '@astryxdesign/core/utils';
 
 // =============================================================================
@@ -494,18 +494,14 @@ export function Drawer({
   const collapsed = canCollapse && isCollapsed === true;
   const showCloseButton = hasCloseButton ?? hasScrim;
 
-  // Dev warning for unsupported collapse combinations (repo idiom:
-  // console.error, see BaseTable plugin errors).
-  const hasInvalidCollapse = isCollapsed != null && !canCollapse;
-  useEffect(() => {
-    if (hasInvalidCollapse) {
-      console.error(
-        '[Drawer] `isCollapsed` is only supported for non-modal drawers ' +
-          '(hasScrim={false}) with side="start" or side="end". The prop is ' +
-          'ignored.',
-      );
-    }
-  }, [hasInvalidCollapse]);
+  // Dev warning for unsupported collapse combinations.
+  useDevWarning(
+    'Drawer',
+    '`isCollapsed` is only supported for non-modal drawers ' +
+      '(hasScrim={false}) with side="start" or side="end". The prop is ' +
+      'ignored.',
+    isCollapsed != null && !canCollapse,
+  );
 
   // Open/close the native dialog. close() is delayed so the slide-out
   // transition can play; focus restore happens after close() because a