@cdx-ui/primitives 0.0.1-beta.17 → 0.0.1-beta.170

package/lib/commonjs/tabs/TabsList.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabsList = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useTabsNavigation = require("./useTabsNavigation");
+var _jsxRuntime = require("react/jsx-runtime");
+const TabsList = exports.TabsList = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    value,
+    onValueChange,
+    activationMode,
+    orientation,
+    getTabs,
+    focusedValue,
+    setFocusedValue
+  } = (0, _context.useTabsContext)();
+  const {
+    handleKeyDown
+  } = (0, _useTabsNavigation.useTabsNavigation)({
+    getTabs,
+    focusedValue,
+    setFocusedValue,
+    value,
+    onValueChange,
+    activationMode,
+    orientation
+  });
+  const webProps = _reactNative.Platform.OS === 'web' ? {
+    onKeyDown: (0, _utils.composeEventHandlers)(props.onKeyDown, handleKeyDown)
+  } : {};
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    role: "tablist",
+    "aria-orientation": orientation,
+    ...props,
+    ...webProps,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'tabs-list',
+      orientation
+    })),
+    children: children
+  });
+});
+TabsList.displayName = 'TabsList';
+//# sourceMappingURL=TabsList.js.map

package/lib/commonjs/tabs/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_useTabsNavigation","_jsxRuntime","TabsList","exports","forwardRef","asChild","children","props","ref","value","onValueChange","activationMode","orientation","getTabs","focusedValue","setFocusedValue","useTabsContext","handleKeyDown","useTabsNavigation","webProps","Platform","OS","onKeyDown","composeEventHandlers","Comp","Slot","View","jsx","role","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabsList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAAwD,IAAAO,WAAA,GAAAP,OAAA;AAOjD,MAAMQ,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAChC,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IACJC,KAAK;IACLC,aAAa;IACbC,cAAc;IACdC,WAAW;IACXC,OAAO;IACPC,YAAY;IACZC;EACF,CAAC,GAAG,IAAAC,uBAAc,EAAC,CAAC;EAEpB,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,oCAAiB,EAAC;IAC1CL,OAAO;IACPC,YAAY;IACZC,eAAe;IACfN,KAAK;IACLC,aAAa;IACbC,cAAc;IACdC;EACF,CAAC,CAAC;EAEF,MAAMO,QAAQ,GACZC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACEC,SAAS,EAAE,IAAAC,2BAAoB,EAC5BhB,KAAK,CAAgDe,SAAS,EAC/DL,aACF;EACF,CAAC,GACD,CAAC,CAAC;EAER,MAAMO,IAAI,GAAGnB,OAAO,GAAGoB,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAzB,WAAA,CAAA0B,GAAA,EAACH,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACToB,IAAI,EAAC,SAAS;IACd,oBAAkBhB,WAAY;IAAA,GAC1BL,KAAK;IAAA,GACLY,QAAQ;IAAA,GACR,IAAAU,mCAAmB,EAACtB,KAAK,EAAE,IAAAuB,8BAAc,EAAC;MAAEC,IAAI,EAAE,WAAW;MAAEnB;IAAY,CAAC,CAAC,CAAC;IAAAN,QAAA,EAEjFA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,QAAQ,CAAC8B,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/commonjs/tabs/TabsRoot.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabsRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const TabsRoot = exports.TabsRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  activationMode = 'automatic',
+  orientation = 'horizontal',
+  disabled = false,
+  ...props
+}, ref) => {
+  const [value, setValue] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: newValue => {
+      if (newValue !== undefined) {
+        onValueChange?.(newValue);
+      }
+    }
+  });
+  const [focusedValue, setFocusedValue] = (0, _react.useState)(undefined);
+
+  // When the parent updates the controlled selection, drop stale roving-focus state so
+  // tabIndex and arrow-key navigation follow `value` instead of a previously focused tab.
+  (0, _react.useEffect)(() => {
+    setFocusedValue(prev => prev !== undefined && prev !== value ? undefined : prev);
+  }, [value]);
+  const tabsRef = (0, _react.useRef)(new Map());
+  const registerTab = (0, _react.useCallback)((tabValue, entry) => {
+    tabsRef.current.set(tabValue, entry);
+  }, []);
+  const unregisterTab = (0, _react.useCallback)(tabValue => {
+    tabsRef.current.delete(tabValue);
+  }, []);
+  const getTabs = (0, _react.useCallback)(() => Array.from(tabsRef.current.entries()), []);
+  const reactId = (0, _react.useId)();
+  const listId = `tabs-${reactId}`;
+  const contextValue = (0, _react.useMemo)(() => ({
+    value,
+    onValueChange: setValue,
+    disabled,
+    activationMode,
+    orientation,
+    listId,
+    registerTab,
+    unregisterTab,
+    getTabs,
+    focusedValue,
+    setFocusedValue
+  }), [value, setValue, disabled, activationMode, orientation, listId, registerTab, unregisterTab, getTabs, focusedValue]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TabsProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        disabled,
+        orientation
+      })),
+      children: children
+    })
+  });
+});
+TabsRoot.displayName = 'TabsRoot';
+//# sourceMappingURL=TabsRoot.js.map

