@cdx-ui/primitives 0.0.1-beta.16 → 0.0.1-beta.160

package/lib/module/calendar/CalendarRoot.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { todayMonthId, toMonthId, resolveDateComponentLabels } from '@cdx-ui/formatters';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { accessibleLabelAttributes, resolveAccessibleLabel } from '../utils/accessibleLabel';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { CalendarContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CalendarRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  monthId: monthIdProp,
+  defaultMonthId,
+  onMonthIdChange,
+  minValue,
+  maxValue,
+  disabled = false,
+  locale = 'en-US',
+  labels: labelsProp,
+  accessibilityLabel: accessibilityLabelProp,
+  'aria-label': ariaLabelProp,
+  ...props
+}, ref) => {
+  const labels = useMemo(() => resolveDateComponentLabels(labelsProp), [labelsProp]);
+  const accessibilityLabel = resolveAccessibleLabel({
+    accessibilityLabel: accessibilityLabelProp,
+    'aria-label': ariaLabelProp
+  });
+  const [value, setValue] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue,
+    onChange: onValueChange
+  });
+  const [monthId, setMonthId] = useControllableState({
+    prop: monthIdProp,
+    defaultProp: defaultMonthId ?? (value ? toMonthId(value) : todayMonthId()),
+    onChange: onMonthIdChange
+  });
+  const prevValueRef = useRef(value);
+  useEffect(() => {
+    if (monthIdProp !== undefined) {
+      prevValueRef.current = value;
+      return;
+    }
+    if (value === undefined || prevValueRef.current === value) {
+      prevValueRef.current = value;
+      return;
+    }
+    prevValueRef.current = value;
+    setMonthId(toMonthId(value));
+  }, [monthIdProp, setMonthId, value]);
+  const [view, setViewState] = useState('month');
+  const setView = useCallback(next => {
+    setViewState(next);
+  }, []);
+  const contextValue = useMemo(() => ({
+    value,
+    onValueChange: setValue,
+    monthId: monthId ?? todayMonthId(),
+    onMonthIdChange: setMonthId,
+    minValue,
+    maxValue,
+    disabled,
+    locale,
+    labels,
+    view,
+    setView
+  }), [value, setValue, monthId, setMonthId, minValue, maxValue, disabled, locale, labels, view, setView]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(CalendarContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      accessibilityRole: "none",
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        disabled
+      })),
+      ...accessibleLabelAttributes(accessibilityLabel),
+      children: children
+    })
+  });
+});
+CalendarRoot.displayName = 'CalendarRoot';
+//# sourceMappingURL=CalendarRoot.js.map

package/lib/module/calendar/CalendarRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","useState","View","todayMonthId","toMonthId","resolveDateComponentLabels","useControllableState","Slot","accessibleLabelAttributes","resolveAccessibleLabel","dataAttributes","mergeDataAttributes","CalendarContext","jsx","_jsx","CalendarRoot","asChild","children","value","valueProp","defaultValue","onValueChange","monthId","monthIdProp","defaultMonthId","onMonthIdChange","minValue","maxValue","disabled","locale","labels","labelsProp","accessibilityLabel","accessibilityLabelProp","ariaLabelProp","props","ref","setValue","prop","defaultProp","onChange","setMonthId","prevValueRef","undefined","current","view","setViewState","setView","next","contextValue","Comp","Provider","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["calendar/CalendarRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/calendar/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const CalendarContext = /*#__PURE__*/createContext(null);
+export function useCalendarContext() {
+  const ctx = useContext(CalendarContext);
+  if (!ctx) {
+    throw new Error('Calendar compound components must be used within CalendarRoot');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","CalendarContext","useCalendarContext","ctx","Error"],"sourceRoot":"../../../src","sources":["calendar/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAmBjD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAA8B,IAAI,CAAC;AAE/E,OAAO,SAASG,kBAAkBA,CAAA,EAAyB;EACzD,MAAMC,GAAG,GAAGH,UAAU,CAACC,eAAe,CAAC;EACvC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,+DAA+D,CAAC;EAClF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

package/lib/module/calendar/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { CalendarRoot } from './CalendarRoot';
+export { CalendarGrid } from './CalendarGrid';
+export { useCalendarContext } from './context';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CalendarRoot","CalendarGrid","useCalendarContext"],"sourceRoot":"../../../src","sources":["calendar/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,kBAAkB,QAA2B,WAAW","ignoreList":[]}

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

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

package/lib/module/checkbox/CheckboxGroup.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { View } from 'react-native';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { useCheckboxGroup } from '@react-native-aria/checkbox';
+import { useCheckboxGroupState } from '@react-stately/checkbox';
+import { Slot } from '../slot';
+import { CheckboxGroupContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CheckboxGroup = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const state = useCheckboxGroupState({
+    ...props,
+    validationState: props.isInvalid ? 'invalid' : 'valid'
+  });
+  const {
+    groupProps
+  } = useCheckboxGroup({
+    ...props,
+    'aria-label': props['aria-label']
+  }, state);
+  const formControlContext = useFormControlContext();
+  const contextValue = useMemo(() => ({
+    state: {
+      ...formControlContext,
+      ...state
+    }
+  }), [formControlContext, state]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(CheckboxGroupContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ...groupProps,
+      className: className,
+      style: style,
+      ref: ref,
+      children: children
+    })
+  });
+});
+CheckboxGroup.displayName = 'CheckboxGroup';
+//# sourceMappingURL=CheckboxGroup.js.map

