@cdx-ui/primitives 0.0.1-beta.12 → 0.0.1-beta.14

package/lib/module/tile/createTileIndicator.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useTileContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const shrinkZero = {
+  flexShrink: 0,
+  pointerEvents: 'none'
+};
+export const createTileIndicator = Base => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  indicatorType,
+  ...props
+}, ref) => {
+  const {
+    isSelected,
+    isDisabled,
+    selectionType
+  } = useTileContext();
+
+  // Effective visual type: explicit prop wins; otherwise infer from group/standalone context.
+  const effectiveType = indicatorType ?? (selectionType === 'single' ? 'radio' : 'checkbox');
+  return /*#__PURE__*/_jsx(Base, {
+    ...props,
+    accessibilityElementsHidden: true,
+    "aria-hidden": true,
+    ...dataAttributes({
+      slot: 'tile-indicator',
+      checked: isSelected,
+      selectionType: effectiveType === 'radio' ? 'single' : 'multiple',
+      disabled: isDisabled
+    }),
+    ref: ref,
+    style: [shrinkZero, style],
+    children: children
+  });
+});
+//# sourceMappingURL=createTileIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","useTileContext","jsx","_jsx","shrinkZero","flexShrink","pointerEvents","createTileIndicator","Base","children","style","indicatorType","props","ref","isSelected","isDisabled","selectionType","effectiveType","accessibilityElementsHidden","slot","checked","disabled"],"sourceRoot":"../../../src","sources":["tile/createTileIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE,CAAU;EAAEC,aAAa,EAAE;AAAgB,CAAC;AAE7E,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClET,UAAU,CACR,CACE;EAAEU,QAAQ;EAAEC,KAAK;EAAEC,aAAa;EAAE,GAAGC;AAA2B,CAAC,EACjEC,GAAuB,KACpB;EACH,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGf,cAAc,CAAC,CAAC;;EAElE;EACA,MAAMgB,aAAmC,GACvCN,aAAa,KAAKK,aAAa,KAAK,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;EAEtE,oBACEb,IAAA,CAACK,IAAI;IAAA,GACEI,KAAK;IACVM,2BAA2B;IAC3B,mBAAW;IAAA,GACPlB,cAAc,CAAC;MACjBmB,IAAI,EAAE,gBAAgB;MACtBC,OAAO,EAAEN,UAAU;MACnBE,aAAa,EAAEC,aAAa,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;MAChEI,QAAQ,EAAEN;IACZ,CAAC,CAAC;IACFF,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;IAAAD,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/lib/module/tile/createTileLeadingSlot.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+const shrinkZero = {
+  flexShrink: 0
+};
+export const createTileLeadingSlot = Base => /*#__PURE__*/forwardRef(({
+  'aria-hidden': ariaHidden,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const accessibilityElementsHidden = ariaHidden !== false;
+  return /*#__PURE__*/_jsx(Base, {
+    ...props,
+    ...dataAttributes({
+      slot: 'tile-leading'
+    }),
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    "aria-hidden": ariaHidden,
+    ref: ref,
+    style: [shrinkZero, style],
+    children: children
+  });
+});
+//# sourceMappingURL=createTileLeadingSlot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createTileLeadingSlot","Base","ariaHidden","style","children","props","ref","accessibilityElementsHidden","slot"],"sourceRoot":"../../../src","sources":["tile/createTileLeadingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CACR,CACE;EAAE,aAAa,EAAEQ,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAC/EC,GAAuB,KACpB;EACH,MAAMC,2BAA2B,GAAGL,UAAU,KAAK,KAAK;EAExD,oBACEL,IAAA,CAACI,IAAI;IAAA,GACEI,KAAK;IAAA,GACNV,cAAc,CAAC;MACjBa,IAAI,EAAE;IACR,CAAC,CAAC;IACFD,2BAA2B,EAAEA,2BAA4B;IACzD,eAAaL,UAAW;IACxBI,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;IAAAC,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/lib/module/tile/createTileRoot.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import React, { forwardRef, useMemo } from 'react';
+import { composeEventHandlers, mergeRefs, useControllableState } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { TileProvider, useOptionalTileGroupContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const rowStyle = {
+  flexDirection: 'row',
+  alignSelf: 'stretch',
+  alignItems: 'center'
+};
+export const createTileRoot = BasePressable => /*#__PURE__*/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 = useOptionalTileGroupContext();
+
+  // Standalone selection state — only meaningful when no group owns selection.
+  const [standaloneSelected = false, setStandaloneSelected] = 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
+  } = useFocus();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({
+    isDisabled: cannotToggle
+  });
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+
+  // Standalone tiles use checkbox semantics (independent on/off toggle).
+  const selectionType = group ? group.type : 'multiple';
+  const accessibilityState = useMemo(() => ({
+    disabled: isDisabled,
+    ...(selectionType === 'single' ? {
+      selected: isSelected
+    } : {
+      checked: isSelected
+    })
+  }), [isDisabled, isSelected, selectionType]);
+  const tileContext = useMemo(() => ({
+    value,
+    isSelected,
+    isDisabled,
+    selectionType
+  }), [value, isSelected, isDisabled, selectionType]);
+  const passthrough = rest;
+  const composedOnPress = composeEventHandlers(onPress, () => {
+    if (cannotToggle) {
+      return;
+    }
+    if (group) {
+      group.toggleValue(value);
+    } else {
+      setStandaloneSelected(!standaloneSelected);
+    }
+  });
+  const sharedHandlers = {
+    onPress: isDisabled ? undefined : composedOnPress,
+    onPressIn: composeEventHandlers(passthrough.onPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(passthrough.onPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(passthrough.onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(passthrough.onHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(onFocus, focusProps.onFocus),
+    onBlur: composeEventHandlers(onBlur, focusProps.onBlur)
+  };
+  const role = selectionType === 'single' ? 'radio' : 'checkbox';
+  const sharedAttrs = {
+    accessibilityRole: role,
+    role,
+    accessibilityState,
+    'aria-checked': isSelected,
+    ...(isDisabled ? {
+      'aria-disabled': true
+    } : {}),
+    ...dataAttributes({
+      slot: 'tile',
+      state: isSelected ? 'selected' : 'unselected',
+      disabled: isDisabled,
+      active: isPressed,
+      hover: isHovered,
+      focused: isFocused
+    })
+  };
+  return /*#__PURE__*/_jsx(TileProvider, {
+    value: tileContext,
+    children: /*#__PURE__*/_jsx(BasePressable, {
+      ...rest,
+      context: _styleContext,
+      ref: mergeRefs(ref),
+      ...sharedAttrs,
+      ...sharedHandlers,
+      style: [rowStyle, style],
+      children: children
+    })
+  });
+});
+//# sourceMappingURL=createTileRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","composeEventHandlers","mergeRefs","useControllableState","useFocus","useHover","usePress","dataAttributes","TileProvider","useOptionalTileGroupContext","jsx","_jsx","rowStyle","flexDirection","alignSelf","alignItems","createTileRoot","BasePressable","props","ref","value","disabled","disabledProp","isSelected","controlledSelected","defaultSelected","onSelectedChange","children","onPress","onFocus","onBlur","style","context","_styleContext","rest","group","standaloneSelected","setStandaloneSelected","prop","defaultProp","onChange","next","disabledByGroup","isTileDisabledByGroup","isDisabled","cannotToggle","focusProps","isFocused","pressProps","isPressed","hoverProps","isHovered","selectionType","type","accessibilityState","selected","checked","tileContext","passthrough","composedOnPress","toggleValue","sharedHandlers","undefined","onPressIn","onPressOut","onHoverIn","onHoverOut","role","sharedAttrs","accessibilityRole","slot","state","active","hover","focused"],"sourceRoot":"../../../src","sources":["tile/createTileRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tile/createTileTitle.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+const noUnderline = {
+  textDecorationLine: 'none'
+};
+export const createTileTitle = Base => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Base, {
+  ...props,
+  ...dataAttributes({
+    slot: 'tile-title'
+  }),
+  ref: ref,
+  style: [noUnderline, style],
+  children: children
+}));
+//# sourceMappingURL=createTileTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","noUnderline","textDecorationLine","createTileTitle","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAE3D,OAAO,MAAMC,eAAe,GAAQC,IAA4B,iBAC9DP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAEC,GAAuB,kBACjFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,WAAW,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}