package/lib/commonjs/tabs/TabsRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_dataAttributes","_context","_jsxRuntime","TabsRoot","exports","forwardRef","asChild","children","value","valueProp","defaultValue","onValueChange","activationMode","orientation","disabled","props","ref","setValue","useControllableState","prop","defaultProp","onChange","newValue","undefined","focusedValue","setFocusedValue","useState","useEffect","prev","tabsRef","useRef","Map","registerTab","useCallback","tabValue","entry","current","set","unregisterTab","delete","getTabs","Array","from","entries","reactId","useId","listId","contextValue","useMemo","Comp","Slot","View","jsx","TabsProvider","mergeDataAttributes","dataAttributes","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabsRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tabs/context.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabsContext = exports.useTabContext = exports.TabsProvider = exports.TabProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [TabsProvider, useTabsContext] = (0, _utils.createContext)('TabsContext');
+
+/**
+ * Propagates a tab's interaction and selection state (hover, focus, active, selected, etc.)
+ * to child slots like a styled `Tabs.Tab`'s label/icon.
+ */
+exports.useTabsContext = useTabsContext;
+exports.TabsProvider = TabsProvider;
+const [TabProvider, useTabContext] = (0, _utils.createContext)('TabContext');
+exports.useTabContext = useTabContext;
+exports.TabProvider = TabProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/tabs/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","TabsProvider","useTabsContext","createContext","exports","TabProvider","useTabContext"],"sourceRoot":"../../../src","sources":["tabs/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAG,IAAAC,oBAAa,EAAmB,aAAa,CAAC;;AAE5F;AACA;AACA;AACA;AAHAC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AAAAE,OAAA,CAAAH,YAAA,GAAAA,YAAA;AAIO,MAAM,CAACI,WAAW,EAAEC,aAAa,CAAC,GAAG,IAAAH,oBAAa,EAAsB,YAAY,CAAC;AAACC,OAAA,CAAAE,aAAA,GAAAA,aAAA;AAAAF,OAAA,CAAAC,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/tabs/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function () {
+    return _Tab.Tab;
+  }
+});
+Object.defineProperty(exports, "TabPanel", {
+  enumerable: true,
+  get: function () {
+    return _TabPanel.TabPanel;
+  }
+});
+Object.defineProperty(exports, "TabsList", {
+  enumerable: true,
+  get: function () {
+    return _TabsList.TabsList;
+  }
+});
+Object.defineProperty(exports, "TabsRoot", {
+  enumerable: true,
+  get: function () {
+    return _TabsRoot.TabsRoot;
+  }
+});
+Object.defineProperty(exports, "useTabContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useTabContext;
+  }
+});
+Object.defineProperty(exports, "useTabsContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useTabsContext;
+  }
+});
+var _context = require("./context");
+var _TabsRoot = require("./TabsRoot");
+var _TabsList = require("./TabsList");
+var _Tab = require("./Tab");
+var _TabPanel = require("./TabPanel");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_context","require","_TabsRoot","_TabsList","_Tab","_TabPanel"],"sourceRoot":"../../../src","sources":["tabs/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/tabs/types.js

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

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

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

