@cdx-ui/primitives 0.0.1-beta.4 → 0.0.1-beta.40

package/lib/commonjs/tile/createTileGroup.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTileGroup = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@cdx-ui/utils");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Internal widening of the public discriminated union: the runtime accepts any value
+ * shape and reads `type` to decide branch behavior. The public API stays narrow.
+ */
+
+const createTileGroup = Base => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    type,
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    max: maxProp,
+    isDisabled = false,
+    'aria-label': ariaLabel,
+    ...rest
+  } = props;
+  const max = maxProp ?? Number.POSITIVE_INFINITY;
+  const defaultProp = defaultValue !== undefined ? defaultValue : type === 'multiple' ? [] : undefined;
+  const [state, setState] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp,
+    onChange: next => {
+      if (next !== undefined) {
+        onValueChange?.(next);
+      }
+    }
+  });
+  const isSelected = (0, _react.useCallback)(tileValue => {
+    if (type === 'single') {
+      return state === tileValue;
+    }
+    return Array.isArray(state) && state.includes(tileValue);
+  }, [type, state]);
+  const isTileDisabledByGroup = (0, _react.useCallback)(tileValue => {
+    if (isDisabled) {
+      return true;
+    }
+    if (type !== 'multiple') {
+      return false;
+    }
+    const arr = Array.isArray(state) ? state : [];
+    if (arr.length < max) {
+      return false;
+    }
+    return !arr.includes(tileValue);
+  }, [isDisabled, type, state, max]);
+  const toggleValue = (0, _react.useCallback)(tileValue => {
+    if (isDisabled) {
+      return;
+    }
+    if (type === 'single') {
+      if (state === tileValue) {
+        return;
+      }
+      setState(tileValue);
+      return;
+    }
+    const arr = Array.isArray(state) ? [...state] : [];
+    const idx = arr.indexOf(tileValue);
+    if (idx >= 0) {
+      arr.splice(idx, 1);
+      setState(arr);
+    } else if (arr.length < max) {
+      arr.push(tileValue);
+      setState(arr);
+    }
+  }, [isDisabled, type, state, setState, max]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    type,
+    value: state,
+    toggleValue,
+    isSelected,
+    isTileDisabledByGroup,
+    isGroupDisabled: isDisabled,
+    max
+  }), [type, state, toggleValue, isSelected, isTileDisabledByGroup, isDisabled, max]);
+  const role = type === 'single' ? 'radiogroup' : 'group';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileGroupContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
+      ...rest,
+      ref: ref,
+      role: role,
+      ...(type === 'single' ? {
+        accessibilityRole: 'radiogroup'
+      } : {}),
+      ...(ariaLabel ? {
+        'aria-label': ariaLabel,
+        accessibilityLabel: ariaLabel
+      } : {}),
+      ...(0, _dataAttributes.dataAttributes)({
+        slot: 'tile-group'
+      }),
+      children: children
+    })
+  });
+});
+exports.createTileGroup = createTileGroup;
+//# sourceMappingURL=createTileGroup.js.map

package/lib/commonjs/tile/createTileGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createTileGroup","Base","forwardRef","props","ref","children","type","value","valueProp","defaultValue","onValueChange","max","maxProp","isDisabled","ariaLabel","rest","Number","POSITIVE_INFINITY","defaultProp","undefined","state","setState","useControllableState","prop","onChange","next","isSelected","useCallback","tileValue","Array","isArray","includes","isTileDisabledByGroup","arr","length","toggleValue","idx","indexOf","splice","push","contextValue","useMemo","isGroupDisabled","role","jsx","TileGroupContextProvider","accessibilityRole","accessibilityLabel","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["tile/createTileGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tile/createTileIndicator.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTileIndicator = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const shrinkZero = {
+  flexShrink: 0,
+  pointerEvents: 'none'
+};
+const createTileIndicator = Base => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  style,
+  indicatorType,
+  ...props
+}, ref) => {
+  const {
+    isSelected,
+    isDisabled,
+    selectionType
+  } = (0, _context.useTileContext)();
+
+  // Effective visual type: explicit prop wins; otherwise infer from group/standalone context.
+  const effectiveType = indicatorType ?? (selectionType === 'single' ? 'radio' : 'checkbox');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
+    ...props,
+    accessibilityElementsHidden: true,
+    "aria-hidden": true,
+    ...(0, _dataAttributes.dataAttributes)({
+      slot: 'tile-indicator',
+      checked: isSelected,
+      selectionType: effectiveType === 'radio' ? 'single' : 'multiple',
+      disabled: isDisabled
+    }),
+    ref: ref,
+    style: [shrinkZero, style],
+    children: children
+  });
+});
+exports.createTileIndicator = createTileIndicator;
+//# sourceMappingURL=createTileIndicator.js.map

