@astryxdesign/core 0.0.15 → 0.1.0-canary.08d4cf4

package/dist/Popover/Popover.js

@@ -25,7 +25,7 @@ import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
 import "../theme/tokens.stylex.js";
 import { spacingVars } from "../theme/tokens.stylex.js";
 import { InteractiveRoleContext } from "../InteractiveRoleContext/InteractiveRoleContext.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Helpers
@@ -296,7 +296,7 @@ export function Popover({
     return /*#__PURE__*/_jsx(_Fragment, {
       children: popover.render(/*#__PURE__*/_jsx("div", {
         "data-testid": testId,
-        ...mergeProps(xdsThemeProps('popover'), stylex.props(styles.contentPadding, xstyle), className, style),
+        ...mergeProps(themeProps('popover'), stylex.props(styles.contentPadding, xstyle), className, style),
         children: content
       }), {
         placement,
@@ -319,7 +319,7 @@ export function Popover({
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [children(triggerProps), popover.render(/*#__PURE__*/_jsx("div", {
         "data-testid": testId,
-        ...mergeProps(xdsThemeProps('popover'), stylex.props(styles.contentPadding, xstyle), className, style),
+        ...mergeProps(themeProps('popover'), stylex.props(styles.contentPadding, xstyle), className, style),
         children: content
       }), {
         placement,
@@ -342,7 +342,7 @@ export function Popover({
       })
     }), popover.render(/*#__PURE__*/_jsx("div", {
       "data-testid": testId,
-      ...mergeProps(xdsThemeProps('popover'), stylex.props(styles.contentPadding, xstyle), className, style),
+      ...mergeProps(themeProps('popover'), stylex.props(styles.contentPadding, xstyle), className, style),
       children: content
     }), {
       placement,

package/dist/PowerSearch/PowerSearch.js

@@ -30,7 +30,7 @@ import { useInternalConfig } from "./useInternalConfig.js";
 import { usePowerSearchSource } from "./usePowerSearchSource.js";
 import { formatFilterValue } from "./formatFilterValue.js";
 import { PowerSearchEditPopover } from "./PowerSearchEditPopover.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // =============================================================================
 // Icon mapping for typeahead entries
@@ -724,7 +724,7 @@ export function PowerSearch({
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
       ref: mergeRefs(ref, popover.triggerRef),
-      ...xdsThemeProps('power-search'),
+      ...themeProps('power-search'),
       children: /*#__PURE__*/_jsx(Tokenizer, {
         handleRef: tokenizerRef,
         label: label,

package/dist/ProgressBar/ProgressBar.js

@@ -20,7 +20,7 @@ import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, fontWeightVars, durationVars, easeVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 /**
  * Extensible variant map for ProgressBar.
@@ -157,7 +157,7 @@ export function ProgressBar({
   const fillVariant = isDisabled ? 'disabled' : variant;
   return /*#__PURE__*/_jsxs("div", {
     ref: ref,
-    ...mergeProps(xdsThemeProps('progressbar', {
+    ...mergeProps(themeProps('progressbar', {
       variant
     }), stylex.props(styles.container, xstyle), className, style),
     "data-testid": dataTestId,
@@ -207,15 +207,15 @@ export function ProgressBar({
       "aria-valuemax": isIndeterminate ? undefined : max,
       "aria-labelledby": labelId,
       "aria-valuetext": isIndeterminate ? undefined : valueText,
-      ...mergeProps(xdsThemeProps('progressbar-track'), {
+      ...mergeProps(themeProps('progressbar-track'), {
         className: "xh8yej3 xdk7pt xwmxj5m xjspbzw xb3r6kr"
       }),
       children: isIndeterminate ? /*#__PURE__*/_jsx("div", {
-        ...mergeProps(xdsThemeProps('progressbar-fill', {
+        ...mergeProps(themeProps('progressbar-fill', {
           variant: fillVariant
         }), stylex.props(styles.indeterminateFill, variantStyles[fillVariant]))
       }) : /*#__PURE__*/_jsx("div", {
-        ...mergeProps(xdsThemeProps('progressbar-fill', {
+        ...mergeProps(themeProps('progressbar-fill', {
           variant: fillVariant
         }), stylex.props(styles.fill, variantStyles[fillVariant])),
         style: {

package/dist/RadioList/RadioList.js

@@ -21,7 +21,7 @@ import "../theme/tokens.stylex.js";
 import { spacingVars } from "../theme/tokens.stylex.js";
 import { Field } from "../Field/Field.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 /**
  * Size of the radio controls, matching CheckboxInput sizes.
@@ -106,7 +106,7 @@ export function RadioList({
       "aria-describedby": [description ? descriptionID : null, status?.message ? statusMessageID : null].filter(Boolean).join(' ') || undefined,
       "aria-invalid": status?.type === 'error' ? true : undefined,
       "aria-required": isRequired || undefined,
-      ...mergeProps(xdsThemeProps('radio-list', {
+      ...mergeProps(themeProps('radio-list', {
         orientation,
         size
       }), {

package/dist/RadioList/RadioListItem.js

@@ -26,7 +26,7 @@ import { mergeProps } from "../utils/index.js";
 import "./radio.markers.stylex.js";
 import { radioScope } from "./radio.markers.stylex.js";
 import { Item } from "../Item/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const styles = {
   container: {
@@ -194,13 +194,13 @@ export function RadioListItem({
       ...stylex.props(styles.input, wrapperSizeStyles[size], isDisabled && styles.inputDisabled)
     }), /*#__PURE__*/_jsx("div", {
       "aria-hidden": "true",
-      ...mergeProps(xdsThemeProps('radio', {
+      ...mergeProps(themeProps('radio', {
         size,
         checked: isChecked ? 'checked' : null,
         disabled: isDisabled ? 'disabled' : null
       }), stylex.props(styles.radio, radioSizeStyles[size], isChecked ? styles.radioChecked : styles.radioUnchecked, isDisabled && styles.radioDisabled, isDisabled && !isChecked && styles.radioDisabledUnchecked)),
       children: isChecked && /*#__PURE__*/_jsx("div", {
-        ...mergeProps(xdsThemeProps('radio-dot', {
+        ...mergeProps(themeProps('radio-dot', {
           size
         }), stylex.props(styles.innerDot, dotSizeStyles[size]))
       })
@@ -212,7 +212,7 @@ export function RadioListItem({
   return /*#__PURE__*/_jsx("div", {
     ref: ref,
     "data-testid": dataTestId,
-    ...mergeProps(xdsThemeProps('radio-list-item'), stylex.props(styles.container, !isDisabled && radioScope)),
+    ...mergeProps(themeProps('radio-list-item'), stylex.props(styles.container, !isDisabled && radioScope)),
     children: /*#__PURE__*/_jsx(Item, {
       startContent: mediaContent,
       label: /*#__PURE__*/_jsx("label", {

package/dist/Resizable/ResizeHandle.js

@@ -15,7 +15,7 @@
  * flips when the panel collapses to 0px so it stays accessible.
  *
  * Pill placement uses a single stylex dynamic style that accepts a direction
- * multiplier (-1 or 1). The pill element has its own xdsThemeProps
+ * multiplier (-1 or 1). The pill element has its own themeProps
  * ('resize-handle-pill') so themes can target size/shape directly.
  */
 import { useCallback, useEffect, useRef, useState } from 'react';
@@ -23,7 +23,7 @@ import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { colorVars, durationVars, easeVars, radiusVars, spacingVars } from "../theme/tokens.stylex.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const KEYBOARD_STEP = 10;
 const KEYBOARD_LARGE_STEP = 50;
@@ -403,7 +403,7 @@ export function ResizeHandle({
     onFocus: () => setIsFocused(true),
     onBlur: () => setIsFocused(false),
     "data-resizing": isDragging || undefined,
-    ...mergeProps(xdsThemeProps('resize-handle'), stylex.props(styles.handle, isOverlay && styles.overlay, isOverlay && (isHorizontal ? styles.overlayHorizontal : styles.overlayVertical), !isOverlay && (isHorizontal ? styles.horizontal : styles.vertical), !isOverlay && !hasDivider && (isHorizontal ? styles.noDividerHorizontal : styles.noDividerVertical), !isOverlay && hasDivider && isInteracting && !isDragging && styles.handleHover, !isOverlay && hasDivider && isDragging && styles.handleActive, isDisabled && styles.disabled, xstyle), className),
+    ...mergeProps(themeProps('resize-handle'), stylex.props(styles.handle, isOverlay && styles.overlay, isOverlay && (isHorizontal ? styles.overlayHorizontal : styles.overlayVertical), !isOverlay && (isHorizontal ? styles.horizontal : styles.vertical), !isOverlay && !hasDivider && (isHorizontal ? styles.noDividerHorizontal : styles.noDividerVertical), !isOverlay && hasDivider && isInteracting && !isDragging && styles.handleHover, !isOverlay && hasDivider && isDragging && styles.handleActive, isDisabled && styles.disabled, xstyle), className),
     ...props,
     children: [/*#__PURE__*/_jsx("div", {
       ...stylex.props(styles.hitArea, isHorizontal ? styles.hitAreaHorizontal : styles.hitAreaVertical, isHorizontal ? dynamicStyles.hitAreaBiasX(hitAreaBias(effectiveSide)) : dynamicStyles.hitAreaBiasY(hitAreaBias(effectiveSide)), isDisabled && styles.disabled),
@@ -416,7 +416,7 @@ export function ResizeHandle({
       },
       onKeyDown: handleKeyDown
     }), children ?? /*#__PURE__*/_jsx("div", {
-      ...mergeProps(xdsThemeProps('resize-handle-pill'), stylex.props(styles.pill, isHorizontal ? styles.pillHorizontal : styles.pillVertical, effectiveSide !== 'center' && (isHorizontal ? dynamicStyles.pillOffsetX(effectiveSide === 'start' ? -1 : 1) : dynamicStyles.pillOffsetY(effectiveSide === 'start' ? -1 : 1)), isAlwaysVisible ? styles.pillVisible : styles.pillHidden, isInteracting && !isDragging && styles.pillHover, isDragging && styles.pillActive))
+      ...mergeProps(themeProps('resize-handle-pill'), stylex.props(styles.pill, isHorizontal ? styles.pillHorizontal : styles.pillVertical, effectiveSide !== 'center' && (isHorizontal ? dynamicStyles.pillOffsetX(effectiveSide === 'start' ? -1 : 1) : dynamicStyles.pillOffsetY(effectiveSide === 'start' ? -1 : 1)), isAlwaysVisible ? styles.pillVisible : styles.pillHidden, isInteracting && !isDragging && styles.pillHover, isDragging && styles.pillActive))
     })]
   });
 }

package/dist/Resizable/useResizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/useResizable.ts"],"names":[],"mappings":"AAiBA,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,wBAAyB,SAAQ,qBAAqB;IACrE,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,uBAAuB;IACtC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,WAAW,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wCAAwC;IACxC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,uEAAuE;IACvE,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEd,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAE9C,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,IAAI,CAAC;CACzB;AA+QD,wBAAgB,YAAY,CAAC,MAAM,EAAE,wBAAwB,GAAG,eAAe,CAAC;AAChF,wBAAgB,YAAY,CAC1B,MAAM,EAAE,uBAAuB,GAC9B,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC"}
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/useResizable.ts"],"names":[],"mappings":"AAiBA,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,wBAAyB,SAAQ,qBAAqB;IACrE,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,uBAAuB;IACtC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,8BAA8B;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,iDAAiD;IACjD,WAAW,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,wCAAwC;IACxC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,uEAAuE;IACvE,KAAK,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEd,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAE9C,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,IAAI,CAAC;CACzB;AAyQD,wBAAgB,YAAY,CAAC,MAAM,EAAE,wBAAwB,GAAG,eAAe,CAAC;AAChF,wBAAgB,YAAY,CAC1B,MAAM,EAAE,uBAAuB,GAC9B,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC"}

package/dist/Resizable/useResizable.js

@@ -27,10 +27,6 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 const DEFAULT_MIN = 50;
 const DEFAULT_COLLAPSED_SIZE = 40;
 const STORAGE_PREFIX = 'astryx-resizable:';
-// Legacy key prefix read during the compat window so persisted panel sizes
-// survive the xds -> astryx rename. Read-only fallback; we always write the
-// new prefix. Removed at final cutover.
-const LEGACY_STORAGE_PREFIX = 'xds-resizable:';
 
 // =============================================================================
 // Helpers
@@ -60,7 +56,7 @@ function loadPersistedSize(key) {
     return null;
   }
   try {
-    const raw = localStorage.getItem(STORAGE_PREFIX + key) ?? localStorage.getItem(LEGACY_STORAGE_PREFIX + key);
+    const raw = localStorage.getItem(STORAGE_PREFIX + key);
     if (raw != null) {
       const parsed = JSON.parse(raw);
       if (typeof parsed === 'number') {

package/dist/Section/Section.js

@@ -20,7 +20,7 @@ import { colorVars } from "../theme/tokens.stylex.js";
 import { container } from "../Layout/container.stylex.js";
 import { paddingStyles, paddingBlockStyles, containerPaddingInlineVarStyles, containerPaddingBlockStartVarStyles, containerPaddingBlockEndVarStyles, sectionPaddingPropagationStyles, spacingStepToToken } from "../Layout/padding.stylex.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 /**
  * Extensible variant map for Section.
@@ -166,7 +166,7 @@ export function Section({
     } : style || outerStylex.style,
     ...props,
     children: /*#__PURE__*/_jsx("div", {
-      ...mergeProps(xdsThemeProps('section', {
+      ...mergeProps(themeProps('section', {
         variant
       }), stylex.props(nestedStyles.inner, ...container(useThemeDefault ? {
         useThemeDefault: 'section'

package/dist/SegmentedControl/SegmentedControl.js

@@ -21,7 +21,7 @@ import { colorVars, spacingVars, radiusVars } from "../theme/tokens.stylex.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { useSize } from "../SizeContext/SizeContext.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 // =============================================================================
 // Styles
@@ -147,7 +147,7 @@ export function SegmentedControl({
       "aria-label": label,
       "aria-disabled": isDisabled || undefined,
       onKeyDown: handleKeyDown,
-      ...mergeProps(xdsThemeProps('segmented-control', {
+      ...mergeProps(themeProps('segmented-control', {
         size
       }), stylex.props(styles.container, sizeStyles[size], layout === 'fill' && styles.fill, isDisabled && styles.disabled, xstyle), className, style),
       children: children

package/dist/SegmentedControl/SegmentedControlItem.js

@@ -20,7 +20,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, sizeVars, durationVars, easeVars, fontWeightVars, shadowVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { useSegmentedControlContext } from "./SegmentedControlContext.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
@@ -160,7 +160,7 @@ export function SegmentedControlItem({
     "data-value": value,
     tabIndex: isSelected ? 0 : -1,
     onClick: handleClick,
-    ...mergeProps(xdsThemeProps('segmented-control-item', {
+    ...mergeProps(themeProps('segmented-control-item', {
       size,
       selected: isSelected ? 'selected' : null,
       disabled: isItemDisabled ? 'disabled' : null

package/dist/SelectableCard/SelectableCard.js

@@ -32,7 +32,7 @@ import { colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { Card } from "../Card/Card.js";
 import { useClickableContainer } from "../hooks/useClickableContainer.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Styles — selection + interaction; Card handles the rest
@@ -244,7 +244,7 @@ export function SelectableCard({
     maxWidth: maxWidth,
     padding: padding,
     variant: variant,
-    ...mergeProps(xdsThemeProps('selectable-card', {
+    ...mergeProps(themeProps('selectable-card', {
       variant,
       selected: isSelected ? 'true' : 'false'
     }), {

package/dist/Selector/Selector.d.ts.map

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

package/dist/Selector/Selector.js

@@ -28,7 +28,7 @@ import { useCombobox, useSelectedItemOffset } from "./hooks.js";
 import { SelectorOption } from "./SelectorOption.js";
 import { mergeProps } from "../utils/index.js";
 import { useSize } from "../SizeContext/SizeContext.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = {
   triggerContainer: {
@@ -461,7 +461,7 @@ export function Selector(props) {
       },
       onClick: onTriggerClick,
       "data-testid": testId,
-      ...mergeProps(xdsThemeProps('selector', {
+      ...mergeProps(themeProps('selector', {
         size,
         status: status?.type ?? null
       }), stylex.props(inputWrapperStyles.base, styles.triggerContainer, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, !selectedItem && styles.triggerPlaceholder, status && inputStatusBorderStyles[status.type], status && inputStatusHoverShadowStyles[status.type], xstyle), className, style),
@@ -486,7 +486,7 @@ export function Selector(props) {
         onKeyDown: onKeyDown,
         tabIndex: -1,
         ...{
-          className: "x78zum5 x6s0dn4 x1qughib x1txdalj x1iyjqo2 xs83m0k x1r8uery xeuugli x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x15bjb6t x1heor9g x1ypdohk x1a2a7pz x1p25gnr x1wfwxd8 xh6dtrn"
+          className: "x78zum5 x6s0dn4 x1qughib x1txdalj x1iyjqo2 xs83m0k x1r8uery xeuugli x1717udv x1ghz6dp xc342km xng3xce xjbqb8w xjb2p0i x1qlqyl8 x15bjb6t x1heor9g x1ypdohk x1a2a7pz"
         },
         children: /*#__PURE__*/_jsx("span", {
           ...{

package/dist/Selector/SelectorOption.js

@@ -12,7 +12,7 @@ import * as stylex from '@stylexjs/stylex';
 import { renderIconSlot } from "../Icon/index.js";
 import { Item } from "../Item/index.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const embeddedStyles = {
   root: {
@@ -63,7 +63,7 @@ export function SelectorOption({
     description: description,
     endContent: endContent,
     xstyle: [embeddedStyles.root, xstyle],
-    ...mergeProps(xdsThemeProps('selector-option'), {
+    ...mergeProps(themeProps('selector-option'), {
       className,
       style
     })

package/dist/SideNav/SideNav.js

@@ -31,7 +31,7 @@ import { useSideNavRenderMode } from "./SideNavRenderContext.js";
 import { MobileNav } from "../MobileNav/MobileNav.js";
 import { useResizable } from "../Resizable/useResizable.js";
 import { ResizeHandle } from "../Resizable/ResizeHandle.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Constants
@@ -195,7 +195,7 @@ export function SideNav({
   if (renderMode === 'topbar') {
     return /*#__PURE__*/_jsxs("div", {
       "data-testid": testId,
-      ...mergeProps(xdsThemeProps('side-nav', {
+      ...mergeProps(themeProps('side-nav', {
         mode: 'topbar'
       }), stylex.props(styles.topbar, xstyle), className, style),
       children: [header, /*#__PURE__*/_jsx("div", {
@@ -265,7 +265,7 @@ export function SideNav({
     role: "navigation",
     "aria-label": "Side navigation",
     "data-testid": testId,
-    ...mergeProps(xdsThemeProps('side-nav'), stylex.props(styles.root, collapsed && styles.rootCollapsed, xstyle), className, resizableNavStyle),
+    ...mergeProps(themeProps('side-nav'), stylex.props(styles.root, collapsed && styles.rootCollapsed, xstyle), className, resizableNavStyle),
     ...props,
     children: [hasStickyTop && /*#__PURE__*/_jsxs("div", {
       ...{

package/dist/SideNav/SideNavHeading.js

@@ -35,7 +35,7 @@ import { useLinkComponent } from "../Link/useLinkComponent.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { useMenuHover } from "../hooks/useMenuHover.js";
 import { NavHeadingCloseContext } from "../NavMenu/NavMenuContext.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Styles
@@ -190,7 +190,7 @@ export function SideNavHeading({
         href: headingHref,
         "aria-label": heading,
         "data-testid": testId,
-        ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(navItemStyles.item, styles.rootCollapsed, xstyle), className, style),
+        ...mergeProps(themeProps('side-nav-heading'), stylex.props(navItemStyles.item, styles.rootCollapsed, xstyle), className, style),
         children: collapsedIcon
       });
     } else if (menu) {
@@ -202,7 +202,7 @@ export function SideNavHeading({
           "data-testid": testId,
           ...popover.triggerProps,
           ...triggerProps,
-          ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(navItemStyles.item, styles.rootCollapsed, styles.menuTrigger, xstyle), className, style),
+          ...mergeProps(themeProps('side-nav-heading'), stylex.props(navItemStyles.item, styles.rootCollapsed, styles.menuTrigger, xstyle), className, style),
           children: collapsedIcon
         }), popover.render(/*#__PURE__*/_jsxs("div", {
           ref: menuRef,
@@ -272,7 +272,7 @@ export function SideNavHeading({
       collapsedElement = /*#__PURE__*/_jsx("div", {
         ref: collapsedSetRef,
         "data-testid": testId,
-        ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(styles.root, styles.rootCollapsed, xstyle), className, style),
+        ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, styles.rootCollapsed, xstyle), className, style),
         ...props,
         children: collapsedIcon
       });
@@ -376,7 +376,7 @@ export function SideNavHeading({
       ref: ref,
       href: headingHref,
       "data-testid": testId,
-      ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
+      ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
       ...props,
       children: [icon && /*#__PURE__*/_jsx("span", {
         ...{
@@ -394,7 +394,7 @@ export function SideNavHeading({
         ref: setRef,
         "data-testid": testId,
         ...triggerProps,
-        ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
+        ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, styles.menuTrigger, xstyle), className, style),
         children: [icon && /*#__PURE__*/_jsx("span", {
           ...{
             className: "x2lah0s x78zum5 x6s0dn4 xl56j7k"
@@ -438,7 +438,7 @@ export function SideNavHeading({
         ref: setRef,
         "data-testid": testId,
         ...triggerProps,
-        ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
+        ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
         children: [icon && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
           href: headingHref,
           ...{
@@ -484,7 +484,7 @@ export function SideNavHeading({
     return /*#__PURE__*/_jsxs("div", {
       ref: ref,
       "data-testid": testId,
-      ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
+      ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
       ...props,
       children: [icon && (headingHref ? /*#__PURE__*/_jsx(LinkComponent, {
         href: headingHref,
@@ -545,7 +545,7 @@ export function SideNavHeading({
   return /*#__PURE__*/_jsxs("div", {
     ref: ref,
     "data-testid": testId,
-    ...mergeProps(xdsThemeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
+    ...mergeProps(themeProps('side-nav-heading'), stylex.props(styles.root, xstyle), className, style),
     ...props,
     children: [icon && /*#__PURE__*/_jsx("span", {
       ...{

package/dist/SideNav/SideNavItem.js

@@ -31,7 +31,7 @@ import { useSideNavCollapse, SideNavCollapseContext } from "./SideNavCollapseCon
 import { getIcon } from "../Icon/globalIconRegistry.js";
 import { useSideNavRenderMode } from "./SideNavRenderContext.js";
 import { useAppShellMobile } from "../AppShell/AppShellMobileContext.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Styles
@@ -254,7 +254,7 @@ export function SideNavItem({
     });
 
     // Shared collapsed item styles — used by trigger, link, and button
-    const collapsedItemStyles = mergeProps(xdsThemeProps('side-nav-item', {
+    const collapsedItemStyles = mergeProps(themeProps('side-nav-item', {
       size,
       selected: isSelected ? 'selected' : null
     }), stylex.props(navItemStyles.item, navItemStyles[size], styles.itemCollapsed, size === 'sm' && styles.itemCollapsedSm, size === 'lg' && styles.itemCollapsedLg, isSelected && navItemStyles.selected, isDisabled && navItemStyles.disabled));
@@ -354,7 +354,7 @@ export function SideNavItem({
       children: getIcon('chevronDown')
     })]
   });
-  const navItemStyleProps = mergeProps(xdsThemeProps('side-nav-item', {
+  const navItemStyleProps = mergeProps(themeProps('side-nav-item', {
     size,
     selected: isSelected ? 'selected' : null
   }), stylex.props(navItemStyles.item, navItemStyles[size], isSelected && navItemStyles.selected, isDisabled && navItemStyles.disabled));

package/dist/SideNav/SideNavSection.js

@@ -23,7 +23,7 @@ import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
 import { useSideNavCollapse } from "./SideNavCollapseContext.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -117,7 +117,7 @@ export function SideNavSection({
     role: "group",
     "aria-labelledby": titleId,
     "data-testid": testId,
-    ...mergeProps(xdsThemeProps('side-nav-section'), stylex.props(styles.root, xstyle), className, style),
+    ...mergeProps(themeProps('side-nav-section'), stylex.props(styles.root, xstyle), className, style),
     children: [/*#__PURE__*/_jsx("div", {
       ...mergeProps({
         className: "x78zum5 x6s0dn4 x1txdalj xf314gf xu0wf1k xt0e3qv x87ps6o"

package/dist/Skeleton/Skeleton.js

@@ -18,7 +18,7 @@ import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
 import { colorVars, radiusVars, durationVars } from "../theme/tokens.stylex.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Animation Timing Constants
@@ -146,7 +146,7 @@ export function Skeleton({
   return /*#__PURE__*/_jsx("div", {
     ref: ref,
     "data-testid": testId,
-    ...mergeProps(xdsThemeProps('skeleton'), stylex.props(styles.root, styles.animate, radiusStyles[radiusProp], dynamicStyles.dimensions(width, height), dynamicStyles.animationDelay(index), xstyle), className, style),
+    ...mergeProps(themeProps('skeleton'), stylex.props(styles.root, styles.animate, radiusStyles[radiusProp], dynamicStyles.dimensions(width, height), dynamicStyles.animationDelay(index), xstyle), className, style),
     ...props
   });
 }

package/dist/Slider/Slider.js

@@ -22,7 +22,7 @@ import { colorVars, spacingVars, radiusVars, durationVars, easeVars, typographyV
 import { Field } from "../Field/Field.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
 import { mergeProps, mergeRefs } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Types
@@ -322,7 +322,7 @@ export function Slider({
       "aria-label": thumbLabel,
       "aria-describedby": ariaDescribedBy,
       onKeyDown: e => handleKeyDown(thumbIndex, e),
-      ...mergeProps(xdsThemeProps('slider-thumb', {
+      ...mergeProps(themeProps('slider-thumb', {
         orientation,
         disabled: isDisabled ? 'disabled' : null
       }), {
@@ -448,7 +448,7 @@ export function Slider({
     className: className,
     style: style,
     children: /*#__PURE__*/_jsxs("div", {
-      ...mergeProps(xdsThemeProps('slider', {
+      ...mergeProps(themeProps('slider', {
         orientation,
         disabled: isDisabled ? 'disabled' : null
       }), {
@@ -480,7 +480,7 @@ export function Slider({
         }[!!isHorizontal << 1 | !!isDisabled << 0],
         children: [/*#__PURE__*/_jsx("div", {
           "aria-hidden": "true",
-          ...mergeProps(xdsThemeProps('slider-track', {
+          ...mergeProps(themeProps('slider-track', {
             orientation
           }), {
             0: {

package/dist/Spinner/Spinner.js

@@ -22,7 +22,7 @@ import { durationVars, spacingVars } from "../theme/tokens.stylex.js";
 import { useTheme } from "../theme/useTheme.js";
 import { Text } from "../Text/Text.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 // =============================================================================
 // Constants
@@ -192,7 +192,7 @@ export function Spinner({
     "aria-label": resolvedAriaLabel,
     "data-testid": hasLabel ? undefined : testId,
     ...(hasLabel ? {} : restProps),
-    ...mergeProps(hasLabel ? '' : xdsThemeProps('spinner', {
+    ...mergeProps(hasLabel ? '' : themeProps('spinner', {
       size,
       shade
     }), stylex.props(styles.spinner, !hasLabel && xstyle), hasLabel ? undefined : className, {
@@ -214,7 +214,7 @@ export function Spinner({
     ref: ref,
     "data-testid": testId,
     ...restProps,
-    ...mergeProps(xdsThemeProps('spinner', {
+    ...mergeProps(themeProps('spinner', {
       size,
       shade
     }), stylex.props(styles.wrapper, xstyle), className, style),

package/dist/Stack/Stack.js

@@ -16,7 +16,7 @@ import { createElement } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { stack } from "./stack.stylex.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 
 /**
  * Alignment values accepted by Stack.
@@ -97,7 +97,7 @@ export function Stack({
   };
   return /*#__PURE__*/createElement(element, {
     ref: ref,
-    ...mergeProps(xdsThemeProps('stack', {
+    ...mergeProps(themeProps('stack', {
       direction,
       gap,
       wrap

package/dist/Stack/StackItem.js

@@ -15,7 +15,7 @@ import { createElement } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { stackItem } from "./stackItem.stylex.js";
 import { mergeProps } from "../utils/index.js";
-import { xdsThemeProps } from "../utils/xdsThemeProps.js";
+import { themeProps } from "../utils/themeProps.js";
 /**
  * Stack item component for controlling individual item behavior within a stack.
  *
@@ -47,7 +47,7 @@ export function StackItem({
   }), xstyle);
   return /*#__PURE__*/createElement(element, {
     ref: ref,
-    ...mergeProps(xdsThemeProps('stack-item', {
+    ...mergeProps(themeProps('stack-item', {
       size
     }), stylexProps, className, style),
     ...props