@cdx-ui/primitives 0.1.5 → 0.1.6

package/lib/module/toggle-button/ToggleButtonRoot.web.js

@@ -0,0 +1,176 @@
+"use strict";
+
+import { forwardRef, useEffect, useMemo, useRef } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs, 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 { ToggleButtonProvider, useOptionalToggleButtonGroupContext } from './context';
+import { getToggleState } from './toggleState';
+import { getRovingFocusValue } from './useToggleButtonGroupNavigation';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ToggleButtonRoot = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  value,
+  isSelected: controlledSelected,
+  defaultSelected,
+  onSelectedChange,
+  isDisabled: isDisabledProp = false,
+  children,
+  onPress,
+  onFocus,
+  onBlur,
+  style,
+  ...rest
+}, ref) => {
+  const group = useOptionalToggleButtonGroupContext();
+  const [standaloneSelected = false, setStandaloneSelected] = useControllableState({
+    prop: controlledSelected,
+    defaultProp: defaultSelected ?? false,
+    onChange: next => {
+      onSelectedChange?.(next);
+    }
+  });
+  const isSelected = group ? group.isSelected(value) : standaloneSelected;
+  const isDisabled = (group?.isGroupDisabled ?? false) || isDisabledProp;
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({
+    isDisabled
+  });
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const selectionType = group ? group.type : 'standalone';
+  const role = selectionType === 'single' ? 'radio' : 'button';
+  const accessibilityState = useMemo(() => ({
+    disabled: isDisabled,
+    ...(selectionType === 'single' ? {
+      checked: isSelected,
+      selected: isSelected
+    } : {
+      selected: isSelected
+    })
+  }), [isDisabled, isSelected, selectionType]);
+  const ariaProps = selectionType === 'single' ? {
+    'aria-checked': isSelected
+  } : {
+    'aria-pressed': isSelected
+  };
+  const nodeRef = useRef(null);
+  const setRefs = mergeRefs(ref, nodeRef);
+  const registerItem = group?.registerItem;
+  const unregisterItem = group?.unregisterItem;
+  const getItems = group?.getItems;
+  const focusedValue = group?.focusedValue;
+  const anchorValue = group?.type === 'single' ? typeof group.value === 'string' ? group.value : undefined : Array.isArray(group?.value) && group.value.length > 0 ? group.value[0] : undefined;
+  useEffect(() => {
+    if (!registerItem || !unregisterItem) {
+      return;
+    }
+    registerItem(value, {
+      disabled: !!isDisabled,
+      node: nodeRef.current
+    });
+    return () => unregisterItem(value);
+  }, [value, isDisabled, registerItem, unregisterItem]);
+  const isRovingTabStop = useMemo(() => {
+    if (!group || isDisabled) {
+      return !group;
+    }
+    const enabledItems = getItems?.().filter(([, entry]) => !entry.disabled) ?? [];
+    const rovingValue = getRovingFocusValue(focusedValue, anchorValue, enabledItems);
+    return value === rovingValue;
+  }, [anchorValue, focusedValue, getItems, group, isDisabled, value]);
+  const toggleButtonContext = useMemo(() => ({
+    value,
+    isSelected,
+    isDisabled,
+    selectionType,
+    hover: isHovered,
+    active: isPressed,
+    focus: isFocused,
+    focusVisible: isFocusVisible
+  }), [value, isSelected, isDisabled, selectionType, isHovered, isPressed, isFocused, isFocusVisible]);
+  const markRovingFocus = () => {
+    if (!isDisabled) {
+      group?.setFocusedValue?.(value);
+    }
+  };
+  const toggle = () => {
+    if (isDisabled) {
+      return;
+    }
+    if (group) {
+      markRovingFocus();
+      group.toggleValue(value);
+    } else {
+      setStandaloneSelected(!standaloneSelected);
+    }
+  };
+  const composedOnPress = composeEventHandlers(onPress, toggle);
+
+  // RNW's press responder already turns Space into a press for role="button", but ignores
+  // it for role="radio", so only single-select items handle Space here.
+  const handleKeyDown = event => {
+    if (selectionType !== 'single') {
+      return;
+    }
+    if (event.key === ' ' || event.key === 'Spacebar') {
+      event.preventDefault();
+      if (!event.repeat) {
+        toggle();
+      }
+    }
+  };
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(ToggleButtonProvider, {
+    value: toggleButtonContext,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: setRefs,
+      accessibilityRole: role,
+      role: role,
+      accessibilityState: accessibilityState,
+      ...ariaProps,
+      ...(isDisabled ? {
+        'aria-disabled': true
+      } : {}),
+      disabled: isDisabled,
+      tabIndex: group ? isDisabled ? -1 : isRovingTabStop ? 0 : -1 : undefined,
+      ...rest,
+      ...mergeDataAttributes(rest, dataAttributes({
+        selected: isSelected,
+        disabled: isDisabled,
+        active: isPressed,
+        hover: isHovered,
+        focus: isFocused,
+        focusVisible: isFocusVisible,
+        toggleState: getToggleState(isSelected, isPressed, isHovered)
+      })),
+      style: style,
+      onPress: isDisabled ? undefined : composedOnPress,
+      onKeyDown: composeEventHandlers(rest.onKeyDown, handleKeyDown),
+      onPressIn: composeEventHandlers(rest.onPressIn, pressProps.onPressIn),
+      onPressOut: composeEventHandlers(rest.onPressOut, pressProps.onPressOut),
+      onHoverIn: composeEventHandlers(rest.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(rest.onHoverOut, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(composeEventHandlers(onFocus, markRovingFocus), composeEventHandlers(focusProps.onFocus, focusRingProps.onFocus)),
+      onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+ToggleButtonRoot.displayName = 'ToggleButtonRoot';
+//# sourceMappingURL=ToggleButtonRoot.web.js.map

package/lib/module/toggle-button/ToggleButtonRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","useMemo","useRef","Pressable","composeEventHandlers","mergeRefs","useControllableState","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ToggleButtonProvider","useOptionalToggleButtonGroupContext","getToggleState","getRovingFocusValue","jsx","_jsx","ToggleButtonRoot","asChild","value","isSelected","controlledSelected","defaultSelected","onSelectedChange","isDisabled","isDisabledProp","children","onPress","onFocus","onBlur","style","rest","ref","group","standaloneSelected","setStandaloneSelected","prop","defaultProp","onChange","next","isGroupDisabled","focusProps","isFocused","isFocusVisible","focusRingProps","pressProps","isPressed","hoverProps","isHovered","selectionType","type","role","accessibilityState","disabled","checked","selected","ariaProps","nodeRef","setRefs","registerItem","unregisterItem","getItems","focusedValue","anchorValue","undefined","Array","isArray","length","node","current","isRovingTabStop","enabledItems","filter","entry","rovingValue","toggleButtonContext","hover","active","focus","focusVisible","markRovingFocus","setFocusedValue","toggle","toggleValue","composedOnPress","handleKeyDown","event","key","preventDefault","repeat","Comp","accessibilityRole","tabIndex","toggleState","onKeyDown","onPressIn","onPressOut","onHoverIn","onHoverOut","displayName"],"sourceRoot":"../../../src","sources":["toggle-button/ToggleButtonRoot.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/toggle-button/context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { createContext as createReactContext, useContext } from 'react';
+import { createContext } from '@cdx-ui/utils';
+export const [ToggleButtonProvider, useToggleButtonContext] = createContext('ToggleButtonContext');
+const ToggleButtonGroupContext = /*#__PURE__*/createReactContext(null);
+export const ToggleButtonGroupContextProvider = ToggleButtonGroupContext.Provider;
+export function useToggleButtonGroupContext() {
+  const ctx = useContext(ToggleButtonGroupContext);
+  if (!ctx) {
+    throw new Error('ToggleButton must be used within ToggleButtonGroup');
+  }
+  return ctx;
+}
+export function useOptionalToggleButtonGroupContext() {
+  return useContext(ToggleButtonGroupContext);
+}
+//# sourceMappingURL=context.js.map

package/lib/module/toggle-button/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createReactContext","useContext","ToggleButtonProvider","useToggleButtonContext","ToggleButtonGroupContext","ToggleButtonGroupContextProvider","Provider","useToggleButtonGroupContext","ctx","Error","useOptionalToggleButtonGroupContext"],"sourceRoot":"../../../src","sources":["toggle-button/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACG,oBAAoB,EAAEC,sBAAsB,CAAC,GAAGJ,aAAa,CASxE,qBAAqB,CAAC;AAEzB,MAAMK,wBAAwB,gBAAGJ,kBAAkB,CAAwC,IAAI,CAAC;AAEhG,OAAO,MAAMK,gCAAgC,GAAGD,wBAAwB,CAACE,QAAQ;AAEjF,OAAO,SAASC,2BAA2BA,CAAA,EAAmC;EAC5E,MAAMC,GAAG,GAAGP,UAAU,CAACG,wBAAwB,CAAC;EAChD,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASE,mCAAmCA,CAAA,EAA0C;EAC3F,OAAOT,UAAU,CAACG,wBAAwB,CAAC;AAC7C","ignoreList":[]}

package/lib/module/toggle-button/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { ToggleButtonRoot } from './ToggleButtonRoot';
+export { ToggleButtonGroup } from './ToggleButtonGroup';
+export { ToggleButtonProvider, useToggleButtonContext, useToggleButtonGroupContext, useOptionalToggleButtonGroupContext } from './context';
+//# sourceMappingURL=index.js.map

package/lib/module/toggle-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToggleButtonRoot","ToggleButtonGroup","ToggleButtonProvider","useToggleButtonContext","useToggleButtonGroupContext","useOptionalToggleButtonGroupContext"],"sourceRoot":"../../../src","sources":["toggle-button/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAoC,oBAAoB;AACjF,SAASC,iBAAiB,QAAqC,qBAAqB;AACpF,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,2BAA2B,EAC3BC,mCAAmC,QAC9B,WAAW","ignoreList":[]}

package/lib/module/toggle-button/toggleState.js

@@ -0,0 +1,19 @@
+"use strict";
+
+// Keyed `selected:active:hover`. Press outranks hover so each combination maps to exactly one
+// value, letting the styled layer use single-condition selectors that also work on native.
+const TOGGLE_STATES = {
+  'false:false:false': 'idle',
+  'false:false:true': 'hover',
+  'false:true:false': 'active',
+  'false:true:true': 'active',
+  'true:false:false': 'selected',
+  'true:false:true': 'selected-hover',
+  'true:true:false': 'selected-active',
+  'true:true:true': 'selected-active'
+};
+export function getToggleState(selected, active, hover) {
+  const key = [selected, active, hover].map(flag => flag ? 'true' : 'false').join(':');
+  return TOGGLE_STATES[key];
+}
+//# sourceMappingURL=toggleState.js.map

package/lib/module/toggle-button/toggleState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TOGGLE_STATES","getToggleState","selected","active","hover","key","map","flag","join"],"sourceRoot":"../../../src","sources":["toggle-button/toggleState.ts"],"mappings":";;AAAA;AACA;AACA,MAAMA,aAAa,GAAG;EACpB,mBAAmB,EAAE,MAAM;EAC3B,kBAAkB,EAAE,OAAO;EAC3B,kBAAkB,EAAE,QAAQ;EAC5B,iBAAiB,EAAE,QAAQ;EAC3B,kBAAkB,EAAE,UAAU;EAC9B,iBAAiB,EAAE,gBAAgB;EACnC,iBAAiB,EAAE,iBAAiB;EACpC,gBAAgB,EAAE;AACpB,CAAU;AAIV,OAAO,SAASC,cAAcA,CAACC,QAAiB,EAAEC,MAAe,EAAEC,KAAc,EAAe;EAC9F,MAAMC,GAAG,GAAG,CAACH,QAAQ,EAAEC,MAAM,EAAEC,KAAK,CAAC,CAACE,GAAG,CAAEC,IAAI,IAAMA,IAAI,GAAG,MAAM,GAAG,OAAQ,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACxF,OAAOR,aAAa,CAACK,GAAG,CAA+B;AACzD","ignoreList":[]}

package/lib/module/toggle-button/types.js

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

package/lib/module/toggle-button/types.js.map

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

package/lib/module/toggle-button/useToggleButtonGroupNavigation.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+function isEnabledItemValue(value, enabledItems) {
+  return value != null && enabledItems.some(([itemValue]) => itemValue === value);
+}
+
+/** Resolves which item value should hold the roving tab stop / keyboard focus anchor. */
+export function getRovingFocusValue(focusedValue, anchorValue, enabledItems) {
+  const defaultFocusValue = isEnabledItemValue(anchorValue, enabledItems) ? anchorValue : enabledItems[0]?.[0];
+  const resolvedFocusedValue = isEnabledItemValue(focusedValue, enabledItems) ? focusedValue : undefined;
+  return resolvedFocusedValue ?? defaultFocusValue;
+}
+export function useToggleButtonGroupNavigation({
+  type,
+  orientation,
+  getItems,
+  focusedValue,
+  setFocusedValue,
+  anchorValue,
+  selectOnFocus
+}) {
+  const selectOnFocusRef = useRef(selectOnFocus);
+  selectOnFocusRef.current = selectOnFocus;
+  const getEnabledItems = useCallback(() => getItems().filter(([, entry]) => !entry.disabled), [getItems]);
+  const moveFocus = useCallback(([targetValue, targetEntry], shouldSelect) => {
+    setFocusedValue(targetValue);
+    targetEntry.node?.focus?.();
+    if (shouldSelect) {
+      selectOnFocusRef.current?.(targetValue);
+    }
+  }, [setFocusedValue]);
+  const handleKeyDown = useCallback(e => {
+    const enabledItems = getEnabledItems();
+    if (enabledItems.length === 0) {
+      return;
+    }
+    const currentValue = getRovingFocusValue(focusedValue, anchorValue, enabledItems);
+    const idx = enabledItems.findIndex(([value]) => value === currentValue);
+    const shouldSelectOnFocus = type === 'single';
+    const nextKeys = orientation === 'vertical' ? ['ArrowDown'] : ['ArrowRight', 'ArrowDown'];
+    const prevKeys = orientation === 'vertical' ? ['ArrowUp'] : ['ArrowLeft', 'ArrowUp'];
+    if (nextKeys.includes(e.key)) {
+      e.preventDefault();
+      moveFocus(enabledItems[idx < enabledItems.length - 1 ? idx + 1 : 0], shouldSelectOnFocus);
+      return;
+    }
+    if (prevKeys.includes(e.key)) {
+      e.preventDefault();
+      moveFocus(enabledItems[idx > 0 ? idx - 1 : enabledItems.length - 1], shouldSelectOnFocus);
+      return;
+    }
+    switch (e.key) {
+      case 'Home':
+        {
+          e.preventDefault();
+          moveFocus(enabledItems[0], shouldSelectOnFocus);
+          break;
+        }
+      case 'End':
+        {
+          e.preventDefault();
+          const last = enabledItems.at(-1);
+          if (last) {
+            moveFocus(last, shouldSelectOnFocus);
+          }
+          break;
+        }
+    }
+  }, [anchorValue, focusedValue, getEnabledItems, moveFocus, orientation, type]);
+  return {
+    handleKeyDown
+  };
+}
+//# sourceMappingURL=useToggleButtonGroupNavigation.js.map

package/lib/module/toggle-button/useToggleButtonGroupNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","isEnabledItemValue","value","enabledItems","some","itemValue","getRovingFocusValue","focusedValue","anchorValue","defaultFocusValue","resolvedFocusedValue","undefined","useToggleButtonGroupNavigation","type","orientation","getItems","setFocusedValue","selectOnFocus","selectOnFocusRef","current","getEnabledItems","filter","entry","disabled","moveFocus","targetValue","targetEntry","shouldSelect","node","focus","handleKeyDown","e","length","currentValue","idx","findIndex","shouldSelectOnFocus","nextKeys","prevKeys","includes","key","preventDefault","last","at"],"sourceRoot":"../../../src","sources":["toggle-button/useToggleButtonGroupNavigation.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -28,6 +28,7 @@ export * from './select';
 export * from './switch';
 export * from './tabs';
 export * from './tile';
+export * from './toggle-button';
 export * from './toast';
 export * from './tooltip';
 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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,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,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,KAAK,UAAU,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,2BAA2B,EAC3B,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,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,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,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,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,4BAA4B,EAC5B,kBAAkB,EAClB,KAAK,UAAU,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,2BAA2B,EAC3B,kBAAkB,EAClB,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,KAAK,8BAA8B,EACnC,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,EACpC,KAAK,8BAA8B,EACnC,KAAK,kBAAkB,EACvB,KAAK,wBAAwB,EAC7B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,WAAW,CAAC;AACnB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,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,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,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/toggle-button/ToggleButtonGroup.d.ts

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+import type { IToggleButtonGroupProps } from './types';
+export type ToggleButtonGroupProps = IToggleButtonGroupProps;
+export declare const ToggleButtonGroup: import("react").ForwardRefExoticComponent<IToggleButtonGroupProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=ToggleButtonGroup.d.ts.map

package/lib/typescript/toggle-button/ToggleButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/ToggleButtonGroup.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,IAAI,EAAkB,MAAM,cAAc,CAAC;AAK9D,OAAO,KAAK,EACV,uBAAuB,EAGxB,MAAM,SAAS,CAAC;AAejB,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AA2C7D,eAAO,MAAM,iBAAiB,0GAqL7B,CAAC"}

package/lib/typescript/toggle-button/ToggleButtonRoot.d.ts

@@ -0,0 +1,5 @@
+import type { IToggleButtonProps } from './types';
+export interface ToggleButtonRootProps extends IToggleButtonProps {
+}
+export declare const ToggleButtonRoot: import("react").ForwardRefExoticComponent<ToggleButtonRootProps & import("react").RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=ToggleButtonRoot.d.ts.map

package/lib/typescript/toggle-button/ToggleButtonRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonRoot.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/ToggleButtonRoot.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;CAAG;AAEpE,eAAO,MAAM,gBAAgB,+HAuI5B,CAAC"}

package/lib/typescript/toggle-button/ToggleButtonRoot.web.d.ts

@@ -0,0 +1,5 @@
+import type { IToggleButtonProps } from './types';
+export interface ToggleButtonRootProps extends IToggleButtonProps {
+}
+export declare const ToggleButtonRoot: import("react").ForwardRefExoticComponent<ToggleButtonRootProps & import("react").RefAttributes<import("react-native").View>>;
+//# sourceMappingURL=ToggleButtonRoot.web.d.ts.map

package/lib/typescript/toggle-button/ToggleButtonRoot.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonRoot.web.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/ToggleButtonRoot.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;CAAG;AAEpE,eAAO,MAAM,gBAAgB,+HAgN5B,CAAC"}

package/lib/typescript/toggle-button/context.d.ts

@@ -0,0 +1,27 @@
+import type { IToggleButtonGroupContextValue } from './types';
+export declare const ToggleButtonProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: {
+        value: string;
+        isSelected: boolean;
+        isDisabled: boolean;
+        selectionType: "single" | "multiple" | "standalone";
+        hover: boolean;
+        active: boolean;
+        focus: boolean;
+        focusVisible: boolean;
+    };
+}>, useToggleButtonContext: () => {
+    value: string;
+    isSelected: boolean;
+    isDisabled: boolean;
+    selectionType: "single" | "multiple" | "standalone";
+    hover: boolean;
+    active: boolean;
+    focus: boolean;
+    focusVisible: boolean;
+};
+export declare const ToggleButtonGroupContextProvider: import("react").Provider<IToggleButtonGroupContextValue | null>;
+export declare function useToggleButtonGroupContext(): IToggleButtonGroupContextValue;
+export declare function useOptionalToggleButtonGroupContext(): IToggleButtonGroupContextValue | null;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/toggle-button/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAO,oBAAoB;;;eACzB,MAAM;oBACD,OAAO;oBACP,OAAO;uBACJ,QAAQ,GAAG,UAAU,GAAG,YAAY;eAC5C,OAAO;gBACN,OAAO;eACR,OAAO;sBACA,OAAO;;IARa,sBAAsB;WACjD,MAAM;gBACD,OAAO;gBACP,OAAO;mBACJ,QAAQ,GAAG,UAAU,GAAG,YAAY;WAC5C,OAAO;YACN,OAAO;WACR,OAAO;kBACA,OAAO;CACE,CAAC;AAI1B,eAAO,MAAM,gCAAgC,iEAAoC,CAAC;AAElF,wBAAgB,2BAA2B,IAAI,8BAA8B,CAM5E;AAED,wBAAgB,mCAAmC,IAAI,8BAA8B,GAAG,IAAI,CAE3F"}

package/lib/typescript/toggle-button/index.d.ts

@@ -0,0 +1,5 @@
+export { ToggleButtonRoot, type ToggleButtonRootProps } from './ToggleButtonRoot';
+export { ToggleButtonGroup, type ToggleButtonGroupProps } from './ToggleButtonGroup';
+export { ToggleButtonProvider, useToggleButtonContext, useToggleButtonGroupContext, useOptionalToggleButtonGroupContext, } from './context';
+export type { IToggleButtonProps, IToggleButtonGroupProps, IToggleButtonGroupSingleProps, IToggleButtonGroupMultipleProps, IToggleButtonGroupContextValue, ToggleButtonGroupType, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/toggle-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,2BAA2B,EAC3B,mCAAmC,GACpC,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,kBAAkB,EAClB,uBAAuB,EACvB,6BAA6B,EAC7B,+BAA+B,EAC/B,8BAA8B,EAC9B,qBAAqB,GACtB,MAAM,SAAS,CAAC"}

package/lib/typescript/toggle-button/toggleState.d.ts

@@ -0,0 +1,14 @@
+declare const TOGGLE_STATES: {
+    readonly 'false:false:false': "idle";
+    readonly 'false:false:true': "hover";
+    readonly 'false:true:false': "active";
+    readonly 'false:true:true': "active";
+    readonly 'true:false:false': "selected";
+    readonly 'true:false:true': "selected-hover";
+    readonly 'true:true:false': "selected-active";
+    readonly 'true:true:true': "selected-active";
+};
+export type ToggleState = (typeof TOGGLE_STATES)[keyof typeof TOGGLE_STATES];
+export declare function getToggleState(selected: boolean, active: boolean, hover: boolean): ToggleState;
+export {};
+//# sourceMappingURL=toggleState.d.ts.map

package/lib/typescript/toggle-button/toggleState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleState.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/toggleState.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;CAST,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE7E,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,WAAW,CAG9F"}

package/lib/typescript/toggle-button/types.d.ts

@@ -0,0 +1,87 @@
+import type { PressableProps, ViewProps } from 'react-native';
+export type ToggleButtonGroupType = 'single' | 'multiple';
+export type ToggleButtonGroupValue = string | string[] | undefined;
+interface IToggleButtonGroupBaseProps extends ViewProps {
+    /** Merge group props onto a single child instead of rendering the default View. */
+    asChild?: boolean;
+    /** Disables every item in the group. */
+    isDisabled?: boolean;
+    /**
+     * Layout direction and arrow-key axis.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /** Accessible name for the group (required when no visible label). */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+export interface IToggleButtonGroupSingleProps extends IToggleButtonGroupBaseProps {
+    /**
+     * Single-select (radio semantics). `value` is the selected item's `value`.
+     * @default 'single'
+     */
+    type?: 'single';
+    /** Currently selected item `value` (controlled). */
+    value?: string;
+    /** Initially selected item `value` (uncontrolled). */
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+export interface IToggleButtonGroupMultipleProps extends IToggleButtonGroupBaseProps {
+    /**
+     * Multi-select (pressed-button semantics). `value` is an array of selected item `value`s.
+     */
+    type: 'multiple';
+    /** Currently selected item `value`s (controlled). */
+    value?: string[];
+    /** Initially selected item `value`s (uncontrolled). */
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+/**
+ * Discriminated union: `type` narrows `value` / `defaultValue` / `onValueChange`.
+ */
+export type IToggleButtonGroupProps = IToggleButtonGroupSingleProps | IToggleButtonGroupMultipleProps;
+export interface RegisteredToggleButton {
+    disabled: boolean;
+    node: {
+        focus?: () => void;
+    } | null;
+}
+export interface IToggleButtonGroupContextValue {
+    type: ToggleButtonGroupType;
+    orientation: 'horizontal' | 'vertical';
+    value: ToggleButtonGroupValue;
+    toggleValue: (buttonValue: string) => void;
+    isSelected: (buttonValue: string) => boolean;
+    isGroupDisabled: boolean;
+    focusedValue?: string | undefined;
+    setFocusedValue?: (value: string | undefined) => void;
+    registerItem?: (value: string, entry: RegisteredToggleButton) => void;
+    unregisterItem?: (value: string) => void;
+    getItems?: () => [string, RegisteredToggleButton][];
+}
+export interface IToggleButtonProps extends PressableProps {
+    /** Render the consumer's child in place of the default `Pressable` host. */
+    asChild?: boolean;
+    /**
+     * Identifies this button within a `ToggleButtonGroup`. Must be unique within the group.
+     * Standalone buttons still require a value.
+     */
+    value: string;
+    /**
+     * Controlled selected state (standalone only; ignored inside `ToggleButtonGroup`).
+     */
+    isSelected?: boolean;
+    /**
+     * Uncontrolled initial selected state (standalone only).
+     * @default false
+     */
+    defaultSelected?: boolean;
+    /** Called when standalone selected state changes. */
+    onSelectedChange?: (isSelected: boolean) => void;
+    /** @default false */
+    isDisabled?: boolean;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/toggle-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;AAEnE,UAAU,2BAA4B,SAAQ,SAAS;IACrD,mFAAmF;IACnF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA8B,SAAQ,2BAA2B;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,+BAAgC,SAAQ,2BAA2B;IAClF;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAC/B,6BAA6B,GAC7B,+BAA+B,CAAC;AAEpC,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,EAAE,CAAC;CACrD;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/lib/typescript/toggle-button/useToggleButtonGroupNavigation.d.ts

@@ -0,0 +1,19 @@
+import type { RegisteredToggleButton, ToggleButtonGroupType } from './types';
+/** Resolves which item value should hold the roving tab stop / keyboard focus anchor. */
+export declare function getRovingFocusValue(focusedValue: string | undefined, anchorValue: string | null | undefined, enabledItems: [string, RegisteredToggleButton][]): string | undefined;
+export interface UseToggleButtonGroupNavigationOptions {
+    type: ToggleButtonGroupType;
+    orientation: 'horizontal' | 'vertical';
+    getItems: () => [string, RegisteredToggleButton][];
+    focusedValue: string | undefined;
+    setFocusedValue: (value: string | undefined) => void;
+    anchorValue: string | null | undefined;
+    selectOnFocus?: (value: string) => void;
+}
+export declare function useToggleButtonGroupNavigation({ type, orientation, getItems, focusedValue, setFocusedValue, anchorValue, selectOnFocus, }: UseToggleButtonGroupNavigationOptions): {
+    handleKeyDown: (e: {
+        key: string;
+        preventDefault: () => void;
+    }) => void;
+};
+//# sourceMappingURL=useToggleButtonGroupNavigation.d.ts.map

package/lib/typescript/toggle-button/useToggleButtonGroupNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleButtonGroupNavigation.d.ts","sourceRoot":"","sources":["../../../src/toggle-button/useToggleButtonGroupNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAS7E,yFAAyF;AACzF,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,YAAY,EAAE,CAAC,MAAM,EAAE,sBAAsB,CAAC,EAAE,GAC/C,MAAM,GAAG,SAAS,CAUpB;AAED,MAAM,WAAW,qCAAqC;IACpD,IAAI,EAAE,qBAAqB,CAAC;IAC5B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,EAAE,CAAC;IACnD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,WAAW,EACX,aAAa,GACd,EAAE,qCAAqC;uBAqBhC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE;EA6ClD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -68,8 +68,8 @@
     "@react-stately/disclosure": "3.1.1",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.1.5",
-    "@cdx-ui/formatters": "0.1.5"
+    "@cdx-ui/formatters": "0.1.6",
+    "@cdx-ui/utils": "0.1.6"
   },
   "devDependencies": {
     "@types/react": "19.1.17",

package/src/index.ts

@@ -61,6 +61,7 @@ export * from './select';
 export * from './switch';
 export * from './tabs';
 export * from './tile';
+export * from './toggle-button';
 export * from './toast';
 export * from './tooltip';
 export * from './portal';