package/lib/module/checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","View","useFormControlContext","useCheckboxGroup","useCheckboxGroupState","Slot","CheckboxGroupContext","jsx","_jsx","CheckboxGroup","asChild","children","className","style","props","ref","state","validationState","isInvalid","groupProps","formControlContext","contextValue","Comp","Provider","value","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,oBAAoB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASjD,OAAO,MAAMC,aAAa,gBAAGV,UAAU,CACrC,CAAC;EAAEW,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAMC,KAAK,GAAGZ,qBAAqB,CAAC;IAClC,GAAGU,KAAK;IACRG,eAAe,EAAEH,KAAK,CAACI,SAAS,GAAG,SAAS,GAAG;EACjD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAW,CAAC,GAAGhB,gBAAgB,CACrC;IACE,GAAGW,KAAK;IACR,YAAY,EAAEA,KAAK,CAAC,YAAY;EAClC,CAAC,EACDE,KACF,CAAC;EAED,MAAMI,kBAAkB,GAAGlB,qBAAqB,CAAC,CAAC;EAElD,MAAMmB,YAAY,GAAGrB,OAAO,CAC1B,OAAO;IAAEgB,KAAK,EAAE;MAAE,GAAGI,kBAAkB;MAAE,GAAGJ;IAAM;EAAE,CAAC,CAAC,EACtD,CAACI,kBAAkB,EAAEJ,KAAK,CAC5B,CAAC;EAED,MAAMM,IAAI,GAAGZ,OAAO,GAAGL,IAAI,GAAGJ,IAAI;EAElC,oBACEO,IAAA,CAACF,oBAAoB,CAACiB,QAAQ;IAACC,KAAK,EAAEH,YAAa;IAAAV,QAAA,eACjDH,IAAA,CAACc,IAAI;MAAA,GAAKH,UAAU;MAAEP,SAAS,EAAEA,SAAU;MAACC,KAAK,EAAEA,KAAM;MAACE,GAAG,EAAEA,GAAI;MAAAJ,QAAA,EAChEA;IAAQ,CACL;EAAC,CACsB,CAAC;AAEpC,CACF,CAAC;AAEDF,aAAa,CAACgB,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/checkbox/CheckboxRoot.js

@@ -0,0 +1,99 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { CheckboxProvider } from './context';
+import { useCheckboxRoot } from './useCheckboxRoot';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CheckboxRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  onPressIn,
+  onPressOut,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isChecked: isCheckedProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isPressed: isPressedProp,
+    isFocused: isFocusedProp,
+    isIndeterminate: isIndeterminateProp,
+    isFocusVisible: isFocusVisibleProp
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    groupItemInputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    hoverProps,
+    mergedRef
+  } = useCheckboxRoot(props, ref);
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({
+    isDisabled: isDisabled || isDisabledProp || isReadOnly || isReadOnlyProp
+  });
+  const contextValue = {
+    isChecked: isChecked || isCheckedProp,
+    isDisabled: isDisabled || isDisabledProp,
+    isHovered: isHovered || isHoveredProp,
+    isInvalid: isInvalid || isInvalidProp,
+    isReadOnly: isReadOnly || isReadOnlyProp,
+    isPressed: isPressed || isPressedProp,
+    isFocused: isFocused || isFocusedProp,
+    isIndeterminate: isIndeterminate || isIndeterminateProp,
+    isFocusVisible: isFocusVisibleProp
+  };
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(CheckboxProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      disabled: isDisabled || isDisabledProp,
+      ...combinedProps,
+      ...groupItemInputProps,
+      ref: mergedRef,
+      role: "checkbox",
+      ...mergeDataAttributes(props, dataAttributes({
+        checked: isChecked || isCheckedProp,
+        disabled: isDisabled || isDisabledProp,
+        hover: isHovered || isHoveredProp,
+        invalid: isInvalid || isInvalidProp,
+        readonly: isReadOnly || isReadOnlyProp,
+        active: isPressed,
+        focus: isFocused,
+        indeterminate: isIndeterminate || isIndeterminateProp,
+        focusVisible: isFocusVisibleProp
+      })),
+      onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
+      onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
+      onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus)),
+      onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur)),
+      children: children
+    })
+  });
+});
+CheckboxRoot.displayName = 'CheckboxRoot';
+//# sourceMappingURL=CheckboxRoot.js.map

