@cdx-ui/primitives 0.0.1-beta.76 → 0.0.1-beta.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -14
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -14,7 +14,7 @@ pnpm add @cdx-ui/primitives
|
|
|
14
14
|
|
|
15
15
|
- `react` ^18.2.0 || ^19.0.0
|
|
16
16
|
- `react-native` >= 0.76.0 _(optional)_
|
|
17
|
-
- `react-native-reanimated` >= 3.0.0
|
|
17
|
+
- `react-native-reanimated` >= 3.0.0 _(optional)_
|
|
18
18
|
- `react-native-web` >= 0.19.0 _(optional)_
|
|
19
19
|
|
|
20
20
|
## Primitives
|
|
@@ -42,18 +42,18 @@ Concrete behavioral components with built-in interaction state tracking, accessi
|
|
|
42
42
|
|
|
43
43
|
### Utility exports
|
|
44
44
|
|
|
45
|
-
| Export
|
|
46
|
-
|
|
|
47
|
-
| `dataAttributes`
|
|
48
|
-
| `mergeDataAttributes`
|
|
49
|
-
| `domDataAttributes`
|
|
50
|
-
| `mergeDomDataAttributes
|
|
51
|
-
| `Slot`
|
|
52
|
-
| `FormControlContext`
|
|
53
|
-
| `useFormControlContext`
|
|
54
|
-
| `OverlayInsetsProvider`
|
|
55
|
-
| `InteractionState`
|
|
56
|
-
| `EdgeInsets`
|
|
45
|
+
| Export | Description |
|
|
46
|
+
| ------------------------ | ------------------------------------------------------------------------------------------------- |
|
|
47
|
+
| `dataAttributes` | Builds `data-hover`, `data-active`, `data-focus-visible`, etc. from an `InteractionState` object. |
|
|
48
|
+
| `mergeDataAttributes` | Combines multiple data-attribute sources into one spread (prevents overwrites on web). |
|
|
49
|
+
| `domDataAttributes` | Web-specific variant that converts data attributes to DOM-compatible format. |
|
|
50
|
+
| `mergeDomDataAttributes` | Web-specific merge variant for combining DOM data attribute sources. |
|
|
51
|
+
| `Slot` | Primitives-layer `asChild` implementation — merges props/ref onto the consumer's child element. |
|
|
52
|
+
| `FormControlContext` | Re-exported from `@cdx-ui/utils`; shared context for field/form control state. |
|
|
53
|
+
| `useFormControlContext` | Re-exported from `@cdx-ui/utils`; reads `FormControlContext` in descendant components. |
|
|
54
|
+
| `OverlayInsetsProvider` | Context provider for safe-area insets used by overlay/dialog positioning. |
|
|
55
|
+
| `InteractionState` | Type: `{ hover, focus, active, disabled, focusVisible }`. |
|
|
56
|
+
| `EdgeInsets` | Type: `{ top, right, bottom, left }`. |
|
|
57
57
|
|
|
58
58
|
### OTP input utilities
|
|
59
59
|
|
|
@@ -83,5 +83,5 @@ Several modules export context providers and hooks for reading component state f
|
|
|
83
83
|
| otp-input | `OtpInputProvider`, `OtpCellIndexProvider` | `useOtpInputContext`, `useOtpCellIndexContext` | `OtpInputContextValue`, `OtpInputCellIndexContextValue` |
|
|
84
84
|
| progress | — | `useProgressContext` | `ProgressContextValue` |
|
|
85
85
|
| radio | `RadioProvider` | `useRadioContext` | `IRadioContextValue` |
|
|
86
|
-
| select | — | `useSelectContext`, `useSelectItemContext`
|
|
86
|
+
| select | — | `useSelectContext`, `useSelectItemContext` | `ISelectContextValue`, `ISelectItemContextValue` |
|
|
87
87
|
| tile | `TileProvider` | `useTileContext` | `ITileContextValue`, `ITileGroupContextValue` |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/primitives",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.78",
|
|
4
4
|
"main": "lib/commonjs/index.js",
|
|
5
5
|
"module": "lib/module/index.js",
|
|
6
6
|
"react-native": "src/index.ts",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@react-stately/radio": "3.12.0",
|
|
62
62
|
"@react-stately/toggle": "3.9.4",
|
|
63
63
|
"@rn-primitives/slot": "1.4.0",
|
|
64
|
-
"@cdx-ui/utils": "0.0.1-beta.
|
|
64
|
+
"@cdx-ui/utils": "0.0.1-beta.78"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
67
|
"@types/react": "*",
|