package/lib/module/tile/createTileTrailingSlot.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { dataAttributes } from '../utils/dataAttributes';
+import { jsx as _jsx } from "react/jsx-runtime";
+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.
+ */
+export const createTileTrailingSlot = Base => /*#__PURE__*/forwardRef(({
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Base, {
+  ...props,
+  ...dataAttributes({
+    slot: 'tile-trailing'
+  }),
+  ref: ref,
+  style: [shrinkZero, style],
+  children: children
+}));
+//# sourceMappingURL=createTileTrailingSlot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createTileTrailingSlot","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileTrailingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAQC,IAA4B,iBACrEP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA8B,CAAC,EAAEC,GAAuB,kBACxFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}

package/lib/module/tile/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { createTileContent } from './createTileContent';
+import { createTileDescription } from './createTileDescription';
+import { createTileGroup } from './createTileGroup';
+import { createTileIndicator } from './createTileIndicator';
+import { createTileLeadingSlot } from './createTileLeadingSlot';
+import { createTileRoot } from './createTileRoot';
+import { createTileTitle } from './createTileTitle';
+import { createTileTrailingSlot } from './createTileTrailingSlot';
+export { TileProvider, useTileContext } from './context';
+export function createTile(BaseComponents) {
+  const Tile = createTileRoot(BaseComponents.Pressable);
+  const Group = createTileGroup(BaseComponents.Group);
+  const LeadingSlot = createTileLeadingSlot(BaseComponents.LeadingSlot);
+  const Content = createTileContent(BaseComponents.Content);
+  const Title = createTileTitle(BaseComponents.Title);
+  const Description = createTileDescription(BaseComponents.Description);
+  const Indicator = createTileIndicator(BaseComponents.Indicator);
+  const TrailingSlot = 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/module/tile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createTileContent","createTileDescription","createTileGroup","createTileIndicator","createTileLeadingSlot","createTileRoot","createTileTitle","createTileTrailingSlot","TileProvider","useTileContext","createTile","BaseComponents","Tile","Pressable","Group","LeadingSlot","Content","Title","Description","Indicator","TrailingSlot","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["tile/index.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,sBAAsB,QAAQ,0BAA0B;AAsBjE,SAASC,YAAY,EAAEC,cAAc,QAAQ,WAAW;AAExD,OAAO,SAASC,UAAUA,CASxBC,cASD,EAAE;EACD,MAAMC,IAAI,GAAGP,cAAc,CAACM,cAAc,CAACE,SAAS,CAAC;EACrD,MAAMC,KAAK,GAAGZ,eAAe,CAACS,cAAc,CAACG,KAAK,CAAC;EACnD,MAAMC,WAAW,GAAGX,qBAAqB,CAACO,cAAc,CAACI,WAAW,CAAC;EACrE,MAAMC,OAAO,GAAGhB,iBAAiB,CAACW,cAAc,CAACK,OAAO,CAAC;EACzD,MAAMC,KAAK,GAAGX,eAAe,CAACK,cAAc,CAACM,KAAK,CAAC;EACnD,MAAMC,WAAW,GAAGjB,qBAAqB,CAACU,cAAc,CAACO,WAAW,CAAC;EACrE,MAAMC,SAAS,GAAGhB,mBAAmB,CAACQ,cAAc,CAACQ,SAAS,CAAC;EAC/D,MAAMC,YAAY,GAAGb,sBAAsB,CAACI,cAAc,CAACS,YAAY,CAAC;EAExER,IAAI,CAACS,WAAW,GAAG,eAAe;EAClCP,KAAK,CAACO,WAAW,GAAG,qBAAqB;EACzCN,WAAW,CAACM,WAAW,GAAG,2BAA2B;EACrDL,OAAO,CAACK,WAAW,GAAG,uBAAuB;EAC7CJ,KAAK,CAACI,WAAW,GAAG,qBAAqB;EACzCH,WAAW,CAACG,WAAW,GAAG,2BAA2B;EACrDF,SAAS,CAACE,WAAW,GAAG,yBAAyB;EACjDD,YAAY,CAACC,WAAW,GAAG,4BAA4B;EAEvD,OAAOC,MAAM,CAACC,MAAM,CAACX,IAAI,EAAE;IACzBE,KAAK;IACLC,WAAW;IACXC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,SAAS;IACTC;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}

package/lib/module/tile/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

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

package/lib/typescript/index.d.ts

@@ -11,6 +11,7 @@ export * from './list-item';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';
+export * from './tile';
 export * from './progress';
 export * from './radio';
 export type { InteractionState } from './types';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/typescript/list-item/createListItemRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createListItemRoot.d.ts","sourceRoot":"","sources":["../../../src/list-item/createListItemRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,cAAc,EAAiC,MAAM,SAAS,CAAC;AAyB7E,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,CAAC,EACrC,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAChC,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,mFAiIpC,CAAC"}
+{"version":3,"file":"createListItemRoot.d.ts","sourceRoot":"","sources":["../../../src/list-item/createListItemRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,cAAc,EAAiC,MAAM,SAAS,CAAC;AAyB7E,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,CAAC,EACrC,UAAU,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAChC,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,mFAgJpC,CAAC"}

package/lib/typescript/tile/context.d.ts

@@ -0,0 +1,9 @@
+import type { ITileContextValue, ITileGroupContextValue } from './types';
+export declare const TileProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: ITileContextValue;
+}>, useTileContext: () => ITileContextValue;
+export declare const TileGroupContextProvider: import("react").Provider<ITileGroupContextValue | null>;
+export declare function useTileGroupContext(): ITileGroupContextValue;
+export declare function useOptionalTileGroupContext(): ITileGroupContextValue | null;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/tile/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/tile/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGzE,eAAO,MAAO,YAAY;;;IAAE,cAAc,yBAAmD,CAAC;AAK9F,eAAO,MAAM,wBAAwB,yDAA4B,CAAC;AAElE,wBAAgB,mBAAmB,IAAI,sBAAsB,CAM5D;AAED,wBAAgB,2BAA2B,IAAI,sBAAsB,GAAG,IAAI,CAE3E"}

package/lib/typescript/tile/createTileContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createTileContent: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileContent.d.ts.map

package/lib/typescript/tile/createTileContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileContent.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAY9D,CAAC"}

package/lib/typescript/tile/createTileDescription.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createTileDescription: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").TextProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileDescription.d.ts.map

package/lib/typescript/tile/createTileDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileDescription.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAYlE,CAAC"}

package/lib/typescript/tile/createTileGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileGroupProps } from './types';
+export declare const createTileGroup: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileGroupProps & React.RefAttributes<T>>;
+//# sourceMappingURL=createTileGroup.d.ts.map

package/lib/typescript/tile/createTileGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileGroup.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAK1E,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AAgB9D,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,8EAgH5D,CAAC"}

package/lib/typescript/tile/createTileIndicator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileIndicatorProps } from './types';
+export declare const createTileIndicator: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileIndicatorProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileIndicator.d.ts.map

package/lib/typescript/tile/createTileIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileIndicator.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,wFA8BjE,CAAC"}

package/lib/typescript/tile/createTileLeadingSlot.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileLeadingSlotProps } from './types';
+export declare const createTileLeadingSlot: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileLeadingSlotProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileLeadingSlot.d.ts.map