package/lib/commonjs/tile/createTileIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","shrinkZero","flexShrink","pointerEvents","createTileIndicator","Base","forwardRef","children","style","indicatorType","props","ref","isSelected","isDisabled","selectionType","useTileContext","effectiveType","jsx","accessibilityElementsHidden","dataAttributes","slot","checked","disabled","exports"],"sourceRoot":"../../../src","sources":["tile/createTileIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG3C,MAAMkB,UAAU,GAAG;EAAEC,UAAU,EAAE,CAAU;EAAEC,aAAa,EAAE;AAAgB,CAAC;AAEtE,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClE,IAAAC,iBAAU,EACR,CACE;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,aAAa;EAAE,GAAGC;AAA2B,CAAC,EACjEC,GAAuB,KACpB;EACH,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAG,IAAAC,uBAAc,EAAC,CAAC;;EAElE;EACA,MAAMC,aAAmC,GACvCP,aAAa,KAAKK,aAAa,KAAK,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;EAEtE,oBACE,IAAAjC,WAAA,CAAAoC,GAAA,EAACZ,IAAI;IAAA,GACEK,KAAK;IACVQ,2BAA2B;IAC3B,mBAAW;IAAA,GACP,IAAAC,8BAAc,EAAC;MACjBC,IAAI,EAAE,gBAAgB;MACtBC,OAAO,EAAET,UAAU;MACnBE,aAAa,EAAEE,aAAa,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;MAChEM,QAAQ,EAAET;IACZ,CAAC,CAAC;IACFF,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACP,UAAU,EAAEO,KAAK,CAAE;IAAAD,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAACgB,OAAA,CAAAnB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/tile/createTileLeadingSlot.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTileLeadingSlot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dataAttributes = require("../utils/dataAttributes");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const shrinkZero = {
+  flexShrink: 0
+};
+const createTileLeadingSlot = Base => /*#__PURE__*/(0, _react.forwardRef)(({
+  'aria-hidden': ariaHidden,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const accessibilityElementsHidden = ariaHidden !== false;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
+    ...props,
+    ...(0, _dataAttributes.dataAttributes)({
+      slot: 'tile-leading'
+    }),
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    "aria-hidden": ariaHidden,
+    ref: ref,
+    style: [shrinkZero, style],
+    children: children
+  });
+});
+exports.createTileLeadingSlot = createTileLeadingSlot;
+//# sourceMappingURL=createTileLeadingSlot.js.map

