@duro-app/ui 5.11.0 → 5.13.0

package/dist/components/Toggle/styles.css.d.ts

@@ -20,13 +20,19 @@ export declare const styles: Readonly<{
         readonly minHeight: css.StyleXClassNameFor<"minHeight", string | null>;
     }>;
     readonly sizeDefault: Readonly<{
-        readonly padding: css.StyleXClassNameFor<"padding", `${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
     }>;
     readonly sizeSmall: Readonly<{
-        readonly padding: css.StyleXClassNameFor<"padding", `${css.StyleXVar<string>} ${css.StyleXVar<string>}`>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
@@ -64,5 +70,8 @@ export declare const styles: Readonly<{
         readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
         readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Toggle/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FjB,CAAA"}

package/dist/components/Tooltip/TooltipHint.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Native: a Tooltip's string content, read by the Duro trigger inside it
+ * (Button, Toggle, Menu.Trigger, Popover.Trigger) and set as that trigger's
+ * own accessibility hint (plan N0, Decision 5). Touch has no hover, so the
+ * text is never drawn; screen readers read it after the trigger's name.
+ */
+export declare const TooltipHintContext: import('react').Context<string | undefined>;
+export declare function useTooltipHint(): string | undefined;
+//# sourceMappingURL=TooltipHint.d.ts.map

package/dist/components/Tooltip/TooltipHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHint.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipHint.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,6CAA+C,CAAA;AAE9E,wBAAgB,cAAc,IAAI,MAAM,GAAG,SAAS,CAEnD"}

package/dist/components/Tree/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAId,OAAO,EAAoC,KAAK,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAgBxF,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAChD;AAID,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,QAAQ,EACR,eAAoB,EACpB,gBAAgB,GACjB,EAAE,SAAS,2CAkLX;AAID,UAAU,SAAS;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,SAAS,2CA6EnF;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAmD,MAAM,OAAO,CAAA;AAOhG,OAAO,EAAoC,KAAK,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAgBxF,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAChD;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,QAAQ,EACR,eAAoB,EACpB,gBAAgB,GACjB,EAAE,SAAS,2CAoEX;AAID,UAAU,SAAS;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,SAAS,2CAoFnF;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}

package/dist/components/Tree/styles.css.d.ts

@@ -42,6 +42,9 @@ export declare const styles: Readonly<{
         readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0>;
         readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
     }>;
+    readonly indentPx: (px: number) => readonly [Readonly<{
+        paddingLeft: css.StyleXClassNameFor<"paddingLeft", number>;
+    }>, css.InlineStyles];
     readonly indent: (level: number) => readonly [Readonly<{
         paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
     }>, css.InlineStyles];
@@ -56,6 +59,9 @@ export declare const styles: Readonly<{
         readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
     }>;
+    readonly nativeFlex: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+    }>;
     readonly chevron: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;

package/dist/components/Tree/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGjB,CAAA"}

package/dist/components/Tree/useTreeKeyboard.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+interface TreeKeyboardInput {
+    rootRef: React.RefObject<HTMLUListElement | null>;
+    focusValue: string | null;
+    setFocusValue: (value: string | null) => void;
+    setKeyboardFocus: (on: boolean) => void;
+    open: ReadonlyArray<string>;
+    children: ReactNode;
+    onSelect: (value: string) => void;
+    setExpanded: (value: string, open: boolean) => void;
+}
+/**
+ * Web: the tree's roving tab stop, arrow keys, Home/End, Enter and typeahead
+ * (WAI-ARIA tree pattern), read from the rendered DOM. Native has none of
+ * them (plan N0, Decision 6): useTreeKeyboard.native.ts.
+ */
+export declare function useTreeKeyboard({ rootRef, focusValue, setFocusValue, setKeyboardFocus, open, children, onSelect, setExpanded, }: TreeKeyboardInput): void;
+export {};
+//# sourceMappingURL=useTreeKeyboard.d.ts.map

package/dist/components/Tree/useTreeKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/useTreeKeyboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AAKxE,UAAU,iBAAiB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACjD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,gBAAgB,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACpD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,iBAAiB,QAyHnB"}

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

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+import { SizeToken } from '@duro-app/tokens/keys';
+import { Length } from '../../shared/length';
+export interface VirtualListProps<T> {
+    items: readonly T[];
+    /** Each row's starting height estimate, a size token; rows are then measured. */
+    estimateSize: SizeToken;
+    renderItem: (item: T, index: number) => ReactNode;
+    /** A stable key per item (an id), so rows keep their measurement as items change. */
+    getKey: (item: T, index: number) => string | number;
+    /** Rows rendered beyond each edge of the view. Default 5 */
+    overscan?: number;
+    /**
+     * `end` starts at the last item and stays pinned to the bottom while new
+     * items arrive, as long as the reader is at the bottom (a transcript, a log).
+     * Default `start`.
+     */
+    anchor?: 'start' | 'end';
+    /** Cap the list's height; without it, it fills its parent. */
+    maxHeight?: Length;
+    /** The list's accessible name. */
+    'aria-label': string;
+}
+/**
+ * A windowed list: only the rows in view (plus `overscan`) are mounted, so a
+ * list of tens of thousands stays fast. Rows are measured as they render, so
+ * they may differ in height. It is a `role="list"`; each row is a listitem
+ * with `aria-setsize` and `aria-posinset`, so assistive tech knows the full
+ * length while most rows are not in the DOM. Web only: on native, host
+ * FlashList or Legend List behind your own `.native.tsx` leaf.
+ */
+export declare function VirtualList<T>({ items, estimateSize, renderItem, getKey, overscan, anchor, maxHeight, 'aria-label': ariaLabel, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VirtualList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AAGxE,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAgB,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAG9D,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB,iFAAiF;IACjF,YAAY,EAAE,SAAS,CAAA;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IACjD,qFAAqF;IACrF,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAA;CACrB;AAKD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAY,EACZ,MAAgB,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAsDrB"}

package/dist/components/VirtualList/VirtualList.meta.d.ts

@@ -0,0 +1,3 @@
+import { ComponentMeta } from '../component-meta';
+export declare const meta: ComponentMeta;
+//# sourceMappingURL=VirtualList.meta.d.ts.map

package/dist/components/VirtualList/VirtualList.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.meta.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAoClB,CAAA"}

package/dist/components/VirtualList/VirtualList.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SizeToken } from '@duro-app/tokens/keys';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+interface PlaygroundArgs {
+    count: number;
+    anchor: 'start' | 'end';
+    overscan: number;
+    estimateSize: SizeToken;
+}
+export declare const Playground: StoryObj<PlaygroundArgs>;
+export declare const TenThousand: Story;
+export declare const AnchoredToTheEnd: Story;
+//# sourceMappingURL=VirtualList.stories.d.ts.map

package/dist/components/VirtualList/VirtualList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAIpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAkBrB,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,GAAG,KAAK,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAkC/C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA"}

package/dist/components/VirtualList/styles.css.d.ts

@@ -0,0 +1,28 @@
+import { css } from 'react-strict-dom';
+export declare const styles: Readonly<{
+    readonly scroller: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
+        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
+        readonly overscrollBehavior: css.StyleXClassNameFor<"overscrollBehavior", "contain">;
+    }>;
+    readonly scrollMax: (maxHeight: string | number) => readonly [Readonly<{
+        height: css.StyleXClassNameFor<"height", string>;
+        maxHeight: css.StyleXClassNameFor<"maxHeight", string | number>;
+    }>, css.InlineStyles];
+    readonly total: (height: number) => readonly [Readonly<{
+        position: css.StyleXClassNameFor<"position", "relative">;
+        width: css.StyleXClassNameFor<"width", string>;
+        height: css.StyleXClassNameFor<"height", number>;
+    }>, css.InlineStyles];
+    readonly row: (y: number) => readonly [Readonly<{
+        position: css.StyleXClassNameFor<"position", "absolute">;
+        top: css.StyleXClassNameFor<"top", number>;
+        left: css.StyleXClassNameFor<"left", number>;
+        width: css.StyleXClassNameFor<"width", string>;
+        transform: css.StyleXClassNameFor<"transform", string>;
+    }>, css.InlineStyles];
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/VirtualList/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAEpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;EA4BjB,CAAA"}

package/dist/components/VirtualTable/styles.css.d.ts

@@ -3,10 +3,12 @@ export declare const styles: Readonly<{
     readonly wrap: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "relative">;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
     }>;
     readonly scroll: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "relative">;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
         readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
         readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
@@ -59,6 +61,7 @@ export declare const styles: Readonly<{
     readonly bodyTotal: (height: number) => readonly [Readonly<{
         position: css.StyleXClassNameFor<"position", "relative">;
         width: css.StyleXClassNameFor<"width", string>;
+        boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         height: css.StyleXClassNameFor<"height", number>;
     }>, css.InlineStyles];
     readonly row: Readonly<{
@@ -66,6 +69,7 @@ export declare const styles: Readonly<{
         readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly borderBottomWidth: css.StyleXClassNameFor<"borderBottomWidth", string>;
         readonly borderBottomStyle: css.StyleXClassNameFor<"borderBottomStyle", "solid">;
         readonly borderBottomColor: css.StyleXClassNameFor<"borderBottomColor", string>;
@@ -101,6 +105,7 @@ export declare const styles: Readonly<{
     readonly stackScroll: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "relative">;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
     }>;
     readonly stackBody: Readonly<{
@@ -113,6 +118,7 @@ export declare const styles: Readonly<{
         readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
         readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly padding: css.StyleXClassNameFor<"padding", string>;
         readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
         readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;

package/dist/components/VirtualTable/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4KjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLjB,CAAA"}