@cdx-ui/primitives 0.0.1-beta.11 → 0.0.1-beta.111

package/lib/commonjs/select/useSelectTrigger.web.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectTrigger = useSelectTrigger;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _context = require("./context");
+const FIELD_STATES = {
+  'false:false': 'idle',
+  'false:true': 'invalid',
+  'true:false': 'focused',
+  'true:true': 'focused-invalid'
+};
+
+/**
+ * Web variant — drops `useHover` and `useFocusRing` per the trigger-prune todo:
+ * neither emitted attribute has a consumer in `selectTriggerVariants`, and the
+ * web `useHover` re-renders on every pointer enter/leave. Hover is expressed via
+ * CSS `:hover` chains in CVA, not a JS tracker.
+ *
+ * The label-focus bridge is only registered when the host loses native
+ * label association — i.e. when `asChild` substitutes the rendered `<button>`
+ * with a non-labelable element. Otherwise `<label htmlFor>` handles the focus
+ * relationship natively.
+ */
+function useSelectTrigger(forwardedRef, options) {
+  const {
+    asChild,
+    isHovered: isHoveredProp,
+    isActive: isActiveProp,
+    isFocused: isFocusedProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    ariaDescribedBy: ariaDescribedByProp,
+    onPress: consumerOnPress,
+    onPressIn: consumerOnPressIn,
+    onPressOut: consumerOnPressOut,
+    onHoverIn: consumerOnHoverIn,
+    onHoverOut: consumerOnHoverOut,
+    onFocus: consumerOnFocus,
+    onBlur: consumerOnBlur,
+    onKeyDown: consumerOnKeyDown
+  } = options;
+  const {
+    open,
+    setOpen,
+    disabled: contextDisabled,
+    required: contextRequired,
+    invalid: contextInvalid,
+    readOnly: contextReadOnly,
+    triggerId,
+    contentId,
+    triggerRef,
+    activeValue,
+    accessibilityLabel,
+    ariaDescribedBy: ariaDescribedByFromField
+  } = (0, _context.useSelectContext)();
+  const field = (0, _utils.useFormControlContext)();
+  const disabled = contextDisabled || !!isDisabledProp;
+  const {
+    pressProps,
+    isPressed: isActive
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const [triggerFocused, setTriggerFocused] = (0, _react.useState)(false);
+  const handlePress = (0, _react.useCallback)(_e => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  }, [disabled, open, setOpen]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+      case 'ArrowDown':
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, setOpen]);
+  const isLabelActive = Boolean((isFocusedProp || isFocused || triggerFocused || open) && !disabled);
+  (0, _utils.useReportFormControlLabelFocus)(isLabelActive);
+  (0, _react.useLayoutEffect)(() => {
+    if (!open) {
+      setTriggerFocused(false);
+    }
+  }, [open]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: !!isHoveredProp,
+    focus: !!(isFocusedProp || isFocused || open),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!isFocusVisibleProp
+  }), [isHoveredProp, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, open]);
+
+  /**
+   * `<button>` is HTML-labelable so `<label htmlFor>` works natively — no JS bridge needed.
+   * When `asChild` substitutes the host with a non-labelable element (e.g. `<div role="button">`),
+   * the bridge fills the gap so `Form.Label` can still focus the trigger via `field.inputRef`.
+   */
+  const labelFocusGateRef = (0, _react.useRef)({
+    disabled: false,
+    readOnly: false
+  });
+  labelFocusGateRef.current = {
+    disabled: !!disabled,
+    readOnly: !!contextReadOnly
+  };
+  const labelFocusBridge = (0, _react.useMemo)(() => ({
+    focus() {
+      const {
+        disabled: isOff,
+        readOnly: isRO
+      } = labelFocusGateRef.current;
+      if (isOff || isRO) {
+        return;
+      }
+      const node = triggerRef.current;
+      if (node != null && typeof node.focus === 'function') {
+        node.focus();
+      }
+      setOpen(true);
+    }
+  }), [setOpen, triggerRef]);
+  const shouldMountLabelFocusBridge = !!asChild;
+  (0, _react.useLayoutEffect)(() => {
+    if (!shouldMountLabelFocusBridge || !field.inputRef) {
+      return;
+    }
+    const r = field.inputRef;
+    r.current = labelFocusBridge;
+    return () => {
+      if (r.current === labelFocusBridge) {
+        r.current = null;
+      }
+    };
+  }, [shouldMountLabelFocusBridge, field.inputRef, labelFocusBridge]);
+  const mergedRef = (0, _utils.mergeRefs)(forwardedRef, triggerRef);
+  const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
+  const ariaProps = {
+    role: 'combobox',
+    'aria-label': accessibilityLabel,
+    'aria-haspopup': 'listbox',
+    'aria-expanded': open,
+    'aria-controls': contentId,
+    'aria-activedescendant': open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
+    'aria-required': contextRequired || undefined,
+    'aria-invalid': contextInvalid || undefined,
+    'aria-readonly': contextReadOnly || undefined,
+    'aria-describedby': ariaDescribedBy || undefined,
+    id: triggerId,
+    disabled
+  };
+  const fieldState = FIELD_STATES[`${interactionState.focus ? 'true' : 'false'}:${contextInvalid ? 'true' : 'false'}`];
+  const dataAttrValues = {
+    focus: interactionState.focus,
+    active: interactionState.active,
+    disabled: interactionState.disabled,
+    required: !!contextRequired,
+    invalid: !!contextInvalid,
+    readonly: !!contextReadOnly,
+    state: open ? 'open' : 'closed',
+    fieldState
+  };
+  const handlers = {
+    onPress: (0, _utils.composeEventHandlers)(consumerOnPress, handlePress),
+    onPressIn: (0, _utils.composeEventHandlers)(consumerOnPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(consumerOnPressOut, pressProps.onPressOut),
+    onHoverIn: consumerOnHoverIn ?? (() => undefined),
+    onHoverOut: consumerOnHoverOut ?? (() => undefined),
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnFocus, focusProps.onFocus), () => setTriggerFocused(true)),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnBlur, focusProps.onBlur), () => setTriggerFocused(false)),
+    onKeyDown: (0, _utils.composeEventHandlers)(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    dataAttrValues,
+    interactionState,
+    mergedRef,
+    handlers,
+    isLabelActive,
+    open,
+    labelFocusBridge
+  };
+}
+//# sourceMappingURL=useSelectTrigger.web.js.map