package/lib/commonjs/tabs/useTabsNavigation.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabsNavigation = useTabsNavigation;
+var _react = require("react");
+// Web-only — native platforms rely on OS-managed sequential focus (VoiceOver/TalkBack),
+// same restriction documented on `useListboxNavigation` in `../select/`.
+
+function useTabsNavigation({
+  getTabs,
+  focusedValue,
+  setFocusedValue,
+  value,
+  onValueChange,
+  activationMode,
+  orientation
+}) {
+  const onValueChangeRef = (0, _react.useRef)(onValueChange);
+  onValueChangeRef.current = onValueChange;
+  const getEnabledTabs = (0, _react.useCallback)(() => getTabs().filter(([, entry]) => !entry.disabled), [getTabs]);
+  const moveFocus = (0, _react.useCallback)(([targetValue, targetEntry]) => {
+    setFocusedValue(targetValue);
+    targetEntry.node?.focus?.();
+    if (activationMode === 'automatic') {
+      onValueChangeRef.current(targetValue);
+    }
+  }, [setFocusedValue, activationMode]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    const enabledTabs = getEnabledTabs();
+    if (enabledTabs.length === 0) {
+      return;
+    }
+    const currentValue = focusedValue ?? value;
+    const idx = enabledTabs.findIndex(([tabValue]) => tabValue === currentValue);
+
+    // ARIA APG tabs pattern: horizontal lists respond to Left/Right, vertical lists to Up/Down.
+    const nextKey = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';
+    const prevKey = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';
+    switch (e.key) {
+      case nextKey:
+        {
+          e.preventDefault();
+          moveFocus(enabledTabs[idx < enabledTabs.length - 1 ? idx + 1 : 0]);
+          break;
+        }
+      case prevKey:
+        {
+          e.preventDefault();
+          moveFocus(enabledTabs[idx > 0 ? idx - 1 : enabledTabs.length - 1]);
+          break;
+        }
+      case 'Home':
+        {
+          e.preventDefault();
+          moveFocus(enabledTabs[0]);
+          break;
+        }
+      case 'End':
+        {
+          e.preventDefault();
+          const last = enabledTabs.at(-1);
+          if (last) {
+            moveFocus(last);
+          }
+          break;
+        }
+      case 'Enter':
+      case ' ':
+        {
+          if (activationMode === 'manual' && focusedValue) {
+            e.preventDefault();
+            onValueChangeRef.current(focusedValue);
+          }
+          break;
+        }
+    }
+  }, [focusedValue, value, getEnabledTabs, moveFocus, activationMode, orientation]);
+  return {
+    handleKeyDown
+  };
+}
+//# sourceMappingURL=useTabsNavigation.js.map

