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

package/lib/module/tabs/TabsList.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Platform, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useTabsContext } from './context';
+import { useTabsNavigation } from './useTabsNavigation';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TabsList = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    value,
+    onValueChange,
+    activationMode,
+    orientation,
+    getTabs,
+    focusedValue,
+    setFocusedValue
+  } = useTabsContext();
+  const {
+    handleKeyDown
+  } = useTabsNavigation({
+    getTabs,
+    focusedValue,
+    setFocusedValue,
+    value,
+    onValueChange,
+    activationMode,
+    orientation
+  });
+  const webProps = Platform.OS === 'web' ? {
+    onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown)
+  } : {};
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    role: "tablist",
+    "aria-orientation": orientation,
+    ...props,
+    ...webProps,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs-list',
+      orientation
+    })),
+    children: children
+  });
+});
+TabsList.displayName = 'TabsList';
+//# sourceMappingURL=TabsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Platform","View","composeEventHandlers","Slot","dataAttributes","mergeDataAttributes","useTabsContext","useTabsNavigation","jsx","_jsx","TabsList","asChild","children","props","ref","value","onValueChange","activationMode","orientation","getTabs","focusedValue","setFocusedValue","handleKeyDown","webProps","OS","onKeyDown","Comp","role","slot","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabsList.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAE1C,SAASC,iBAAiB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,MAAMC,QAAQ,gBAAGX,UAAU,CAChC,CAAC;EAAEY,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,GAAGf,cAAc,CAAC,CAAC;EAEpB,MAAM;IAAEgB;EAAc,CAAC,GAAGf,iBAAiB,CAAC;IAC1CY,OAAO;IACPC,YAAY;IACZC,eAAe;IACfN,KAAK;IACLC,aAAa;IACbC,cAAc;IACdC;EACF,CAAC,CAAC;EAEF,MAAMK,QAAQ,GACZvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,GACjB;IACEC,SAAS,EAAEvB,oBAAoB,CAC5BW,KAAK,CAAgDY,SAAS,EAC/DH,aACF;EACF,CAAC,GACD,CAAC,CAAC;EAER,MAAMI,IAAI,GAAGf,OAAO,GAAGR,IAAI,GAAGF,IAAI;EAElC,oBACEQ,IAAA,CAACiB,IAAI;IACHZ,GAAG,EAAEA,GAAI;IACTa,IAAI,EAAC,SAAS;IACd,oBAAkBT,WAAY;IAAA,GAC1BL,KAAK;IAAA,GACLU,QAAQ;IAAA,GACRlB,mBAAmB,CAACQ,KAAK,EAAET,cAAc,CAAC;MAAEwB,IAAI,EAAE,WAAW;MAAEV;IAAY,CAAC,CAAC,CAAC;IAAAN,QAAA,EAEjFA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,QAAQ,CAACmB,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/tabs/TabsRoot.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TabsProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TabsRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  activationMode = 'automatic',
+  orientation = 'horizontal',
+  disabled = false,
+  ...props
+}, ref) => {
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: newValue => {
+      if (newValue !== undefined) {
+        onValueChange?.(newValue);
+      }
+    }
+  });
+  const [focusedValue, setFocusedValue] = 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.
+  useEffect(() => {
+    setFocusedValue(prev => prev !== undefined && prev !== value ? undefined : prev);
+  }, [value]);
+  const tabsRef = useRef(new Map());
+  const registerTab = useCallback((tabValue, entry) => {
+    tabsRef.current.set(tabValue, entry);
+  }, []);
+  const unregisterTab = useCallback(tabValue => {
+    tabsRef.current.delete(tabValue);
+  }, []);
+  const getTabs = useCallback(() => Array.from(tabsRef.current.entries()), []);
+  const reactId = useId();
+  const listId = `tabs-${reactId}`;
+  const contextValue = 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 : View;
+  return /*#__PURE__*/_jsx(TabsProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled,
+        orientation
+      })),
+      children: children
+    })
+  });
+});
+TabsRoot.displayName = 'TabsRoot';
+//# sourceMappingURL=TabsRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useId","useMemo","useRef","useState","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","TabsProvider","jsx","_jsx","TabsRoot","asChild","children","value","valueProp","defaultValue","onValueChange","activationMode","orientation","disabled","props","ref","setValue","prop","defaultProp","onChange","newValue","undefined","focusedValue","setFocusedValue","prev","tabsRef","Map","registerTab","tabValue","entry","current","set","unregisterTab","delete","getTabs","Array","from","entries","reactId","listId","contextValue","Comp","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabsRoot.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,KAAK,EACLC,OAAO,EACPC,MAAM,EACNC,QAAQ,QAEH,OAAO;AACd,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,YAAY,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,OAAO,MAAMC,QAAQ,gBAAGf,UAAU,CAChC,CACE;EACEgB,OAAO;EACPC,QAAQ;EACRC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,cAAc,GAAG,WAAW;EAC5BC,WAAW,GAAG,YAAY;EAC1BC,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM,CAACR,KAAK,EAAES,QAAQ,CAAC,GAAGnB,oBAAoB,CAAqB;IACjEoB,IAAI,EAAET,SAAS;IACfU,WAAW,EAAET,YAAY;IACzBU,QAAQ,EAAGC,QAAQ,IAAK;MACtB,IAAIA,QAAQ,KAAKC,SAAS,EAAE;QAC1BX,aAAa,GAAGU,QAAQ,CAAC;MAC3B;IACF;EACF,CAAC,CAAC;EAEF,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAG5B,QAAQ,CAAqB0B,SAAS,CAAC;;EAE/E;EACA;EACA9B,SAAS,CAAC,MAAM;IACdgC,eAAe,CAAEC,IAAI,IAAMA,IAAI,KAAKH,SAAS,IAAIG,IAAI,KAAKjB,KAAK,GAAGc,SAAS,GAAGG,IAAK,CAAC;EACtF,CAAC,EAAE,CAACjB,KAAK,CAAC,CAAC;EAEX,MAAMkB,OAAO,GAAG/B,MAAM,CAA6B,IAAIgC,GAAG,CAAC,CAAC,CAAC;EAE7D,MAAMC,WAAW,GAAGrC,WAAW,CAAC,CAACsC,QAAgB,EAAEC,KAAoB,KAAK;IAC1EJ,OAAO,CAACK,OAAO,CAACC,GAAG,CAACH,QAAQ,EAAEC,KAAK,CAAC;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,aAAa,GAAG1C,WAAW,CAAEsC,QAAgB,IAAK;IACtDH,OAAO,CAACK,OAAO,CAACG,MAAM,CAACL,QAAQ,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,OAAO,GAAG5C,WAAW,CAAC,MAAM6C,KAAK,CAACC,IAAI,CAACX,OAAO,CAACK,OAAO,CAACO,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAE5E,MAAMC,OAAO,GAAG9C,KAAK,CAAC,CAAC;EACvB,MAAM+C,MAAM,GAAG,QAAQD,OAAO,EAAE;EAEhC,MAAME,YAAY,GAAG/C,OAAO,CAC1B,OAAO;IACLc,KAAK;IACLG,aAAa,EAAEM,QAAQ;IACvBH,QAAQ;IACRF,cAAc;IACdC,WAAW;IACX2B,MAAM;IACNZ,WAAW;IACXK,aAAa;IACbE,OAAO;IACPZ,YAAY;IACZC;EACF,CAAC,CAAC,EACF,CACEhB,KAAK,EACLS,QAAQ,EACRH,QAAQ,EACRF,cAAc,EACdC,WAAW,EACX2B,MAAM,EACNZ,WAAW,EACXK,aAAa,EACbE,OAAO,EACPZ,YAAY,CAEhB,CAAC;EAED,MAAMmB,IAAI,GAAGpC,OAAO,GAAGP,IAAI,GAAGF,IAAI;EAElC,oBACEO,IAAA,CAACF,YAAY;IAACM,KAAK,EAAEiC,YAAa;IAAAlC,QAAA,eAChCH,IAAA,CAACsC,IAAI;MACH1B,GAAG,EAAEA,GAAI;MAAA,GACLD,KAAK;MAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAEc,QAAQ;QAAED;MAAY,CAAC,CAAC,CAAC;MAAAN,QAAA,EAExEA;IAAQ,CACL;EAAC,CACK,CAAC;AAEnB,CACF,CAAC;AAEDF,QAAQ,CAACsC,WAAW,GAAG,UAAU","ignoreList":[]}