package/lib/typescript/tile/createTileLeadingSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileLeadingSlot.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileLeadingSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,0FAuBnE,CAAC"}

package/lib/typescript/tile/createTileRoot.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ITileProps } from './types';
+export declare const createTileRoot: <T>(BasePressable: React.ComponentType<T>) => React.ForwardRefExoticComponent<ITileProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileRoot.d.ts.map

package/lib/typescript/tile/createTileRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileRoot.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,KAAK,EAAE,UAAU,EAA6B,MAAM,SAAS,CAAC;AAQrE,eAAO,MAAM,cAAc,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,+EA6GpE,CAAC"}

package/lib/typescript/tile/createTileTitle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createTileTitle: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").TextProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileTitle.d.ts.map

package/lib/typescript/tile/createTileTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileTitle.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAY5D,CAAC"}

package/lib/typescript/tile/createTileTrailingSlot.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * 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.
+ */
+export declare const createTileTrailingSlot: <T>(Base: React.ComponentType<T>) => React.ForwardRefExoticComponent<import("react-native").ViewProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=createTileTrailingSlot.d.ts.map

package/lib/typescript/tile/createTileTrailingSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTileTrailingSlot.d.ts","sourceRoot":"","sources":["../../../src/tile/createTileTrailingSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,CAAC,EAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,qGAYnE,CAAC"}

