@cdx-ui/primitives 0.0.1-beta.121 → 0.0.1-beta.123

package/lib/module/tabs/Tab.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs } 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 { TabProvider, useTabsContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Tab = /*#__PURE__*/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
+  } = useTabsContext();
+  const disabled = contextDisabled || !!disabledProp || !!isDisabledProp;
+  const selected = selectedValue === tabValue;
+  const nodeRef = useRef(null);
+  const mergedRef = mergeRefs(ref, nodeRef);
+  useEffect(() => {
+    registerTab(tabValue, {
+      disabled,
+      node: nodeRef.current
+    });
+    return () => unregisterTab(tabValue);
+  }, [tabValue, disabled, registerTab, unregisterTab]);
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = usePress({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const handlePress = useCallback(() => {
+    if (!disabled) {
+      setFocusedValue(tabValue);
+      onValueChange(tabValue);
+    }
+  }, [disabled, tabValue, onValueChange, setFocusedValue]);
+  const interactionState = 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 = Platform.OS === 'web' ? {
+    tabIndex: isRovingTabStop ? 0 : -1
+  } : {};
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(TabProvider, {
+    value: interactionState,
+    children: /*#__PURE__*/_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,
+      ...mergeDataAttributes(props, dataAttributes({
+        hover: interactionState.hover,
+        focus: interactionState.focus,
+        active: interactionState.active,
+        disabled: interactionState.disabled,
+        focusVisible: interactionState.focusVisible,
+        state: selected ? 'active' : 'inactive'
+      })),
+      onPress: composeEventHandlers(props?.onPress, handlePress),
+      onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(props?.onFocus, focusProps.onFocus, focusRingProps.onFocus),
+      onBlur: composeEventHandlers(props?.onBlur, focusProps.onBlur, focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+Tab.displayName = 'Tab';
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","Platform","Pressable","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","TabProvider","useTabsContext","jsx","_jsx","Tab","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","selected","nodeRef","mergedRef","node","current","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","interactionState","hover","focus","active","focusVisible","isRovingTabStop","webProps","OS","tabIndex","Comp","role","id","accessibilityState","state","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["tabs/Tab.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,QAGD,OAAO;AACd,SAASC,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AAClD,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAC/D,SAASC,QAAQ,EAAEC,YAAY,QAAQ,0BAA0B;AACjE,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,WAAW,EAAEC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQxD,OAAO,MAAMC,GAAG,gBAAGpB,UAAU,CAC3B,CACE;EACEqB,OAAO;EACPC,QAAQ;EACRC,KAAK,EAAEC,QAAQ;EACfC,QAAQ,EAAEC,YAAY,GAAG,KAAK;EAC9BC,SAAS,EAAEC,aAAa;EACxBC,QAAQ,EAAEC,YAAY;EACtBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClCC,UAAU,EAAEC,cAAc;EAC1B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IACJf,KAAK,EAAEgB,aAAa;IACpBC,aAAa;IACbf,QAAQ,EAAEgB,eAAe;IACzBC,MAAM;IACNC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC;EACF,CAAC,GAAG7B,cAAc,CAAC,CAAC;EAEpB,MAAMQ,QAAQ,GAAGgB,eAAe,IAAI,CAAC,CAACf,YAAY,IAAI,CAAC,CAACU,cAAc;EACtE,MAAMW,QAAQ,GAAGR,aAAa,KAAKf,QAAQ;EAE3C,MAAMwB,OAAO,GAAG5C,MAAM,CAAwC,IAAI,CAAC;EACnE,MAAM6C,SAAS,GAAGzC,SAAS,CAAC8B,GAAG,EAAEU,OAAO,CAAC;EAEzC9C,SAAS,CAAC,MAAM;IACdyC,WAAW,CAACnB,QAAQ,EAAE;MACpBC,QAAQ;MACRyB,IAAI,EAAEF,OAAO,CAACG;IAChB,CAAC,CAAC;IACF,OAAO,MAAMP,aAAa,CAACpB,QAAQ,CAAC;EACtC,CAAC,EAAE,CAACA,QAAQ,EAAEC,QAAQ,EAAEkB,WAAW,EAAEC,aAAa,CAAC,CAAC;EAEpD,MAAM;IAAEX,cAAc;IAAEmB,UAAU,EAAEC;EAAe,CAAC,GAAG3C,YAAY,CAAC,CAMnE;EACD,MAAM;IAAE4C,UAAU;IAAEC,SAAS,EAAE1B;EAAS,CAAC,GAAGjB,QAAQ,CAAC;IAAEuB,UAAU,EAAEV;EAAS,CAAC,CAAC;EAC9E,MAAM;IAAEM,SAAS;IAAEqB;EAAW,CAAC,GAAG3C,QAAQ,CAAC,CAAC;EAC5C,MAAM;IAAEkB,SAAS;IAAE6B;EAAW,CAAC,GAAG7C,QAAQ,CAAC,CAAC;EAE5C,MAAM8C,WAAW,GAAGxD,WAAW,CAAC,MAAM;IACpC,IAAI,CAACwB,QAAQ,EAAE;MACbqB,eAAe,CAACtB,QAAQ,CAAC;MACzBgB,aAAa,CAAChB,QAAQ,CAAC;IACzB;EACF,CAAC,EAAE,CAACC,QAAQ,EAAED,QAAQ,EAAEgB,aAAa,EAAEM,eAAe,CAAC,CAAC;EAExD,MAAMY,gBAAgB,GAAGvD,OAAO,CAC9B,OAAO;IACLwD,KAAK,EAAE,CAAC,EAAE/B,aAAa,IAAID,SAAS,CAAC;IACrCiC,KAAK,EAAE,CAAC,EAAE5B,aAAa,IAAID,SAAS,CAAC;IACrC8B,MAAM,EAAE,CAAC,EAAE/B,YAAY,IAAID,QAAQ,CAAC;IACpCJ,QAAQ,EAAE,CAAC,CAACA,QAAQ;IACpBqC,YAAY,EAAE,CAAC,EAAE5B,kBAAkB,IAAID,cAAc,CAAC;IACtDc;EACF,CAAC,CAAC,EACF,CACEnB,aAAa,EACbD,SAAS,EACTK,aAAa,EACbD,SAAS,EACTD,YAAY,EACZD,QAAQ,EACRJ,QAAQ,EACRS,kBAAkB,EAClBD,cAAc,EACdc,QAAQ,CAEZ,CAAC;EAED,MAAMgB,eAAe,GAAG,CAAClB,YAAY,IAAIN,aAAa,MAAMf,QAAQ;EACpE,MAAMwC,QAAQ,GAAG3D,QAAQ,CAAC4D,EAAE,KAAK,KAAK,GAAG;IAAEC,QAAQ,EAAEH,eAAe,GAAG,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG,CAAC,CAAC;EAEpF,MAAMI,IAAI,GAAG9C,OAAO,GAAGR,IAAI,GAAGP,SAAS;EAEvC,oBACEa,IAAA,CAACH,WAAW;IAACO,KAAK,EAAEmC,gBAAiB;IAAApC,QAAA,eACnCH,IAAA,CAACgD,IAAI;MACH7B,GAAG,EAAEW,SAAU;MACfmB,IAAI,EAAC,KAAK;MACVC,EAAE,EAAE,GAAG3B,MAAM,QAAQlB,QAAQ,EAAG;MAChC,iBAAeuB,QAAS;MACxB,iBAAe,GAAGL,MAAM,UAAUlB,QAAQ,EAAG;MAC7C,iBAAeC,QAAS;MACxBA,QAAQ,EAAEA,QAAS;MACnB6C,kBAAkB,EAAE;QAAEvB,QAAQ;QAAEtB;MAAS,CAAE;MAAA,GACvCuC,QAAQ;MAAA,GACR3B,KAAK;MAAA,GACLtB,mBAAmB,CACrBsB,KAAK,EACLvB,cAAc,CAAC;QACb6C,KAAK,EAAED,gBAAgB,CAACC,KAAK;QAC7BC,KAAK,EAAEF,gBAAgB,CAACE,KAAK;QAC7BC,MAAM,EAAEH,gBAAgB,CAACG,MAAM;QAC/BpC,QAAQ,EAAEiC,gBAAgB,CAACjC,QAAQ;QACnCqC,YAAY,EAAEJ,gBAAgB,CAACI,YAAY;QAC3CS,KAAK,EAAExB,QAAQ,GAAG,QAAQ,GAAG;MAC/B,CAAC,CACH,CAAC;MACDyB,OAAO,EAAEjE,oBAAoB,CAAC8B,KAAK,EAAEmC,OAAO,EAAEf,WAAW,CAAE;MAC3DgB,SAAS,EAAElE,oBAAoB,CAAC8B,KAAK,EAAEoC,SAAS,EAAEnB,UAAU,CAACmB,SAAS,CAAE;MACxEC,UAAU,EAAEnE,oBAAoB,CAAC8B,KAAK,EAAEqC,UAAU,EAAEpB,UAAU,CAACoB,UAAU,CAAE;MAC3EC,SAAS,EAAEpE,oBAAoB,CAAC8B,KAAK,EAAEsC,SAAS,EAAEnB,UAAU,CAACmB,SAAS,CAAE;MACxEC,UAAU,EAAErE,oBAAoB,CAAC8B,KAAK,EAAEuC,UAAU,EAAEpB,UAAU,CAACoB,UAAU,CAAE;MAC3EC,OAAO,EAAEtE,oBAAoB,CAC3B8B,KAAK,EAAEwC,OAAO,EACdzB,UAAU,CAACyB,OAAO,EAClBxB,cAAc,CAACwB,OACjB,CAAE;MACFC,MAAM,EAAEvE,oBAAoB,CAC1B8B,KAAK,EAAEyC,MAAM,EACb1B,UAAU,CAAC0B,MAAM,EACjBzB,cAAc,CAACyB,MACjB,CAAE;MAAAxD,QAAA,EAEDA;IAAQ,CACL;EAAC,CACI,CAAC;AAElB,CACF,CAAC;AAEDF,GAAG,CAAC2D,WAAW,GAAG,KAAK","ignoreList":[]}

package/lib/module/tabs/TabPanel.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","Slot","dataAttributes","mergeDataAttributes","useTabsContext","jsx","_jsx","TabPanel","asChild","children","value","panelValue","unmountWhenInactive","style","props","ref","selectedValue","listId","selected","Comp","hideFromAccessibility","accessibilityElementsHidden","importantForAccessibility","role","id","display","slot","state","displayName"],"sourceRoot":"../../../src","sources":["tabs/TabPanel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2C,OAAO;AACrE,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ3C,OAAO,MAAMC,QAAQ,gBAAGR,UAAU,CAChC,CAAC;EAAES,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,GAAGb,cAAc,CAAC,CAAC;EACzD,MAAMc,QAAQ,GAAGF,aAAa,KAAKL,UAAU;EAE7C,IAAI,CAACO,QAAQ,IAAIN,mBAAmB,EAAE;IACpC,OAAO,IAAI;EACb;EAEA,MAAMO,IAAI,GAAGX,OAAO,GAAGP,IAAI,GAAGD,IAAI;EAElC,MAAMoB,qBAAqB,GAAGF,QAAQ,GAClC,IAAI,GACJ;IACEG,2BAA2B,EAAE,IAAa;IAC1CC,yBAAyB,EAAE,qBAA8B;IACzD,aAAa,EAAE;EACjB,CAAC;EAEL,oBACEhB,IAAA,CAACa,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTQ,IAAI,EAAC,UAAU;IACfC,EAAE,EAAE,GAAGP,MAAM,UAAUN,UAAU,EAAG;IACpC,mBAAiB,GAAGM,MAAM,QAAQN,UAAU,EAAG;IAC/CE,KAAK,EAAE,CAAC,CAACK,QAAQ,GAAG;MAAEO,OAAO,EAAE;IAAO,CAAC,GAAG,IAAI,EAAEZ,KAAK,CAAE;IAAA,GACnDC,KAAK;IAAA,GACLM,qBAAqB;IAAA,GACrBjB,mBAAmB,CACrBW,KAAK,EACLZ,cAAc,CAAC;MAAEwB,IAAI,EAAE,YAAY;MAAEC,KAAK,EAAET,QAAQ,GAAG,QAAQ,GAAG;IAAW,CAAC,CAChF,CAAC;IAAAT,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,QAAQ,CAACqB,WAAW,GAAG,UAAU","ignoreList":[]}

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":"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","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/typescript/index.d.ts

@@ -14,6 +14,7 @@ export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export { useAnchorPosition, type AnchorLayout } from './overlay';
 export * from './select';
 export * from './switch';
+export * from './tabs';
 export * from './tile';
 export * from './toast';
 export * from './portal';

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,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,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,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACjE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,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,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACjE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/typescript/tabs/Tab.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import type { ITabProps } from './types';
+export interface TabProps extends Omit<ITabProps, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode;
+}
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=Tab.d.ts.map

package/lib/typescript/tabs/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,GAAG,kHAoIf,CAAC"}

package/lib/typescript/tabs/TabPanel.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { View } from 'react-native';
+import type { ITabPanelProps } from './types';
+export interface TabPanelProps extends Omit<ITabPanelProps, 'children'> {
+    asChild?: boolean;
+    children?: ReactNode;
+}
+export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=TabPanel.d.ts.map

package/lib/typescript/tabs/TabPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../src/tabs/TabPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,gGAqCpB,CAAC"}

package/lib/typescript/tabs/TabsList.d.ts

@@ -0,0 +1,8 @@
+import { View } from 'react-native';
+import type { ITabsListProps } from './types';
+export interface TabsListProps extends ITabsListProps {
+    asChild?: boolean;
+    className?: string;
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=TabsList.d.ts.map

package/lib/typescript/tabs/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/tabs/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGA+CpB,CAAC"}

package/lib/typescript/tabs/TabsRoot.d.ts

@@ -0,0 +1,8 @@
+import { View, type ViewProps } from 'react-native';
+import type { ITabsProps } from './types';
+export interface TabsRootProps extends ITabsProps, Omit<ViewProps, 'children'> {
+    asChild?: boolean;
+    className?: string;
+}
+export declare const TabsRoot: import("react").ForwardRefExoticComponent<TabsRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=TabsRoot.d.ts.map

package/lib/typescript/tabs/TabsRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRoot.d.ts","sourceRoot":"","sources":["../../../src/tabs/TabsRoot.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,aAAc,SAAQ,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,gGA0FpB,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { TabInteractionState, TabsContextValue } from './types';
+export declare const TabsProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: TabsContextValue;
+}>, useTabsContext: () => TabsContextValue;
+/**
+ * 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 declare const TabProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: TabInteractionState;
+}>, useTabContext: () => TabInteractionState;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/tabs/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAErE,eAAO,MAAO,YAAY;;;IAAE,cAAc,wBAAkD,CAAC;AAE7F;;;GAGG;AACH,eAAO,MAAO,WAAW;;;IAAE,aAAa,2BAAoD,CAAC"}

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

@@ -0,0 +1,7 @@
+export type { ITabPanelProps, ITabProps, ITabsListProps, ITabsProps, RegisteredTab, TabInteractionState, TabsActivationMode, TabsContextValue, TabsOrientation, } from './types';
+export { useTabContext, useTabsContext } from './context';
+export { TabsRoot, type TabsRootProps } from './TabsRoot';
+export { TabsList, type TabsListProps } from './TabsList';
+export { Tab, type TabProps } from './Tab';
+export { TabPanel, type TabPanelProps } from './TabPanel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,SAAS,EACT,cAAc,EACd,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,68 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, ViewProps } from 'react-native';
+import type { InteractionState } from '../types';
+export type TabsActivationMode = 'automatic' | 'manual';
+export type TabsOrientation = 'horizontal' | 'vertical';
+export interface ITabsProps {
+    /** Controlled selected tab value. */
+    value?: string;
+    /** Default selected tab value for uncontrolled usage. */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /**
+     * `automatic` (default) selects a tab as soon as it receives focus via arrow keys.
+     * `manual` only moves focus on arrow keys — the consumer must press Enter/Space to select.
+     */
+    activationMode?: TabsActivationMode;
+    /**
+     * Layout axis and roving-focus key set. `horizontal` (default) uses ArrowLeft/ArrowRight;
+     * `vertical` uses ArrowUp/ArrowDown, per the ARIA APG tabs pattern.
+     */
+    orientation?: TabsOrientation;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export interface ITabsListProps extends ViewProps {
+    children?: ReactNode;
+}
+export interface ITabProps extends PressableProps {
+    /** Required — correlates this tab with its `Tabs.Panel` counterpart. */
+    value: string;
+    disabled?: boolean;
+    isHovered?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+    isDisabled?: boolean;
+}
+export interface ITabPanelProps extends ViewProps {
+    /** Required — correlates this panel with its `Tabs.Tab` counterpart. */
+    value: string;
+    /** Unmount when inactive instead of keeping the panel hidden in the DOM. */
+    unmountWhenInactive?: boolean;
+    children?: ReactNode;
+}
+export interface TabInteractionState extends InteractionState {
+    selected: boolean;
+}
+export interface RegisteredTab {
+    disabled: boolean;
+    node: {
+        focus?: () => void;
+    } | null;
+}
+export interface TabsContextValue {
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+    disabled: boolean;
+    activationMode: TabsActivationMode;
+    orientation: TabsOrientation;
+    listId: string;
+    registerTab: (value: string, entry: RegisteredTab) => void;
+    unregisterTab: (value: string) => void;
+    getTabs: () => [string, RegisteredTab][];
+    /** Currently roving-focused tab value (keyboard navigation), distinct from committed `value`. */
+    focusedValue: string | undefined;
+    setFocusedValue: (value: string | undefined) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,QAAQ,CAAC;AACxD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,eAAe,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,CAAC;IACzC,iGAAiG;IACjG,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD"}