@cdx-ui/primitives 0.0.1-beta.13 → 0.0.1-beta.131

package/lib/commonjs/slot/index.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slot = Slot;
+exports.isTextChildren = isTextChildren;
+var React = _interopRequireWildcard(require("react"));
+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); }
+/* https://rn-primitives.vercel.app/slot */
+
+function Slot(props) {
+  const {
+    children,
+    ref: forwardedRef,
+    ...restOfProps
+  } = props;
+  if (! /*#__PURE__*/React.isValidElement(children)) {
+    console.log('Slot - Invalid asChild element', children);
+    return null;
+  }
+  if (isTextChildren(children)) {
+    console.log('Slot - Text children are not supported', children);
+    return null;
+  }
+  const childrenProps = children.props ?? {};
+  if (children.type === React.Fragment) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: React.Children.toArray(childrenProps.children).map(child => /*#__PURE__*/React.isValidElement(child) ? Slot({
+        ...restOfProps,
+        ref: forwardedRef,
+        children: child
+      }) : child)
+    });
+  }
+  const {
+    ref: childRef,
+    ...childProps
+  } = childrenProps;
+  return /*#__PURE__*/React.cloneElement(children, {
+    ...mergeProps(restOfProps, childProps),
+    ref: forwardedRef ? composeRefs(forwardedRef, childRef) : childRef
+  });
+}
+Slot.displayName = 'Slot';
+
+// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+function setRef(ref, value) {
+  if (typeof ref === 'function') {
+    const cleanup = ref(value);
+    if (typeof cleanup === 'function') {
+      return cleanup;
+    }
+    return;
+  }
+  if (ref != null) {
+    ref.current = value;
+    return () => {
+      ref.current = null;
+    };
+  }
+}
+function composeRefs(...refs) {
+  let cleanups = [];
+  return node => {
+    cleanups.forEach(cleanup => cleanup());
+    cleanups = [];
+    if (node == null) {
+      refs.forEach(ref => {
+        if (typeof ref === 'function') {
+          ref(null);
+        } else if (ref != null) {
+          ref.current = null;
+        }
+      });
+      return;
+    }
+    cleanups = refs.map(ref => setRef(ref, node)).filter(cleanup => cleanup != null);
+  };
+}
+// TODO: Compare with mergeProps from @react-aria/utils
+function mergeProps(slotProps, childProps) {
+  // all child props should override
+  const overrideProps = {
+    ...childProps
+  };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      // if the handler exists on both, we compose them
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          childPropValue(...args);
+          slotPropValue(...args);
+        };
+      }
+      // but if it exists only on the slot, we use only this one
+      else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    }
+    // if it's `style`, we merge them
+    else if (propName === 'style') {
+      overrideProps[propName] = combineStyles(slotPropValue, childPropValue);
+    } else if (propName === 'className') {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ');
+    }
+  }
+  return {
+    ...slotProps,
+    ...overrideProps
+  };
+}
+function combineStyles(slotStyle, childValue) {
+  if (typeof slotStyle === 'function' && typeof childValue === 'function') {
+    return state => {
+      return [slotStyle(state), childValue(state)];
+    };
+  }
+  if (typeof slotStyle === 'function') {
+    return state => {
+      return childValue ? [slotStyle(state), childValue] : slotStyle(state);
+    };
+  }
+  if (typeof childValue === 'function') {
+    return state => {
+      return slotStyle ? [slotStyle, childValue(state)] : childValue(state);
+    };
+  }
+  if (slotStyle && childValue) {
+    return [slotStyle, childValue];
+  }
+  return slotStyle ?? childValue;
+}
+function isTextChildren(children) {
+  return Array.isArray(children) ? children.every(child => typeof child === 'string') : typeof children === 'string';
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Slot","props","children","ref","forwardedRef","restOfProps","isValidElement","console","log","isTextChildren","childrenProps","type","Fragment","jsx","Children","toArray","map","child","childRef","childProps","cloneElement","mergeProps","composeRefs","displayName","setRef","value","cleanup","current","refs","cleanups","node","forEach","filter","slotProps","overrideProps","propName","slotPropValue","childPropValue","isHandler","test","args","combineStyles","Boolean","join","slotStyle","childValue","state","Array","isArray","every"],"sourceRoot":"../../../src","sources":["slot/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/switch/index.js

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createSwitch = createSwitch;
-var _createSwitchRoot = require("./createSwitchRoot");
-function createSwitch({
-  Root
-}) {
-  const Switch = (0, _createSwitchRoot.createSwitchRoot)(Root);
-  Switch.displayName = 'Switch';
-  return Switch;
-}
+Object.defineProperty(exports, "useSwitch", {
+  enumerable: true,
+  get: function () {
+    return _useSwitch.useSwitch;
+  }
+});
+var _useSwitch = require("./useSwitch");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_createSwitchRoot","require","createSwitch","Root","Switch","createSwitchRoot","displayName"],"sourceRoot":"../../../src","sources":["switch/index.ts"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AAKO,SAASC,YAAYA,CAAiB;EAC3CC;AAGF,CAAC,EAA8B;EAC7B,MAAMC,MAAM,GAAG,IAAAC,kCAAgB,EAACF,IAAI,CAAC;EAErCC,MAAM,CAACE,WAAW,GAAG,QAAQ;EAC7B,OAAOF,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_useSwitch","require"],"sourceRoot":"../../../src","sources":["switch/index.ts"],"mappings":";;;;;;;;;;;AAMA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/switch/useSwitch.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSwitch = useSwitch;
+var _react = require("react");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _toggle = require("@react-stately/toggle");
+var _utils = require("@cdx-ui/utils");
+var _dataAttributes = require("../utils/dataAttributes");
+/**
+ * Headless behavioral primitive for `Switch`.
+ *
+ * Owns the controlled/uncontrolled toggle state, ARIA `role="switch"` semantics
+ * (consumers must wire `aria-checked`/`accessibilityRole` to the host element they
+ * render), and interaction tracking (hover, focus-visible). Surfaces a
+ * platform-aware `dataAttrs` object so the styled layer can emit interaction-state
+ * `data-*` attributes (Standard 1) without re-implementing the toggle machinery.
+ *
+ * Standards mapping (per `.cursor/plans/primitive_design_standards_0d0ca4b1.plan.md`):
+ *   - Standard 3 #1 — controlled state via `useToggleState`.
+ *   - Standard 3 #2 — `role="switch"` semantics (consumer wires to host).
+ *
+ * The styled layer renders the host element (`RNSwitch` on native, a custom
+ * `Pressable` + `View` toggle on web) and is the sole owner of className/styling
+ * machinery — primitives never carry Uniwind className passthrough.
+ */
+function useSwitch(props = {}) {
+  const {
+    disabled,
+    isDisabled,
+    isChecked,
+    isInvalid,
+    defaultValue,
+    value,
+    onValueChange
+  } = props;
+  const formControlContext = (0, _utils.useFormControlContext)();
+  const controlledValue = value ?? isChecked;
+  const state = (0, _toggle.useToggleState)({
+    defaultSelected: defaultValue ?? false,
+    isSelected: controlledValue,
+    onChange: onValueChange
+  });
+  const checked = controlledValue ?? state.isSelected;
+  const hostRef = (0, _react.useRef)(null);
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)({}, hostRef);
+  const {
+    isFocusVisible,
+    focusProps
+  } = (0, _focus.useFocusRing)();
+  const isDisabledResolved = Boolean(disabled || isDisabled || formControlContext.isDisabled);
+  const isInvalidResolved = Boolean(isInvalid || formControlContext.isInvalid);
+  const setChecked = (0, _react.useCallback)(next => {
+    state.setSelected(next);
+  }, [state]);
+  return {
+    checked,
+    isDisabled: isDisabledResolved,
+    isInvalid: isInvalidResolved,
+    isHovered,
+    isFocusVisible,
+    setChecked,
+    hoverProps,
+    focusProps,
+    dataAttrs: (0, _dataAttributes.dataAttributes)({
+      hover: isHovered,
+      disabled: isDisabledResolved,
+      invalid: isInvalidResolved,
+      checked,
+      focusVisible: isFocusVisible
+    }),
+    hostRef
+  };
+}
+//# sourceMappingURL=useSwitch.js.map