package/lib/module/checkbox/CheckboxRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","composeEventHandlers","useFocus","usePress","Slot","dataAttributes","mergeDataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","CheckboxRoot","asChild","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","children","props","ref","isHovered","isHoveredProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isPressed","isPressedProp","isFocused","isFocusedProp","isIndeterminate","isIndeterminateProp","isFocusVisible","isFocusVisibleProp","combinedProps","groupItemInputProps","hoverProps","mergedRef","focusProps","pressProps","contextValue","Comp","value","disabled","role","checked","hover","invalid","readonly","active","focus","indeterminate","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkbox/CheckboxRoot.web.js

@@ -0,0 +1,153 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocusRing } from '@react-native-aria/focus';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { CheckboxProvider } from './context';
+import { useCheckboxRoot } from './useCheckboxRoot';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Web Checkbox root.
+ *
+ * On web, `@react-native-aria/checkbox` re-exports `@react-aria/checkbox`'s
+ * `useCheckbox`, whose `inputProps` target a native `<input type="checkbox">`
+ * (selection via `onChange`). Toggle must be applied explicitly on the Pressable —
+ * `inputProps.onPress` does **not** call `toggleState.toggle()`.
+ */
+export const CheckboxRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isHovered: isHoveredProp,
+    isFocusVisible: isFocusVisibleProp,
+    isChecked: isCheckedProp,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    isIndeterminate: isIndeterminateProp,
+    isFocused,
+    isPressed
+  } = props;
+  const {
+    combinedProps,
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    groupItemInputProps,
+    isChecked,
+    isDisabled,
+    isHovered,
+    mergedRef,
+    inputRef,
+    toggle
+  } = useCheckboxRoot(props, ref, {
+    useInputRefForAria: true
+  });
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+
+  // Strip native-input / internal props — they must not land on Pressable.
+  const {
+    onPress: _onPress,
+    onChange: _onChange,
+    role: _role,
+    tabIndex: _tabIndex,
+    disabled: _disabled,
+    checked: _checked,
+    value: _value,
+    type: _type,
+    name: _name,
+    form: _form,
+    required: _required,
+    ...inputAriaProps
+  } = groupItemInputProps;
+  const resolvedChecked = !!(isChecked || isCheckedProp);
+  const resolvedIndeterminate = !!(isIndeterminate || isIndeterminateProp);
+  const resolvedDisabled = !!(isDisabled || isDisabledProp);
+  const resolvedReadOnly = !!(isReadOnly || isReadOnlyProp);
+  const ariaChecked = resolvedIndeterminate ? 'mixed' : resolvedChecked;
+  const handleToggle = () => {
+    if (resolvedDisabled || resolvedReadOnly) {
+      return;
+    }
+    toggle();
+  };
+  const handleKeyDown = event => {
+    if (event.key === ' ' || event.key === 'Spacebar') {
+      event.preventDefault();
+      handleToggle();
+    }
+  };
+  const contextValue = {
+    isChecked: resolvedChecked,
+    isDisabled: resolvedDisabled,
+    isFocusVisible: isFocusVisible || isFocusVisibleProp,
+    isHovered: isHovered || isHoveredProp,
+    isInvalid: isInvalid || isInvalidProp,
+    isReadOnly: resolvedReadOnly,
+    isIndeterminate: resolvedIndeterminate,
+    isPressed,
+    isFocused
+  };
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(CheckboxProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+        children: /*#__PURE__*/_jsx("input", {
+          ref: inputRef,
+          type: "checkbox",
+          value: combinedProps.value,
+          checked: resolvedChecked,
+          disabled: resolvedDisabled,
+          tabIndex: -1,
+          "aria-hidden": true,
+          readOnly: true,
+          style: {
+            pointerEvents: 'none'
+          }
+        })
+      }), /*#__PURE__*/_jsx(Comp, {
+        ...combinedProps,
+        ...inputAriaProps,
+        ref: mergedRef,
+        role: "checkbox",
+        "aria-checked": ariaChecked,
+        "aria-disabled": resolvedDisabled || undefined,
+        accessibilityRole: "checkbox",
+        accessibilityState: {
+          checked: resolvedIndeterminate ? 'mixed' : resolvedChecked,
+          disabled: resolvedDisabled
+        },
+        tabIndex: resolvedDisabled ? -1 : 0,
+        disabled: resolvedDisabled,
+        ...focusProps,
+        onPress: handleToggle,
+        onClick: handleToggle,
+        onKeyDown: composeEventHandlers(combinedProps.onKeyDown, handleKeyDown),
+        ...mergeDataAttributes(props, dataAttributes({
+          checked: resolvedChecked,
+          disabled: resolvedDisabled,
+          hover: isHovered || isHoveredProp,
+          invalid: isInvalid || isInvalidProp,
+          readonly: resolvedReadOnly,
+          active: isPressed,
+          focus: isFocused,
+          indeterminate: resolvedIndeterminate,
+          focusVisible: isFocusVisible || isFocusVisibleProp
+        })),
+        children: children
+      })]
+    })
+  });
+});
+CheckboxRoot.displayName = 'CheckboxRoot';
+//# sourceMappingURL=CheckboxRoot.web.js.map

