@cdx-ui/primitives 0.0.1-beta.7 → 0.0.1-beta.71

package/lib/module/avatar/index.js

@@ -1,26 +1,5 @@
 "use strict";
 
-import { createAvatarBadge } from './createAvatarBadge';
-import { createAvatarIcon } from './createAvatarIcon';
-import { createAvatarText } from './createAvatarText';
-import { createAvatarImage } from './createAvatarImage';
-import { createAvatarRoot } from './createAvatarRoot';
-export function createAvatar(BaseComponents) {
-  const Avatar = createAvatarRoot(BaseComponents.Root);
-  const AvatarImage = createAvatarImage(BaseComponents.Image);
-  const Text = createAvatarText(BaseComponents.Text);
-  const AvatarIcon = createAvatarIcon(BaseComponents.Icon);
-  const Badge = createAvatarBadge(BaseComponents.Badge);
-  Avatar.displayName = 'AvatarPrimitive';
-  AvatarImage.displayName = 'AvatarPrimitive.Image';
-  Text.displayName = 'AvatarPrimitive.Text';
-  AvatarIcon.displayName = 'AvatarPrimitive.Icon';
-  Badge.displayName = 'AvatarPrimitive.Badge';
-  return Object.assign(Avatar, {
-    Image: AvatarImage,
-    Text,
-    Icon: AvatarIcon,
-    Badge
-  });
-}
+export { useAvatarContext } from './context';
+export { AvatarRoot } from './AvatarRoot';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createAvatarBadge","createAvatarIcon","createAvatarText","createAvatarImage","createAvatarRoot","createAvatar","BaseComponents","Avatar","Root","AvatarImage","Image","Text","AvatarIcon","Icon","Badge","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["avatar/index.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AAYrD,OAAO,SAASC,YAAYA,CAAiCC,cAM5D,EAAE;EACD,MAAMC,MAAM,GAAGH,gBAAgB,CAACE,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,WAAW,GAAGN,iBAAiB,CAACG,cAAc,CAACI,KAAK,CAAC;EAC3D,MAAMC,IAAI,GAAGT,gBAAgB,CAACI,cAAc,CAACK,IAAI,CAAC;EAClD,MAAMC,UAAU,GAAGX,gBAAgB,CAACK,cAAc,CAACO,IAAI,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACM,cAAc,CAACQ,KAAK,CAAC;EAErDP,MAAM,CAACQ,WAAW,GAAG,iBAAiB;EACtCN,WAAW,CAACM,WAAW,GAAG,uBAAuB;EACjDJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,UAAU,CAACG,WAAW,GAAG,sBAAsB;EAC/CD,KAAK,CAACC,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;IAC3BG,KAAK,EAAED,WAAW;IAClBE,IAAI;IACJE,IAAI,EAAED,UAAU;IAChBE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["useAvatarContext","AvatarRoot"],"sourceRoot":"../../../src","sources":["avatar/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,UAAU,QAA8B,cAAc","ignoreList":[]}

package/lib/module/button/ButtonRoot.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers } 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 { ButtonProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const ButtonRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isDisabled,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps: pressableProps,
+    isPressed: isActive
+  } = usePress({
+    isDisabled
+  });
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const contextValue = useMemo(() => {
+    return {
+      hover: isHoveredProp || isHovered,
+      focus: isFocusedProp || isFocused,
+      active: isActiveProp || isActive,
+      disabled: !!isDisabled,
+      focusVisible: isFocusVisibleProp || isFocusVisible
+    };
+  }, [isHovered, isHoveredProp, isFocused, isFocusedProp, isActive, isActiveProp, isDisabled, isFocusVisible, isFocusVisibleProp]);
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(ButtonProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      role: props?.role || 'button',
+      disabled: isDisabled,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        hover: isHoveredProp || isHovered,
+        focus: isFocusedProp || isFocused,
+        active: isActiveProp || isActive,
+        disabled: !!isDisabled,
+        focusVisible: isFocusVisibleProp || isFocusVisible
+      })),
+      onPressIn: composeEventHandlers(props?.onPressIn, pressableProps.onPressIn),
+      onPressOut: composeEventHandlers(props?.onPressOut, pressableProps.onPressOut),
+      onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: typeof children === 'function' ? children({
+        hover: isHoveredProp || isHovered,
+        focus: isFocusedProp || isFocused,
+        active: isActiveProp || isActive,
+        disabled: !!isDisabled,
+        focusVisible: isFocusVisibleProp || isFocusVisible
+      }) : children
+    })
+  });
+});
+ButtonRoot.displayName = 'ButtonRoot';
+//# sourceMappingURL=ButtonRoot.js.map

