@cdx-ui/primitives 0.0.1-beta.5 → 0.0.1-beta.50

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/commonjs/utils/dataAttributes.js

@@ -3,30 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.dataAttributes = dataAttributes;
-/**
- * Produces platform-specific props for data attributes.
- *
- * Native: individual `data-*` props consumed by Uniwind.
- * Web (.web.ts): a `dataSet` object consumed by React Native Web.
- *
- * Boolean values serialize to `"true"` / `"false"` strings.
- * String values pass through as-is.
- * Undefined values are omitted.
- */
-
-function camelToKebab(str) {
-  return str.replaceAll(/[A-Z]/g, ch => `-${ch.toLowerCase()}`);
-}
-function dataAttributes(attrs) {
-  const result = {};
-  for (const key in attrs) {
-    const value = attrs[key];
-    if (value === undefined) {
-      continue;
-    }
-    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
+Object.defineProperty(exports, "dataAttributes", {
+  enumerable: true,
+  get: function () {
+    return _domDataAttributes.domDataAttributes;
   }
-  return result;
-}
+});
+var _domDataAttributes = require("./domDataAttributes");
 //# sourceMappingURL=dataAttributes.js.map

package/lib/commonjs/utils/dataAttributes.js.map

@@ -1 +1 @@
-{"version":3,"names":["camelToKebab","str","replaceAll","ch","toLowerCase","dataAttributes","attrs","result","key","value","undefined","String"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,SAASA,YAAYA,CAACC,GAAW,EAAU;EACzC,OAAOA,GAAG,CAACC,UAAU,CAAC,QAAQ,EAAGC,EAAE,IAAK,IAAIA,EAAE,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AACjE;AAEO,SAASC,cAAcA,CAACC,KAAyC,EAA0B;EAChG,MAAMC,MAA8B,GAAG,CAAC,CAAC;EACzC,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IACxB,IAAIC,KAAK,KAAKC,SAAS,EAAE;MACvB;IACF;IACAH,MAAM,CAAC,QAAQP,YAAY,CAACQ,GAAG,CAAC,EAAE,CAAC,GAAG,OAAOC,KAAK,KAAK,SAAS,GAAGE,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC1F;EACA,OAAOF,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_domDataAttributes","require"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.ts"],"mappings":";;;;;;;;;;;AAMA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/utils/domDataAttributes.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.domDataAttributes = domDataAttributes;
+/**
+ * Produces `data-*` DOM attribute props for use on raw HTML elements (e.g. `<button>`).
+ *
+ * Unlike `dataAttributes`, which has a platform-specific `.web.ts` sibling that returns a
+ * `dataSet` object for React Native Web components, this file has no platform variant.
+ * The bundler therefore always resolves to this single implementation, making it safe to
+ * import from `.web.tsx` host components that render native DOM elements directly.
+ *
+ * Boolean values serialize to `"true"` / `"false"` strings.
+ * String values pass through as-is.
+ * Undefined values are omitted.
+ */
+
+function camelToKebab(str) {
+  return str.replaceAll(/[A-Z]/g, ch => `-${ch.toLowerCase()}`);
+}
+function domDataAttributes(attrs) {
+  const result = {};
+  for (const key in attrs) {
+    const value = attrs[key];
+    if (value === undefined) {
+      continue;
+    }
+    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
+  }
+  return result;
+}
+//# sourceMappingURL=domDataAttributes.js.map

package/lib/commonjs/utils/domDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["camelToKebab","str","replaceAll","ch","toLowerCase","domDataAttributes","attrs","result","key","value","undefined","String"],"sourceRoot":"../../../src","sources":["utils/domDataAttributes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,SAASA,YAAYA,CAACC,GAAW,EAAU;EACzC,OAAOA,GAAG,CAACC,UAAU,CAAC,QAAQ,EAAGC,EAAE,IAAK,IAAIA,EAAE,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AACjE;AAEO,SAASC,iBAAiBA,CAC/BC,KAA4C,EACpB;EACxB,MAAMC,MAA8B,GAAG,CAAC,CAAC;EACzC,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IACxB,IAAIC,KAAK,KAAKC,SAAS,EAAE;MACvB;IACF;IACAH,MAAM,CAAC,QAAQP,YAAY,CAACQ,GAAG,CAAC,EAAE,CAAC,GAAG,OAAOC,KAAK,KAAK,SAAS,GAAGE,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC1F;EACA,OAAOF,MAAM;AACf","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** — public prop types are aliased with `I` prefix (e.g., `IButtonProps`, `ICheckboxProps`), exported from `types.ts`
+- **`Interface*Props` pattern** — the full interface (e.g., `InterfaceButtonProps`, `InterfaceCheckbox`) extends the appropriate RN base type (`PressableProps`, `ViewProps`, etc.) with interaction state booleans (`isHovered`, `isActive`, `isFocused`, `isFocusVisible`, `isDisabled`); re-exported as `I*Props` (e.g., `export type IButtonProps = InterfaceButtonProps`)
+- **`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
     ,

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","VisuallyHidden","useFocusRing","dataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","jsxs","_jsxs","createCheckboxRoot","BaseCheckbox","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useInputRefForAria","focusProps","role","accessibilityRole","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,OAAO,MAAMC,kBAAkB,GAAQC,YAAoC,iBACzEX,UAAU,CAAC,CAAC;EAAEY,QAAQ;EAAE,GAAGC;AAAsB,CAAC,EAAEC,GAAkB,KAAK;EACzE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG7B,eAAe,CAACQ,KAAK,EAAEC,GAAG,EAAE;IAAEqB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEnB;EAAe,CAAC,GAAGf,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,YAAY;IAAA,GACNoB,aAAa;IAClBjB,GAAG,EAAEmB,SAAU;IACfI,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBnC,cAAc,CAAC;MACjBoC,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,KAAK,EAAE1B,SAAS,IAAIC,aAAa;MACjC0B,OAAO,EAAEnB,SAAS,IAAIC,aAAa;MACnCmB,QAAQ,EAAElB,UAAU,IAAIC,cAAc;MACtCkB,MAAM,EAAEd,SAAS;MACjBe,KAAK,EAAEhB,SAAS;MAChBiB,aAAa,EAAEnB,eAAe,IAAIC,mBAAmB;MACrDmB,YAAY,EAAE9B;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEFH,KAAA,CAACL,gBAAgB;MACf4C,KAAK,EAAE;QACL7B,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDE,SAAS;QACTD;MACF,CAAE;MAAAjB,QAAA,gBAEFL,IAAA,CAACN,cAAc;QAAAW,QAAA,eACbL,IAAA;UAAA,GAAWyB,mBAAmB;UAAA,GAAMI,UAAU;UAAEtB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","VisuallyHidden","useFocusRing","dataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","jsxs","_jsxs","createCheckboxRoot","BaseCheckbox","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useInputRefForAria","focusProps","tabIndex","role","accessibilityRole","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIA,OAAO,MAAMC,kBAAkB,GAAQC,YAAoC,iBACzEX,UAAU,CAAC,CAAC;EAAEY,QAAQ;EAAE,GAAGC;AAAsB,CAAC,EAAEC,GAAkB,KAAK;EACzE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG7B,eAAe,CAACQ,KAAK,EAAEC,GAAG,EAAE;IAAEqB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEnB;EAAe,CAAC,GAAGf,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,YAAY;IAAA,GACNoB,aAAa;IAClBjB,GAAG,EAAEmB;IACL;IAAA;IACAI,QAAQ,EAAE,CAAC,CAAE;IACbC,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBpC,cAAc,CAAC;MACjBqC,OAAO,EAAErB,SAAS,IAAIC,aAAa;MACnCqB,QAAQ,EAAEpB,UAAU,IAAIC,cAAc;MACtCoB,KAAK,EAAE3B,SAAS,IAAIC,aAAa;MACjC2B,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,MAAM,EAAEf,SAAS;MACjBgB,KAAK,EAAEjB,SAAS;MAChBkB,aAAa,EAAEpB,eAAe,IAAIC,mBAAmB;MACrDoB,YAAY,EAAE/B;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEFH,KAAA,CAACL,gBAAgB;MACf6C,KAAK,EAAE;QACL9B,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDE,SAAS;QACTD;MACF,CAAE;MAAAjB,QAAA,gBAEFL,IAAA,CAACN,cAAc;QAAAW,QAAA,eACbL,IAAA;UAAA,GAAWyB,mBAAmB;UAAA,GAAMI,UAAU;UAAEtB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}

package/lib/module/chip/createChipRoot.js

@@ -0,0 +1,126 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+const rowStyle = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  alignSelf: 'flex-start'
+};
+const chipSlotAttrs = dataAttributes({
+  slot: 'chip'
+});
+export const createChipRoot = (BaseView, BasePressable) => /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  disabled = false,
+  accessibilityRole,
+  style,
+  ...restProps
+}, ref) => {
+  const childOnPress = /*#__PURE__*/React.isValidElement(children) ? children.props.onPress : undefined;
+  const asChildInteractive = asChild && /*#__PURE__*/React.isValidElement(children);
+  const isPressableRoot = !!onPress && !asChildInteractive;
+  const pressState = usePress({
+    isDisabled: !isPressableRoot || disabled
+  });
+  const isPressed = pressState.isPressed;
+  const pressProps = pressState.pressProps;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  if (asChildInteractive) {
+    const child = children;
+    const childDisabled = !!child.props.disabled;
+    const resolvedDisabled = disabled || childDisabled;
+    const cloneProps = {
+      ...restProps,
+      ...chipSlotAttrs,
+      ...dataAttributes({
+        active: false,
+        hover: false,
+        disabled: resolvedDisabled,
+        focused: false,
+        focusVisible: false
+      }),
+      ...(resolvedDisabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: resolvedDisabled,
+      ref: mergeRefs(ref, child.props.ref),
+      style: [rowStyle, style, child.props.style]
+    };
+    if (resolvedDisabled) {
+      cloneProps.onPress = undefined;
+    } else if (onPress) {
+      cloneProps.onPress = composeEventHandlers(childOnPress, onPress);
+    }
+    return /*#__PURE__*/React.cloneElement(child, cloneProps);
+  }
+  if (isPressableRoot) {
+    const interactionAttrs = dataAttributes({
+      active: isPressed,
+      hover: isHovered,
+      disabled,
+      focused: isFocused,
+      focusVisible: isFocusVisible
+    });
+    const {
+      onPressIn: onPressInProp,
+      onPressOut: onPressOutProp,
+      onHoverIn: onHoverInProp,
+      onHoverOut: onHoverOutProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp
+    } = restProps;
+    return /*#__PURE__*/_jsx(BasePressable, {
+      ...restProps,
+      ...chipSlotAttrs,
+      ...interactionAttrs,
+      accessibilityRole: accessibilityRole ?? 'button',
+      ...(disabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: disabled,
+      ref: ref,
+      style: [rowStyle, style],
+      onPress: disabled ? undefined : onPress,
+      onPressIn: composeEventHandlers(onPressInProp, pressProps.onPressIn),
+      onPressOut: composeEventHandlers(onPressOutProp, pressProps.onPressOut),
+      onHoverIn: composeEventHandlers(onHoverInProp, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(onHoverOutProp, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(composeEventHandlers(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: composeEventHandlers(composeEventHandlers(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(BaseView, {
+    ...restProps,
+    ...chipSlotAttrs,
+    ...(disabled ? dataAttributes({
+      disabled: true
+    }) : undefined),
+    ref: ref,
+    style: [rowStyle, style],
+    children: children
+  });
+});
+//# sourceMappingURL=createChipRoot.js.map