package/lib/commonjs/tabs/useTabsNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useTabsNavigation","getTabs","focusedValue","setFocusedValue","value","onValueChange","activationMode","orientation","onValueChangeRef","useRef","current","getEnabledTabs","useCallback","filter","entry","disabled","moveFocus","targetValue","targetEntry","node","focus","handleKeyDown","e","enabledTabs","length","currentValue","idx","findIndex","tabValue","nextKey","prevKey","key","preventDefault","last","at"],"sourceRoot":"../../../src","sources":["tabs/useTabsNavigation.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tile/TileGroup.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileGroup = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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 TileGroup = exports.TileGroup = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild = false,
+    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';
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileGroupContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      role: role,
+      ...(type === 'single' ? {
+        accessibilityRole: 'radiogroup'
+      } : {}),
+      ...(ariaLabel ? {
+        'aria-label': ariaLabel,
+        accessibilityLabel: ariaLabel
+      } : {}),
+      ...rest,
+      children: children
+    })
+  });
+});
+TileGroup.displayName = 'TileGroup';
+//# sourceMappingURL=TileGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","TileGroup","exports","forwardRef","props","ref","asChild","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","Comp","Slot","View","jsx","TileGroupContextProvider","accessibilityRole","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["tile/TileGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tile/TileRoot.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileRoot = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const rowStyle = {
+  flexDirection: 'row',
+  alignSelf: 'stretch',
+  alignItems: 'center'
+};
+const TileRoot = exports.TileRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  value,
+  disabled: disabledProp = false,
+  isSelected: controlledSelected,
+  defaultSelected,
+  onSelectedChange,
+  children,
+  onPress,
+  onFocus,
+  onBlur,
+  style,
+  ...rest
+}, ref) => {
+  const group = (0, _context.useOptionalTileGroupContext)();
+  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 {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  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 role = selectionType === 'single' ? 'radio' : 'checkbox';
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileProvider, {
+    value: tileContext,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      accessibilityRole: role,
+      role: role,
+      accessibilityState: accessibilityState,
+      "aria-checked": isSelected,
+      ...(isDisabled ? {
+        'aria-disabled': true
+      } : {}),
+      disabled: isDisabled,
+      ...rest,
+      ...(0, _dataAttributes.mergeDataAttributes)(rest, (0, _dataAttributes.dataAttributes)({
+        state: isSelected ? 'selected' : 'unselected',
+        disabled: isDisabled,
+        active: isPressed,
+        hover: isHovered,
+        focus: isFocused,
+        focusVisible: isFocusVisible
+      })),
+      style: [rowStyle, style],
+      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)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+TileRoot.displayName = 'TileRoot';
+//# sourceMappingURL=TileRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","rowStyle","flexDirection","alignSelf","alignItems","TileRoot","exports","forwardRef","asChild","value","disabled","disabledProp","isSelected","controlledSelected","defaultSelected","onSelectedChange","children","onPress","onFocus","onBlur","style","rest","ref","group","useOptionalTileGroupContext","standaloneSelected","setStandaloneSelected","useControllableState","prop","defaultProp","onChange","next","disabledByGroup","isTileDisabledByGroup","isDisabled","cannotToggle","focusProps","isFocused","useFocus","isFocusVisible","focusRingProps","useFocusRing","pressProps","isPressed","usePress","hoverProps","isHovered","useHover","selectionType","type","accessibilityState","useMemo","selected","checked","tileContext","passthrough","composedOnPress","composeEventHandlers","toggleValue","role","Comp","Slot","Pressable","jsx","TileProvider","accessibilityRole","mergeDataAttributes","dataAttributes","state","active","hover","focus","focusVisible","undefined","onPressIn","onPressOut","onHoverIn","onHoverOut","displayName"],"sourceRoot":"../../../src","sources":["tile/TileRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tile/index.js

@@ -3,53 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "TileGroup", {
+  enumerable: true,
+  get: function () {
+    return _TileGroup.TileGroup;
+  }
+});
 Object.defineProperty(exports, "TileProvider", {
   enumerable: true,
   get: function () {
     return _context.TileProvider;
   }
 });
-exports.createTile = createTile;
+Object.defineProperty(exports, "TileRoot", {
+  enumerable: true,
+  get: function () {
+    return _TileRoot.TileRoot;
+  }
+});
 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
-  });
-}
+var _TileRoot = require("./TileRoot");
+var _TileGroup = require("./TileGroup");
 //# sourceMappingURL=index.js.map