@12-apps/ui 6.38.0 → 6.39.0

package/dist/types/components/layout/Resizable/Resizable.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Resizable/Resizable.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAExF,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,IAAI,CAAC;CACd;AAED,eAAO,MAAM,cAAc,GAAI,SAAS,gBAAgB,KAAG,YAAY,EAStE,CAAC;AA4BF,eAAO,MAAM,SAAS,GACpB,QAAQ,YAAY,EACpB,OAAO;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAC/B,OAAO;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,MAAM;;;CAWd,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,QAAQ,YAAY,EAAE,QAAQ,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B9E,CAAC;AAEF,KAAK,sBAAsB,GACvB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf,KAAK,sBAAsB,GAAG,cAAc,GAC1C,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAoBzD,eAAO,MAAM,qBAAqB,GAAI,OAAO,cAAc,KAAG,sBACiB,CAAC"}
+{"version":3,"file":"Resizable.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Resizable/Resizable.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAI3D,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAExF,kDAAkD;AAClD,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,IAAI,CAAC;IACZ,MAAM,EAAE,IAAI,CAAC;CACd;AAED,eAAO,MAAM,cAAc,GAAI,SAAS,gBAAgB,KAAG,YAAY,EAStE,CAAC;AA4BF,eAAO,MAAM,SAAS,GACpB,QAAQ,YAAY,EACpB,OAAO;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAC/B,OAAO;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACxC,QAAQ,MAAM;;;CAWd,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,QAAQ,YAAY,EAAE,QAAQ,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4C9E,CAAC;AAEF,KAAK,sBAAsB,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,KAAK,sBAAsB,GAAG,cAAc,GAC1C,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC;AAUzD;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,EAAE,SAAS,MAAM;;;CAGvE,CAAC;AAEH,gFAAgF;AAChF,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,IAGhE,CAAC;AASH,eAAO,MAAM,qBAAqB,GAAI,OAAO,cAAc,KAAG,sBACiB,CAAC"}

package/dist/types/components/layout/Resizable/Resizable.hooks.d.ts

@@ -2,9 +2,15 @@ import React from 'react';
 import type { Bounds } from './Resizable.helpers';
 import type { ResizeHandle } from './Resizable.types';
 interface ResizeArgs {
-    width: number;
-    height: number;
+    /** Where the box starts, in px (`startSizePx`); a new object re-seats the box. */
+    start: {
+        width: number;
+        height: number;
+    };
+    /** The clamp, in px (`axisPx` per axis). */
     bounds: Bounds;
+    /** Rendered px per design px (`remPx(theme, 1)`) — `onResize` reports design px. */
+    pxPerDesignPx: number;
     disabled: boolean;
     onResize?: (width: number, height: number) => void;
 }