package/lib/module/checkbox/CheckboxRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","VisuallyHidden","composeEventHandlers","useFocusRing","Slot","dataAttributes","mergeDataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CheckboxRoot","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","toggle","useInputRefForAria","focusProps","onPress","_onPress","onChange","_onChange","role","_role","tabIndex","_tabIndex","disabled","_disabled","checked","_checked","value","_value","type","_type","name","_name","form","_form","required","_required","inputAriaProps","resolvedChecked","resolvedIndeterminate","resolvedDisabled","resolvedReadOnly","ariaChecked","handleToggle","handleKeyDown","event","key","preventDefault","contextValue","Comp","readOnly","style","pointerEvents","undefined","accessibilityRole","accessibilityState","onClick","onKeyDown","hover","invalid","readonly","active","focus","indeterminate","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/checkbox/index.js

@@ -1,26 +1,6 @@
 "use strict";
 
-import { createCheckboxGroup } from './createCheckboxGroup';
-import { createCheckboxIcon } from './createCheckboxIcon';
-import { createCheckboxIndicator } from './createCheckboxIndicator';
-import { createCheckboxLabel } from './createCheckboxLabel';
-import { createCheckboxRoot } from './createCheckboxRoot';
-export function createCheckbox(BaseComponents) {
-  const Checkbox = createCheckboxRoot(BaseComponents.Root);
-  const Indicator = createCheckboxIndicator(BaseComponents.Indicator);
-  const Icon = createCheckboxIcon(BaseComponents.Icon);
-  const Label = createCheckboxLabel(BaseComponents.Label);
-  const Group = createCheckboxGroup(BaseComponents.Group);
-  Checkbox.displayName = 'CheckboxPrimitive';
-  Indicator.displayName = 'CheckboxPrimitive.Indicator';
-  Icon.displayName = 'CheckboxPrimitive.Icon';
-  Label.displayName = 'CheckboxPrimitive.Label';
-  Group.displayName = 'CheckboxPrimitive.Group';
-  return Object.assign(Checkbox, {
-    Indicator,
-    Icon,
-    Label,
-    Group
-  });
-}
+export { useCheckboxContext } from './context';
+export { CheckboxRoot } from './CheckboxRoot';
+export { CheckboxGroup } from './CheckboxGroup';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createCheckboxGroup","createCheckboxIcon","createCheckboxIndicator","createCheckboxLabel","createCheckboxRoot","createCheckbox","BaseComponents","Checkbox","Root","Indicator","Icon","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AAYzD,OAAO,SAASC,cAAcA,CAAsCC,cAMnE,EAAE;EACD,MAAMC,QAAQ,GAAGH,kBAAkB,CAACE,cAAc,CAACE,IAAI,CAAC;EACxD,MAAMC,SAAS,GAAGP,uBAAuB,CAACI,cAAc,CAACG,SAAS,CAAC;EACnE,MAAMC,IAAI,GAAGT,kBAAkB,CAACK,cAAc,CAACI,IAAI,CAAC;EACpD,MAAMC,KAAK,GAAGR,mBAAmB,CAACG,cAAc,CAACK,KAAK,CAAC;EACvD,MAAMC,KAAK,GAAGZ,mBAAmB,CAACM,cAAc,CAACM,KAAK,CAAC;EAEvDL,QAAQ,CAACM,WAAW,GAAG,mBAAmB;EAC1CJ,SAAS,CAACI,WAAW,GAAG,6BAA6B;EACrDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAC7CD,KAAK,CAACC,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACR,QAAQ,EAAE;IAC7BE,SAAS;IACTC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["useCheckboxContext","CheckboxRoot","CheckboxGroup"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;AAEA,SAASA,kBAAkB,QAAQ,WAAW;AAC9C,SAASC,YAAY,QAAgC,gBAAgB;AACrE,SAASC,aAAa,QAAqC,iBAAiB","ignoreList":[]}

package/lib/module/checkbox/useCheckboxRoot.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useContext, useRef } from 'react';
+import { useCallback, useContext, useRef } from 'react';
 import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
 import { useCheckbox } from '@react-native-aria/checkbox';
 import { useHover } from '@react-native-aria/interactions';