package/lib/typescript/tile/index.d.ts

@@ -0,0 +1,15 @@
+import type React from 'react';
+import type { ITileComponentType } from './types';
+export type { ITileComponentType, ITileContentProps, ITileContextValue, ITileDescriptionProps, ITileGroupMultipleProps, ITileGroupProps, ITileGroupSingleProps, ITileGroupContextValue, ITileIndicatorProps, ITileLeadingSlotProps, ITilePressablePassthrough, ITileProps, ITileTitleProps, ITileTrailingSlotProps, TileGroupType, TileGroupValue, } from './types';
+export { TileProvider, useTileContext } from './context';
+export declare function createTile<Pressable, Leading, Content, Title, Description, Indicator, TrailingSlot, Group>(BaseComponents: {
+    Pressable: React.ComponentType<Pressable>;
+    LeadingSlot: React.ComponentType<Leading>;
+    Content: React.ComponentType<Content>;
+    Title: React.ComponentType<Title>;
+    Description: React.ComponentType<Description>;
+    Indicator: React.ComponentType<Indicator>;
+    TrailingSlot: React.ComponentType<TrailingSlot>;
+    Group: React.ComponentType<Group>;
+}): ITileComponentType<Pressable, Leading, Content, Title, Description, Indicator, TrailingSlot, Group>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEzD,wBAAgB,UAAU,CACxB,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,KAAK,EACL,cAAc,EAAE;IAChB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1C,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC9C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IAC1C,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAChD,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;CACnC,GA2BO,kBAAkB,CACtB,SAAS,EACT,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,KAAK,CACN,CACF"}

