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

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.
Files changed (149) hide show
  1. package/README.md +21 -21
  2. package/lib/commonjs/index.js +24 -0
  3. package/lib/commonjs/index.js.map +1 -1
  4. package/lib/commonjs/list-item/context.js +11 -0
  5. package/lib/commonjs/list-item/context.js.map +1 -0
  6. package/lib/commonjs/list-item/createListItemContent.js +30 -0
  7. package/lib/commonjs/list-item/createListItemContent.js.map +1 -0
  8. package/lib/commonjs/list-item/createListItemDescription.js +25 -0
  9. package/lib/commonjs/list-item/createListItemDescription.js.map +1 -0
  10. package/lib/commonjs/list-item/createListItemLeadingSlot.js +34 -0
  11. package/lib/commonjs/list-item/createListItemLeadingSlot.js.map +1 -0
  12. package/lib/commonjs/list-item/createListItemMeta.js +25 -0
  13. package/lib/commonjs/list-item/createListItemMeta.js.map +1 -0
  14. package/lib/commonjs/list-item/createListItemRoot.js +142 -0
  15. package/lib/commonjs/list-item/createListItemRoot.js.map +1 -0
  16. package/lib/commonjs/list-item/createListItemSectionHeader.js +54 -0
  17. package/lib/commonjs/list-item/createListItemSectionHeader.js.map +1 -0
  18. package/lib/commonjs/list-item/createListItemTitle.js +25 -0
  19. package/lib/commonjs/list-item/createListItemTitle.js.map +1 -0
  20. package/lib/commonjs/list-item/createListItemTrailingSlot.js +28 -0
  21. package/lib/commonjs/list-item/createListItemTrailingSlot.js.map +1 -0
  22. package/lib/commonjs/list-item/index.js +55 -0
  23. package/lib/commonjs/list-item/index.js.map +1 -0
  24. package/lib/commonjs/list-item/types.js +6 -0
  25. package/lib/commonjs/list-item/types.js.map +1 -0
  26. package/lib/commonjs/radio/context.js +14 -0
  27. package/lib/commonjs/radio/context.js.map +1 -0
  28. package/lib/commonjs/radio/createRadioGroup.js +66 -0
  29. package/lib/commonjs/radio/createRadioGroup.js.map +1 -0
  30. package/lib/commonjs/radio/createRadioIndicator.js +43 -0
  31. package/lib/commonjs/radio/createRadioIndicator.js.map +1 -0
  32. package/lib/commonjs/radio/createRadioLabel.js +38 -0
  33. package/lib/commonjs/radio/createRadioLabel.js.map +1 -0
  34. package/lib/commonjs/radio/createRadioRoot.js +95 -0
  35. package/lib/commonjs/radio/createRadioRoot.js.map +1 -0
  36. package/lib/commonjs/radio/createRadioRoot.web.js +87 -0
  37. package/lib/commonjs/radio/createRadioRoot.web.js.map +1 -0
  38. package/lib/commonjs/radio/index.js +26 -0
  39. package/lib/commonjs/radio/index.js.map +1 -0
  40. package/lib/commonjs/radio/types.js +6 -0
  41. package/lib/commonjs/radio/types.js.map +1 -0
  42. package/lib/commonjs/radio/useRadioRoot.js +64 -0
  43. package/lib/commonjs/radio/useRadioRoot.js.map +1 -0
  44. package/lib/module/index.js +2 -0
  45. package/lib/module/index.js.map +1 -1
  46. package/lib/module/list-item/context.js +5 -0
  47. package/lib/module/list-item/context.js.map +1 -0
  48. package/lib/module/list-item/createListItemContent.js +24 -0
  49. package/lib/module/list-item/createListItemContent.js.map +1 -0
  50. package/lib/module/list-item/createListItemDescription.js +19 -0
  51. package/lib/module/list-item/createListItemDescription.js.map +1 -0
  52. package/lib/module/list-item/createListItemLeadingSlot.js +28 -0
  53. package/lib/module/list-item/createListItemLeadingSlot.js.map +1 -0
  54. package/lib/module/list-item/createListItemMeta.js +19 -0
  55. package/lib/module/list-item/createListItemMeta.js.map +1 -0
  56. package/lib/module/list-item/createListItemRoot.js +136 -0
  57. package/lib/module/list-item/createListItemRoot.js.map +1 -0
  58. package/lib/module/list-item/createListItemSectionHeader.js +48 -0
  59. package/lib/module/list-item/createListItemSectionHeader.js.map +1 -0
  60. package/lib/module/list-item/createListItemTitle.js +19 -0
  61. package/lib/module/list-item/createListItemTitle.js.map +1 -0
  62. package/lib/module/list-item/createListItemTrailingSlot.js +22 -0
  63. package/lib/module/list-item/createListItemTrailingSlot.js.map +1 -0
  64. package/lib/module/list-item/index.js +39 -0
  65. package/lib/module/list-item/index.js.map +1 -0
  66. package/lib/module/list-item/types.js +4 -0
  67. package/lib/module/list-item/types.js.map +1 -0
  68. package/lib/module/radio/context.js +7 -0
  69. package/lib/module/radio/context.js.map +1 -0
  70. package/lib/module/radio/createRadioGroup.js +61 -0
  71. package/lib/module/radio/createRadioGroup.js.map +1 -0
  72. package/lib/module/radio/createRadioIndicator.js +38 -0
  73. package/lib/module/radio/createRadioIndicator.js.map +1 -0
  74. package/lib/module/radio/createRadioLabel.js +33 -0
  75. package/lib/module/radio/createRadioLabel.js.map +1 -0
  76. package/lib/module/radio/createRadioRoot.js +90 -0
  77. package/lib/module/radio/createRadioRoot.js.map +1 -0
  78. package/lib/module/radio/createRadioRoot.web.js +82 -0
  79. package/lib/module/radio/createRadioRoot.web.js.map +1 -0
  80. package/lib/module/radio/index.js +22 -0
  81. package/lib/module/radio/index.js.map +1 -0
  82. package/lib/module/radio/types.js +4 -0
  83. package/lib/module/radio/types.js.map +1 -0
  84. package/lib/module/radio/useRadioRoot.js +60 -0
  85. package/lib/module/radio/useRadioRoot.js.map +1 -0
  86. package/lib/typescript/index.d.ts +2 -0
  87. package/lib/typescript/index.d.ts.map +1 -1
  88. package/lib/typescript/list-item/context.d.ts +6 -0
  89. package/lib/typescript/list-item/context.d.ts.map +1 -0
  90. package/lib/typescript/list-item/createListItemContent.d.ts +3 -0
  91. package/lib/typescript/list-item/createListItemContent.d.ts.map +1 -0
  92. package/lib/typescript/list-item/createListItemDescription.d.ts +3 -0
  93. package/lib/typescript/list-item/createListItemDescription.d.ts.map +1 -0
  94. package/lib/typescript/list-item/createListItemLeadingSlot.d.ts +4 -0
  95. package/lib/typescript/list-item/createListItemLeadingSlot.d.ts.map +1 -0
  96. package/lib/typescript/list-item/createListItemMeta.d.ts +3 -0
  97. package/lib/typescript/list-item/createListItemMeta.d.ts.map +1 -0
  98. package/lib/typescript/list-item/createListItemRoot.d.ts +4 -0
  99. package/lib/typescript/list-item/createListItemRoot.d.ts.map +1 -0
  100. package/lib/typescript/list-item/createListItemSectionHeader.d.ts +4 -0
  101. package/lib/typescript/list-item/createListItemSectionHeader.d.ts.map +1 -0
  102. package/lib/typescript/list-item/createListItemTitle.d.ts +3 -0
  103. package/lib/typescript/list-item/createListItemTitle.d.ts.map +1 -0
  104. package/lib/typescript/list-item/createListItemTrailingSlot.d.ts +3 -0
  105. package/lib/typescript/list-item/createListItemTrailingSlot.d.ts.map +1 -0
  106. package/lib/typescript/list-item/index.d.ts +16 -0
  107. package/lib/typescript/list-item/index.d.ts.map +1 -0
  108. package/lib/typescript/list-item/types.d.ts +86 -0
  109. package/lib/typescript/list-item/types.d.ts.map +1 -0
  110. package/lib/typescript/radio/context.d.ts +21 -0
  111. package/lib/typescript/radio/context.d.ts.map +1 -0
  112. package/lib/typescript/radio/createRadioGroup.d.ts +3 -0
  113. package/lib/typescript/radio/createRadioGroup.d.ts.map +1 -0
  114. package/lib/typescript/radio/createRadioIndicator.d.ts +5 -0
  115. package/lib/typescript/radio/createRadioIndicator.d.ts.map +1 -0
  116. package/lib/typescript/radio/createRadioLabel.d.ts +5 -0
  117. package/lib/typescript/radio/createRadioLabel.d.ts.map +1 -0
  118. package/lib/typescript/radio/createRadioRoot.d.ts +3 -0
  119. package/lib/typescript/radio/createRadioRoot.d.ts.map +1 -0
  120. package/lib/typescript/radio/createRadioRoot.web.d.ts +3 -0
  121. package/lib/typescript/radio/createRadioRoot.web.d.ts.map +1 -0
  122. package/lib/typescript/radio/index.d.ts +10 -0
  123. package/lib/typescript/radio/index.d.ts.map +1 -0
  124. package/lib/typescript/radio/types.d.ts +54 -0
  125. package/lib/typescript/radio/types.d.ts.map +1 -0
  126. package/lib/typescript/radio/useRadioRoot.d.ts +149 -0
  127. package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -0
  128. package/package.json +5 -2
  129. package/src/index.ts +2 -0
  130. package/src/list-item/context.tsx +5 -0
  131. package/src/list-item/createListItemContent.tsx +23 -0
  132. package/src/list-item/createListItemDescription.tsx +19 -0
  133. package/src/list-item/createListItemLeadingSlot.tsx +30 -0
  134. package/src/list-item/createListItemMeta.tsx +17 -0
  135. package/src/list-item/createListItemRoot.tsx +163 -0
  136. package/src/list-item/createListItemSectionHeader.tsx +53 -0
  137. package/src/list-item/createListItemTitle.tsx +17 -0
  138. package/src/list-item/createListItemTrailingSlot.tsx +21 -0
  139. package/src/list-item/index.ts +88 -0
  140. package/src/list-item/types.ts +122 -0
  141. package/src/radio/context.tsx +21 -0
  142. package/src/radio/createRadioGroup.tsx +67 -0
  143. package/src/radio/createRadioIndicator.tsx +32 -0
  144. package/src/radio/createRadioLabel.tsx +28 -0
  145. package/src/radio/createRadioRoot.tsx +100 -0
  146. package/src/radio/createRadioRoot.web.tsx +81 -0
  147. package/src/radio/index.ts +37 -0
  148. package/src/radio/types.ts +67 -0
  149. package/src/radio/useRadioRoot.ts +69 -0
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ export const createListItemDescription = Base => /*#__PURE__*/forwardRef(({
7
+ children,
8
+ style,
9
+ ...props
10
+ }, ref) => /*#__PURE__*/_jsx(Base, {
11
+ ...props,
12
+ ...dataAttributes({
13
+ slot: 'list-item-description'
14
+ }),
15
+ ref: ref,
16
+ style: style,
17
+ children: children
18
+ }));
19
+ //# sourceMappingURL=createListItemDescription.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemDescription","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,yBAAyB,GAAQC,IAA4B,iBACxEL,UAAU,CACR,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiC,CAAC,EAAEC,GAAuB,kBAChFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ const shrinkZero = {
7
+ flexShrink: 0
8
+ };
9
+ export const createListItemLeadingSlot = Base => /*#__PURE__*/forwardRef(({
10
+ 'aria-hidden': ariaHidden,
11
+ style,
12
+ children,
13
+ ...props
14
+ }, ref) => {
15
+ const accessibilityElementsHidden = ariaHidden !== false;
16
+ return /*#__PURE__*/_jsx(Base, {
17
+ ...props,
18
+ ...dataAttributes({
19
+ slot: 'list-item-leading'
20
+ }),
21
+ accessibilityElementsHidden: accessibilityElementsHidden,
22
+ "aria-hidden": ariaHidden,
23
+ ref: ref,
24
+ style: [shrinkZero, style],
25
+ children: children
26
+ });
27
+ });
28
+ //# sourceMappingURL=createListItemLeadingSlot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createListItemLeadingSlot","Base","ariaHidden","style","children","props","ref","accessibilityElementsHidden","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemLeadingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,yBAAyB,GAAQC,IAA4B,iBACxEP,UAAU,CACR,CACE;EAAE,aAAa,EAAEQ,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAiC,CAAC,EACnFC,GAAuB,KACpB;EACH,MAAMC,2BAA2B,GAAGL,UAAU,KAAK,KAAK;EAExD,oBACEL,IAAA,CAACI,IAAI;IAAA,GACEI,KAAK;IAAA,GACNV,cAAc,CAAC;MACjBa,IAAI,EAAE;IACR,CAAC,CAAC;IACFD,2BAA2B,EAAEA,2BAA4B;IACzD,eAAaL,UAAW;IACxBI,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;IAAAC,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ export const createListItemMeta = Base => /*#__PURE__*/forwardRef(({
7
+ children,
8
+ style,
9
+ ...props
10
+ }, ref) => /*#__PURE__*/_jsx(Base, {
11
+ ...props,
12
+ ...dataAttributes({
13
+ slot: 'list-item-meta'
14
+ }),
15
+ ref: ref,
16
+ style: style,
17
+ children: children
18
+ }));
19
+ //# sourceMappingURL=createListItemMeta.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemMeta","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemMeta.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,kBAAkB,GAAQC,IAA4B,iBACjEL,UAAU,CAAC,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA0B,CAAC,EAAEC,GAAuB,kBACpFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
@@ -0,0 +1,136 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef, useMemo } from 'react';
4
+ import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
5
+ import { useHover, usePress } from '@react-native-aria/interactions';
6
+ import { dataAttributes } from '../utils/dataAttributes';
7
+ import { ListItemProvider } from './context';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ function listItemRootDataAttrs(size, surface, showSeparator, crossAlign) {
10
+ return dataAttributes({
11
+ slot: 'list-item',
12
+ size: size ?? 'default',
13
+ surface: surface ?? 'default',
14
+ separator: showSeparator ?? true,
15
+ crossAlign: crossAlign ?? 'center'
16
+ });
17
+ }
18
+ function rowStyleForCrossAlign(crossAlign) {
19
+ return {
20
+ flexDirection: 'row',
21
+ alignSelf: 'stretch',
22
+ alignItems: crossAlign === 'start' ? 'flex-start' : 'center'
23
+ };
24
+ }
25
+ export const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/forwardRef(({
26
+ asChild = false,
27
+ children,
28
+ onPress,
29
+ size = 'default',
30
+ surface = 'default',
31
+ showSeparator = true,
32
+ crossAlign = 'center',
33
+ disabled = false,
34
+ style,
35
+ ...restProps
36
+ }, ref) => {
37
+ const asChildInteractive = asChild && !!onPress && /*#__PURE__*/React.isValidElement(children);
38
+ const isPressableRoot = !!onPress && !asChildInteractive;
39
+ const pressState = usePress({
40
+ isDisabled: !isPressableRoot || disabled
41
+ });
42
+ const isPressed = pressState.isPressed;
43
+ const pressProps = pressState.pressProps;
44
+ const {
45
+ hoverProps,
46
+ isHovered
47
+ } = useHover();
48
+ const slotAttrs = listItemRootDataAttrs(size, surface, showSeparator, crossAlign);
49
+ const contextValue = useMemo(() => ({
50
+ isPressed: isPressableRoot ? isPressed : false,
51
+ isHovered,
52
+ isDisabled: disabled,
53
+ crossAlign: crossAlign ?? 'center'
54
+ }), [isPressableRoot, isPressed, isHovered, disabled, crossAlign]);
55
+ if (asChildInteractive) {
56
+ const child = children;
57
+ const mergedOnPress = composeEventHandlers(child.props.onPress, onPress);
58
+ const childDisabled = !!child.props.disabled;
59
+ const resolvedDisabled = disabled || childDisabled;
60
+ return /*#__PURE__*/_jsx(ListItemProvider, {
61
+ value: {
62
+ isPressed: false,
63
+ isHovered: false,
64
+ isDisabled: resolvedDisabled,
65
+ crossAlign: crossAlign ?? 'center'
66
+ },
67
+ children: /*#__PURE__*/React.cloneElement(child, {
68
+ ...restProps,
69
+ ...slotAttrs,
70
+ ...dataAttributes({
71
+ active: false,
72
+ hovered: false,
73
+ disabled: resolvedDisabled
74
+ }),
75
+ ...(resolvedDisabled && {
76
+ accessibilityState: {
77
+ disabled: true
78
+ }
79
+ }),
80
+ disabled: resolvedDisabled,
81
+ onPress: resolvedDisabled ? undefined : mergedOnPress,
82
+ ref: mergeRefs(ref, child.props.ref),
83
+ style: [rowStyleForCrossAlign(crossAlign), style, child.props.style]
84
+ })
85
+ });
86
+ }
87
+ if (isPressableRoot) {
88
+ const interactionAttrs = dataAttributes({
89
+ active: isPressed,
90
+ hovered: isHovered,
91
+ disabled
92
+ });
93
+ const {
94
+ onPressIn: onPressInProp,
95
+ onPressOut: onPressOutProp,
96
+ onHoverIn: onHoverInProp,
97
+ onHoverOut: onHoverOutProp
98
+ } = restProps;
99
+ return /*#__PURE__*/_jsx(ListItemProvider, {
100
+ value: contextValue,
101
+ children: /*#__PURE__*/_jsx(BasePressable, {
102
+ ...restProps,
103
+ ...slotAttrs,
104
+ ...interactionAttrs,
105
+ ...(disabled && {
106
+ accessibilityState: {
107
+ disabled: true
108
+ }
109
+ }),
110
+ disabled: disabled,
111
+ ref: ref,
112
+ style: [rowStyleForCrossAlign(crossAlign), style],
113
+ onPress: disabled ? undefined : onPress,
114
+ onPressIn: composeEventHandlers(onPressInProp, pressProps.onPressIn),
115
+ onPressOut: composeEventHandlers(onPressOutProp, pressProps.onPressOut),
116
+ onHoverIn: composeEventHandlers(onHoverInProp, hoverProps.onHoverIn),
117
+ onHoverOut: composeEventHandlers(onHoverOutProp, hoverProps.onHoverOut),
118
+ children: children
119
+ })
120
+ });
121
+ }
122
+ return /*#__PURE__*/_jsx(ListItemProvider, {
123
+ value: contextValue,
124
+ children: /*#__PURE__*/_jsx(BaseView, {
125
+ ...restProps,
126
+ ...slotAttrs,
127
+ ...(disabled ? dataAttributes({
128
+ disabled: true
129
+ }) : undefined),
130
+ ref: ref,
131
+ style: [rowStyleForCrossAlign(crossAlign), style],
132
+ children: children
133
+ })
134
+ });
135
+ });
136
+ //# sourceMappingURL=createListItemRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","useMemo","composeEventHandlers","mergeRefs","useHover","usePress","dataAttributes","ListItemProvider","jsx","_jsx","listItemRootDataAttrs","size","surface","showSeparator","crossAlign","slot","separator","rowStyleForCrossAlign","flexDirection","alignSelf","alignItems","createListItemRoot","BaseView","BasePressable","asChild","children","onPress","disabled","style","restProps","ref","asChildInteractive","isValidElement","isPressableRoot","pressState","isDisabled","isPressed","pressProps","hoverProps","isHovered","slotAttrs","contextValue","child","mergedOnPress","props","childDisabled","resolvedDisabled","value","cloneElement","active","hovered","accessibilityState","undefined","interactionAttrs","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp"],"sourceRoot":"../../../src","sources":["list-item/createListItemRoot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAC/D,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,SAASC,qBAAqBA,CAC5BC,IAA4B,EAC5BC,OAAkC,EAClCC,aAAkC,EAClCC,UAAwC,EACxC;EACA,OAAOR,cAAc,CAAC;IACpBS,IAAI,EAAE,WAAW;IACjBJ,IAAI,EAAEA,IAAI,IAAI,SAAS;IACvBC,OAAO,EAAEA,OAAO,IAAI,SAAS;IAC7BI,SAAS,EAAEH,aAAa,IAAI,IAAI;IAChCC,UAAU,EAAEA,UAAU,IAAI;EAC5B,CAAC,CAAC;AACJ;AAEA,SAASG,qBAAqBA,CAACH,UAAwC,EAAE;EACvE,OAAO;IACLI,aAAa,EAAE,KAAc;IAC7BC,SAAS,EAAE,SAAkB;IAC7BC,UAAU,EAAEN,UAAU,KAAK,OAAO,GAAI,YAAY,GAAc;EAClE,CAAC;AACH;AAEA,OAAO,MAAMO,kBAAkB,GAAGA,CAChCC,QAAgC,EAChCC,aAAqC,kBAErCvB,UAAU,CACR,CACE;EACEwB,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,OAAO;EACPf,IAAI,GAAG,SAAS;EAChBC,OAAO,GAAG,SAAS;EACnBC,aAAa,GAAG,IAAI;EACpBC,UAAU,GAAG,QAAQ;EACrBa,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACL,GAAGC;AACW,CAAC,EACjBC,GAAuB,KACpB;EACH,MAAMC,kBAAkB,GAAGP,OAAO,IAAI,CAAC,CAACE,OAAO,iBAAI3B,KAAK,CAACiC,cAAc,CAACP,QAAQ,CAAC;EACjF,MAAMQ,eAAe,GAAG,CAAC,CAACP,OAAO,IAAI,CAACK,kBAAkB;EAExD,MAAMG,UAAU,GAAG7B,QAAQ,CAAC;IAC1B8B,UAAU,EAAE,CAACF,eAAe,IAAIN;EAClC,CAAC,CAAC;EACF,MAAMS,SAAS,GAAGF,UAAU,CAACE,SAAS;EACtC,MAAMC,UAAU,GAAGH,UAAU,CAACG,UAA8D;EAC5F,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGnC,QAAQ,CAAC,CAAC;EAE5C,MAAMoC,SAAS,GAAG9B,qBAAqB,CAACC,IAAI,EAAEC,OAAO,EAAEC,aAAa,EAAEC,UAAU,CAAC;EAEjF,MAAM2B,YAAY,GAAGxC,OAAO,CAC1B,OAAO;IACLmC,SAAS,EAAEH,eAAe,GAAGG,SAAS,GAAG,KAAK;IAC9CG,SAAS;IACTJ,UAAU,EAAER,QAAQ;IACpBb,UAAU,EAAEA,UAAU,IAAI;EAC5B,CAAC,CAAC,EACF,CAACmB,eAAe,EAAEG,SAAS,EAAEG,SAAS,EAAEZ,QAAQ,EAAEb,UAAU,CAC9D,CAAC;EAED,IAAIiB,kBAAkB,EAAE;IACtB,MAAMW,KAAK,GAAGjB,QAAuD;IAErE,MAAMkB,aAAa,GAAGzC,oBAAoB,CACxCwC,KAAK,CAACE,KAAK,CAAClB,OAAO,EACnBA,OACF,CAAC;IAED,MAAMmB,aAAa,GAAG,CAAC,CAAEH,KAAK,CAACE,KAAK,CAA4BjB,QAAQ;IAExE,MAAMmB,gBAAgB,GAAGnB,QAAQ,IAAIkB,aAAa;IAElD,oBACEpC,IAAA,CAACF,gBAAgB;MACfwC,KAAK,EAAE;QACLX,SAAS,EAAE,KAAK;QAChBG,SAAS,EAAE,KAAK;QAChBJ,UAAU,EAAEW,gBAAgB;QAC5BhC,UAAU,EAAEA,UAAU,IAAI;MAC5B,CAAE;MAAAW,QAAA,eAED1B,KAAK,CAACiD,YAAY,CAACN,KAAK,EAAE;QACzB,GAAGb,SAAS;QACZ,GAAGW,SAAS;QACZ,GAAGlC,cAAc,CAAC;UAChB2C,MAAM,EAAE,KAAK;UACbC,OAAO,EAAE,KAAK;UACdvB,QAAQ,EAAEmB;QACZ,CAAC,CAAC;QACF,IAAIA,gBAAgB,IAAI;UAAEK,kBAAkB,EAAE;YAAExB,QAAQ,EAAE;UAAK;QAAE,CAAC,CAAC;QACnEA,QAAQ,EAAEmB,gBAAgB;QAC1BpB,OAAO,EAAEoB,gBAAgB,GAAGM,SAAS,GAAGT,aAAa;QACrDb,GAAG,EAAE3B,SAAS,CAAC2B,GAAG,EAAEY,KAAK,CAACE,KAAK,CAACd,GAAyB,CAAC;QAC1DF,KAAK,EAAE,CAACX,qBAAqB,CAACH,UAAU,CAAC,EAAEc,KAAK,EAAEc,KAAK,CAACE,KAAK,CAAChB,KAAK;MACrE,CAAC;IAAC,CACc,CAAC;EAEvB;EAEA,IAAIK,eAAe,EAAE;IACnB,MAAMoB,gBAAgB,GAAG/C,cAAc,CAAC;MACtC2C,MAAM,EAAEb,SAAS;MACjBc,OAAO,EAAEX,SAAS;MAClBZ;IACF,CAAC,CAAC;IAEF,MAAM;MACJ2B,SAAS,EAAEC,aAAa;MACxBC,UAAU,EAAEC,cAAc;MAC1BC,SAAS,EAAEC,aAAa;MACxBC,UAAU,EAAEC;IACd,CAAC,GAAGhC,SAA0C;IAE9C,oBACEpB,IAAA,CAACF,gBAAgB;MAACwC,KAAK,EAAEN,YAAa;MAAAhB,QAAA,eACpChB,IAAA,CAACc,aAAa;QAAA,GACPM,SAAS;QAAA,GACVW,SAAS;QAAA,GACTa,gBAAgB;QAAA,IACf1B,QAAQ,IAAI;UAAEwB,kBAAkB,EAAE;YAAExB,QAAQ,EAAE;UAAK;QAAE,CAAC;QAC3DA,QAAQ,EAAEA,QAAS;QACnBG,GAAG,EAAEA,GAAoB;QACzBF,KAAK,EAAE,CAACX,qBAAqB,CAACH,UAAU,CAAC,EAAEc,KAAK,CAAE;QAClDF,OAAO,EAAEC,QAAQ,GAAGyB,SAAS,GAAG1B,OAAQ;QACxC4B,SAAS,EAAEpD,oBAAoB,CAACqD,aAAa,EAAElB,UAAU,CAACiB,SAAS,CAAE;QACrEE,UAAU,EAAEtD,oBAAoB,CAACuD,cAAc,EAAEpB,UAAU,CAACmB,UAAU,CAAE;QACxEE,SAAS,EAAExD,oBAAoB,CAACyD,aAAa,EAAErB,UAAU,CAACoB,SAAS,CAAE;QACrEE,UAAU,EAAE1D,oBAAoB,CAAC2D,cAAc,EAAEvB,UAAU,CAACsB,UAAU,CAAE;QAAAnC,QAAA,EAEvEA;MAAQ,CACI;IAAC,CACA,CAAC;EAEvB;EAEA,oBACEhB,IAAA,CAACF,gBAAgB;IAACwC,KAAK,EAAEN,YAAa;IAAAhB,QAAA,eACpChB,IAAA,CAACa,QAAQ;MAAA,GACFO,SAAS;MAAA,GACVW,SAAS;MAAA,IACRb,QAAQ,GAAGrB,cAAc,CAAC;QAAEqB,QAAQ,EAAE;MAAK,CAAC,CAAC,GAAGyB,SAAS;MAC9DtB,GAAG,EAAEA,GAAoB;MACzBF,KAAK,EAAE,CAACX,qBAAqB,CAACH,UAAU,CAAC,EAAEc,KAAK,CAAE;MAAAH,QAAA,EAEjDA;IAAQ,CACD;EAAC,CACK,CAAC;AAEvB,CACF,CAAC","ignoreList":[]}
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { View } from 'react-native';
5
+ import { dataAttributes } from '../utils/dataAttributes';
6
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
+ const row = {
8
+ flexDirection: 'row',
9
+ alignItems: 'center',
10
+ justifyContent: 'space-between',
11
+ gap: 8
12
+ };
13
+ const labelCell = {
14
+ flex: 1,
15
+ minWidth: 0,
16
+ /** Keeps the label column from stretching to a taller trailing sibling (e.g. Chip). */
17
+ alignSelf: 'center'
18
+ };
19
+ const trailingCell = {
20
+ flexShrink: 0,
21
+ /** Prevents the trailing slot from stretching vertically and “filling” the row. */
22
+ alignSelf: 'center'
23
+ };
24
+ export const createListItemSectionHeader = Base => /*#__PURE__*/forwardRef(({
25
+ children,
26
+ trailing,
27
+ showDivider = true,
28
+ style,
29
+ accessibilityRole = 'header',
30
+ ...props
31
+ }, ref) => /*#__PURE__*/_jsxs(Base, {
32
+ ...props,
33
+ ...dataAttributes({
34
+ slot: 'list-section-header',
35
+ divider: showDivider
36
+ }),
37
+ accessibilityRole: accessibilityRole,
38
+ ref: ref,
39
+ style: [row, style],
40
+ children: [/*#__PURE__*/_jsx(View, {
41
+ style: labelCell,
42
+ children: children
43
+ }), trailing ? /*#__PURE__*/_jsx(View, {
44
+ style: trailingCell,
45
+ children: trailing
46
+ }) : null]
47
+ }));
48
+ //# sourceMappingURL=createListItemSectionHeader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","View","dataAttributes","jsx","_jsx","jsxs","_jsxs","row","flexDirection","alignItems","justifyContent","gap","labelCell","flex","minWidth","alignSelf","trailingCell","flexShrink","createListItemSectionHeader","Base","children","trailing","showDivider","style","accessibilityRole","props","ref","slot","divider"],"sourceRoot":"../../../src","sources":["list-item/createListItemSectionHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGzD,MAAMC,GAAG,GAAG;EACVC,aAAa,EAAE,KAAc;EAC7BC,UAAU,EAAE,QAAiB;EAC7BC,cAAc,EAAE,eAAwB;EACxCC,GAAG,EAAE;AACP,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE,CAAC;EACX;EACAC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBC,UAAU,EAAE,CAAC;EACb;EACAF,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMG,2BAA2B,GAAQC,IAA4B,iBAC1EnB,UAAU,CACR,CACE;EACEoB,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAG,IAAI;EAClBC,KAAK;EACLC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACwB,CAAC,EAC9BC,GAAuB,kBAEvBpB,KAAA,CAACa,IAAI;EAAA,GACEM,KAAK;EAAA,GACNvB,cAAc,CAAC;IACjByB,IAAI,EAAE,qBAAqB;IAC3BC,OAAO,EAAEN;EACX,CAAC,CAAC;EACFE,iBAAiB,EAAEA,iBAAkB;EACrCE,GAAG,EAAEA,GAAoB;EACzBH,KAAK,EAAE,CAAChB,GAAG,EAAEgB,KAAK,CAAE;EAAAH,QAAA,gBAEpBhB,IAAA,CAACH,IAAI;IAACsB,KAAK,EAAEX,SAAU;IAAAQ,QAAA,EAAEA;EAAQ,CAAO,CAAC,EACxCC,QAAQ,gBAAGjB,IAAA,CAACH,IAAI;IAACsB,KAAK,EAAEP,YAAa;IAAAI,QAAA,EAAEC;EAAQ,CAAO,CAAC,GAAG,IAAI;AAAA,CAC3D,CAEV,CAAC","ignoreList":[]}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ export const createListItemTitle = Base => /*#__PURE__*/forwardRef(({
7
+ children,
8
+ style,
9
+ ...props
10
+ }, ref) => /*#__PURE__*/_jsx(Base, {
11
+ ...props,
12
+ ...dataAttributes({
13
+ slot: 'list-item-title'
14
+ }),
15
+ ref: ref,
16
+ style: style,
17
+ children: children
18
+ }));
19
+ //# sourceMappingURL=createListItemTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemTitle","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClEL,UAAU,CAAC,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAuB,kBACrFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ const shrinkZero = {
7
+ flexShrink: 0
8
+ };
9
+ export const createListItemTrailingSlot = Base => /*#__PURE__*/forwardRef(({
10
+ children,
11
+ style,
12
+ ...props
13
+ }, ref) => /*#__PURE__*/_jsx(Base, {
14
+ ...props,
15
+ ...dataAttributes({
16
+ slot: 'list-item-trailing'
17
+ }),
18
+ ref: ref,
19
+ style: [shrinkZero, style],
20
+ children: children
21
+ }));
22
+ //# sourceMappingURL=createListItemTrailingSlot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createListItemTrailingSlot","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemTrailingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,0BAA0B,GAAQC,IAA4B,iBACzEP,UAAU,CACR,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAkC,CAAC,EAAEC,GAAuB,kBACjFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ import { createListItemContent } from './createListItemContent';
4
+ import { createListItemDescription } from './createListItemDescription';
5
+ import { createListItemLeadingSlot } from './createListItemLeadingSlot';
6
+ import { createListItemMeta } from './createListItemMeta';
7
+ import { createListItemRoot } from './createListItemRoot';
8
+ import { createListItemSectionHeader } from './createListItemSectionHeader';
9
+ import { createListItemTitle } from './createListItemTitle';
10
+ import { createListItemTrailingSlot } from './createListItemTrailingSlot';
11
+ export { ListItemProvider, useListItemContext } from './context';
12
+ export function createListItem(BaseComponents) {
13
+ const ListItem = createListItemRoot(BaseComponents.View, BaseComponents.Pressable);
14
+ const LeadingSlot = createListItemLeadingSlot(BaseComponents.LeadingSlot);
15
+ const Content = createListItemContent(BaseComponents.Content);
16
+ const Title = createListItemTitle(BaseComponents.Title);
17
+ const Description = createListItemDescription(BaseComponents.Description);
18
+ const Meta = createListItemMeta(BaseComponents.Meta);
19
+ const TrailingSlot = createListItemTrailingSlot(BaseComponents.TrailingSlot);
20
+ const SectionHeader = createListItemSectionHeader(BaseComponents.SectionHeader);
21
+ ListItem.displayName = 'ListItemPrimitive';
22
+ LeadingSlot.displayName = 'ListItemPrimitive.LeadingSlot';
23
+ Content.displayName = 'ListItemPrimitive.Content';
24
+ Title.displayName = 'ListItemPrimitive.Title';
25
+ Description.displayName = 'ListItemPrimitive.Description';
26
+ Meta.displayName = 'ListItemPrimitive.Meta';
27
+ TrailingSlot.displayName = 'ListItemPrimitive.TrailingSlot';
28
+ SectionHeader.displayName = 'ListItemPrimitive.SectionHeader';
29
+ return Object.assign(ListItem, {
30
+ LeadingSlot,
31
+ Content,
32
+ Title,
33
+ Description,
34
+ Meta,
35
+ TrailingSlot,
36
+ SectionHeader
37
+ });
38
+ }
39
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createListItemContent","createListItemDescription","createListItemLeadingSlot","createListItemMeta","createListItemRoot","createListItemSectionHeader","createListItemTitle","createListItemTrailingSlot","ListItemProvider","useListItemContext","createListItem","BaseComponents","ListItem","View","Pressable","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,0BAA0B,QAAQ,8BAA8B;AAoBzE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,WAAW;AAEhE,OAAO,SAASC,cAAcA,CAU5BC,cAUD,EAAE;EACD,MAAMC,QAAQ,GAAGR,kBAAkB,CAACO,cAAc,CAACE,IAAI,EAAEF,cAAc,CAACG,SAAS,CAAC;EAClF,MAAMC,WAAW,GAAGb,yBAAyB,CAACS,cAAc,CAACI,WAAW,CAAC;EACzE,MAAMC,OAAO,GAAGhB,qBAAqB,CAACW,cAAc,CAACK,OAAO,CAAC;EAC7D,MAAMC,KAAK,GAAGX,mBAAmB,CAACK,cAAc,CAACM,KAAK,CAAC;EACvD,MAAMC,WAAW,GAAGjB,yBAAyB,CAACU,cAAc,CAACO,WAAW,CAAC;EACzE,MAAMC,IAAI,GAAGhB,kBAAkB,CAACQ,cAAc,CAACQ,IAAI,CAAC;EACpD,MAAMC,YAAY,GAAGb,0BAA0B,CAACI,cAAc,CAACS,YAAY,CAAC;EAC5E,MAAMC,aAAa,GAAGhB,2BAA2B,CAACM,cAAc,CAACU,aAAa,CAAC;EAE/ET,QAAQ,CAACU,WAAW,GAAG,mBAAmB;EAC1CP,WAAW,CAACO,WAAW,GAAG,+BAA+B;EACzDN,OAAO,CAACM,WAAW,GAAG,2BAA2B;EACjDL,KAAK,CAACK,WAAW,GAAG,yBAAyB;EAC7CJ,WAAW,CAACI,WAAW,GAAG,+BAA+B;EACzDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,YAAY,CAACE,WAAW,GAAG,gCAAgC;EAC3DD,aAAa,CAACC,WAAW,GAAG,iCAAiC;EAE7D,OAAOC,MAAM,CAACC,MAAM,CAACZ,QAAQ,EAAE;IAC7BG,WAAW;IACXC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZC;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["list-item/types.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { createContext } from '@cdx-ui/utils';
5
+ export const [RadioProvider, useRadioContext] = createContext('RadioContext');
6
+ export const RadioGroupContext = /*#__PURE__*/React.createContext(null);
7
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","createContext","RadioProvider","useRadioContext","RadioGroupContext"],"sourceRoot":"../../../src","sources":["radio/context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,eAAe;AAI7C,OAAO,MAAM,CAACC,aAAa,EAAEC,eAAe,CAAC,GAAGF,aAAa,CAAqB,cAAc,CAAC;AAWjG,OAAO,MAAMG,iBAAiB,gBAAGJ,KAAK,CAACC,aAAa,CAI1C,IAAI,CAAC","ignoreList":[]}
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { useFormControlContext } from '@cdx-ui/utils';
5
+ import { useRadioGroup } from '@react-native-aria/radio';
6
+ import { useRadioGroupState } from '@react-stately/radio';
7
+ import { dataAttributes } from '../utils/dataAttributes';
8
+ import { RadioGroupContext } from './context';
9
+ import { jsx as _jsx } from "react/jsx-runtime";
10
+ export const createRadioGroup = BaseRadioGroup => /*#__PURE__*/forwardRef(({
11
+ children,
12
+ ...props
13
+ }, ref) => {
14
+ const formControlContext = useFormControlContext();
15
+ const combinedProps = {
16
+ ...formControlContext,
17
+ ...props
18
+ };
19
+ const radioGroupState = useRadioGroupState({
20
+ ...combinedProps,
21
+ validationState: combinedProps.isInvalid ? 'invalid' : 'valid'
22
+ });
23
+ const {
24
+ radioGroupProps
25
+ } = useRadioGroup({
26
+ ...combinedProps,
27
+ 'aria-label': combinedProps['aria-label']
28
+ }, radioGroupState);
29
+ const isDisabled = combinedProps.isDisabled ?? false;
30
+ const isInvalid = combinedProps.isInvalid ?? false;
31
+ const isRequired = combinedProps.isRequired ?? false;
32
+ const isReadOnly = combinedProps.isReadOnly ?? false;
33
+ return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
34
+ value: {
35
+ state: {
36
+ isDisabled,
37
+ isInvalid,
38
+ isRequired,
39
+ isReadOnly,
40
+ isSelected: value => radioGroupState.selectedValue === value,
41
+ selectValue: value => radioGroupState.setSelectedValue(value)
42
+ },
43
+ radioGroupState,
44
+ name: combinedProps.name
45
+ },
46
+ children: /*#__PURE__*/_jsx(BaseRadioGroup, {
47
+ ...radioGroupProps,
48
+ ...combinedProps,
49
+ ref: ref,
50
+ "aria-required": isRequired || undefined,
51
+ "aria-readonly": isReadOnly || undefined,
52
+ ...dataAttributes({
53
+ slot: 'radio-group',
54
+ disabled: isDisabled,
55
+ invalid: isInvalid
56
+ }),
57
+ children: children
58
+ })
59
+ });
60
+ });
61
+ //# sourceMappingURL=createRadioGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","useFormControlContext","useRadioGroup","useRadioGroupState","dataAttributes","RadioGroupContext","jsx","_jsx","createRadioGroup","BaseRadioGroup","children","props","ref","formControlContext","combinedProps","radioGroupState","validationState","isInvalid","radioGroupProps","isDisabled","isRequired","isReadOnly","Provider","value","state","isSelected","selectedValue","selectValue","setSelectedValue","name","undefined","slot","disabled","invalid"],"sourceRoot":"../../../src","sources":["radio/createRadioGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzET,UAAU,CAAC,CAAC;EAAEU,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAkB,KAAK;EAC3E,MAAMC,kBAAkB,GAAGZ,qBAAqB,CAAC,CAAC;EAElD,MAAMa,aAAa,GAAG;IACpB,GAAGD,kBAAkB;IACrB,GAAGF;EACL,CAAC;EAED,MAAMI,eAAe,GAAGZ,kBAAkB,CAAC;IACzC,GAAGW,aAAa;IAChBE,eAAe,EAAEF,aAAa,CAACG,SAAS,GAAG,SAAS,GAAG;EACzD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,aAAa,CACvC;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEA,aAAa,CAAC,YAAY;EAC1C,CAAC,EACDC,eACF,CAAC;EAED,MAAMI,UAAU,GAAGL,aAAa,CAACK,UAAU,IAAI,KAAK;EACpD,MAAMF,SAAS,GAAGH,aAAa,CAACG,SAAS,IAAI,KAAK;EAClD,MAAMG,UAAU,GAAGN,aAAa,CAACM,UAAU,IAAI,KAAK;EACpD,MAAMC,UAAU,GAAGP,aAAa,CAACO,UAAU,IAAI,KAAK;EAEpD,oBACEd,IAAA,CAACF,iBAAiB,CAACiB,QAAQ;IACzBC,KAAK,EAAE;MACLC,KAAK,EAAE;QACLL,UAAU;QACVF,SAAS;QACTG,UAAU;QACVC,UAAU;QACVI,UAAU,EAAGF,KAAa,IAAKR,eAAe,CAACW,aAAa,KAAKH,KAAK;QACtEI,WAAW,EAAGJ,KAAa,IAAKR,eAAe,CAACa,gBAAgB,CAACL,KAAK;MACxE,CAAC;MACDR,eAAe;MACfc,IAAI,EAAEf,aAAa,CAACe;IACtB,CAAE;IAAAnB,QAAA,eAEFH,IAAA,CAACE,cAAc;MAAA,GACTS,eAAe;MAAA,GACdJ,aAAa;MAClBF,GAAG,EAAEA,GAAI;MACT,iBAAeQ,UAAU,IAAIU,SAAU;MACvC,iBAAeT,UAAU,IAAIS,SAAU;MAAA,GACnC1B,cAAc,CAAC;QACjB2B,IAAI,EAAE,aAAa;QACnBC,QAAQ,EAAEb,UAAU;QACpBc,OAAO,EAAEhB;MACX,CAAC,CAAC;MAAAP,QAAA,EAEDA;IAAQ,CACK;EAAC,CACS,CAAC;AAEjC,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { useRadioContext } from './context';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ export const createRadioIndicator = BaseRadioIndicator => /*#__PURE__*/forwardRef(({
8
+ children,
9
+ className,
10
+ ...props
11
+ }, ref) => {
12
+ const {
13
+ isChecked,
14
+ isDisabled,
15
+ isHovered,
16
+ isInvalid,
17
+ isReadOnly,
18
+ isPressed,
19
+ isFocusVisible
20
+ } = useRadioContext();
21
+ return /*#__PURE__*/_jsx(BaseRadioIndicator, {
22
+ className: className,
23
+ ...dataAttributes({
24
+ slot: 'radio-indicator',
25
+ hover: isHovered,
26
+ checked: isChecked,
27
+ disabled: isDisabled,
28
+ focusVisible: isFocusVisible,
29
+ invalid: isInvalid,
30
+ readonly: isReadOnly,
31
+ active: isPressed
32
+ }),
33
+ ...props,
34
+ ref: ref,
35
+ children: children
36
+ });
37
+ });
38
+ //# sourceMappingURL=createRadioIndicator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","dataAttributes","useRadioContext","jsx","_jsx","createRadioIndicator","BaseRadioIndicator","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","slot","hover","checked","disabled","focusVisible","invalid","readonly","active"],"sourceRoot":"../../../src","sources":["radio/createRadioIndicator.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,oBAAoB,GAAQC,kBAA0C,iBACjFN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAC1Ff,eAAe,CAAC,CAAC;EAEnB,oBACEE,IAAA,CAACE,kBAAkB;IACjBE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBiB,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAEN,SAAS;MAChBO,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,YAAY,EAAEL,cAAc;MAC5BM,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,MAAM,EAAET;IACV,CAAC,CAAC;IAAA,GACGP,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACS,CAAC;AAEzB,CACF,CAAC","ignoreList":[]}
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { useRadioContext } from './context';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ export const createRadioLabel = BaseRadioLabel => /*#__PURE__*/forwardRef(({
8
+ children,
9
+ className,
10
+ ...props
11
+ }, ref) => {
12
+ const {
13
+ isChecked,
14
+ isDisabled,
15
+ isHovered,
16
+ isInvalid,
17
+ isReadOnly
18
+ } = useRadioContext();
19
+ return /*#__PURE__*/_jsx(BaseRadioLabel, {
20
+ className: className,
21
+ ...dataAttributes({
22
+ hover: isHovered,
23
+ checked: isChecked,
24
+ disabled: isDisabled,
25
+ invalid: isInvalid,
26
+ readonly: isReadOnly
27
+ }),
28
+ ...props,
29
+ ref: ref,
30
+ children: children
31
+ });
32
+ });
33
+ //# sourceMappingURL=createRadioLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","dataAttributes","useRadioContext","jsx","_jsx","createRadioLabel","BaseRadioLabel","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","hover","checked","disabled","invalid","readonly"],"sourceRoot":"../../../src","sources":["radio/createRadioLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzEN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGb,eAAe,CAAC,CAAC;EAErF,oBACEE,IAAA,CAACE,cAAc;IACbE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBe,KAAK,EAAEH,SAAS;MAChBI,OAAO,EAAEN,SAAS;MAClBO,QAAQ,EAAEN,UAAU;MACpBO,OAAO,EAAEL,SAAS;MAClBM,QAAQ,EAAEL;IACZ,CAAC,CAAC;IAAA,GACGN,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC","ignoreList":[]}
@@ -0,0 +1,90 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { composeEventHandlers } from '@cdx-ui/utils';
5
+ import { useFocus } from '@react-native-aria/focus';
6
+ import { usePress } from '@react-native-aria/interactions';
7
+ import { dataAttributes } from '../utils/dataAttributes';
8
+ import { RadioProvider } from './context';
9
+ import { useRadioRoot } from './useRadioRoot';
10
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
+ export const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/forwardRef(({
12
+ onPressIn,
13
+ onPressOut,
14
+ onHoverIn,
15
+ onHoverOut,
16
+ onFocus,
17
+ onBlur,
18
+ children,
19
+ ...props
20
+ }, ref) => {
21
+ const {
22
+ isHovered: isHoveredProp,
23
+ isDisabled: isDisabledProp,
24
+ isInvalid: isInvalidProp,
25
+ isReadOnly: isReadOnlyProp,
26
+ isPressed: isPressedProp,
27
+ isFocused: isFocusedProp,
28
+ isFocusVisible
29
+ } = props;
30
+ const {
31
+ combinedProps,
32
+ isInvalid,
33
+ isReadOnly,
34
+ inputProps,
35
+ isChecked,
36
+ isDisabled,
37
+ isHovered,
38
+ hoverProps,
39
+ mergedRef
40
+ } = useRadioRoot(props, ref);
41
+ const {
42
+ focusProps,
43
+ isFocused
44
+ } = useFocus();
45
+ const {
46
+ pressProps,
47
+ isPressed
48
+ } = usePress({
49
+ isDisabled: isDisabled || isDisabledProp
50
+ });
51
+ return /*#__PURE__*/_jsx(BaseRadio, {
52
+ disabled: isDisabled || isDisabledProp,
53
+ ...pressProps,
54
+ ...combinedProps,
55
+ ...inputProps,
56
+ ref: mergedRef,
57
+ role: "radio",
58
+ onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
59
+ onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
60
+ onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
61
+ onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
62
+ onFocus: composeEventHandlers(onFocus, focusProps.onFocus),
63
+ onBlur: composeEventHandlers(onBlur, focusProps.onBlur),
64
+ ...dataAttributes({
65
+ slot: 'radio',
66
+ checked: isChecked,
67
+ disabled: isDisabled || isDisabledProp,
68
+ hover: isHovered || isHoveredProp,
69
+ invalid: isInvalid || isInvalidProp,
70
+ readonly: isReadOnly || isReadOnlyProp,
71
+ active: isPressed,
72
+ focus: isFocused,
73
+ focusVisible: isFocusVisible
74
+ }),
75
+ children: /*#__PURE__*/_jsxs(RadioProvider, {
76
+ value: {
77
+ isChecked,
78
+ isDisabled: isDisabled || isDisabledProp,
79
+ isHovered: isHovered || isHoveredProp,
80
+ isInvalid: isInvalid || isInvalidProp,
81
+ isReadOnly: isReadOnly || isReadOnlyProp,
82
+ isPressed: isPressed || isPressedProp,
83
+ isFocused: isFocused || isFocusedProp,
84
+ isFocusVisible
85
+ },
86
+ children: [/*#__PURE__*/_jsx(RadioIndicator, {}), children]
87
+ })
88
+ });
89
+ });
90
+ //# sourceMappingURL=createRadioRoot.js.map