@@ -12,8 +18,12 @@ interface ResizeArgs {
  * Tracks the box's size across a drag. The listeners live on the document rather
  * than the handle, so the pointer can leave the handle — or the component — mid
  * drag without the resize sticking.
+ *
+ * The live size is px, because a drag is pointer pixels. What `onResize`
+ * reports is design px — the unit the consumer's `width`/`height` are in — so a
+ * controlled box (`onResize` feeding `width`) stays put at any type scale.
  */
-export declare const useResize: ({ width, height, bounds, disabled, onResize }: ResizeArgs) => {
+export declare const useResize: ({ start, bounds, pxPerDesignPx, disabled, onResize }: ResizeArgs) => {
     size: {
         width: number;
         height: number;

package/dist/types/components/layout/Resizable/Resizable.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Resizable/Resizable.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,+CAA+C,UAAU;;;;;;;yBAY3E,KAAK,CAAC,UAAU,UAAU,YAAY;CAoC7C,CAAC"}
+{"version":3,"file":"Resizable.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Resizable/Resizable.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,UAAU;IAClB,kFAAkF;IAClF,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,GAAI,sDAAsD,UAAU;;eAlBxE,MAAM;gBAAU,MAAM;;;;yBA8BhC,KAAK,CAAC,UAAU,UAAU,YAAY;CAqC7C,CAAC"}

package/dist/types/components/layout/Resizable/Resizable.types.d.ts

@@ -4,12 +4,22 @@ export type ResizeHandle = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'b
 export interface ResizableProps {
     children: ReactNode;
     variant?: ResizableVariant;
+    /** Starting width (default 200). Design px, scaled with the theme's type scale. */
     width?: number;
+    /** Starting height (default 200). Design px, scaled with the theme's type scale. */
     height?: number;
+    /** Narrowest a drag can make it (default 50). Design px, scaled with the theme's type scale. */
     minWidth?: number;
+    /** Widest a drag can make it (default 1000). Design px, scaled with the theme's type scale. */
     maxWidth?: number;
+    /** Shortest a drag can make it (default 50). Design px, scaled with the theme's type scale. */
     minHeight?: number;
+    /** Tallest a drag can make it (default 1000). Design px, scaled with the theme's type scale. */
     maxHeight?: number;
+    /**
+     * Fired on every drag step with the new size, in design px — the unit `width`
+     * and `height` take, so feeding it back keeps a controlled box where it is.
+     */
     onResize?: (width: number, height: number) => void;
     disabled?: boolean;
     handles?: ResizeHandle[];

package/dist/types/components/layout/Resizable/Resizable.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Resizable.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Resizable/Resizable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,aAAa,GACb,YAAY,GACZ,SAAS,CAAC;AAEd,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Resizable.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/Resizable/Resizable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,YAAY,GACpB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,aAAa,GACb,YAAY,GACZ,SAAS,CAAC;AAEd,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/types/components/layout/ScrollArea/ScrollArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwM1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0EhD,CAAC"}
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA0M1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0EhD,CAAC"}

package/dist/types/components/layout/ScrollArea/ScrollArea.helpers.d.ts

@@ -1,5 +1,5 @@
 import type { ScrollAreaProps } from './ScrollArea.types';
-type ScrollAreaDefaultedKeys = 'width' | 'height' | 'orientation' | 'scrollbarSize' | 'autoHide' | 'autoHideDelay' | 'smoothScroll' | 'variant' | 'scrollToTopButton' | 'scrollToTopThreshold' | 'contentPadding' | 'alwaysShowScrollbar' | 'disabled' | 'loading' | 'testId';
+type ScrollAreaDefaultedKeys = 'width' | 'height' | 'orientation' | 'scrollbarSize' | 'autoHide' | 'autoHideDelay' | 'smoothScroll' | 'variant' | 'scrollToTopButton' | 'contentPadding' | 'alwaysShowScrollbar' | 'disabled' | 'loading' | 'testId';
 export type ResolvedScrollAreaProps = ScrollAreaProps & Required<Pick<ScrollAreaProps, ScrollAreaDefaultedKeys>>;
 export declare const resolveScrollAreaProps: (props: ScrollAreaProps) => ResolvedScrollAreaProps;
 export {};

package/dist/types/components/layout/ScrollArea/ScrollArea.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ScrollArea/ScrollArea.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,KAAK,uBAAuB,GACxB,OAAO,GACP,QAAQ,GACR,aAAa,GACb,eAAe,GACf,UAAU,GACV,eAAe,GACf,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,sBAAsB,GACtB,gBAAgB,GAChB,qBAAqB,GACrB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,uBAAuB,GAAG,eAAe,GACnD,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC;AAwB3D,eAAO,MAAM,sBAAsB,GAAI,OAAO,eAAe,KAAG,uBAMjC,CAAC"}
+{"version":3,"file":"ScrollArea.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ScrollArea/ScrollArea.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,KAAK,uBAAuB,GACxB,OAAO,GACP,QAAQ,GACR,aAAa,GACb,eAAe,GACf,UAAU,GACV,eAAe,GACf,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,gBAAgB,GAChB,qBAAqB,GACrB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,uBAAuB,GAAG,eAAe,GACnD,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC,CAAC;AAuB3D,eAAO,MAAM,sBAAsB,GAAI,OAAO,eAAe,KAAG,uBAMjC,CAAC"}

package/dist/types/components/layout/ScrollArea/ScrollArea.types.d.ts

@@ -49,7 +49,10 @@ export interface ScrollAreaBase extends Omit<BoxProps, 'ref'> {
     variant?: ScrollAreaVariant;
     /** Scroll event handler */
     onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
-    /** Threshold for showing scroll-to-top button (in pixels) */
+    /**
+     * How far down the scroll-to-top button appears (default 100) — design px,
+     * scaled with the theme's type scale.
+     */
     scrollToTopThreshold?: number;
     /** Custom scrollbar color */
     scrollbarColor?: string;

package/dist/types/components/layout/ScrollArea/ScrollArea.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ScrollArea/ScrollArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE;;;;GAIG;AACH,KAAK,qBAAqB,GACtB;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACvD;IAAE,iBAAiB,EAAE,IAAI,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAErE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3D;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IAEpB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAE7C,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,yBAAyB;IACzB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,4BAA4B;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE1D,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,6BAA6B;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEjC,6BAA6B;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE"}
+{"version":3,"file":"ScrollArea.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/ScrollArea/ScrollArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE;;;;GAIG;AACH,KAAK,qBAAqB,GACtB;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACvD;IAAE,iBAAiB,EAAE,IAAI,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,cAAc,GAAG,qBAAqB,CAAC;AAErE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC3D;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IAEpB,+FAA+F;IAC/F,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAE7C,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,yBAAyB;IACzB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAEhC,4BAA4B;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,6BAA6B;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,mCAAmC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,iCAAiC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEjC,6BAA6B;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACpE"}

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0ExD,CAAC"}
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6ExD,CAAC"}

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.hooks.d.ts

@@ -2,7 +2,8 @@ import type { InfiniteScrollProps } from './InfiniteScroll.types';
 type ScrollableTarget = InfiniteScrollProps['scrollableTarget'];
 interface ObserverArgs {
     testMode: boolean;
-    threshold: number;
+    /** The observer's `rootMargin` — px, which is all `IntersectionObserver` takes. */
+    rootMargin: string;
     scrollableTarget: ScrollableTarget;
 }
 /**
@@ -10,7 +11,7 @@ interface ObserverArgs {
  * it fire before the sentinel is actually on screen, so the next page is already
  * loading by the time the user reaches the bottom.
  */
-export declare const useSentinel: ({ testMode, threshold, scrollableTarget }: ObserverArgs) => {
+export declare const useSentinel: ({ testMode, rootMargin, scrollableTarget }: ObserverArgs) => {
     sentinelRef: import("react").RefObject<HTMLDivElement | null>;
     isIntersecting: boolean;
 };

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,KAAK,gBAAgB,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAehE,UAAU,YAAY;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,2CAA2C,YAAY;;;CA0BlF,CAAC;AAEF,KAAK,QAAQ,GAAG,IAAI,CAClB,mBAAmB,EACnB,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,CAC5E,GAAG;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,2FASzB,QAAQ,SAsCV,CAAC"}
+{"version":3,"file":"InfiniteScroll.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,KAAK,gBAAgB,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;AAehE,UAAU,YAAY;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,mFAAmF;IACnF,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,4CAA4C,YAAY;;;CA0BnF,CAAC;AAEF,KAAK,QAAQ,GAAG,IAAI,CAClB,mBAAmB,EACnB,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,gBAAgB,CAC5E,GAAG;IACF,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,2FASzB,QAAQ,SAsCV,CAAC"}

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.parts.d.ts

@@ -1,3 +1,4 @@
+import { type Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 import type { InfiniteScrollProps } from './InfiniteScroll.types';
 type Variant = NonNullable<InfiniteScrollProps['variant']>;
@@ -14,8 +15,8 @@ export declare const DefaultError: React.FC<{
  * `horizontal` scrolls along a row; `reverse` stacks bottom-up, for a chat log
  * that loads older messages as you scroll away from the newest.
  */
-export declare const containerStyles: (variant: Variant, width?: number | string) => {
-    width: string | number;
+export declare const containerStyles: (theme: Theme, variant: Variant, width?: number | string) => {
+    width: string;
     height: string;
     overflowX: string;
     overflowY: string;

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,KAAK,OAAO,GAAG,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;AAS3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAO3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAM3D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAInD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,QAAQ,MAAM,GAAG,MAAM;;;;;;;CAYxE,CAAC"}
+{"version":3,"file":"InfiniteScroll.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,KAAK,OAAO,GAAG,WAAW,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;AAS3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAU3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAM3D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAInD,CAAC;AAaF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,EAAE,QAAQ,MAAM,GAAG,MAAM;;;;;;;CAYtF,CAAC"}

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.types.d.ts

@@ -11,6 +11,10 @@ export interface InfiniteScrollProps {
     variant?: InfiniteScrollVariant;
     hasMore: boolean;
     loading: boolean;
+    /**
+     * How far before the end the next page is requested (default 150) — design
+     * px, scaled with the theme's type scale.
+     */
     threshold?: number;
     loadMore: () => void | Promise<void>;
     loader?: ReactNode;
@@ -20,6 +24,11 @@ export interface InfiniteScrollProps {
     onError?: (error: Error) => void;
     className?: string;
     style?: React.CSSProperties;
+    /**
+     * The `horizontal` variant's width. A number of 1 or less is a fraction of
+     * the parent (as in `sx`); a larger number is design px, scaled with the
+     * theme's type scale; a string is used as given.
+     */
     width?: number | string;
     scrollableTarget?: string | HTMLElement;
     /**

package/dist/types/components/utility/InfiniteScroll/InfiniteScroll.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteScroll.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAEzE,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;CACnE;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB"}
+{"version":3,"file":"InfiniteScroll.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/InfiniteScroll/InfiniteScroll.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC;AAEzE,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;CACnE;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB"}

package/dist/types/components/utility/VirtualList/VirtualList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8D9E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiDlD,CAAC"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAiE9E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC"}

package/dist/types/components/utility/VirtualList/VirtualList.hooks.d.ts

@@ -1,20 +1,22 @@
+import { type Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 import type { VirtualGridProps, VirtualListProps } from './VirtualList.types';
 type ScrollEvent = React.UIEvent<HTMLDivElement> | Event;
-type ListItems = VirtualListProps['items'];
-type ListVariant = NonNullable<VirtualListProps['variant']>;
-interface ListArgs {
-    items: ListItems;
-    variant: ListVariant;
-    height: number;
-    itemHeight: number;
-    estimatedItemHeight: number;
-    overscan: number;
-    onScroll: VirtualListProps['onScroll'];
-    scrollContainerRef: VirtualListProps['scrollContainerRef'];
-}
-export declare const useVirtualList: ({ items, variant, height, itemHeight, estimatedItemHeight, overscan, onScroll, scrollContainerRef, }: ListArgs) => {
-    totalHeight: number;
+/**
+ * A `width` prop as CSS. `sx` reads a number of 1 or less as a fraction of the
+ * parent, and that stays so; a larger number is design px, through the type
+ * scale; a string is as given.
+ */
+export declare const widthCss: (theme: Theme, width: number | string) => string;
+/**
+ * `height`, `itemHeight`, `estimatedItemHeight` and an item's own `height` are
+ * design px. The range is computed in the px `scrollTop` is measured in
+ * (`remPx`), the viewport and the scroll content are drawn in `rem`, and each
+ * item's `top`/`height` is the `remPx` of its design offset and height.
+ */
+export declare const useVirtualList: ({ items, variant, height, itemHeight, estimatedItemHeight, overscan, onScroll, scrollContainerRef, }: VirtualListProps) => {
+    totalHeight: string;
+    viewportHeight: string;
     visibleItems: {
         item: import("./VirtualList.types").VirtualListItem;
         index: number;
@@ -28,20 +30,14 @@ export declare const useVirtualList: ({ items, variant, height, itemHeight, esti
     }[];
     handleScroll: (event: ScrollEvent) => void;
 };
-interface GridArgs {
-    items: VirtualGridProps['items'];
-    height: number;
-    width: number | string;
-    columnCount: number;
-    rowHeight: number;
-    columnWidth?: number;
-    gap: number;
-    overscan: number;
-    onScroll: VirtualGridProps['onScroll'];
-    scrollContainerRef: VirtualGridProps['scrollContainerRef'];
-}
-export declare const useVirtualGrid: ({ items, height, width, columnCount, rowHeight, columnWidth, gap, overscan, onScroll, scrollContainerRef, }: GridArgs) => {
-    totalHeight: number;
+/**
+ * `height`, `rowHeight`, `columnWidth` and `gap` are design px: the range and
+ * every cell's box are computed through `remPx`, the viewport and the content
+ * are drawn through `rem`.
+ */
+export declare const useVirtualGrid: ({ items, height, width, columnCount, rowHeight, columnWidth, gap, overscan, onScroll, scrollContainerRef, }: VirtualGridProps) => {
+    totalHeight: string;
+    viewportHeight: string;
     visibleItems: {
         item: import("./VirtualList.types").VirtualListItem;
         index: number;

package/dist/types/components/utility/VirtualList/VirtualList.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/VirtualList/VirtualList.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,KAAK,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC;AACzD,KAAK,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAC3C,KAAK,WAAW,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;AA2K5D,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,kBAAkB,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,cAAc,GAAI,sGAS5B,QAAQ;;;;;;;;;;;;;0BArJC,WAAW;CAuLtB,CAAC;AAEF,UAAU,QAAQ;IAChB,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACvC,kBAAkB,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;CAC5D;AAeD,eAAO,MAAM,cAAc,GAAI,6GAW5B,QAAQ;;;;;;;;;;;;;;;0BA9NC,WAAW;CA8QtB,CAAC"}
+{"version":3,"file":"VirtualList.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/VirtualList/VirtualList.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAoD,MAAM,OAAO,CAAC;AAIzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,KAAK,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC;AA0DzD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,GAAG,MAAM,KAAG,MAG/D,CAAC;AAoFF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GAAI,sGAS5B,gBAAgB;;;;;;;;;;;;;;0BAzHP,WAAW;CAuKtB,CAAC;AAgBF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,6GAW5B,gBAAgB;;;;;;;;;;;;;;;;0BAvMP,WAAW;CAgQtB,CAAC"}

package/dist/types/components/utility/VirtualList/VirtualList.types.d.ts

@@ -2,15 +2,23 @@ import type { CSSProperties, ReactNode, RefObject } from 'react';
 export type VirtualListVariant = 'fixed' | 'variable' | 'grid';
 export interface VirtualListItem {
     id: string | number;
+    /** This item's own height, for a `variable` list — design px, scaled with the theme's type scale. */
     height?: number;
     data?: unknown;
 }
 export interface VirtualListProps {
     items: VirtualListItem[];
     variant?: VirtualListVariant;
+    /** The viewport's height — design px, scaled with the theme's type scale. */
     height: number;
+    /**
+     * The viewport's width. A number of 1 or less is a fraction of the parent (as
+     * in `sx`); a larger number is design px, scaled with the theme's type scale; a string is used as given.
+     */
     width?: number | string;
+    /** Every row's height in a `fixed` list (default 40) — design px, scaled with the theme's type scale. */
     itemHeight?: number;
+    /** The height assumed for a `variable` item that declares none (default 40) — design px, scaled with the theme's type scale. */
     estimatedItemHeight?: number;
     overscan?: number;
     renderItem: (params: {
@@ -30,11 +38,20 @@ export interface VirtualListProps {
 }
 export interface VirtualGridProps {
     items: VirtualListItem[];
+    /** The viewport's height — design px, scaled with the theme's type scale. */
     height: number;
+    /**
+     * The viewport's width. A number of 1 or less is a fraction of the parent (as
+     * in `sx`); a larger number is design px, scaled with the theme's type scale, and also what an unset
+     * `columnWidth` is shared out of; a string is used as given.
+     */
     width?: number | string;
     columnCount: number;
+    /** Every row's height — design px, scaled with the theme's type scale. */
     rowHeight: number;
+    /** Every column's width — design px, scaled with the theme's type scale. */
     columnWidth?: number;
+    /** The space between two rows and between two columns — design px, scaled with the theme's type scale. */
     gap?: number;
     overscan?: number;
     renderItem: (params: {

package/dist/types/components/utility/VirtualList/VirtualList.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/VirtualList/VirtualList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAA;KAAE,KAAK,SAAS,CAAC;IAClG,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,sFAAsF;IACtF,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE;QACnB,IAAI,EAAE,eAAe,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,aAAa,CAAC;KACtB,KAAK,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,sFAAsF;IACtF,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}
+{"version":3,"file":"VirtualList.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/utility/VirtualList/VirtualList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yGAAyG;IACzG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gIAAgI;IAChI,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAA;KAAE,KAAK,SAAS,CAAC;IAClG,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,sFAAsF;IACtF,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,6EAA6E;IAC7E,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0GAA0G;IAC1G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,EAAE;QACnB,IAAI,EAAE,eAAe,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,aAAa,CAAC;KACtB,KAAK,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACnD,sFAAsF;IACtF,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}

package/dist/types-native/components/form/Switch/Switch.metrics.d.ts

@@ -42,10 +42,20 @@ export declare const thumbRadius: (look: SwitchLook, thumbSize: number) => numbe
  */
 export declare const THUMB_ELEVATION: Record<SwitchLook, number>;
 export declare const MUI_SHADOWS: Record<number, string>;
-/** The iOS thumb's own three-layer shadow, which the web writes out literally. */
+/**
+ * How a shadow builder writes one of its lengths. Native takes the px as they
+ * stand ({@link AS_PX}); the web hands in its type scale (`rem`), so the iOS
+ * shadows scale with the theme like every other length it draws.
+ */
+export type ShadowLength = (px: number) => string;
+/** A length written as the px it was drawn at — what native reads. */
+export declare const AS_PX: ShadowLength;
+/** The iOS thumb's own three-layer shadow. */
+export declare const iosThumbShadow: (length?: ShadowLength) => string;
+/** {@link iosThumbShadow} in px, as native draws it. */
 export declare const IOS_THUMB_SHADOW: string;
-/** The iOS track's inset hairline. */
-export declare const iosTrackShadow: () => string;
+/** The iOS track's inset hairline and inner shade. */
+export declare const iosTrackShadow: (length?: ShadowLength) => string;
 /** The resting track: a black wash on iOS, the disabled ink elsewhere. */
 export declare const TRACK_ALPHA: {
     readonly ios: 0.1;

package/dist/types-native/components/form/Switch/Switch.metrics.d.ts.map

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

package/dist/utility/InfiniteScroll.js

@@ -1,9 +1,10 @@
 import "../chunk-H7NA4TXY.js";
 import {
   InfiniteScroll
-} from "../chunk-GSFNH4C5.js";
-import "../chunk-ATSHKSSD.js";
-import "../chunk-QF6LTUCE.js";
+} from "../chunk-HBP2OU4Q.js";
+import "../chunk-5KNDAC24.js";
+import "../chunk-Y2X7LYIN.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   InfiniteScroll

package/dist/utility/VirtualList.js

@@ -2,8 +2,9 @@ import "../chunk-53AAAF37.js";
 import {
   VirtualGrid,
   VirtualList
-} from "../chunk-J2DAQQQH.js";
-import "../chunk-F42MJOHM.js";
+} from "../chunk-222HN7GK.js";
+import "../chunk-PVM7XTLZ.js";
+import "../chunk-YKCAJ2TN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   VirtualGrid,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.38.0",
+  "version": "6.39.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/DataGrid/DataGrid.body.tsx

@@ -13,6 +13,8 @@ import TableRow from '@mui/material/TableRow/index.js';
 import { useTheme } from '@mui/material/styles/index.js';
 import type React from 'react';
 
+import { rem } from '../../../tokens/relative';
+
 import { GridRow, HeaderCell } from './DataGrid.cells';
 import type { DataGridModel } from './DataGrid.model';
 import type { DataGridProps } from './DataGrid.types';
@@ -78,7 +80,10 @@ export function GridHeader<T extends Record<string, unknown>>(
   section: GridSectionProps<T>,
 ): React.JSX.Element {
   const { model, props } = section;
-  const { sorting = {}, stickyHeader = true, headerHeight = 56 } = props;
+  const theme = useTheme();
+  const { sorting = {}, stickyHeader = true } = props;
+  // 56 design px unless the caller says, drawn through the type scale.
+  const headerHeight = rem(theme, props.headerHeight ?? 56);
   const sortable = sorting.mode === 'client' || sorting.mode === 'server';
   return (
     <TableHead data-slot="header">
@@ -100,12 +105,27 @@ export function GridHeader<T extends Record<string, unknown>>(
   );
 }
 
-/** An invisible row standing in for the rows the window is not rendering. */
-function Spacer({ height, colSpan }: { height: number; colSpan: number }): React.JSX.Element | null {
-  if (height <= 0) return null;
+/**
+ * An invisible row standing in for `rows` rows the window is not rendering —
+ * that many times the row's own CSS height, so the spacer and the rows it
+ * replaces are the same length by construction.
+ */
+function Spacer({
+  rows,
+  rowHeight,
+  colSpan,
+}: {
+  rows: number;
+  rowHeight: string;
+  colSpan: number;
+}): React.JSX.Element | null {
+  if (rows <= 0) return null;
   return (
     <TableRow>
-      <TableCell colSpan={colSpan} sx={{ height, border: 'none', p: 0 }} />
+      <TableCell
+        colSpan={colSpan}
+        sx={{ height: `calc(${rows} * ${rowHeight})`, border: 'none', p: 0 }}
+      />
     </TableRow>
   );
 }
@@ -119,7 +139,7 @@ export function GridBody<T extends Record<string, unknown>>(
   return (
     <TableBody data-slot="body">
       {model.virtualized ? (
-        <Spacer height={start * model.rowHeight} colSpan={totalColumns} />
+        <Spacer rows={start} rowHeight={model.rowHeight} colSpan={totalColumns} />
       ) : null}
       {model.visibleRows.map((row, offset) => {
         const index = model.virtualized ? start + offset : offset;
@@ -139,7 +159,7 @@ export function GridBody<T extends Record<string, unknown>>(
         );
       })}
       {model.virtualized ? (
-        <Spacer height={trailing * model.rowHeight} colSpan={totalColumns} />
+        <Spacer rows={trailing} rowHeight={model.rowHeight} colSpan={totalColumns} />
       ) : null}
     </TableBody>
   );

package/src/components/data-display/DataGrid/DataGrid.cells.tsx

@@ -16,9 +16,11 @@ import IconButton from '@mui/material/IconButton/index.js';
 import TableCell from '@mui/material/TableCell/index.js';
 import TableRow from '@mui/material/TableRow/index.js';
 import Typography from '@mui/material/Typography/index.js';
-import { useTheme } from '@mui/material/styles/index.js';
+import { useTheme, type Theme } from '@mui/material/styles/index.js';
 import React from 'react';
 
+import { rem } from '../../../tokens/relative';
+
 import { cellValue } from './DataGrid.rows';
 import type { DataGridModel } from './DataGrid.model';
 import type { DataGridProps, GridColumn, GridSort } from './DataGrid.types';
@@ -35,12 +37,36 @@ function ariaSort(dir: GridSort['dir'] | undefined): 'none' | 'ascending' | 'des
   return dir === 'asc' ? 'ascending' : 'descending';
 }
 
+/**
+ * One of a column's `width`/`minWidth`/`maxWidth` as CSS. A number is design
+ * px through the type scale — except 1 or less, which `sx` has always read as a
+ * fraction of the table and still does; a string (`'312px'`, `'20%'`) is used as
+ * given.
+ */
+function columnLength(theme: Theme, value: number | string | undefined): string | undefined {
+  if (typeof value !== 'number') return value;
+  return value <= 1 && value !== 0 ? `${value * 100}%` : rem(theme, value);
+}
+
+/** A column's size constraints, as the `sx` of its header and its cells. */
+function columnBox<T extends Record<string, unknown>>(
+  theme: Theme,
+  column: GridColumn<T>,
+): { minWidth?: string; maxWidth?: string; width?: string } {
+  return {
+    minWidth: columnLength(theme, column.minWidth),
+    maxWidth: columnLength(theme, column.maxWidth),
+    width: columnLength(theme, column.width),
+  };
+}
+
 export interface HeaderCellProps<T extends Record<string, unknown>> {
   column: GridColumn<T>;
   sort: GridSort | undefined;
   sortable: boolean;
   stickyHeader: boolean;
-  headerHeight: number;
+  /** The header row's height, as CSS. */
+  headerHeight: string;
   onSort: (columnId: string) => void;
 }
 
@@ -65,9 +91,7 @@ export function HeaderCell<T extends Record<string, unknown>>({
         backgroundColor: theme.palette.background.paper,
         borderBottom: `1px solid ${theme.palette.divider}`,
         height: headerHeight,
-        minWidth: column.minWidth,
-        maxWidth: column.maxWidth,
-        width: column.width,
+        ...columnBox(theme, column),
       }}
       role="columnheader"
       aria-sort={ariaSort(sort?.dir)}
@@ -103,7 +127,8 @@ export interface DataCellProps<T extends Record<string, unknown>> {
   rowIndex: number;
   rowId: string | number;
   column: GridColumn<T>;
-  rowHeight: number;
+  /** The row's height, as CSS — `DataGridModel.rowHeight`. */
+  rowHeight: string;
   editing: NonNullable<DataGridProps<T>['editing']>;
   model: Pick<DataGridModel<T>, 'editingCell' | 'setEditingCell'>;
 }
@@ -117,6 +142,7 @@ export function DataCell<T extends Record<string, unknown>>({
   editing,
   model,
 }: DataCellProps<T>): React.JSX.Element {
+  const theme = useTheme();
   const value = cellValue(row, column);
   const isEditing =
     model.editingCell?.rowId === rowId && model.editingCell?.colId === column.id;
@@ -129,9 +155,7 @@ export function DataCell<T extends Record<string, unknown>>({
       data-col-id={column.id}
       data-editing={isEditing}
       sx={{
-        minWidth: column.minWidth,
-        maxWidth: column.maxWidth,
-        width: column.width,
+        ...columnBox(theme, column),
         height: rowHeight,
       }}
       role="gridcell"