package/lib/commonjs/tile/createTileLeadingSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","shrinkZero","flexShrink","createTileLeadingSlot","Base","forwardRef","ariaHidden","style","children","props","ref","accessibilityElementsHidden","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["tile/createTileLeadingSlot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD,MAAMkB,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAEtC,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpE,IAAAC,iBAAU,EACR,CACE;EAAE,aAAa,EAAEC,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAC/EC,GAAuB,KACpB;EACH,MAAMC,2BAA2B,GAAGL,UAAU,KAAK,KAAK;EAExD,oBACE,IAAAzB,WAAA,CAAA+B,GAAA,EAACR,IAAI;IAAA,GACEK,KAAK;IAAA,GACN,IAAAI,8BAAc,EAAC;MACjBC,IAAI,EAAE;IACR,CAAC,CAAC;IACFH,2BAA2B,EAAEA,2BAA4B;IACzD,eAAaL,UAAW;IACxBI,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;IAAAC,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAACO,OAAA,CAAAZ,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/tile/createTileRoot.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTileRoot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const rowStyle = {
+  flexDirection: 'row',
+  alignSelf: 'stretch',
+  alignItems: 'center'
+};
+const createTileRoot = BasePressable => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    value,
+    disabled: disabledProp = false,
+    isSelected: controlledSelected,
+    defaultSelected,
+    onSelectedChange,
+    children,
+    onPress,
+    onFocus,
+    onBlur,
+    style,
+    /** Consumed by styled `withStyleContext` root. */
+    context: _styleContext,
+    ...rest
+  } = props;
+  const group = (0, _context.useOptionalTileGroupContext)();
+
+  // Standalone selection state — only meaningful when no group owns selection.
+  const [standaloneSelected = false, setStandaloneSelected] = (0, _utils.useControllableState)({
+    prop: controlledSelected,
+    defaultProp: defaultSelected ?? false,
+    onChange: next => {
+      onSelectedChange?.(next);
+    }
+  });
+  const isSelected = group ? group.isSelected(value) : standaloneSelected;
+  const disabledByGroup = group ? group.isTileDisabledByGroup(value) : false;
+  const isDisabled = disabledByGroup || disabledProp;
+  const cannotToggle = isDisabled;
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const {
+    pressProps,
+    isPressed
+  } = (0, _interactions.usePress)({
+    isDisabled: cannotToggle
+  });
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+
+  // Standalone tiles use checkbox semantics (independent on/off toggle).
+  const selectionType = group ? group.type : 'multiple';
+  const accessibilityState = (0, _react.useMemo)(() => ({
+    disabled: isDisabled,
+    ...(selectionType === 'single' ? {
+      selected: isSelected
+    } : {
+      checked: isSelected
+    })
+  }), [isDisabled, isSelected, selectionType]);
+  const tileContext = (0, _react.useMemo)(() => ({
+    value,
+    isSelected,
+    isDisabled,
+    selectionType
+  }), [value, isSelected, isDisabled, selectionType]);
+  const passthrough = rest;
+  const composedOnPress = (0, _utils.composeEventHandlers)(onPress, () => {
+    if (cannotToggle) {
+      return;
+    }
+    if (group) {
+      group.toggleValue(value);
+    } else {
+      setStandaloneSelected(!standaloneSelected);
+    }
+  });
+  const sharedHandlers = {
+    onPress: isDisabled ? undefined : composedOnPress,
+    onPressIn: (0, _utils.composeEventHandlers)(passthrough.onPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(passthrough.onPressOut, pressProps.onPressOut),
+    onHoverIn: (0, _utils.composeEventHandlers)(passthrough.onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(passthrough.onHoverOut, hoverProps.onHoverOut),
+    onFocus: (0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus),
+    onBlur: (0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur)
+  };
+  const role = selectionType === 'single' ? 'radio' : 'checkbox';
+  const sharedAttrs = {
+    accessibilityRole: role,
+    role,
+    accessibilityState,
+    'aria-checked': isSelected,
+    ...(isDisabled ? {
+      'aria-disabled': true
+    } : {}),
+    ...(0, _dataAttributes.dataAttributes)({
+      slot: 'tile',
+      state: isSelected ? 'selected' : 'unselected',
+      disabled: isDisabled,
+      active: isPressed,
+      hover: isHovered,
+      focused: isFocused
+    })
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileProvider, {
+    value: tileContext,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BasePressable, {
+      ...rest,
+      context: _styleContext,
+      ref: (0, _utils.mergeRefs)(ref),
+      ...sharedAttrs,
+      ...sharedHandlers,
+      style: [rowStyle, style],
+      children: children
+    })
+  });
+});
+exports.createTileRoot = createTileRoot;
+//# sourceMappingURL=createTileRoot.js.map