package/lib/module/tabs/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [TabsProvider, useTabsContext] = 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.
+ */
+export const [TabProvider, useTabContext] = createContext('TabContext');
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","TabsProvider","useTabsContext","TabProvider","useTabContext"],"sourceRoot":"../../../src","sources":["tabs/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGF,aAAa,CAAmB,aAAa,CAAC;;AAE5F;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACG,WAAW,EAAEC,aAAa,CAAC,GAAGJ,aAAa,CAAsB,YAAY,CAAC","ignoreList":[]}

package/lib/module/tabs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { useTabContext, useTabsContext } from './context';
+export { TabsRoot } from './TabsRoot';
+export { TabsList } from './TabsList';
+export { Tab } from './Tab';
+export { TabPanel } from './TabPanel';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useTabContext","useTabsContext","TabsRoot","TabsList","Tab","TabPanel"],"sourceRoot":"../../../src","sources":["tabs/index.ts"],"mappings":";;AAYA,SAASA,aAAa,EAAEC,cAAc,QAAQ,WAAW;AACzD,SAASC,QAAQ,QAA4B,YAAY;AACzD,SAASC,QAAQ,QAA4B,YAAY;AACzD,SAASC,GAAG,QAAuB,OAAO;AAC1C,SAASC,QAAQ,QAA4B,YAAY","ignoreList":[]}