package/lib/module/button/ButtonRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Pressable","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ButtonProvider","jsx","_jsx","ButtonRoot","asChild","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","focusRingProps","pressProps","pressableProps","isPressed","hoverProps","contextValue","hover","focus","active","disabled","focusVisible","Comp","value","role","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["button/ButtonRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/button/index.js

@@ -1,27 +1,5 @@
 "use strict";
 
-import { createButtonGroup } from './createButtonGroup';
-import { createButtonIcon } from './createButtonIcon';
-import { createButtonRoot } from './createButtonRoot';
-import { createButtonSpinner } from './createButtonSpinner';
-import { createButtonText } from './createButtonText';
 export { useButtonContext } from './context';
-export function createButton(BaseComponents) {
-  const Button = createButtonRoot(BaseComponents.Root);
-  const Text = createButtonText(BaseComponents.Text);
-  const Group = createButtonGroup(BaseComponents.Group);
-  const Spinner = createButtonSpinner(BaseComponents.Spinner);
-  const Icon = createButtonIcon(BaseComponents.Icon);
-  Button.displayName = 'ButtonPrimitive';
-  Text.displayName = 'ButtonPrimitive.Text';
-  Group.displayName = 'ButtonPrimitive.Group';
-  Spinner.displayName = 'ButtonPrimitive.Spinner';
-  Icon.displayName = 'ButtonPrimitive.Icon';
-  return Object.assign(Button, {
-    Text,
-    Group,
-    Spinner,
-    Icon
-  });
-}
+export { ButtonRoot } from './ButtonRoot';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createButtonGroup","createButtonIcon","createButtonRoot","createButtonSpinner","createButtonText","useButtonContext","createButton","BaseComponents","Button","Root","Text","Group","Spinner","Icon","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AAIrD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,OAAO,SAASC,YAAYA,CAQ1BC,cAMD,EAAE;EACD,MAAMC,MAAM,GAAGN,gBAAgB,CAACK,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,IAAI,GAAGN,gBAAgB,CAACG,cAAc,CAACG,IAAI,CAAC;EAClD,MAAMC,KAAK,GAAGX,iBAAiB,CAACO,cAAc,CAACI,KAAK,CAAC;EACrD,MAAMC,OAAO,GAAGT,mBAAmB,CAACI,cAAc,CAACK,OAAO,CAAC;EAC3D,MAAMC,IAAI,GAAGZ,gBAAgB,CAACM,cAAc,CAACM,IAAI,CAAC;EAElDL,MAAM,CAACM,WAAW,GAAG,iBAAiB;EACtCJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,KAAK,CAACG,WAAW,GAAG,uBAAuB;EAC3CF,OAAO,CAACE,WAAW,GAAG,yBAAyB;EAC/CD,IAAI,CAACC,WAAW,GAAG,sBAAsB;EAEzC,OAAOC,MAAM,CAACC,MAAM,CAACR,MAAM,EAAE;IAC3BE,IAAI;IACJC,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,CAAC;AASJ","ignoreList":[]}
+{"version":3,"names":["useButtonContext","ButtonRoot"],"sourceRoot":"../../../src","sources":["button/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,UAAU,QAA8B,cAAc","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
+  });
+  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,90 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+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, jsxs as _jsxs } from "react/jsx-runtime";
+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
+  } = useCheckboxRoot(props, ref, {
+    useInputRefForAria: true
+  });
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  const contextValue = {
+    isChecked: isChecked || isCheckedProp,
+    isDisabled: isDisabled || isDisabledProp,
+    isFocusVisible: isFocusVisible || isFocusVisibleProp,
+    isHovered: isHovered || isHoveredProp,
+    isInvalid: isInvalid || isInvalidProp,
+    isReadOnly: isReadOnly || isReadOnlyProp,
+    isIndeterminate: isIndeterminate || isIndeterminateProp,
+    isPressed,
+    isFocused
+  };
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(CheckboxProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(Comp, {
+      ...combinedProps,
+      ref: mergedRef,
+      tabIndex: -1,
+      role: "label"
+      // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
+      ,
+      accessibilityRole: "label",
+      ...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: isFocusVisible
+      })),
+      children: [/*#__PURE__*/_jsx(VisuallyHidden, {
+        children: /*#__PURE__*/_jsx("input", {
+          ...groupItemInputProps,
+          ...focusProps,
+          ref: inputRef
+        })
+      }), 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","useFocusRing","Slot","dataAttributes","mergeDataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","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","useInputRefForAria","focusProps","contextValue","Comp","value","tabIndex","role","accessibilityRole","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAA6B,cAAc;AAC7D,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,eAAe,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpD,OAAO,MAAMC,YAAY,gBAAGb,UAAU,CACpC,CAAC;EAAEc,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG7B,eAAe,CAACQ,KAAK,EAAEC,GAAG,EAAE;IAAEqB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEnB;EAAe,CAAC,GAAGjB,YAAY,CAAC,CAAC;EAErD,MAAMqC,YAAmC,GAAG;IAC1ClB,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;IACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;IACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;IACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;IACvDE,SAAS;IACTD;EACF,CAAC;EAED,MAAMS,IAAI,GAAG3B,OAAO,GAAGV,IAAI,GAAGH,SAAS;EAEvC,oBACES,IAAA,CAACH,gBAAgB;IAACmC,KAAK,EAAEF,YAAa;IAAAzB,QAAA,eACpCH,KAAA,CAAC6B,IAAI;MAAA,GACEP,aAAa;MAClBjB,GAAG,EAAEmB,SAAU;MACfO,QAAQ,EAAE,CAAC,CAAE;MACbC,IAAI,EAAC;MACL;MAAA;MACAC,iBAAiB,EAAC,OAAO;MAAA,GACrBvC,mBAAmB,CACrBU,KAAK,EACLX,cAAc,CAAC;QACbyC,OAAO,EAAExB,SAAS,IAAIC,aAAa;QACnCwB,QAAQ,EAAEvB,UAAU,IAAIC,cAAc;QACtCuB,KAAK,EAAE9B,SAAS,IAAIC,aAAa;QACjC8B,OAAO,EAAEvB,SAAS,IAAIC,aAAa;QACnCuB,QAAQ,EAAEtB,UAAU,IAAIC,cAAc;QACtCsB,MAAM,EAAElB,SAAS;QACjBmB,KAAK,EAAEpB,SAAS;QAChBqB,aAAa,EAAEvB,eAAe,IAAIC,mBAAmB;QACrDuB,YAAY,EAAElC;MAChB,CAAC,CACH,CAAC;MAAAL,QAAA,gBAEDL,IAAA,CAACR,cAAc;QAAAa,QAAA,eACbL,IAAA;UAAA,GAAWyB,mBAAmB;UAAA,GAAMI,UAAU;UAAEtB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACL;EAAC,CACS,CAAC;AAEvB,CACF,CAAC;AAEDF,YAAY,CAAC0C,WAAW,GAAG,cAAc","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/chip/ChipRoot.js

@@ -0,0 +1,142 @@
+"use strict";
+
+import React, { forwardRef, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { composeEventHandlers } 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 { ChipProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const rowStyle = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  alignSelf: 'flex-start'
+};
+export const ChipRoot = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  disabled = false,
+  accessibilityRole,
+  style,
+  ...restProps
+}, ref) => {
+  const asChildInteractive = asChild && /*#__PURE__*/React.isValidElement(children);
+  const isPressableRoot = !!onPress && !asChildInteractive;
+  const pressState = usePress({
+    isDisabled: !isPressableRoot || disabled
+  });
+  const isPressed = pressState.isPressed;
+  const pressProps = pressState.pressProps;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const childDisabled = asChildInteractive && !!children.props.disabled;
+  const resolvedDisabled = disabled || childDisabled;
+  const contextValue = useMemo(() => ({
+    hover: isPressableRoot ? isHovered : false,
+    focus: isPressableRoot ? isFocused : false,
+    active: isPressableRoot ? isPressed : false,
+    disabled: resolvedDisabled,
+    focusVisible: isPressableRoot ? isFocusVisible : false
+  }), [isPressableRoot, isHovered, isFocused, isPressed, resolvedDisabled, isFocusVisible]);
+  if (asChildInteractive) {
+    const slotMergeProps = {
+      ...restProps,
+      ...(resolvedDisabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: resolvedDisabled,
+      style: [rowStyle, style]
+    };
+
+    // Only set onPress when we have a parent handler to compose. Slot merges this
+    // with the child's own onPress (child first, then ours). When there is no parent
+    // onPress, omitting it preserves the child's internal handler (e.g. Link's useLink).
+    if (!resolvedDisabled && onPress) {
+      slotMergeProps.onPress = onPress;
+    }
+    return /*#__PURE__*/_jsx(ChipProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(Slot, {
+        ref: ref,
+        ...slotMergeProps,
+        ...mergeDataAttributes(restProps, dataAttributes({
+          active: false,
+          hover: false,
+          focus: false,
+          focusVisible: false,
+          disabled: resolvedDisabled
+        })),
+        children: children
+      })
+    });
+  }
+  if (isPressableRoot) {
+    const {
+      onPressIn: onPressInProp,
+      onPressOut: onPressOutProp,
+      onHoverIn: onHoverInProp,
+      onHoverOut: onHoverOutProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp
+    } = restProps;
+    return /*#__PURE__*/_jsx(ChipProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        ...restProps,
+        ref: ref,
+        accessibilityRole: accessibilityRole ?? 'button',
+        ...(disabled && {
+          accessibilityState: {
+            disabled: true
+          }
+        }),
+        disabled: disabled,
+        style: [rowStyle, style],
+        onPress: disabled ? undefined : onPress,
+        onPressIn: composeEventHandlers(onPressInProp, pressProps.onPressIn),
+        onPressOut: composeEventHandlers(onPressOutProp, pressProps.onPressOut),
+        onHoverIn: composeEventHandlers(onHoverInProp, hoverProps.onHoverIn),
+        onHoverOut: composeEventHandlers(onHoverOutProp, hoverProps.onHoverOut),
+        onFocus: composeEventHandlers(composeEventHandlers(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
+        onBlur: composeEventHandlers(composeEventHandlers(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
+        ...mergeDataAttributes(restProps, dataAttributes({
+          active: isPressed,
+          hover: isHovered,
+          focus: isFocused,
+          focusVisible: isFocusVisible,
+          disabled
+        })),
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(ChipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      ...restProps,
+      ref: ref,
+      style: [rowStyle, style],
+      ...mergeDataAttributes(restProps, disabled ? dataAttributes({
+        disabled: true
+      }) : undefined),
+      children: children
+    })
+  });
+});
+ChipRoot.displayName = 'ChipRoot';
+//# sourceMappingURL=ChipRoot.js.map

package/lib/module/chip/ChipRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ChipProvider","jsx","_jsx","rowStyle","flexDirection","alignItems","alignSelf","ChipRoot","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","asChildInteractive","isValidElement","isPressableRoot","pressState","isDisabled","isPressed","pressProps","hoverProps","isHovered","isFocused","focusProps","isFocusVisible","focusRingProps","childDisabled","props","resolvedDisabled","contextValue","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","value","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","undefined","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chip/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [ChipProvider, useChipContext] = createContext('ChipContext');
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","ChipProvider","useChipContext"],"sourceRoot":"../../../src","sources":["chip/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGF,aAAa,CAAmB,aAAa,CAAC","ignoreList":[]}

package/lib/module/chip/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { useChipContext } from './context';
+export { ChipRoot } from './ChipRoot';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useChipContext","ChipRoot"],"sourceRoot":"../../../src","sources":["chip/index.ts"],"mappings":";;AACA,SAASA,cAAc,QAAQ,WAAW;AAC1C,SAASC,QAAQ,QAA4B,YAAY","ignoreList":[]}

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

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