package/lib/commonjs/tile/createTileRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignSelf","alignItems","createTileRoot","BasePressable","forwardRef","props","ref","value","disabled","disabledProp","isSelected","controlledSelected","defaultSelected","onSelectedChange","children","onPress","onFocus","onBlur","style","context","_styleContext","rest","group","useOptionalTileGroupContext","standaloneSelected","setStandaloneSelected","useControllableState","prop","defaultProp","onChange","next","disabledByGroup","isTileDisabledByGroup","isDisabled","cannotToggle","focusProps","isFocused","useFocus","pressProps","isPressed","usePress","hoverProps","isHovered","useHover","selectionType","type","accessibilityState","useMemo","selected","checked","tileContext","passthrough","composedOnPress","composeEventHandlers","toggleValue","sharedHandlers","undefined","onPressIn","onPressOut","onHoverIn","onHoverOut","role","sharedAttrs","accessibilityRole","dataAttributes","slot","state","active","hover","focused","jsx","TileProvider","mergeRefs","exports"],"sourceRoot":"../../../src","sources":["tile/createTileRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tile/createTileTitle.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTileTitle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dataAttributes = require("../utils/dataAttributes");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const noUnderline = {
+  textDecorationLine: 'none'
+};
+const createTileTitle = Base => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
+  ...props,
+  ...(0, _dataAttributes.dataAttributes)({
+    slot: 'tile-title'
+  }),
+  ref: ref,
+  style: [noUnderline, style],
+  children: children
+}));
+exports.createTileTitle = createTileTitle;
+//# sourceMappingURL=createTileTitle.js.map

package/lib/commonjs/tile/createTileTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","noUnderline","textDecorationLine","createTileTitle","Base","forwardRef","children","style","props","ref","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["tile/createTileTitle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD,MAAMkB,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAEpD,MAAMC,eAAe,GAAQC,IAA4B,iBAC9D,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAEC,GAAuB,kBACjF,IAAA5B,WAAA,CAAA6B,GAAA,EAACN,IAAI;EAAA,GACEI,KAAK;EAAA,GACN,IAAAG,8BAAc,EAAC;IACjBC,IAAI,EAAE;EACR,CAAC,CAAC;EACFH,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACN,WAAW,EAAEM,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC;AAACO,OAAA,CAAAV,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/tile/createTileTrailingSlot.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTileTrailingSlot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dataAttributes = require("../utils/dataAttributes");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const shrinkZero = {
+  flexShrink: 0
+};
+
+/**
+ * Generic trailing content (chevron, amount, chip, status). Distinct from `Tile.Indicator`,
+ * which is purpose-built for the radio/checkbox selection affordance.
+ *
+ * Trailing content is meaningful by default (`aria-hidden` falsy), unlike the indicator.
+ */
+const createTileTrailingSlot = Base => /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
+  ...props,
+  ...(0, _dataAttributes.dataAttributes)({
+    slot: 'tile-trailing'
+  }),
+  ref: ref,
+  style: [shrinkZero, style],
+  children: children
+}));
+exports.createTileTrailingSlot = createTileTrailingSlot;
+//# sourceMappingURL=createTileTrailingSlot.js.map