package/lib/typescript/tile/types.d.ts

@@ -0,0 +1,119 @@
+import type { ForwardRefExoticComponent, PropsWithoutRef, ReactNode, RefAttributes } from 'react';
+import type { PressableProps, TextProps, ViewProps } from 'react-native';
+import type { WithStyleContextProps } from '@cdx-ui/utils';
+export type TileGroupType = 'single' | 'multiple';
+export type TileGroupValue = string | string[] | undefined;
+interface ITileGroupBaseProps extends ViewProps, WithStyleContextProps {
+    /** Disables the whole group. */
+    isDisabled?: boolean;
+    /** Accessible name for the group (radiogroup / group). */
+    'aria-label'?: string;
+}
+export interface ITileGroupSingleProps extends ITileGroupBaseProps {
+    /** Single-select (radio semantics). One value at a time. */
+    type: 'single';
+    /** Controlled selected value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Called when selection changes. */
+    onValueChange?: (value: string) => void;
+}
+export interface ITileGroupMultipleProps extends ITileGroupBaseProps {
+    /** Multi-select (checkbox semantics). Zero to `max` values at a time. */
+    type: 'multiple';
+    /** Controlled selected values. */
+    value?: string[];
+    /** Uncontrolled initial values. */
+    defaultValue?: string[];
+    /** Called when selection changes. */
+    onValueChange?: (value: string[]) => void;
+    /** Maximum selections allowed. @default Infinity */
+    max?: number;
+}
+/**
+ * Discriminated union: `type` narrows `value` / `defaultValue` / `onValueChange`,
+ * and `max` is only valid on `type="multiple"`.
+ */
+export type ITileGroupProps = ITileGroupSingleProps | ITileGroupMultipleProps;
+export interface ITileGroupContextValue {
+    type: TileGroupType;
+    /** Current selection (string for single, array for multiple). */
+    value: string | string[] | undefined;
+    toggleValue: (tileValue: string) => void;
+    isSelected: (tileValue: string) => boolean;
+    /** Group-level disabled or multi-select at max (unselected tiles). */
+    isTileDisabledByGroup: (tileValue: string) => boolean;
+    isGroupDisabled: boolean;
+    max: number;
+}
+export interface ITileContextValue {
+    /** This tile's `value`. */
+    value: string;
+    isSelected: boolean;
+    /** Effective disabled (group rules + tile `disabled`). */
+    isDisabled: boolean;
+    selectionType: TileGroupType;
+}
+export type ITilePressablePassthrough = Partial<Pick<PressableProps, 'onPressIn' | 'onPressOut' | 'onHoverIn' | 'onHoverOut'>>;
+export interface ITileProps extends PressableProps, ITilePressablePassthrough, WithStyleContextProps {
+    /**
+     * Identifies this tile within `Tile.Group`. Must be unique within the group.
+     * Standalone tiles still require a value (useful for form submission, analytics, etc.).
+     */
+    value: string;
+    /**
+     * Disables this tile (in addition to group rules such as multi-select max).
+     */
+    disabled?: boolean;
+    /**
+     * Controlled selected state for **standalone** usage (no parent `Tile.Group`).
+     * Ignored when the tile is rendered inside a `Tile.Group` — selection is owned by the group.
+     */
+    isSelected?: boolean;
+    /**
+     * Initial selected state for **standalone**, uncontrolled usage.
+     */
+    defaultSelected?: boolean;
+    /**
+     * Called when standalone selection state changes. Group context overrides this — when inside
+     * a `Tile.Group`, use the group's `onValueChange` instead.
+     */
+    onSelectedChange?: (isSelected: boolean) => void;
+}
+export interface ITileLeadingSlotProps extends ViewProps {
+    /**
+     * Leading content is decorative by default for screen readers.
+     * @default true
+     */
+    'aria-hidden'?: boolean;
+}
+export type ITileContentProps = ViewProps;
+export type ITileTitleProps = TextProps;
+export type ITileDescriptionProps = TextProps;
+export interface ITileIndicatorProps extends ViewProps {
+    /**
+     * Explicit indicator visual. When inside a `Tile.Group`, auto-infers from `type`
+     * (`single` → radio, `multiple` → checkbox). For standalone tiles, defaults to `'checkbox'`
+     * to match the standalone `checkbox` ARIA role; override with `indicatorType="radio"` if
+     * a radio-style visual is needed.
+     */
+    indicatorType?: 'radio' | 'checkbox';
+    children?: ReactNode;
+}
+/**
+ * Generic trailing content slot. Use for chevrons, amounts, chips, status text — anything that
+ * is **not** the radio/checkbox selection affordance. For that, use `Tile.Indicator`.
+ */
+export type ITileTrailingSlotProps = ViewProps;
+export type ITileComponentType<RootRef, LeadingSlot, Content, Title, Description, Indicator, TrailingSlot, Group> = ForwardRefExoticComponent<RefAttributes<RootRef> & ITileProps> & {
+    Group: ForwardRefExoticComponent<RefAttributes<Group> & PropsWithoutRef<Group> & ITileGroupProps>;
+    LeadingSlot: ForwardRefExoticComponent<RefAttributes<LeadingSlot> & PropsWithoutRef<LeadingSlot> & ITileLeadingSlotProps>;
+    Content: ForwardRefExoticComponent<RefAttributes<Content> & PropsWithoutRef<Content> & ITileContentProps>;
+    Title: ForwardRefExoticComponent<RefAttributes<Title> & PropsWithoutRef<Title> & ITileTitleProps>;
+    Description: ForwardRefExoticComponent<RefAttributes<Description> & PropsWithoutRef<Description> & ITileDescriptionProps>;
+    Indicator: ForwardRefExoticComponent<RefAttributes<Indicator> & PropsWithoutRef<Indicator> & ITileIndicatorProps>;
+    TrailingSlot: ForwardRefExoticComponent<RefAttributes<TrailingSlot> & PropsWithoutRef<TrailingSlot> & ITileTrailingSlotProps>;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/tile/types.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-beta.12",
+  "version": "0.0.1-beta.14",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -60,7 +60,7 @@
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-beta.12"
+    "@cdx-ui/utils": "0.0.1-beta.14"
   },
   "devDependencies": {
     "@types/react": "*",