@cdx-ui/primitives 0.0.1-beta.9 → 0.0.1-beta.91

package/lib/commonjs/utils/domDataAttributes.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.domDataAttributes = domDataAttributes;
+exports.mergeDomDataAttributes = mergeDomDataAttributes;
+/**
+ * Produces `data-*` DOM attribute props for use on raw HTML elements (e.g. `<button>`).
+ *
+ * Unlike `dataAttributes`, which has a platform-specific `.web.ts` sibling that returns a
+ * `dataSet` object for React Native Web components, this file has no platform variant.
+ * The bundler therefore always resolves to this single implementation, making it safe to
+ * import from `.web.tsx` host components that render native DOM elements directly.
+ *
+ * Boolean values serialize to `"true"` / `"false"` strings.
+ * String values pass through as-is.
+ * Undefined values are omitted.
+ */
+
+function camelToKebab(str) {
+  return str.replaceAll(/[A-Z]/g, ch => `-${ch.toLowerCase()}`);
+}
+function domDataAttributes(attrs) {
+  const result = {};
+  for (const key in attrs) {
+    const value = attrs[key];
+    if (value === undefined) {
+      continue;
+    }
+    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
+  }
+  return result;
+}
+
+/**
+ * Merges multiple sources of DOM data attributes into a single flat object of
+ * `data-*` keys. Each source can be a `domDataAttributes()` output or any props
+ * object — non-`data-*` keys are ignored. Later sources override earlier sources
+ * on key conflicts.
+ *
+ * Use this when an element receives `data-*` attributes from more than one
+ * source (e.g. a styled layer's `data-slot` and a primitive's interaction-state
+ * `data-hover`/`data-focus` etc.) and a plain prop spread would otherwise be
+ * fine on native but lose attributes on web (where `dataAttributes()` returns
+ * `{ dataSet }` — see the `.web.ts` sibling for the web merge).
+ */
+function mergeDomDataAttributes(...sources) {
+  const result = {};
+  for (const source of sources) {
+    if (!source) continue;
+    for (const key in source) {
+      if (!key.startsWith('data-')) continue;
+      const value = source[key];
+      if (typeof value === 'boolean') {
+        result[key] = String(value);
+      } else if (typeof value === 'string') {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=domDataAttributes.js.map

package/lib/commonjs/utils/domDataAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["camelToKebab","str","replaceAll","ch","toLowerCase","domDataAttributes","attrs","result","key","value","undefined","String","mergeDomDataAttributes","sources","source","startsWith"],"sourceRoot":"../../../src","sources":["utils/domDataAttributes.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,SAASA,YAAYA,CAACC,GAAW,EAAU;EACzC,OAAOA,GAAG,CAACC,UAAU,CAAC,QAAQ,EAAGC,EAAE,IAAK,IAAIA,EAAE,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AACjE;AAEO,SAASC,iBAAiBA,CAC/BC,KAA4C,EACpB;EACxB,MAAMC,MAA8B,GAAG,CAAC,CAAC;EACzC,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IACxB,IAAIC,KAAK,KAAKC,SAAS,EAAE;MACvB;IACF;IACAH,MAAM,CAAC,QAAQP,YAAY,CAACQ,GAAG,CAAC,EAAE,CAAC,GAAG,OAAOC,KAAK,KAAK,SAAS,GAAGE,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC1F;EACA,OAAOF,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,sBAAsBA,CACpC,GAAGC,OAAgD,EAC3B;EACxB,MAAMN,MAA8B,GAAG,CAAC,CAAC;EACzC,KAAK,MAAMO,MAAM,IAAID,OAAO,EAAE;IAC5B,IAAI,CAACC,MAAM,EAAE;IACb,KAAK,MAAMN,GAAG,IAAIM,MAAM,EAAE;MACxB,IAAI,CAACN,GAAG,CAACO,UAAU,CAAC,OAAO,CAAC,EAAE;MAC9B,MAAMN,KAAK,GAAGK,MAAM,CAACN,GAAG,CAAC;MACzB,IAAI,OAAOC,KAAK,KAAK,SAAS,EAAE;QAC9BF,MAAM,CAACC,GAAG,CAAC,GAAGG,MAAM,CAACF,KAAK,CAAC;MAC7B,CAAC,MAAM,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;QACpCF,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK;MACrB;IACF;EACF;EACA,OAAOF,MAAM;AACf","ignoreList":[]}

package/lib/module/CLAUDE.md

@@ -0,0 +1,84 @@
+# Primitive Authoring
+
+Auto-loaded when working in `packages/primitives/src/**`.
+
+Primitives in `@cdx-ui/primitives` are unstyled behavioral components that handle accessibility and interactions. Read the full guides before making changes:
+
+- `docs/internal/practices/composition.md` — compound component structure
+- `docs/internal/practices/types.md` — `I*Props` convention, extending RN base types
+- `docs/internal/practices/accessibility.md` — ARIA roles, keyboard nav, screen reader support
+- `docs/internal/practices/as-child.md` — `asChild` prop pattern
+- `docs/internal/practices/data-attributes.md` — `data-state` and `data-slot` conventions
+
+## Six standards
+
+Forge UI primitives and their styled counterparts follow six standards. The first three govern primitive-layer authoring; the last three govern the styled layer (see `packages/components/src/components/CLAUDE.md`).
+
+### Standard 1 — Data attributes for interaction states
+
+Root primitives emit `data-*` attributes for the interaction state they own and expose that state via context. Sub-slots **do not** subscribe to context and **do not** emit interaction `data-*` attributes — they opt in only when their own styling or behavior reacts to that state.
+
+- **Root** — emits + provides context. Always.
+- **Sub-slot** — does not subscribe, does not emit. Opt in only when the styled layer (or the slot's own behavior) demonstrably reacts to the state.
+
+Pointlessly emitting on every sub-slot multiplies bridge writes (native) and DOM attribute writes (web) for no consumer benefit. A sub-slot that calls `useButtonContext()` becomes a subscriber — every interaction re-renders it even when nothing visually changes.
+
+`useButtonContext()` stays exported so styled-layer slots and external consumers can opt in when they actually need it.
+
+### Standard 2 — `asChild` support
+
+Every public primitive supports `asChild` via `Slot` (re-exported from `packages/primitives/src/slot`). The runtime cost when `asChild` is `false` is a single boolean check; consumers who opt in pay the merge cost themselves.
+
+```tsx
+const Comp = asChild ? Slot : DefaultElement;
+```
+
+### Standard 3 — When to create a primitive (the primitive-existence test)
+
+Create a primitive **only** when the slot owns behavior. A slot earns a primitive if it has at least one of:
+
+1. **Behavioral state machinery** — interaction hooks (`useFocus`, `useFocusRing`, `useHover`, `usePress`), controlled/uncontrolled state, open/closed/checked/value management.
+2. **Non-host accessibility semantics** — ARIA role/state beyond what the host element provides natively, custom keyboard handling, screen-reader announcements, focus traps.
+3. **Cross-platform host abstraction** — different host element per platform (e.g., a `.web.tsx` / `.native.tsx` split).
+4. **Compound contract ownership** — defines the compound's state surface and is the context provider (i.e., the Root).
+
+A slot does **not** earn a primitive if it only:
+
+- Wraps a host element with `className`/`style`.
+- Reads context for styling (the styled layer reads it directly via `useButtonContext`, `useStyleContext`, etc.).
+- Wants `asChild` (the styled layer uses `Slot` directly — it is re-exported from `@cdx-ui/primitives`).
+
+This eliminates the "factory pass-through" anti-pattern (e.g., a `ButtonIcon` primitive whose body is `<View {...props} ref={ref} />`). Such wrappers add nothing and force every consumer through a useless layer.
+
+## Canonical reference
+
+`packages/primitives/src/button/ButtonRoot.tsx` is the canonical concrete primitive. It demonstrates every Standard 1–3 requirement: concrete `forwardRef` component over `Pressable`, `asChild` via `Slot`, `dataAttributes()` for interaction state, `ButtonProvider` for context, function-as-children, ARIA defaults, and composed event handlers.
+
+`packages/primitives/src/button/` only ships `ButtonRoot` + `useButtonContext` + types. There is intentionally no `ButtonLabel`/`ButtonIcon`/`ButtonSpinner`/`ButtonGroup` primitive — those slots fail the primitive-existence test, so they live in `@cdx-ui/components` only.
+
+The styled-layer Indicator inside `packages/components/src/components/QuickActionButton/index.tsx` is the canonical example of a sub-slot that legitimately opts into interaction state. When (and only when) its own styling reacts to hover/focus/press, it reads `useButtonContext()` and emits `data-*` via `mergeDataAttributes(props, dataAttributes({ ... }))` — the same pattern external consumers use.
+
+## Pattern summary
+
+Each concrete primitive is a `forwardRef` component that hardcodes its default RN base element and supports `asChild` via `Slot`:
+
+1. **Concrete component** — `export const ComponentRoot = forwardRef<View, Props>(...)` hardcodes `View`/`Pressable`/`Text` as the default; uses `const Comp = asChild ? Slot : View` for the escape hatch
+2. **Interaction hooks** — `useFocus`, `useFocusRing`, `useHover`, `usePress` from `@react-native-aria/*`
+3. **Data attributes** — `dataAttributes({ hover, focus, active, disabled, focusVisible })` emitted on the rendered element for Uniwind `data-[state]` selectors
+4. **Context provider** — interaction state exposed via context so sub-slots and external consumers can opt in
+5. **Barrel export** — `index.ts` re-exports the concrete components, context, and types
+6. **`displayName`** — set on every exported component
+
+## Key rules
+
+- **Unstyled** — no visual styling (no `className`, no color/spacing classes). Only behavioral and a11y concerns.
+- **`asChild` via `Slot`** — import `Slot` from `../slot`; use `const Comp = asChild ? Slot : DefaultElement`.
+- **`I*Props` convention** — public prop types are aliased with `I` prefix (e.g., `IButtonProps`), exported from `types.ts`.
+- **`Interface*Props` pattern** — the full interface (e.g., `InterfaceButtonProps`) extends the appropriate RN base type (`PressableProps`, `ViewProps`, etc.) with interaction state booleans (`isHovered`, `isActive`, `isFocused`, `isFocusVisible`, `isDisabled`); re-exported as `I*Props`.
+- **`dataAttributes()` helper** — always use the helper from `../utils/dataAttributes` to emit `data-*` props; it handles platform differences (native vs web).
+- **`mergeDataAttributes(...sources)` helper** — when a primitive Root receives data attrs through `props` from its styled layer (e.g. `data-slot`) AND emits its own data attrs (e.g. interaction state), combine them via `mergeDataAttributes(props, dataAttributes({...}))`. A plain `{...dataAttributes({...})} {...props}` spread chain wipes out one side on web — `dataAttributes` returns `{ dataSet }`, so back-to-back spreads replace each other. The merge helper preserves both. `ButtonRoot.tsx` shows the canonical pattern.
+- **`composeEventHandlers`** from `@cdx-ui/utils` — merge consumer handlers with internal handlers; never silently override.
+- **`forwardRef`** on every component — refs forwarded to the underlying host element.
+- **ARIA roles** — set `role` with a sensible default (e.g., `role={props?.role || 'button'}`).
+- **Render children as function** — support `children` as `(state: InteractionState) => ReactNode` for state-driven rendering where the Root exposes interaction state.
+- **Consumable independently** of `@cdx-ui/components` — no imports from the styled layer.

package/lib/module/avatar/AvatarRoot.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { forwardRef, useMemo, useState } from 'react';
+import { View } from 'react-native';
+import { Slot } from '../slot';
+import { AvatarProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const AvatarRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  ...props
+}, ref) => {
+  const [imageLoaded, setImageLoaded] = useState(false);
+  const [imageError, setImageError] = useState(false);
+  const contextValue = useMemo(() => ({
+    imageLoaded,
+    imageError,
+    setImageLoaded,
+    setImageError
+  }), [imageLoaded, imageError]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(AvatarProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      role: props.role || 'img',
+      accessibilityRole: "image",
+      ...props,
+      children: children
+    })
+  });
+});
+AvatarRoot.displayName = 'AvatarRoot';
+//# sourceMappingURL=AvatarRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","useState","View","Slot","AvatarProvider","jsx","_jsx","AvatarRoot","asChild","children","props","ref","imageLoaded","setImageLoaded","imageError","setImageError","contextValue","Comp","value","role","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["avatar/AvatarRoot.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,MAAMC,UAAU,gBAAGR,UAAU,CAClC,CAAC;EAAES,OAAO;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACa,UAAU,EAAEC,aAAa,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMe,YAAY,GAAGhB,OAAO,CAC1B,OAAO;IAAEY,WAAW;IAAEE,UAAU;IAAED,cAAc;IAAEE;EAAc,CAAC,CAAC,EAClE,CAACH,WAAW,EAAEE,UAAU,CAC1B,CAAC;EAED,MAAMG,IAAI,GAAGT,OAAO,GAAGL,IAAI,GAAGD,IAAI;EAElC,oBACEI,IAAA,CAACF,cAAc;IAACc,KAAK,EAAEF,YAAa;IAAAP,QAAA,eAClCH,IAAA,CAACW,IAAI;MACHN,GAAG,EAAEA,GAAI;MACTQ,IAAI,EAAET,KAAK,CAACS,IAAI,IAAI,KAAM;MAC1BC,iBAAiB,EAAC,OAAO;MAAA,GACpBV,KAAK;MAAAD,QAAA,EAETA;IAAQ,CACL;EAAC,CACO,CAAC;AAErB,CACF,CAAC;AAEDF,UAAU,CAACc,WAAW,GAAG,YAAY","ignoreList":[]}

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":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,QAA6B,cAAc;AAC7D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,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;AAMpD,OAAO,MAAMC,YAAY,gBAAGZ,UAAU,CACpC,CACE;EAAEa,OAAO;EAAEC,SAAS;EAAEC,UAAU;EAAEC,SAAS;EAAEC,UAAU;EAAEC,OAAO;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAC9FC,GAAG,KACA;EACH,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,SAAS,EAAEC,aAAa;IACxBC,eAAe,EAAEC,mBAAmB;IACpCC,cAAc,EAAEC;EAClB,CAAC,GAAGnB,KAAK;EAET,MAAM;IACJoB,aAAa;IACbZ,SAAS;IACTE,UAAU;IACVM,eAAe;IACfK,mBAAmB;IACnBjB,SAAS;IACTE,UAAU;IACVJ,SAAS;IACToB,UAAU;IACVC;EACF,CAAC,GAAGnC,eAAe,CAACY,KAAK,EAAEC,GAAG,CAAC;EAE/B,MAAM;IAAEuB,UAAU;IAAEV;EAAU,CAAC,GAAGhC,QAAQ,CAAC,CAAC;EAE5C,MAAM;IAAE2C,UAAU;IAAEb;EAAU,CAAC,GAAG7B,QAAQ,CAAC;IACzCuB,UAAU,EAAEA,UAAU,IAAIC;EAC5B,CAAC,CAAC;EAEF,MAAMmB,YAAmC,GAAG;IAC1CtB,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;IACxCL,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCK,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;IACxCC,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,SAAS,EAAEA,SAAS,IAAIC,aAAa;IACrCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;IACvDC,cAAc,EAAEC;EAClB,CAAC;EAED,MAAMQ,IAAI,GAAGnC,OAAO,GAAGR,IAAI,GAAGJ,SAAS;EAEvC,oBACEU,IAAA,CAACH,gBAAgB;IAACyC,KAAK,EAAEF,YAAa;IAAA3B,QAAA,eACpCT,IAAA,CAACqC,IAAI;MACHE,QAAQ,EAAEvB,UAAU,IAAIC,cAAe;MAAA,GAClCa,aAAa;MAAA,GACdC,mBAAmB;MACvBpB,GAAG,EAAEsB,SAAU;MACfO,IAAI,EAAC,UAAU;MAAA,GACX5C,mBAAmB,CACrBc,KAAK,EACLf,cAAc,CAAC;QACb8C,OAAO,EAAE3B,SAAS,IAAIC,aAAa;QACnCwB,QAAQ,EAAEvB,UAAU,IAAIC,cAAc;QACtCyB,KAAK,EAAE9B,SAAS,IAAIC,aAAa;QACjC8B,OAAO,EAAEzB,SAAS,IAAIC,aAAa;QACnCyB,QAAQ,EAAExB,UAAU,IAAIC,cAAc;QACtCwB,MAAM,EAAEvB,SAAS;QACjBwB,KAAK,EAAEtB,SAAS;QAChBuB,aAAa,EAAErB,eAAe,IAAIC,mBAAmB;QACrDqB,YAAY,EAAEnB;MAChB,CAAC,CACH,CAAC;MACD1B,SAAS,EAAEZ,oBAAoB,CAACY,SAAS,EAAEgC,UAAU,CAAChC,SAAS,CAAE;MACjEC,UAAU,EAAEb,oBAAoB,CAACa,UAAU,EAAE+B,UAAU,CAAC/B,UAAU,CAAE;MACpEC,SAAS,EAAEd,oBAAoB,CAACc,SAAS,EAAE2B,UAAU,CAAC3B,SAAS,CAAE;MACjEC,UAAU,EAAEf,oBAAoB,CAACe,UAAU,EAAE0B,UAAU,CAAC1B,UAAU,CAAE;MACpEC,OAAO,EAAEhB,oBAAoB,CAACA,oBAAoB,CAACgB,OAAO,EAAE2B,UAAU,CAAC3B,OAAO,CAAC,CAAE;MACjFC,MAAM,EAAEjB,oBAAoB,CAACA,oBAAoB,CAACiB,MAAM,EAAE0B,UAAU,CAAC1B,MAAM,CAAC,CAAE;MAAAC,QAAA,EAE7EA;IAAQ,CACL;EAAC,CACS,CAAC;AAEvB,CACF,CAAC;AAEDR,YAAY,CAACgD,WAAW,GAAG,cAAc","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":"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","ignoreList":[]}