package/lib/commonjs/switch/useSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_focus","_interactions","_toggle","_utils","_dataAttributes","useSwitch","props","disabled","isDisabled","isChecked","isInvalid","defaultValue","value","onValueChange","formControlContext","useFormControlContext","controlledValue","state","useToggleState","defaultSelected","isSelected","onChange","checked","hostRef","useRef","isHovered","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","isDisabledResolved","Boolean","isInvalidResolved","setChecked","useCallback","next","setSelected","dataAttrs","dataAttributes","hover","invalid","focusVisible"],"sourceRoot":"../../../src","sources":["switch/useSwitch.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,SAASA,CAACC,KAAmB,GAAG,CAAC,CAAC,EAAoB;EACpE,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGP,KAAK;EAEhG,MAAMQ,kBAAkB,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAClD,MAAMC,eAAe,GAAGJ,KAAK,IAAIH,SAAS;EAE1C,MAAMQ,KAAK,GAAG,IAAAC,sBAAc,EAAC;IAC3BC,eAAe,EAAER,YAAY,IAAI,KAAK;IACtCS,UAAU,EAAEJ,eAAe;IAC3BK,QAAQ,EAAER;EACZ,CAAC,CAAC;EAEF,MAAMS,OAAO,GAAGN,eAAe,IAAIC,KAAK,CAACG,UAAU;EAEnD,MAAMG,OAAO,GAAG,IAAAC,aAAM,EAAU,IAAI,CAAC;EACrC,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC,CAAC,EAAEJ,OAAO,CAAC;EACvD,MAAM;IAAEK,cAAc;IAAEC;EAAW,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAGnD;EAED,MAAMC,kBAAkB,GAAGC,OAAO,CAACzB,QAAQ,IAAIC,UAAU,IAAIM,kBAAkB,CAACN,UAAU,CAAC;EAC3F,MAAMyB,iBAAiB,GAAGD,OAAO,CAACtB,SAAS,IAAII,kBAAkB,CAACJ,SAAS,CAAC;EAE5E,MAAMwB,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,IAAa,IAAK;IACjBnB,KAAK,CAACoB,WAAW,CAACD,IAAI,CAAC;EACzB,CAAC,EACD,CAACnB,KAAK,CACR,CAAC;EAED,OAAO;IACLK,OAAO;IACPd,UAAU,EAAEuB,kBAAkB;IAC9BrB,SAAS,EAAEuB,iBAAiB;IAC5BR,SAAS;IACTG,cAAc;IACdM,UAAU;IACVR,UAAU;IACVG,UAAU;IACVS,SAAS,EAAE,IAAAC,8BAAc,EAAC;MACxBC,KAAK,EAAEf,SAAS;MAChBlB,QAAQ,EAAEwB,kBAAkB;MAC5BU,OAAO,EAAER,iBAAiB;MAC1BX,OAAO;MACPoB,YAAY,EAAEd;IAChB,CAAC,CAAC;IACFL;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/tabs/Tab.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tab = 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 Tab = exports.Tab = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  value: tabValue,
+  disabled: disabledProp = false,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isDisabled: isDisabledProp,
+  ...props
+}, ref) => {
+  const {
+    value: selectedValue,
+    onValueChange,
+    disabled: contextDisabled,
+    listId,
+    registerTab,
+    unregisterTab,
+    focusedValue,
+    setFocusedValue
+  } = (0, _context.useTabsContext)();
+  const disabled = contextDisabled || !!disabledProp || !!isDisabledProp;
+  const selected = selectedValue === tabValue;
+  const nodeRef = (0, _react.useRef)(null);
+  const mergedRef = (0, _utils.mergeRefs)(ref, nodeRef);
+  (0, _react.useEffect)(() => {
+    registerTab(tabValue, {
+      disabled,
+      node: nodeRef.current
+    });
+    return () => unregisterTab(tabValue);
+  }, [tabValue, disabled, registerTab, unregisterTab]);
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)();
+  const handlePress = (0, _react.useCallback)(() => {
+    if (!disabled) {
+      setFocusedValue(tabValue);
+      onValueChange(tabValue);
+    }
+  }, [disabled, tabValue, onValueChange, setFocusedValue]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: !!(isHoveredProp || isHovered),
+    focus: !!(isFocusedProp || isFocused),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!(isFocusVisibleProp || isFocusVisible),
+    selected
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, selected]);
+  const isRovingTabStop = (focusedValue ?? selectedValue) === tabValue;
+  const webProps = _reactNative.Platform.OS === 'web' ? {
+    tabIndex: isRovingTabStop ? 0 : -1
+  } : {};
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TabProvider, {
+    value: interactionState,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: mergedRef,
+      role: "tab",
+      id: `${listId}-tab-${tabValue}`,
+      "aria-selected": selected,
+      "aria-controls": `${listId}-panel-${tabValue}`,
+      "aria-disabled": disabled,
+      disabled: disabled,
+      accessibilityState: {
+        selected,
+        disabled
+      },
+      ...webProps,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        hover: interactionState.hover,
+        focus: interactionState.focus,
+        active: interactionState.active,
+        disabled: interactionState.disabled,
+        focusVisible: interactionState.focusVisible,
+        state: selected ? 'active' : 'inactive'
+      })),
+      onPress: (0, _utils.composeEventHandlers)(props?.onPress, handlePress),
+      onPressIn: (0, _utils.composeEventHandlers)(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: (0, _utils.composeEventHandlers)(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: (0, _utils.composeEventHandlers)(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: (0, _utils.composeEventHandlers)(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: (0, _utils.composeEventHandlers)(props?.onFocus, focusProps.onFocus, focusRingProps.onFocus),
+      onBlur: (0, _utils.composeEventHandlers)(props?.onBlur, focusProps.onBlur, focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+Tab.displayName = 'Tab';
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","Tab","exports","forwardRef","asChild","children","value","tabValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","contextDisabled","listId","registerTab","unregisterTab","focusedValue","setFocusedValue","useTabsContext","selected","nodeRef","useRef","mergedRef","mergeRefs","useEffect","node","current","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","handlePress","useCallback","interactionState","useMemo","hover","focus","active","focusVisible","isRovingTabStop","webProps","Platform","OS","tabIndex","Comp","Slot","Pressable","jsx","TabProvider","role","id","accessibilityState","mergeDataAttributes","dataAttributes","state","onPress","composeEventHandlers","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["tabs/Tab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/tabs/TabPanel.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabPanel = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const TabPanel = exports.TabPanel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  value: panelValue,
+  unmountWhenInactive = false,
+  style,
+  ...props
+}, ref) => {
+  const {
+    value: selectedValue,
+    listId
+  } = (0, _context.useTabsContext)();
+  const selected = selectedValue === panelValue;
+  if (!selected && unmountWhenInactive) {
+    return null;
+  }
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  const hideFromAccessibility = selected ? null : {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: 'no-hide-descendants',
+    'aria-hidden': true
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    role: "tabpanel",
+    id: `${listId}-panel-${panelValue}`,
+    "aria-labelledby": `${listId}-tab-${panelValue}`,
+    style: [!selected ? {
+      display: 'none'
+    } : null, style],
+    ...props,
+    ...hideFromAccessibility,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'tabs-panel',
+      state: selected ? 'active' : 'inactive'
+    })),
+    children: children
+  });
+});
+TabPanel.displayName = 'TabPanel';
+//# sourceMappingURL=TabPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_context","_jsxRuntime","TabPanel","exports","forwardRef","asChild","children","value","panelValue","unmountWhenInactive","style","props","ref","selectedValue","listId","useTabsContext","selected","Comp","Slot","View","hideFromAccessibility","accessibilityElementsHidden","importantForAccessibility","jsx","role","id","display","mergeDataAttributes","dataAttributes","slot","state","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabPanel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAA2C,IAAAK,WAAA,GAAAL,OAAA;AAQpC,MAAMM,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAChC,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,KAAK,EAAEC,UAAU;EAAEC,mBAAmB,GAAG,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/F,MAAM;IAAEL,KAAK,EAAEM,aAAa;IAAEC;EAAO,CAAC,GAAG,IAAAC,uBAAc,EAAC,CAAC;EACzD,MAAMC,QAAQ,GAAGH,aAAa,KAAKL,UAAU;EAE7C,IAAI,CAACQ,QAAQ,IAAIP,mBAAmB,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,MAAMQ,IAAI,GAAGZ,OAAO,GAAGa,UAAI,GAAGC,iBAAI;EAElC,MAAMC,qBAAqB,GAAGJ,QAAQ,GAClC,IAAI,GACJ;IACEK,2BAA2B,EAAE,IAAa;IAC1CC,yBAAyB,EAAE,qBAA8B;IACzD,aAAa,EAAE;EACjB,CAAC;EAEL,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAACN,IAAI;IACHL,GAAG,EAAEA,GAAI;IACTY,IAAI,EAAC,UAAU;IACfC,EAAE,EAAE,GAAGX,MAAM,UAAUN,UAAU,EAAG;IACpC,mBAAiB,GAAGM,MAAM,QAAQN,UAAU,EAAG;IAC/CE,KAAK,EAAE,CAAC,CAACM,QAAQ,GAAG;MAAEU,OAAO,EAAE;IAAO,CAAC,GAAG,IAAI,EAAEhB,KAAK,CAAE;IAAA,GACnDC,KAAK;IAAA,GACLS,qBAAqB;IAAA,GACrB,IAAAO,mCAAmB,EACrBhB,KAAK,EACL,IAAAiB,8BAAc,EAAC;MAAEC,IAAI,EAAE,YAAY;MAAEC,KAAK,EAAEd,QAAQ,GAAG,QAAQ,GAAG;IAAW,CAAC,CAChF,CAAC;IAAAV,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,QAAQ,CAAC6B,WAAW,GAAG,UAAU","ignoreList":[]}

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":[]}