package/lib/commonjs/select/useSelectTrigger.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_focus","_interactions","_context","FIELD_STATES","useSelectTrigger","forwardedRef","options","asChild","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","useSelectContext","field","useFormControlContext","pressProps","isPressed","usePress","focusProps","useFocus","triggerFocused","setTriggerFocused","useState","handlePress","useCallback","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","useReportFormControlLabelFocus","useLayoutEffect","interactionState","useMemo","hover","focus","active","focusVisible","labelFocusGateRef","useRef","current","labelFocusBridge","isOff","isRO","node","shouldMountLabelFocusBridge","inputRef","r","mergedRef","mergeRefs","filter","join","ariaProps","role","undefined","id","fieldState","dataAttrValues","readonly","state","handlers","composeEventHandlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.web.ts"],"mappings":"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","ignoreList":[]}

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/tile/TileGroup.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileGroup = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Internal widening of the public discriminated union: the runtime accepts any value
+ * shape and reads `type` to decide branch behavior. The public API stays narrow.
+ */
+
+const TileGroup = exports.TileGroup = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild = false,
+    children,
+    type,
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    max: maxProp,
+    isDisabled = false,
+    'aria-label': ariaLabel,
+    ...rest
+  } = props;
+  const max = maxProp ?? Number.POSITIVE_INFINITY;
+  const defaultProp = defaultValue !== undefined ? defaultValue : type === 'multiple' ? [] : undefined;
+  const [state, setState] = (0, _utils.useControllableState)({
+    prop: valueProp,
+    defaultProp,
+    onChange: next => {
+      if (next !== undefined) {
+        onValueChange?.(next);
+      }
+    }
+  });
+  const isSelected = (0, _react.useCallback)(tileValue => {
+    if (type === 'single') {
+      return state === tileValue;
+    }
+    return Array.isArray(state) && state.includes(tileValue);
+  }, [type, state]);
+  const isTileDisabledByGroup = (0, _react.useCallback)(tileValue => {
+    if (isDisabled) {
+      return true;
+    }
+    if (type !== 'multiple') {
+      return false;
+    }
+    const arr = Array.isArray(state) ? state : [];
+    if (arr.length < max) {
+      return false;
+    }
+    return !arr.includes(tileValue);
+  }, [isDisabled, type, state, max]);
+  const toggleValue = (0, _react.useCallback)(tileValue => {
+    if (isDisabled) {
+      return;
+    }
+    if (type === 'single') {
+      if (state === tileValue) {
+        return;
+      }
+      setState(tileValue);
+      return;
+    }
+    const arr = Array.isArray(state) ? [...state] : [];
+    const idx = arr.indexOf(tileValue);
+    if (idx >= 0) {
+      arr.splice(idx, 1);
+      setState(arr);
+    } else if (arr.length < max) {
+      arr.push(tileValue);
+      setState(arr);
+    }
+  }, [isDisabled, type, state, setState, max]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    type,
+    value: state,
+    toggleValue,
+    isSelected,
+    isTileDisabledByGroup,
+    isGroupDisabled: isDisabled,
+    max
+  }), [type, state, toggleValue, isSelected, isTileDisabledByGroup, isDisabled, max]);
+  const role = type === 'single' ? 'radiogroup' : 'group';
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileGroupContextProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      role: role,
+      ...(type === 'single' ? {
+        accessibilityRole: 'radiogroup'
+      } : {}),
+      ...(ariaLabel ? {
+        'aria-label': ariaLabel,
+        accessibilityLabel: ariaLabel
+      } : {}),
+      ...rest,
+      children: children
+    })
+  });
+});
+TileGroup.displayName = 'TileGroup';
+//# sourceMappingURL=TileGroup.js.map

package/lib/commonjs/tile/TileGroup.js.map

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