package/lib/module/tabs/types.js

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

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

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

package/lib/module/tabs/useTabsNavigation.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+
+// Web-only — native platforms rely on OS-managed sequential focus (VoiceOver/TalkBack),
+// same restriction documented on `useListboxNavigation` in `../select/`.
+
+export function useTabsNavigation({
+  getTabs,
+  focusedValue,
+  setFocusedValue,
+  value,
+  onValueChange,
+  activationMode,
+  orientation
+}) {
+  const onValueChangeRef = useRef(onValueChange);
+  onValueChangeRef.current = onValueChange;
+  const getEnabledTabs = useCallback(() => getTabs().filter(([, entry]) => !entry.disabled), [getTabs]);
+  const moveFocus = useCallback(([targetValue, targetEntry]) => {
+    setFocusedValue(targetValue);
+    targetEntry.node?.focus?.();
+    if (activationMode === 'automatic') {
+      onValueChangeRef.current(targetValue);
+    }
+  }, [setFocusedValue, activationMode]);
+  const handleKeyDown = 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/module/tabs/useTabsNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useTabsNavigation","getTabs","focusedValue","setFocusedValue","value","onValueChange","activationMode","orientation","onValueChangeRef","current","getEnabledTabs","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/module/tile/TileGroup.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { TileGroupContextProvider } from './context';
+
+/**
+ * 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.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TileGroup = /*#__PURE__*/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] = useControllableState({
+    prop: valueProp,
+    defaultProp,
+    onChange: next => {
+      if (next !== undefined) {
+        onValueChange?.(next);
+      }
+    }
+  });
+  const isSelected = useCallback(tileValue => {
+    if (type === 'single') {
+      return state === tileValue;
+    }
+    return Array.isArray(state) && state.includes(tileValue);
+  }, [type, state]);
+  const isTileDisabledByGroup = 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 = 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 = 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 : View;
+  return /*#__PURE__*/_jsx(TileGroupContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_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/module/tile/TileGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","View","useControllableState","Slot","TileGroupContextProvider","jsx","_jsx","TileGroup","props","ref","asChild","children","type","value","valueProp","defaultValue","onValueChange","max","maxProp","isDisabled","ariaLabel","rest","Number","POSITIVE_INFINITY","defaultProp","undefined","state","setState","prop","onChange","next","isSelected","tileValue","Array","isArray","includes","isTileDisabledByGroup","arr","length","toggleValue","idx","indexOf","splice","push","contextValue","isGroupDisabled","role","Comp","accessibilityRole","accessibilityLabel","displayName"],"sourceRoot":"../../../src","sources":["tile/TileGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tile/TileRoot.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers, useControllableState } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } 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 TileRoot = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  value,
+  disabled: disabledProp = false,
+  isSelected: controlledSelected,
+  defaultSelected,
+  onSelectedChange,
+  children,
+  onPress,
+  onFocus,
+  onBlur,
+  style,
+  ...rest
+}, ref) => {
+  const group = useOptionalTileGroupContext();
+  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 {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  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 role = selectionType === 'single' ? 'radio' : 'checkbox';
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(TileProvider, {
+    value: tileContext,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      accessibilityRole: role,
+      role: role,
+      accessibilityState: accessibilityState,
+      "aria-checked": isSelected,
+      ...(isDisabled ? {
+        'aria-disabled': true
+      } : {}),
+      disabled: isDisabled,
+      ...rest,
+      ...mergeDataAttributes(rest, dataAttributes({
+        state: isSelected ? 'selected' : 'unselected',
+        disabled: isDisabled,
+        active: isPressed,
+        hover: isHovered,
+        focus: isFocused,
+        focusVisible: isFocusVisible
+      })),
+      style: [rowStyle, style],
+      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(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+TileRoot.displayName = 'TileRoot';
+//# sourceMappingURL=TileRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Pressable","composeEventHandlers","useControllableState","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","TileProvider","useOptionalTileGroupContext","jsx","_jsx","rowStyle","flexDirection","alignSelf","alignItems","TileRoot","asChild","value","disabled","disabledProp","isSelected","controlledSelected","defaultSelected","onSelectedChange","children","onPress","onFocus","onBlur","style","rest","ref","group","standaloneSelected","setStandaloneSelected","prop","defaultProp","onChange","next","disabledByGroup","isTileDisabledByGroup","isDisabled","cannotToggle","focusProps","isFocused","isFocusVisible","focusRingProps","pressProps","isPressed","hoverProps","isHovered","selectionType","type","accessibilityState","selected","checked","tileContext","passthrough","composedOnPress","toggleValue","role","Comp","accessibilityRole","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/module/tile/index.js

@@ -1,39 +1,6 @@
 "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
-  });
-}
+export { TileRoot } from './TileRoot';
+export { TileGroup } from './TileGroup';
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["TileProvider","useTileContext","TileRoot","TileGroup"],"sourceRoot":"../../../src","sources":["tile/index.ts"],"mappings":";;AAeA,SAASA,YAAY,EAAEC,cAAc,QAAQ,WAAW;AACxD,SAASC,QAAQ,QAA4B,YAAY;AACzD,SAASC,SAAS,QAA6B,aAAa","ignoreList":[]}

package/lib/module/toast/ToastRoot.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { forwardRef, useId } from 'react';
+import { Platform, View } from 'react-native';
+import { Slot } from '../slot';
+import { ToastProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ToastRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  id,
+  role = 'status',
+  ...viewProps
+}, ref) => {
+  const generatedId = useId();
+  const nativeID = id || generatedId;
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(ToastProvider, {
+    value: {
+      nativeID
+    },
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      role: role,
+      ...(Platform.OS !== 'web' && {
+        'aria-live': role === 'alert' ? 'assertive' : 'polite',
+        'aria-atomic': true
+      }),
+      ...(Platform.OS === 'web' && role === 'alert' && {
+        'aria-live': 'assertive'
+      }),
+      nativeID: nativeID,
+      ...viewProps
+    })
+  });
+});
+ToastRoot.displayName = 'ToastRoot';
+//# sourceMappingURL=ToastRoot.js.map