@@ -10,27 +10,35 @@ export function useCheckboxRoot(props, ref, {
   useInputRefForAria = false
 } = {}) {
   const formControlContext = useFormControlContext();
-  const {
+  const checkboxGroupContext = useContext(CheckboxGroupContext);
+
+  // Only pull field-state flags from FormControl — never spread the whole context
+  // (ids, setters, htmlProps) onto the host element.
+  const isInvalid = props.isInvalid ?? formControlContext.isInvalid;
+  const isReadOnly = props.isReadOnly ?? formControlContext.isReadOnly ?? checkboxGroupContext?.state.isReadOnly;
+  const isDisabled = props.isDisabled ?? formControlContext.isDisabled ?? checkboxGroupContext?.state.isDisabled;
+  const isIndeterminate = props.isIndeterminate;
+  const combinedProps = {
+    ...props,
     isInvalid,
     isReadOnly,
-    isIndeterminate,
-    ...combinedProps
-  } = {
-    ...formControlContext,
-    ...props
+    isDisabled,
+    isIndeterminate
   };
-  const checkboxGroupContext = useContext(CheckboxGroupContext);
   const state = useToggleState({
-    ...combinedProps,
     defaultSelected: props.defaultIsChecked,
-    isSelected: props.isChecked
+    isSelected: props.isChecked,
+    onChange: props.onChange,
+    isReadOnly,
+    isDisabled
   });
   const rootRef = useRef(null);
   const inputRef = useRef(null);
   const mergedRootRef = mergeRefs(ref, rootRef);
-  const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
+  const ariaLabel = props['aria-label'] || props.value || 'Checkbox';
   const groupToggleState = useToggleState(checkboxGroupContext ? {
-    isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled,
     isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
     onChange(isSelected) {
       if (isSelected) {
@@ -43,36 +51,49 @@ export function useCheckboxRoot(props, ref, {
   } : {
     isSelected: false
   });
+  const toggleState = checkboxGroupContext ? groupToggleState : state;
   const {
     inputProps: groupItemInputProps
   } = useCheckbox({
     ...combinedProps,
     'aria-label': ariaLabel,
-    ...(checkboxGroupContext && {
-      isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
-      isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled
+  }, toggleState, useInputRefForAria ? inputRef : rootRef);
+  const resolvedGroupItemInputProps = {
+    ...groupItemInputProps,
+    ...(isReadOnly && {
+      'aria-readonly': true
     })
-  }, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
+  };
   const {
     checked: isChecked,
-    disabled: isDisabled
-  } = groupItemInputProps;
+    disabled: isDisabledFromInput
+  } = resolvedGroupItemInputProps;
   const {
     hoverProps,
-    isHovered
+    isHovered: isHoveredState
   } = useHover({}, rootRef);
+  const isHovered = isReadOnly ? false : isHoveredState;
+  const toggle = useCallback(() => {
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+    toggleState.toggle();
+  }, [isDisabled, isReadOnly, toggleState]);
   return {
     combinedProps,
     isInvalid,
     isReadOnly,
     isIndeterminate,
-    groupItemInputProps,
+    groupItemInputProps: resolvedGroupItemInputProps,
     isChecked,
-    isDisabled,
+    isDisabled: isDisabledFromInput,
     isHovered,
     hoverProps,
     mergedRef: mergedRootRef,
-    inputRef
+    inputRef,
+    toggle
   };
 }
 //# sourceMappingURL=useCheckboxRoot.js.map

package/lib/module/checkbox/useCheckboxRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","isDisabled","checked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,oBAAoB,QAAQ,WAAW;AAOhD,OAAO,SAASC,eAAeA,CAC7BC,KAAqB,EACrBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA8B,CAAC,GAAG,CAAC,CAAC,EAC3D;EACA,MAAMC,kBAAkB,GAAGT,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAEU,SAAS;IAAEC,UAAU;IAAEC,eAAe;IAAE,GAAGC;EAAc,CAAC,GAAG;IACnE,GAAGJ,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMQ,oBAAoB,GAAGjB,UAAU,CAACO,oBAAoB,CAAC;EAE7D,MAAMW,KAAK,GAAGZ,cAAc,CAAC;IAC3B,GAAGU,aAAa;IAChBG,eAAe,EAAEV,KAAK,CAACW,gBAAgB;IACvCC,UAAU,EAAEZ,KAAK,CAACa;EACpB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGtB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMuB,QAAQ,GAAGvB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMwB,aAAa,GAAGvB,SAAS,CAACQ,GAAG,EAASa,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGV,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACW,KAAK,IAAI,UAAU;EAElF,MAAMC,gBAAgB,GAAGtB,cAAc,CACrCW,oBAAoB,GAChB;IACEH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;IAC/DO,UAAU,EAAEJ,oBAAoB,CAACC,KAAK,CAACG,UAAU,CAACL,aAAa,CAACW,KAAK,CAAC;IACtEE,QAAQA,CAACR,UAAmB,EAAE;MAC5B,IAAIA,UAAU,EAAE;QACdJ,oBAAoB,CAACC,KAAK,CAACY,QAAQ,CAACd,aAAa,CAACW,KAAK,CAAC;MAC1D,CAAC,MAAM;QACLV,oBAAoB,CAACC,KAAK,CAACa,WAAW,CAACf,aAAa,CAACW,KAAK,CAAC;MAC7D;MACAX,aAAa,CAACa,QAAQ,GAAGR,UAAU,CAAC;IACtC;EACF,CAAC,GACD;IAAEA,UAAU,EAAE;EAAM,CAC1B,CAAC;EAED,MAAM;IAAEW,UAAU,EAAEC;EAAoB,CAAC,GAAG7B,WAAW,CACrD;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEU,SAAS;IACvB,IAAIT,oBAAoB,IAAI;MAC1BH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;MAC/DoB,UAAU,EAAElB,aAAa,CAACkB,UAAU,IAAIjB,oBAAoB,CAACC,KAAK,CAACgB;IACrE,CAAC;EACH,CAAC,EACDjB,oBAAoB,GAAGW,gBAAgB,GAAGV,KAAK,EAC9CP,kBAAkB,GAAGa,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAEY,OAAO,EAAEb,SAAS;IAAEc,QAAQ,EAAEF;EAAW,CAAC,GAAGD,mBAAmB;EAExE,MAAM;IAAEI,UAAU;IAAEC;EAAU,CAAC,GAAGjC,QAAQ,CAAC,CAAC,CAAC,EAAEkB,OAAO,CAAC;EAEvD,OAAO;IACLP,aAAa;IACbH,SAAS;IACTC,UAAU;IACVC,eAAe;IACfkB,mBAAmB;IACnBX,SAAS;IACTY,UAAU;IACVI,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useCallback","useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","checkboxGroupContext","isInvalid","isReadOnly","state","isDisabled","isIndeterminate","combinedProps","defaultSelected","defaultIsChecked","isSelected","isChecked","onChange","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","addValue","removeValue","toggleState","inputProps","groupItemInputProps","resolvedGroupItemInputProps","checked","disabled","isDisabledFromInput","hoverProps","isHovered","isHoveredState","toggle","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":"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","ignoreList":[]}