@astryxdesign/core 0.1.3 → 0.1.4-canary.02643db

package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js

@@ -0,0 +1,398 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file useTableRowExpansion.tsx
+ * @input React, StyleX, Icon, Table types
+ * @output Exports useTableRowExpansion hook + config/state types
+ * @position Row-expansion plugin; consumed by Table via plugins prop
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/core/src/Table/index.ts (exports)
+ */
+import { useCallback, useMemo, useRef } from 'react';
+import * as stylex from '@stylexjs/stylex';
+import "../../../theme/tokens.stylex.js";
+import { spacingVars, colorVars, radiusVars } from "../../../theme/tokens.stylex.js";
+import { Icon } from "../../../Icon/index.js";
+import { resolveContextActions } from "../../tableContextMenu.js";
+
+// =============================================================================
+// Config
+// =============================================================================
+
+/**
+ * Configuration for useTableRowExpansion (inherited-columns mode).
+ *
+ * Child rows use the same columns as their parents, with indentation on the
+ * first content column. The consumer provides a **flat** data array (use
+ * {@link useTableRowExpansionState} to flatten a tree) and a `getDepth`
+ * function so the plugin knows each row's nesting level.
+ */
+
+/**
+ * Configuration for {@link useTableRowExpansionState}.
+ *
+ * Mirrors the shape of {@link useTableSelectionState}: you own the
+ * `expandedKeys` set (via `useState`), and the hook derives everything the
+ * plugin needs — the flattened `data`, per-row depth, expand/collapse
+ * handlers, and the expand-all toggle state.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Manages row-expansion state and derives the config for
+ * {@link useTableRowExpansion}. This is the recommended entry point — it
+ * removes the boilerplate of flattening the tree, tracking depth, and
+ * computing the expand-all state.
+ *
+ * @example
+ * ```tsx
+ * const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());
+ * const {data, expansionConfig} = useTableRowExpansionState({
+ *   baseData: tree,
+ *   getChildren: item => item.children ?? [],
+ *   getRowKey: item => item.id,
+ *   expandedKeys,
+ *   setExpandedKeys,
+ * });
+ * const expansion = useTableRowExpansion(expansionConfig);
+ * <Table data={data} columns={columns} idKey="id" plugins={{expansion}} />;
+ * ```
+ */
+export function useTableRowExpansionState({
+  baseData,
+  getChildren,
+  getRowKey,
+  getIsItemExpandable,
+  expandedKeys,
+  setExpandedKeys
+}) {
+  const isExpandable = useCallback(item => getIsItemExpandable ? getIsItemExpandable(item) : getChildren(item).length > 0, [getIsItemExpandable, getChildren]);
+  const depthMap = useMemo(() => {
+    const map = new Map();
+    function walk(items, depth) {
+      for (const item of items) {
+        const key = getRowKey(item);
+        map.set(key, depth);
+        if (expandedKeys.has(key)) {
+          walk(getChildren(item), depth + 1);
+        }
+      }
+    }
+    walk(baseData, 0);
+    return map;
+  }, [baseData, getChildren, getRowKey, expandedKeys]);
+  const data = useMemo(() => {
+    const result = [];
+    function walk(items) {
+      for (const item of items) {
+        result.push(item);
+        const key = getRowKey(item);
+        if (expandedKeys.has(key)) {
+          walk(getChildren(item));
+        }
+      }
+    }
+    walk(baseData);
+    return result;
+  }, [baseData, getChildren, getRowKey, expandedKeys]);
+
+  // Every expandable key across the whole tree (drives expand-all).
+  const allExpandableKeys = useMemo(() => {
+    const keys = [];
+    function walk(items) {
+      for (const item of items) {
+        if (isExpandable(item)) {
+          keys.push(getRowKey(item));
+          walk(getChildren(item));
+        }
+      }
+    }
+    walk(baseData);
+    return keys;
+  }, [baseData, getChildren, getRowKey, isExpandable]);
+  const getDepth = useCallback(item => depthMap.get(getRowKey(item)) ?? 0, [depthMap, getRowKey]);
+  const onToggle = useCallback(key => {
+    setExpandedKeys(prev => {
+      const next = new Set(prev);
+      if (next.has(key)) {
+        next.delete(key);
+      } else {
+        next.add(key);
+      }
+      return next;
+    });
+  }, [setExpandedKeys]);
+  const isAllExpanded = useMemo(() => {
+    if (allExpandableKeys.length === 0) {
+      return false;
+    }
+    const expandedCount = allExpandableKeys.filter(k => expandedKeys.has(k)).length;
+    if (expandedCount === 0) {
+      return false;
+    }
+    if (expandedCount === allExpandableKeys.length) {
+      return true;
+    }
+    return 'indeterminate';
+  }, [allExpandableKeys, expandedKeys]);
+  const onToggleExpandAll = useCallback(expand => {
+    setExpandedKeys(expand ? new Set(allExpandableKeys) : new Set());
+  }, [setExpandedKeys, allExpandableKeys]);
+  const expansionConfig = useMemo(() => ({
+    expandedKeys,
+    onToggle,
+    getRowKey,
+    getChildren,
+    getDepth,
+    getIsItemExpandable,
+    isAllExpanded,
+    onToggleExpandAll
+  }), [expandedKeys, onToggle, getRowKey, getChildren, getDepth, getIsItemExpandable, isAllExpanded, onToggleExpandAll]);
+  return {
+    data,
+    expansionConfig
+  };
+}
+
+// =============================================================================
+// Styles
+// =============================================================================
+
+const EXPANSION_COLUMN_WIDTH = {
+  type: 'pixel',
+  value: 40
+};
+
+/** Indentation applied per depth level, in pixels. */
+const INDENT_PER_DEPTH = 24;
+const _temp = {
+  kZCmMZ: "xnvo3vl",
+  "$$css": true
+};
+const expansionStyles = {
+  indentedCell: {
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kOIVth: "xzye2dw",
+    $$css: true
+  },
+  indent: px => [_temp, {
+    "--x-paddingInlineStart": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${px}px`)
+  }],
+  clickableRow: {
+    kkrTdU: "x1ypdohk",
+    $$css: true
+  }
+};
+
+// =============================================================================
+// Chevron
+// =============================================================================
+
+function ExpansionChevron({
+  isExpanded,
+  onToggle,
+  ariaLabel
+}) {
+  return /*#__PURE__*/_jsx("button", {
+    type: "button",
+    ...{
+      className: "x3nfvp2 x6s0dn4 xl56j7k xvy4d1p xxk0z11 xx3sua9 x1ypdohk xv9yike xefglzl xx6bhzk x1717udv x2lah0s x1ilzqfv x1cqbx0l"
+    },
+    onClick: e => {
+      e.stopPropagation();
+      onToggle();
+    },
+    "aria-label": ariaLabel,
+    "aria-expanded": isExpanded,
+    children: /*#__PURE__*/_jsx("span", {
+      ...{
+        0: {
+          className: "x3nfvp2 x11xpdln xx6bhzk"
+        },
+        1: {
+          className: "x3nfvp2 x11xpdln xx6bhzk x1iffjtl"
+        }
+      }[!!isExpanded << 0],
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "chevronRight",
+        size: "xsm"
+      })
+    })
+  });
+}
+
+// =============================================================================
+// Hook
+// =============================================================================
+
+export function useTableRowExpansion(config) {
+  const {
+    expandedKeys,
+    onToggle,
+    getRowKey,
+    getChildren,
+    getDepth,
+    getIsItemExpandable,
+    hasRowClickExpansion = false,
+    isAllExpanded,
+    onToggleExpandAll
+  } = config;
+
+  // Track the first non-plugin column key for indentation.
+  const firstUserColumnKeyRef = useRef(null);
+  const expansionColumn = useMemo(() => ({
+    key: '__expansion',
+    header: '',
+    width: EXPANSION_COLUMN_WIDTH,
+    resizable: false,
+    renderCell: item => {
+      // Child rows (depth > 0) show their chevron inline in the first user
+      // column instead — don't double up here.
+      const depth = getDepth ? getDepth(item) : 0;
+      if (depth > 0) {
+        return null;
+      }
+      const key = getRowKey(item);
+      const expandable = getIsItemExpandable ? getIsItemExpandable(item) : getChildren(item).length > 0;
+      if (!expandable) {
+        return null;
+      }
+      const isExpanded = expandedKeys.has(key);
+      return /*#__PURE__*/_jsx(ExpansionChevron, {
+        isExpanded: isExpanded,
+        onToggle: () => onToggle(key),
+        ariaLabel: isExpanded ? 'Collapse row' : 'Expand row'
+      });
+    }
+  }), [expandedKeys, onToggle, getRowKey, getChildren, getIsItemExpandable, getDepth]);
+  return useMemo(() => ({
+    transformColumns(columns) {
+      // Track the first user column for indentation.
+      const firstUserCol = columns.find(c => !c.key.startsWith('__'));
+      firstUserColumnKeyRef.current = firstUserCol?.key ?? null;
+
+      // Wrap the first user column's renderCell to add depth indentation +
+      // an inline chevron for child rows. This is the inherited-columns
+      // pattern: child rows use the same columns but indent their first
+      // content cell.
+      const wrappedColumns = columns.map(col => {
+        if (col.key !== firstUserColumnKeyRef.current) {
+          return col;
+        }
+        const originalRenderCell = col.renderCell;
+        return {
+          ...col,
+          renderCell: item => {
+            const depth = getDepth ? getDepth(item) : 0;
+            const originalContent = originalRenderCell ? originalRenderCell(item) : String(item[col.key] ?? '');
+            if (depth === 0) {
+              return originalContent;
+            }
+            const indent = (depth - 1) * INDENT_PER_DEPTH;
+            const key = getRowKey(item);
+            const isExpanded = expandedKeys.has(key);
+            const expandable = getIsItemExpandable ? getIsItemExpandable(item) : getChildren(item).length > 0;
+            const chevron = expandable ? /*#__PURE__*/_jsx(ExpansionChevron, {
+              isExpanded: isExpanded,
+              onToggle: () => onToggle(key),
+              ariaLabel: isExpanded ? 'Collapse row' : 'Expand row'
+            }) : /*#__PURE__*/_jsx("span", {
+              ...{
+                className: "x1rg5ohu xvy4d1p xxk0z11 x2lah0s"
+              }
+            });
+            return /*#__PURE__*/_jsxs("div", {
+              ...stylex.props(expansionStyles.indentedCell, indent > 0 && expansionStyles.indent(indent)),
+              children: [chevron, originalContent]
+            });
+          }
+        };
+      });
+      return [expansionColumn, ...wrappedColumns];
+    },
+    transformHeaderCell(props, column) {
+      if (column.key !== '__expansion') {
+        return props;
+      }
+
+      // Show expand-all toggle when the consumer provides the state + callback.
+      if (isAllExpanded !== undefined && onToggleExpandAll) {
+        const allExpanded = isAllExpanded === true;
+        return {
+          ...props,
+          content: /*#__PURE__*/_jsx("button", {
+            type: "button",
+            ...{
+              className: "x3nfvp2 x6s0dn4 xl56j7k xvy4d1p xxk0z11 xx3sua9 x1ypdohk xv9yike xefglzl xx6bhzk x1717udv x2lah0s x1ilzqfv x1cqbx0l"
+            },
+            onClick: () => onToggleExpandAll(!allExpanded),
+            "aria-label": allExpanded ? 'Collapse all rows' : 'Expand all rows',
+            children: /*#__PURE__*/_jsx("span", {
+              ...{
+                0: {
+                  className: "x3nfvp2 x11xpdln xx6bhzk"
+                },
+                1: {
+                  className: "x3nfvp2 x11xpdln xx6bhzk x1iffjtl"
+                }
+              }[!!allExpanded << 0],
+              children: /*#__PURE__*/_jsx(Icon, {
+                icon: "chevronRight",
+                size: "xsm"
+              })
+            })
+          })
+        };
+      }
+      return {
+        ...props,
+        content: null
+      };
+    },
+    transformBodyCell(props, column, item) {
+      // Contribute "Expand/Collapse row" context-menu action on every cell
+      // so right-clicking anywhere in the row shows the option.
+      const expandable = getIsItemExpandable ? getIsItemExpandable(item) : getChildren(item).length > 0;
+      if (!expandable) {
+        return props;
+      }
+      const key = getRowKey(item);
+      const isExpanded = expandedKeys.has(key);
+      return {
+        ...props,
+        contextMenuActions: () => [...resolveContextActions(props.contextMenuActions), {
+          id: 'row-expansion-toggle',
+          group: 'row-expansion',
+          label: isExpanded ? 'Collapse row' : 'Expand row',
+          icon: /*#__PURE__*/_jsx(Icon, {
+            icon: isExpanded ? 'chevronDown' : 'chevronRight',
+            size: "xsm",
+            "aria-hidden": true
+          }),
+          onSelect: () => onToggle(key)
+        }]
+      };
+    },
+    transformBodyRow(props, item) {
+      if (!hasRowClickExpansion) {
+        return props;
+      }
+      const expandable = getIsItemExpandable ? getIsItemExpandable(item) : getChildren(item).length > 0;
+      if (!expandable) {
+        return props;
+      }
+      const key = getRowKey(item);
+      return {
+        ...props,
+        htmlProps: {
+          ...props.htmlProps,
+          onClick: () => onToggle(key)
+        },
+        styles: [...props.styles, expansionStyles.clickableRow]
+      };
+    }
+  }), [expandedKeys, getRowKey, onToggle, getChildren, getDepth, getIsItemExpandable, hasRowClickExpansion, isAllExpanded, onToggleExpandAll, expansionColumn]);
+}

package/dist/Table/tableContextMenu.d.ts

@@ -9,6 +9,7 @@
  * - /packages/core/src/Table/types.ts (TableContextAction)
  */
 import { type ReactNode } from 'react';
+import type { StyleXStyles } from '../theme/types';
 import type { TableContextAction, TableContextActions } from './types';
 /**
  * Resolve a `contextMenuActions` value (array or getter) to a plain array.
@@ -28,6 +29,9 @@ export declare function resolveContextActions(actions: TableContextActions | und
  * context menu rendering the aggregated `actions`. Accepts a static array or a
  * getter (resolved lazily on open). When there are no actions the element is
  * returned untouched so the native browser menu passes through.
+ *
+ * `triggerXstyle` styles the right-click target wrapper. Cells pass a fill +
+ * padding style so the entire cell (padding included) opens the menu.
  */
-export declare function wrapInTableContextMenu(element: ReactNode, actions: TableContextActions | undefined): ReactNode;
+export declare function wrapInTableContextMenu(element: ReactNode, actions: TableContextActions | undefined, triggerXstyle?: StyleXStyles | StyleXStyles[]): ReactNode;
 //# sourceMappingURL=tableContextMenu.d.ts.map

package/dist/Table/tableContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableContextMenu.d.ts","sourceRoot":"","sources":["../../src/Table/tableContextMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,mBAAmB,GAAG,SAAS,GACvC,kBAAkB,EAAE,CAKtB;AAgFD;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,mBAAmB,GAAG,SAAS,GACvC,SAAS,CAaX"}
+{"version":3,"file":"tableContextMenu.d.ts","sourceRoot":"","sources":["../../src/Table/tableContextMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AAEH,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAC,kBAAkB,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,mBAAmB,GAAG,SAAS,GACvC,kBAAkB,EAAE,CAKtB;AAmFD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,mBAAmB,GAAG,SAAS,EACxC,aAAa,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,GAC5C,SAAS,CAuBX"}

package/dist/Table/tableContextMenu.js

@@ -93,11 +93,13 @@ function toContextMenuOptions(actions) {
  */
 function LazyTableContextMenu({
   element,
-  getActions
+  getActions,
+  triggerXstyle
 }) {
   const [options, setOptions] = useState(null);
   return /*#__PURE__*/_jsx(ContextMenu, {
     items: options ?? [],
+    triggerXstyle: triggerXstyle,
     onOpenChange: open => {
       // Resolve actions when opening; clear on close so state derived later
       // (e.g. current sort direction) is always fresh next open.
@@ -112,13 +114,17 @@ function LazyTableContextMenu({
  * context menu rendering the aggregated `actions`. Accepts a static array or a
  * getter (resolved lazily on open). When there are no actions the element is
  * returned untouched so the native browser menu passes through.
+ *
+ * `triggerXstyle` styles the right-click target wrapper. Cells pass a fill +
+ * padding style so the entire cell (padding included) opens the menu.
  */
-export function wrapInTableContextMenu(element, actions) {
+export function wrapInTableContextMenu(element, actions, triggerXstyle) {
   // Getter form → resolve lazily on open.
   if (typeof actions === 'function') {
     return /*#__PURE__*/_jsx(LazyTableContextMenu, {
       element: element,
-      getActions: actions
+      getActions: actions,
+      triggerXstyle: triggerXstyle
     });
   }
   if (!actions || actions.length === 0) {
@@ -128,6 +134,7 @@ export function wrapInTableContextMenu(element, actions) {
   // when the user arrow-keys into the menu.
   return /*#__PURE__*/_jsx(ContextMenu, {
     items: toContextMenuOptions(actions),
+    triggerXstyle: triggerXstyle,
     children: element
   });
 }

package/dist/Text/Text.d.ts

@@ -119,7 +119,7 @@ export interface TextProps extends Omit<BaseProps, 'children'> {
  * <Text type="body" maxLines={2}>Clamped text</Text>
  * ```
  */
-export declare function Text({ type, size: _size, color, weight, display, maxLines, hasTruncateTooltip, wordBreak, textWrap, justify, hasCapsize, hasStrikethrough, hasTabularNumbers, xstyle, className, style, as: Component, children, ref, ...props }: TextProps): import("react").JSX.Element;
+export declare function Text({ type, size, color, weight, display, maxLines, hasTruncateTooltip, wordBreak, textWrap, justify, hasCapsize, hasStrikethrough, hasTabularNumbers, xstyle, className, style, as: Component, children, ref, ...props }: TextProps): import("react").JSX.Element;
 export declare namespace Text {
     var displayName: string;
 }

package/dist/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAyB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EACV,QAAQ,EAER,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAiBxB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAE7C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,YAAY,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;AAEjC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1D;AA2BD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAa,EACb,IAAI,EAAE,KAAK,EACX,KAAK,EACL,MAAM,EACN,OAAkB,EAClB,QAAY,EACZ,kBAAyB,EACzB,SAAS,EACT,QAAQ,EACR,OAAiB,EACjB,UAAkB,EAClB,gBAAwB,EACxB,iBAAyB,EACzB,MAAM,EACN,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAkB,EACtB,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BAkFX;yBAvGe,IAAI"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAyB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EACV,QAAQ,EAER,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,EACT,MAAM,gBAAgB,CAAC;AAkBxB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAE7C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,YAAY,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;AAEjC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1D;AA2BD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAa,EACb,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAkB,EAClB,QAAY,EACZ,kBAAyB,EACzB,SAAS,EACT,QAAQ,EACR,OAAiB,EACjB,UAAkB,EAClB,gBAAwB,EACxB,iBAAyB,EACzB,MAAM,EACN,SAAS,EACT,KAAK,EACL,EAAE,EAAE,SAAkB,EACtB,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACT,EAAE,SAAS,+BAmFX;yBAxGe,IAAI"}

package/dist/Text/Text.js

@@ -17,7 +17,7 @@
  */
 import { lazy, Suspense, useRef } from 'react';
 import * as stylex from '@stylexjs/stylex';
-import { colorStyles, defaultWeightByTypeStyles, sizeByTypeStyles, weightStyles, displayStyles, justifyStyles, truncationStyles, wordBreakStyles, textWrapStyles, capsizeStyles, decorationStyles, tabularNumbersStyle, truncationTooltipStyles } from "./text.stylex.js";
+import { colorStyles, defaultWeightByTypeStyles, sizeStyles, sizeByTypeStyles, weightStyles, displayStyles, justifyStyles, truncationStyles, wordBreakStyles, textWrapStyles, capsizeStyles, decorationStyles, tabularNumbersStyle, truncationTooltipStyles } from "./text.stylex.js";
 import { useTruncation } from "./useTruncation.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
@@ -67,7 +67,7 @@ function resolveStyleType(type) {
  */
 export function Text({
   type = 'body',
-  size: _size,
+  size,
   color,
   weight,
   display = 'inline',
@@ -120,8 +120,9 @@ export function Text({
       ref: mergeRefs(ref, truncation.ref, textRef),
       ...mergeProps(themeProps('text', {
         type,
+        size,
         color: resolvedColor
-      }), stylex.props(colorStyles[resolvedColor], sizeByTypeStyles[styleType], defaultWeightByTypeStyles[styleType], weight && weightStyles[weight],
+      }), stylex.props(colorStyles[resolvedColor], sizeByTypeStyles[styleType], size && sizeStyles[size], defaultWeightByTypeStyles[styleType], weight && weightStyles[weight],
       // Display: use truncation styles when maxLines > 0
       maxLines === 1 ? truncationStyles.singleLine : maxLines > 1 ? truncationStyles.multiLine : displayStyles[resolvedDisplay],
       // Word break when truncating

package/dist/Text/text.stylex.d.ts

@@ -110,6 +110,41 @@ export declare const sizeByTypeStyles: Readonly<{
         readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "inherit">;
     }>;
 }>;
+export declare const sizeStyles: Readonly<{
+    readonly '4xs': Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.375rem">;
+    }>;
+    readonly '3xs': Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.4375rem">;
+    }>;
+    readonly '2xs': Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.5rem">;
+    }>;
+    readonly xsm: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.625rem">;
+    }>;
+    readonly sm: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.75rem">;
+    }>;
+    readonly base: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "0.875rem">;
+    }>;
+    readonly lg: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.0625rem">;
+    }>;
+    readonly xl: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.25rem">;
+    }>;
+    readonly '2xl': Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.5rem">;
+    }>;
+    readonly '3xl': Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "1.8125rem">;
+    }>;
+    readonly '4xl': Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "2.1875rem">;
+    }>;
+}>;
 export declare const sizeByLevelStyles: Readonly<{
     readonly 1: Readonly<{
         readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-2xl)">;

package/dist/Text/text.stylex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.stylex.d.ts","sourceRoot":"","sources":["../../src/Text/text.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAY3C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;EAmBtB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;EAavB,CAAC;AAMH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BpC,CAAC;AAWH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsC3B,CAAC;AASH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+B5B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAMH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;EAe3B,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAMH,eAAO,MAAM,cAAc;;;;;;;;;;;;;EAazB,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAMH,eAAO,MAAM,gBAAgB;;;;EAI3B,CAAC;AAMH,eAAO,MAAM,mBAAmB;;;;EAI9B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;EAUxB,CAAC;AAMH,eAAO,MAAM,uBAAuB;;;;;EAKlC,CAAC"}
+{"version":3,"file":"text.stylex.d.ts","sourceRoot":"","sources":["../../src/Text/text.stylex.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAa3C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;EAmBtB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;EAavB,CAAC;AAMH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BpC,CAAC;AAWH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsC3B,CAAC;AAMH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCrB,CAAC;AASH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+B5B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;EAOxB,CAAC;AAMH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;EAe3B,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;EAQ1B,CAAC;AAMH,eAAO,MAAM,cAAc;;;;;;;;;;;;;EAazB,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;EAMxB,CAAC;AAMH,eAAO,MAAM,gBAAgB;;;;EAI3B,CAAC;AAMH,eAAO,MAAM,mBAAmB;;;;EAI9B,CAAC;AAMH,eAAO,MAAM,aAAa;;;;;;;;;;EAUxB,CAAC;AAMH,eAAO,MAAM,uBAAuB;;;;;EAKlC,CAAC"}

package/dist/Text/text.stylex.js

@@ -12,7 +12,7 @@
 
 import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
-import { colorVars, fontWeightVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
+import { colorVars, fontWeightVars, textSizeVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
 
 // =============================================================================
 // Color Styles
@@ -169,6 +169,57 @@ export const sizeByTypeStyles = {
   }
 };
 
+// =============================================================================
+// Explicit Size Override
+// =============================================================================
+
+export const sizeStyles = {
+  "4xs": {
+    kGuDYH: "xxc45ev",
+    $$css: true
+  },
+  "3xs": {
+    kGuDYH: "x10p7juq",
+    $$css: true
+  },
+  "2xs": {
+    kGuDYH: "x16a80zy",
+    $$css: true
+  },
+  xsm: {
+    kGuDYH: "x51wmvv",
+    $$css: true
+  },
+  sm: {
+    kGuDYH: "x1eqnyfr",
+    $$css: true
+  },
+  base: {
+    kGuDYH: "x1j29vfg",
+    $$css: true
+  },
+  lg: {
+    kGuDYH: "xc7cgfe",
+    $$css: true
+  },
+  xl: {
+    kGuDYH: "x1wqms48",
+    $$css: true
+  },
+  "2xl": {
+    kGuDYH: "xhs0kqb",
+    $$css: true
+  },
+  "3xl": {
+    kGuDYH: "x10srzze",
+    $$css: true
+  },
+  "4xl": {
+    kGuDYH: "xqcvi3d",
+    $$css: true
+  }
+};
+
 // =============================================================================
 // Baseline Size/Leading by Heading Level (from type-scale tokens)
 //

package/dist/Tokenizer/Tokenizer.d.ts

@@ -79,6 +79,11 @@ export interface TokenizerProps<T extends SearchableItem> extends Omit<BaseProps
     searchSource: SearchSource<T>;
     /** Currently selected items. */
     value: T[];
+    /**
+     * The HTML name attribute for form submissions. When set, hidden inputs
+     * carry one entry per selected item's id under this name.
+     */
+    htmlName?: string;
     /** Callback when selection changes. Includes change metadata. */
     onChange: (items: T[], change: TokenizerChange<T>) => void;
     /** Render function for dropdown items. Default: TypeaheadItem. */
@@ -189,7 +194,7 @@ export interface TokenizerProps<T extends SearchableItem> extends Omit<BaseProps
  * />
  * ```
  */
-export declare function Tokenizer<T extends SearchableItem>({ label, isLabelHidden, description, isRequired, isOptional, status, startIcon, labelTooltip, searchSource, value, onChange, renderItem, renderToken, maxEntries, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, disabledMessage, hasClear, endContent, hasAutoFocus, size: sizeProp, tokenOverflowBehavior, debounceMs, hasCreate, onChangeQuery, onFocus, onBlur, width, xstyle, className, style, 'data-testid': testId, ref, handleRef, }: TokenizerProps<T>): React.JSX.Element;
+export declare function Tokenizer<T extends SearchableItem>({ label, isLabelHidden, description, isRequired, isOptional, status, startIcon, labelTooltip, searchSource, value, onChange, renderItem, renderToken, maxEntries, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, htmlName, disabledMessage, hasClear, endContent, hasAutoFocus, size: sizeProp, tokenOverflowBehavior, debounceMs, hasCreate, onChangeQuery, onFocus, onBlur, width, xstyle, className, style, 'data-testid': testId, ref, handleRef, }: TokenizerProps<T>): React.JSX.Element;
 export declare namespace Tokenizer {
     var displayName: string;
 }

package/dist/Tokenizer/Tokenizer.d.ts.map

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