package/lib/module/toast/ToastRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useId","Platform","View","Slot","ToastProvider","jsx","_jsx","ToastRoot","asChild","id","role","viewProps","ref","generatedId","nativeID","Comp","value","children","OS","displayName"],"sourceRoot":"../../../src","sources":["toast/ToastRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,aAAa,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO1C,OAAO,MAAMC,SAAS,gBAAGR,UAAU,CACjC,CAAC;EAAES,OAAO;EAAEC,EAAE;EAAEC,IAAI,GAAG,QAAQ;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAG,KAAK;EACvD,MAAMC,WAAW,GAAGb,KAAK,CAAC,CAAC;EAC3B,MAAMc,QAAQ,GAAGL,EAAE,IAAII,WAAW;EAElC,MAAME,IAAI,GAAGP,OAAO,GAAGL,IAAI,GAAGD,IAAI;EAElC,oBACEI,IAAA,CAACF,aAAa;IAACY,KAAK,EAAE;MAAEF;IAAS,CAAE;IAAAG,QAAA,eACjCX,IAAA,CAACS,IAAI;MACHH,GAAG,EAAEA,GAAI;MACTF,IAAI,EAAEA,IAAK;MAAA,IACNT,QAAQ,CAACiB,EAAE,KAAK,KAAK,IAAI;QAC5B,WAAW,EAAER,IAAI,KAAK,OAAO,GAAG,WAAW,GAAG,QAAQ;QACtD,aAAa,EAAE;MACjB,CAAC;MAAA,IACIT,QAAQ,CAACiB,EAAE,KAAK,KAAK,IACxBR,IAAI,KAAK,OAAO,IAAI;QAClB,WAAW,EAAE;MACf,CAAC;MACHI,QAAQ,EAAEA,QAAS;MAAA,GACfH;IAAS,CACd;EAAC,CACW,CAAC;AAEpB,CACF,CAAC;AAEDJ,SAAS,CAACY,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/toast/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [ToastProvider, useToastContext] = createContext('ToastContext');
+//# sourceMappingURL=context.js.map

package/lib/module/toast/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ToastProvider","useToastContext"],"sourceRoot":"../../../src","sources":["toast/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,aAAa,EAAEC,eAAe,CAAC,GAAGF,aAAa,CAAqB,cAAc,CAAC","ignoreList":[]}

package/lib/module/toast/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { ToastProvider, useToastContext } from './context';
+export { ToastRoot } from './ToastRoot';
+//# sourceMappingURL=index.js.map

package/lib/module/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToastProvider","useToastContext","ToastRoot"],"sourceRoot":"../../../src","sources":["toast/index.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,eAAe,QAAQ,WAAW;AAC1D,SAASC,SAAS,QAA6B,aAAa","ignoreList":[]}

package/lib/module/toast/types.js

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

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

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