package/lib/commonjs/tile/createTileTrailingSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","shrinkZero","flexShrink","createTileTrailingSlot","Base","forwardRef","children","style","props","ref","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["tile/createTileTrailingSlot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD,MAAMkB,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAsB,GAAQC,IAA4B,iBACrE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA8B,CAAC,EAAEC,GAAuB,kBACxF,IAAA5B,WAAA,CAAA6B,GAAA,EAACN,IAAI;EAAA,GACEI,KAAK;EAAA,GACN,IAAAG,8BAAc,EAAC;IACjBC,IAAI,EAAE;EACR,CAAC,CAAC;EACFH,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CACP,CAAC;AAACO,OAAA,CAAAV,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/tile/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TileProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.TileProvider;
+  }
+});
+exports.createTile = createTile;
+Object.defineProperty(exports, "useTileContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useTileContext;
+  }
+});
+var _createTileContent = require("./createTileContent");
+var _createTileDescription = require("./createTileDescription");
+var _createTileGroup = require("./createTileGroup");
+var _createTileIndicator = require("./createTileIndicator");
+var _createTileLeadingSlot = require("./createTileLeadingSlot");
+var _createTileRoot = require("./createTileRoot");
+var _createTileTitle = require("./createTileTitle");
+var _createTileTrailingSlot = require("./createTileTrailingSlot");
+var _context = require("./context");
+function createTile(BaseComponents) {
+  const Tile = (0, _createTileRoot.createTileRoot)(BaseComponents.Pressable);
+  const Group = (0, _createTileGroup.createTileGroup)(BaseComponents.Group);
+  const LeadingSlot = (0, _createTileLeadingSlot.createTileLeadingSlot)(BaseComponents.LeadingSlot);
+  const Content = (0, _createTileContent.createTileContent)(BaseComponents.Content);
+  const Title = (0, _createTileTitle.createTileTitle)(BaseComponents.Title);
+  const Description = (0, _createTileDescription.createTileDescription)(BaseComponents.Description);
+  const Indicator = (0, _createTileIndicator.createTileIndicator)(BaseComponents.Indicator);
+  const TrailingSlot = (0, _createTileTrailingSlot.createTileTrailingSlot)(BaseComponents.TrailingSlot);
+  Tile.displayName = 'TilePrimitive';
+  Group.displayName = 'TilePrimitive.Group';
+  LeadingSlot.displayName = 'TilePrimitive.LeadingSlot';
+  Content.displayName = 'TilePrimitive.Content';
+  Title.displayName = 'TilePrimitive.Title';
+  Description.displayName = 'TilePrimitive.Description';
+  Indicator.displayName = 'TilePrimitive.Indicator';
+  TrailingSlot.displayName = 'TilePrimitive.TrailingSlot';
+  return Object.assign(Tile, {
+    Group,
+    LeadingSlot,
+    Content,
+    Title,
+    Description,
+    Indicator,
+    TrailingSlot
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/tile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_createTileContent","require","_createTileDescription","_createTileGroup","_createTileIndicator","_createTileLeadingSlot","_createTileRoot","_createTileTitle","_createTileTrailingSlot","_context","createTile","BaseComponents","Tile","createTileRoot","Pressable","Group","createTileGroup","LeadingSlot","createTileLeadingSlot","Content","createTileContent","Title","createTileTitle","Description","createTileDescription","Indicator","createTileIndicator","TrailingSlot","createTileTrailingSlot","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["tile/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AAsBA,IAAAQ,QAAA,GAAAR,OAAA;AAEO,SAASS,UAAUA,CASxBC,cASD,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,8BAAc,EAACF,cAAc,CAACG,SAAS,CAAC;EACrD,MAAMC,KAAK,GAAG,IAAAC,gCAAe,EAACL,cAAc,CAACI,KAAK,CAAC;EACnD,MAAME,WAAW,GAAG,IAAAC,4CAAqB,EAACP,cAAc,CAACM,WAAW,CAAC;EACrE,MAAME,OAAO,GAAG,IAAAC,oCAAiB,EAACT,cAAc,CAACQ,OAAO,CAAC;EACzD,MAAME,KAAK,GAAG,IAAAC,gCAAe,EAACX,cAAc,CAACU,KAAK,CAAC;EACnD,MAAME,WAAW,GAAG,IAAAC,4CAAqB,EAACb,cAAc,CAACY,WAAW,CAAC;EACrE,MAAME,SAAS,GAAG,IAAAC,wCAAmB,EAACf,cAAc,CAACc,SAAS,CAAC;EAC/D,MAAME,YAAY,GAAG,IAAAC,8CAAsB,EAACjB,cAAc,CAACgB,YAAY,CAAC;EAExEf,IAAI,CAACiB,WAAW,GAAG,eAAe;EAClCd,KAAK,CAACc,WAAW,GAAG,qBAAqB;EACzCZ,WAAW,CAACY,WAAW,GAAG,2BAA2B;EACrDV,OAAO,CAACU,WAAW,GAAG,uBAAuB;EAC7CR,KAAK,CAACQ,WAAW,GAAG,qBAAqB;EACzCN,WAAW,CAACM,WAAW,GAAG,2BAA2B;EACrDJ,SAAS,CAACI,WAAW,GAAG,yBAAyB;EACjDF,YAAY,CAACE,WAAW,GAAG,4BAA4B;EAEvD,OAAOC,MAAM,CAACC,MAAM,CAACnB,IAAI,EAAE;IACzBG,KAAK;IACLE,WAAW;IACXE,OAAO;IACPE,KAAK;IACLE,WAAW;IACXE,SAAS;IACTE;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}

package/lib/commonjs/tile/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/tile/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["tile/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/CLAUDE.md

@@ -0,0 +1,32 @@
+# Primitive Authoring
+
+Auto-loaded when working in `packages/primitives/src/**`.
+
+Primitives in `@cdx-ui/primitives` are unstyled behavioral components that handle accessibility and interactions. Read the full guides before making changes:
+
+- `docs/internal/practices/composition.md` — compound component structure
+- `docs/internal/practices/types.md` — `I*Props` convention, extending RN base types
+- `docs/internal/practices/accessibility.md` — ARIA roles, keyboard nav, screen reader support
+- `docs/internal/practices/as-child.md` — `asChild` prop pattern
+
+## Pattern summary
+
+Each primitive follows the factory function pattern (see `createButtonRoot.tsx` as the canonical example):
+
+1. **Factory function** — `export const createComponentPart = <T,>(BaseComponent: ComponentType<T>) => forwardRef(...)` — accepts a host element type, returns a wrapped component with behavior
+2. **Interaction hooks** — `useFocus`, `useFocusRing`, `useHover`, `usePress` from `@react-native-aria/*`
+3. **Data attributes** — `dataAttributes({ hover, focus, active, disabled, focusVisible })` emitted on the rendered element for Uniwind `data-[state]` selectors
+4. **Context provider** — interaction state exposed via context so child primitives can react to parent state
+5. **Barrel export** — `index.tsx` re-exports the factory, context, and types
+
+## Key rules
+
+- **Unstyled** — no visual styling (no `className`, no color/spacing classes). Only behavioral and a11y concerns.
+- **`I*Props` convention** — interface types prefixed with `I` (e.g., `IButtonProps`, `ICheckboxProps`), exported from `types.ts`
+- **`InterfaceComponentProps`** extends the appropriate RN base type (`PressableProps`, `ViewProps`, etc.) with interaction state booleans (`isHovered`, `isActive`, `isFocused`, `isFocusVisible`, `isDisabled`)
+- **`dataAttributes()` helper** — always use the helper from `../utils/dataAttributes` to emit `data-*` props; it handles platform differences (native vs web)
+- **`composeEventHandlers`** from `@cdx-ui/utils` — merge consumer handlers with internal handlers; never silently override
+- **`forwardRef`** on every component — refs forwarded to the underlying host element
+- **ARIA roles** — set `role` with a sensible default (e.g., `role={props?.role || 'button'}`)
+- **Render children as function** — support `children` as `(state: InteractionState) => ReactNode` for state-driven rendering
+- **Consumable independently** of `@cdx-ui/components` — no imports from the styled layer

package/lib/module/avatar/createAvatarText.js

@@ -4,7 +4,15 @@ import { forwardRef } from 'react';
 import { useAvatarContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 function getInitials(name) {
-  const words = name.trim().split(/\s+/);
+  const trimmed = name.trim();
+  const words = trimmed.split(/\s+/);
+
+  // Pre-composed initials (e.g. "JD", "AB") — single token, at most 2 chars.
+  // Figma Code Connect surfaces the raw text property which is already initials;
+  // passing them through a derivation step would truncate to the first letter.
+  if (words.length === 1 && trimmed.length <= 2) {
+    return trimmed.toUpperCase();
+  }
   let result = '';
   for (const word of words) {
     if (word.length > 0) {

package/lib/module/avatar/createAvatarText.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useAvatarContext","jsx","_jsx","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","children","style","props","ref","imageLoaded","imageError","visible","text","opacity"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,SAASC,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEA,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEf,UAAU,CAA4B,CAAC;EAAEgB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGpB,gBAAgB,CAAC,CAAC;EACtD,MAAMqB,OAAO,GAAG,CAACF,WAAW,IAAIC,UAAU;EAE1C,MAAME,IAAI,GAAG,OAAOP,QAAQ,KAAK,QAAQ,GAAGZ,WAAW,CAACY,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACEb,IAAA,CAACY,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACK,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMN,KAAK;IAAAF,QAAA,EACvEO;EAAI,CACG,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","useAvatarContext","jsx","_jsx","getInitials","name","trimmed","trim","words","split","length","toUpperCase","result","word","charAt","createAvatarText","BaseText","children","style","props","ref","imageLoaded","imageError","visible","text","opacity"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,SAASC,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,OAAO,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC;EAC3B,MAAMC,KAAK,GAAGF,OAAO,CAACG,KAAK,CAAC,KAAK,CAAC;;EAElC;EACA;EACA;EACA,IAAID,KAAK,CAACE,MAAM,KAAK,CAAC,IAAIJ,OAAO,CAACI,MAAM,IAAI,CAAC,EAAE;IAC7C,OAAOJ,OAAO,CAACK,WAAW,CAAC,CAAC;EAC9B;EAEA,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIL,KAAK,EAAE;IACxB,IAAIK,IAAI,CAACH,MAAM,GAAG,CAAC,EAAE;MACnBE,MAAM,IAAIC,IAAI,CAACC,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIF,MAAM,CAACF,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOE,MAAM,CAACD,WAAW,CAAC,CAAC;AAC7B;AAEA,OAAO,MAAMI,gBAAgB,GAAQC,QAAgC,iBACnEhB,UAAU,CAA4B,CAAC;EAAEiB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGrB,gBAAgB,CAAC,CAAC;EACtD,MAAMsB,OAAO,GAAG,CAACF,WAAW,IAAIC,UAAU;EAE1C,MAAME,IAAI,GAAG,OAAOP,QAAQ,KAAK,QAAQ,GAAGb,WAAW,CAACa,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACEd,IAAA,CAACa,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACK,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMN,KAAK;IAAAF,QAAA,EACvEO;EAAI,CACG,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}

package/lib/module/button/createButtonText.js

@@ -5,6 +5,7 @@ import { dataAttributes } from '../utils/dataAttributes';
 import { useButtonContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 // TODO: Rename to ButtonLabel
+// TODO: Can we remove the dataAttributes here?
 
 export const createButtonText = BaseButtonText => /*#__PURE__*/forwardRef(({
   children,

package/lib/module/button/createButtonText.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","dataAttributes","useButtonContext","jsx","_jsx","createButtonText","BaseButtonText","children","props","ref","hover","focus","active","disabled","focusVisible"],"sourceRoot":"../../../src","sources":["button/createButtonText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C;;AAEA,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzEN,UAAU,CAA4B,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAE3E,oBACEE,IAAA,CAACE,cAAc;IACbG,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACNP,cAAc,CAAC;MAAES,KAAK;MAAEC,KAAK;MAAEC,MAAM;MAAEC,QAAQ;MAAEC;IAAa,CAAC,CAAC;IAAAP,QAAA,EAEnEA;EAAQ,CACK,CAAC;AAErB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","dataAttributes","useButtonContext","jsx","_jsx","createButtonText","BaseButtonText","children","props","ref","hover","focus","active","disabled","focusVisible"],"sourceRoot":"../../../src","sources":["button/createButtonText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C;AACA;;AAEA,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzEN,UAAU,CAA4B,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGZ,gBAAgB,CAAC,CAAC;EAE3E,oBACEE,IAAA,CAACE,cAAc;IACbG,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACNP,cAAc,CAAC;MAAES,KAAK;MAAEC,KAAK;MAAEC,MAAM;MAAEC,QAAQ;MAAEC;IAAa,CAAC,CAAC;IAAAP,QAAA,EAEnEA;EAAQ,CACK,CAAC;AAErB,CAAC,CAAC","ignoreList":[]}

package/lib/module/checkbox/createCheckboxRoot.web.js

@@ -7,7 +7,10 @@ import { dataAttributes } from '../utils/dataAttributes';
 import { CheckboxProvider } from './context';
 import { useCheckboxRoot } from './useCheckboxRoot';
 
-// TODO: Label is taking focus on keyboard navigation
+/**
+ * Web uses a native checkbox input (VisuallyHidden) for ARIA + focus management. The outer
+ * `Pressable` must not be in the tab order or each control consumes two Tab stops (wrapper + input).
+ */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/forwardRef(({
   children,
@@ -44,7 +47,10 @@ export const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/forwardRef(({
   } = useFocusRing();
   return /*#__PURE__*/_jsx(BaseCheckbox, {
     ...combinedProps,
-    ref: mergedRef,
+    ref: mergedRef
+    // Native input is the only tab stop; Pressable is still clickable (mouse / screen reader).
+    ,
+    tabIndex: -1,
     role: "label"
     // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
     ,