@cdx-ui/primitives 0.0.1-beta.2 → 0.0.1-beta.21

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 (226) hide show
  1. package/README.md +38 -24
  2. package/lib/commonjs/index.js +36 -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 +157 -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/commonjs/tile/context.js +30 -0
  45. package/lib/commonjs/tile/context.js.map +1 -0
  46. package/lib/commonjs/tile/createTileContent.js +30 -0
  47. package/lib/commonjs/tile/createTileContent.js.map +1 -0
  48. package/lib/commonjs/tile/createTileDescription.js +28 -0
  49. package/lib/commonjs/tile/createTileDescription.js.map +1 -0
  50. package/lib/commonjs/tile/createTileGroup.js +112 -0
  51. package/lib/commonjs/tile/createTileGroup.js.map +1 -0
  52. package/lib/commonjs/tile/createTileIndicator.js +46 -0
  53. package/lib/commonjs/tile/createTileIndicator.js.map +1 -0
  54. package/lib/commonjs/tile/createTileLeadingSlot.js +34 -0
  55. package/lib/commonjs/tile/createTileLeadingSlot.js.map +1 -0
  56. package/lib/commonjs/tile/createTileRoot.js +133 -0
  57. package/lib/commonjs/tile/createTileRoot.js.map +1 -0
  58. package/lib/commonjs/tile/createTileTitle.js +28 -0
  59. package/lib/commonjs/tile/createTileTitle.js.map +1 -0
  60. package/lib/commonjs/tile/createTileTrailingSlot.js +35 -0
  61. package/lib/commonjs/tile/createTileTrailingSlot.js.map +1 -0
  62. package/lib/commonjs/tile/index.js +55 -0
  63. package/lib/commonjs/tile/index.js.map +1 -0
  64. package/lib/commonjs/tile/types.js +6 -0
  65. package/lib/commonjs/tile/types.js.map +1 -0
  66. package/lib/module/index.js +3 -0
  67. package/lib/module/index.js.map +1 -1
  68. package/lib/module/list-item/context.js +5 -0
  69. package/lib/module/list-item/context.js.map +1 -0
  70. package/lib/module/list-item/createListItemContent.js +24 -0
  71. package/lib/module/list-item/createListItemContent.js.map +1 -0
  72. package/lib/module/list-item/createListItemDescription.js +19 -0
  73. package/lib/module/list-item/createListItemDescription.js.map +1 -0
  74. package/lib/module/list-item/createListItemLeadingSlot.js +28 -0
  75. package/lib/module/list-item/createListItemLeadingSlot.js.map +1 -0
  76. package/lib/module/list-item/createListItemMeta.js +19 -0
  77. package/lib/module/list-item/createListItemMeta.js.map +1 -0
  78. package/lib/module/list-item/createListItemRoot.js +151 -0
  79. package/lib/module/list-item/createListItemRoot.js.map +1 -0
  80. package/lib/module/list-item/createListItemSectionHeader.js +48 -0
  81. package/lib/module/list-item/createListItemSectionHeader.js.map +1 -0
  82. package/lib/module/list-item/createListItemTitle.js +19 -0
  83. package/lib/module/list-item/createListItemTitle.js.map +1 -0
  84. package/lib/module/list-item/createListItemTrailingSlot.js +22 -0
  85. package/lib/module/list-item/createListItemTrailingSlot.js.map +1 -0
  86. package/lib/module/list-item/index.js +39 -0
  87. package/lib/module/list-item/index.js.map +1 -0
  88. package/lib/module/list-item/types.js +4 -0
  89. package/lib/module/list-item/types.js.map +1 -0
  90. package/lib/module/radio/context.js +7 -0
  91. package/lib/module/radio/context.js.map +1 -0
  92. package/lib/module/radio/createRadioGroup.js +61 -0
  93. package/lib/module/radio/createRadioGroup.js.map +1 -0
  94. package/lib/module/radio/createRadioIndicator.js +38 -0
  95. package/lib/module/radio/createRadioIndicator.js.map +1 -0
  96. package/lib/module/radio/createRadioLabel.js +33 -0
  97. package/lib/module/radio/createRadioLabel.js.map +1 -0
  98. package/lib/module/radio/createRadioRoot.js +90 -0
  99. package/lib/module/radio/createRadioRoot.js.map +1 -0
  100. package/lib/module/radio/createRadioRoot.web.js +82 -0
  101. package/lib/module/radio/createRadioRoot.web.js.map +1 -0
  102. package/lib/module/radio/index.js +22 -0
  103. package/lib/module/radio/index.js.map +1 -0
  104. package/lib/module/radio/types.js +4 -0
  105. package/lib/module/radio/types.js.map +1 -0
  106. package/lib/module/radio/useRadioRoot.js +60 -0
  107. package/lib/module/radio/useRadioRoot.js.map +1 -0
  108. package/lib/module/tile/context.js +21 -0
  109. package/lib/module/tile/context.js.map +1 -0
  110. package/lib/module/tile/createTileContent.js +24 -0
  111. package/lib/module/tile/createTileContent.js.map +1 -0
  112. package/lib/module/tile/createTileDescription.js +22 -0
  113. package/lib/module/tile/createTileDescription.js.map +1 -0
  114. package/lib/module/tile/createTileGroup.js +106 -0
  115. package/lib/module/tile/createTileGroup.js.map +1 -0
  116. package/lib/module/tile/createTileIndicator.js +40 -0
  117. package/lib/module/tile/createTileIndicator.js.map +1 -0
  118. package/lib/module/tile/createTileLeadingSlot.js +28 -0
  119. package/lib/module/tile/createTileLeadingSlot.js.map +1 -0
  120. package/lib/module/tile/createTileRoot.js +127 -0
  121. package/lib/module/tile/createTileRoot.js.map +1 -0
  122. package/lib/module/tile/createTileTitle.js +22 -0
  123. package/lib/module/tile/createTileTitle.js.map +1 -0
  124. package/lib/module/tile/createTileTrailingSlot.js +29 -0
  125. package/lib/module/tile/createTileTrailingSlot.js.map +1 -0
  126. package/lib/module/tile/index.js +39 -0
  127. package/lib/module/tile/index.js.map +1 -0
  128. package/lib/module/tile/types.js +4 -0
  129. package/lib/module/tile/types.js.map +1 -0
  130. package/lib/typescript/index.d.ts +3 -0
  131. package/lib/typescript/index.d.ts.map +1 -1
  132. package/lib/typescript/list-item/context.d.ts +6 -0
  133. package/lib/typescript/list-item/context.d.ts.map +1 -0
  134. package/lib/typescript/list-item/createListItemContent.d.ts +3 -0
  135. package/lib/typescript/list-item/createListItemContent.d.ts.map +1 -0
  136. package/lib/typescript/list-item/createListItemDescription.d.ts +3 -0
  137. package/lib/typescript/list-item/createListItemDescription.d.ts.map +1 -0
  138. package/lib/typescript/list-item/createListItemLeadingSlot.d.ts +4 -0
  139. package/lib/typescript/list-item/createListItemLeadingSlot.d.ts.map +1 -0
  140. package/lib/typescript/list-item/createListItemMeta.d.ts +3 -0
  141. package/lib/typescript/list-item/createListItemMeta.d.ts.map +1 -0
  142. package/lib/typescript/list-item/createListItemRoot.d.ts +4 -0
  143. package/lib/typescript/list-item/createListItemRoot.d.ts.map +1 -0
  144. package/lib/typescript/list-item/createListItemSectionHeader.d.ts +4 -0
  145. package/lib/typescript/list-item/createListItemSectionHeader.d.ts.map +1 -0
  146. package/lib/typescript/list-item/createListItemTitle.d.ts +3 -0
  147. package/lib/typescript/list-item/createListItemTitle.d.ts.map +1 -0
  148. package/lib/typescript/list-item/createListItemTrailingSlot.d.ts +3 -0
  149. package/lib/typescript/list-item/createListItemTrailingSlot.d.ts.map +1 -0
  150. package/lib/typescript/list-item/index.d.ts +16 -0
  151. package/lib/typescript/list-item/index.d.ts.map +1 -0
  152. package/lib/typescript/list-item/types.d.ts +86 -0
  153. package/lib/typescript/list-item/types.d.ts.map +1 -0
  154. package/lib/typescript/radio/context.d.ts +21 -0
  155. package/lib/typescript/radio/context.d.ts.map +1 -0
  156. package/lib/typescript/radio/createRadioGroup.d.ts +3 -0
  157. package/lib/typescript/radio/createRadioGroup.d.ts.map +1 -0
  158. package/lib/typescript/radio/createRadioIndicator.d.ts +5 -0
  159. package/lib/typescript/radio/createRadioIndicator.d.ts.map +1 -0
  160. package/lib/typescript/radio/createRadioLabel.d.ts +5 -0
  161. package/lib/typescript/radio/createRadioLabel.d.ts.map +1 -0
  162. package/lib/typescript/radio/createRadioRoot.d.ts +3 -0
  163. package/lib/typescript/radio/createRadioRoot.d.ts.map +1 -0
  164. package/lib/typescript/radio/createRadioRoot.web.d.ts +3 -0
  165. package/lib/typescript/radio/createRadioRoot.web.d.ts.map +1 -0
  166. package/lib/typescript/radio/index.d.ts +10 -0
  167. package/lib/typescript/radio/index.d.ts.map +1 -0
  168. package/lib/typescript/radio/types.d.ts +54 -0
  169. package/lib/typescript/radio/types.d.ts.map +1 -0
  170. package/lib/typescript/radio/useRadioRoot.d.ts +149 -0
  171. package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -0
  172. package/lib/typescript/tile/context.d.ts +9 -0
  173. package/lib/typescript/tile/context.d.ts.map +1 -0
  174. package/lib/typescript/tile/createTileContent.d.ts +3 -0
  175. package/lib/typescript/tile/createTileContent.d.ts.map +1 -0
  176. package/lib/typescript/tile/createTileDescription.d.ts +3 -0
  177. package/lib/typescript/tile/createTileDescription.d.ts.map +1 -0
  178. package/lib/typescript/tile/createTileGroup.d.ts +4 -0
  179. package/lib/typescript/tile/createTileGroup.d.ts.map +1 -0
  180. package/lib/typescript/tile/createTileIndicator.d.ts +4 -0
  181. package/lib/typescript/tile/createTileIndicator.d.ts.map +1 -0
  182. package/lib/typescript/tile/createTileLeadingSlot.d.ts +4 -0
  183. package/lib/typescript/tile/createTileLeadingSlot.d.ts.map +1 -0
  184. package/lib/typescript/tile/createTileRoot.d.ts +4 -0
  185. package/lib/typescript/tile/createTileRoot.d.ts.map +1 -0
  186. package/lib/typescript/tile/createTileTitle.d.ts +3 -0
  187. package/lib/typescript/tile/createTileTitle.d.ts.map +1 -0
  188. package/lib/typescript/tile/createTileTrailingSlot.d.ts +9 -0
  189. package/lib/typescript/tile/createTileTrailingSlot.d.ts.map +1 -0
  190. package/lib/typescript/tile/index.d.ts +15 -0
  191. package/lib/typescript/tile/index.d.ts.map +1 -0
  192. package/lib/typescript/tile/types.d.ts +119 -0
  193. package/lib/typescript/tile/types.d.ts.map +1 -0
  194. package/package.json +5 -2
  195. package/src/index.ts +3 -0
  196. package/src/list-item/context.tsx +5 -0
  197. package/src/list-item/createListItemContent.tsx +23 -0
  198. package/src/list-item/createListItemDescription.tsx +19 -0
  199. package/src/list-item/createListItemLeadingSlot.tsx +30 -0
  200. package/src/list-item/createListItemMeta.tsx +17 -0
  201. package/src/list-item/createListItemRoot.tsx +178 -0
  202. package/src/list-item/createListItemSectionHeader.tsx +53 -0
  203. package/src/list-item/createListItemTitle.tsx +17 -0
  204. package/src/list-item/createListItemTrailingSlot.tsx +21 -0
  205. package/src/list-item/index.ts +88 -0
  206. package/src/list-item/types.ts +122 -0
  207. package/src/radio/context.tsx +21 -0
  208. package/src/radio/createRadioGroup.tsx +67 -0
  209. package/src/radio/createRadioIndicator.tsx +32 -0
  210. package/src/radio/createRadioLabel.tsx +28 -0
  211. package/src/radio/createRadioRoot.tsx +100 -0
  212. package/src/radio/createRadioRoot.web.tsx +81 -0
  213. package/src/radio/index.ts +37 -0
  214. package/src/radio/types.ts +67 -0
  215. package/src/radio/useRadioRoot.ts +69 -0
  216. package/src/tile/context.tsx +23 -0
  217. package/src/tile/createTileContent.tsx +23 -0
  218. package/src/tile/createTileDescription.tsx +19 -0
  219. package/src/tile/createTileGroup.tsx +134 -0
  220. package/src/tile/createTileIndicator.tsx +38 -0
  221. package/src/tile/createTileLeadingSlot.tsx +30 -0
  222. package/src/tile/createTileRoot.tsx +124 -0
  223. package/src/tile/createTileTitle.tsx +19 -0
  224. package/src/tile/createTileTrailingSlot.tsx +25 -0
  225. package/src/tile/index.ts +88 -0
  226. package/src/tile/types.ts +153 -0
@@ -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
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","composeEventHandlers","useFocus","usePress","dataAttributes","RadioProvider","useRadioRoot","jsx","_jsx","jsxs","_jsxs","createRadioRoot","BaseRadio","RadioIndicator","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","children","props","ref","isHovered","isHoveredProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","combinedProps","inputProps","isChecked","hoverProps","mergedRef","focusProps","pressProps","disabled","role","slot","checked","hover","invalid","readonly","active","focus","focusVisible","value"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,82 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { VisuallyHidden } from '@react-aria/visually-hidden';
5
+ import { mergeProps } from '@react-aria/utils';
6
+ import { useFocusRing } from '@react-native-aria/focus';
7
+ import { dataAttributes } from '../utils/dataAttributes';
8
+ import { RadioProvider } from './context';
9
+ import { useRadioRoot } from './useRadioRoot';
10
+
11
+ // TODO: Keyboard focus is not working as expected
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ export const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/forwardRef(({
14
+ children,
15
+ ...props
16
+ }, ref) => {
17
+ const {
18
+ isHovered: isHoveredProp,
19
+ isFocusVisible: isFocusVisibleProp,
20
+ isDisabled: isDisabledProp,
21
+ isInvalid: isInvalidProp,
22
+ isReadOnly: isReadOnlyProp,
23
+ isFocused,
24
+ isPressed
25
+ } = props;
26
+ const {
27
+ combinedProps,
28
+ isInvalid,
29
+ isReadOnly,
30
+ inputProps,
31
+ labelProps,
32
+ isChecked,
33
+ isDisabled,
34
+ isHovered,
35
+ mergedRef,
36
+ inputRef
37
+ } = useRadioRoot(props, ref, {
38
+ useInputRefForAria: true
39
+ });
40
+ const {
41
+ focusProps,
42
+ isFocusVisible
43
+ } = useFocusRing();
44
+ return /*#__PURE__*/_jsx(BaseRadio, {
45
+ ...mergeProps(combinedProps, labelProps, focusProps),
46
+ ref: mergedRef,
47
+ role: "label"
48
+ // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
49
+ ,
50
+ accessibilityRole: "label",
51
+ ...dataAttributes({
52
+ slot: 'radio',
53
+ checked: isChecked,
54
+ disabled: isDisabled || isDisabledProp,
55
+ hover: isHovered || isHoveredProp,
56
+ invalid: isInvalid || isInvalidProp,
57
+ readonly: isReadOnly || isReadOnlyProp,
58
+ active: isPressed,
59
+ focus: isFocused,
60
+ focusVisible: isFocusVisible || isFocusVisibleProp
61
+ }),
62
+ children: /*#__PURE__*/_jsxs(RadioProvider, {
63
+ value: {
64
+ isChecked,
65
+ isDisabled: isDisabled || isDisabledProp,
66
+ isFocusVisible: isFocusVisible || isFocusVisibleProp,
67
+ isHovered: isHovered || isHoveredProp,
68
+ isInvalid: isInvalid || isInvalidProp,
69
+ isReadOnly: isReadOnly || isReadOnlyProp,
70
+ isPressed,
71
+ isFocused
72
+ },
73
+ children: [/*#__PURE__*/_jsx(VisuallyHidden, {
74
+ children: /*#__PURE__*/_jsx("input", {
75
+ ...inputProps,
76
+ ref: inputRef
77
+ })
78
+ }), /*#__PURE__*/_jsx(RadioIndicator, {}), children]
79
+ })
80
+ });
81
+ });
82
+ //# sourceMappingURL=createRadioRoot.web.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","VisuallyHidden","mergeProps","useFocusRing","dataAttributes","RadioProvider","useRadioRoot","jsx","_jsx","jsxs","_jsxs","createRadioRoot","BaseRadio","RadioIndicator","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isFocused","isPressed","combinedProps","inputProps","labelProps","isChecked","mergedRef","inputRef","useInputRefForAria","focusProps","role","accessibilityRole","slot","checked","disabled","hover","invalid","readonly","active","focus","focusVisible","value"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,aAAa,QAAQ,WAAW;AAEzC,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,cAAwC,kBAExCb,UAAU,CAAC,CAAC;EAAEc,QAAQ;EAAE,GAAGC;AAAmB,CAAC,EAAEC,GAAkB,KAAK;EACtE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS;IACTC;EACF,CAAC,GAAGb,KAAK;EAET,MAAM;IACJc,aAAa;IACbN,SAAS;IACTE,UAAU;IACVK,UAAU;IACVC,UAAU;IACVC,SAAS;IACTX,UAAU;IACVJ,SAAS;IACTgB,SAAS;IACTC;EACF,CAAC,GAAG5B,YAAY,CAACS,KAAK,EAAEC,GAAG,EAAE;IAAEmB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE1D,MAAM;IAAEC,UAAU;IAAEjB;EAAe,CAAC,GAAGhB,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,SAAS;IAAA,GACJV,UAAU,CAAC2B,aAAa,EAASE,UAAU,EAASK,UAAiB,CAAC;IAC1EpB,GAAG,EAAEiB,SAAU;IACfI,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBlC,cAAc,CAAC;MACjBmC,IAAI,EAAE,OAAO;MACbC,OAAO,EAAER,SAAS;MAClBS,QAAQ,EAAEpB,UAAU,IAAIC,cAAc;MACtCoB,KAAK,EAAEzB,SAAS,IAAIC,aAAa;MACjCyB,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,MAAM,EAAEjB,SAAS;MACjBkB,KAAK,EAAEnB,SAAS;MAChBoB,YAAY,EAAE5B,cAAc,IAAIC;IAClC,CAAC,CAAC;IAAAN,QAAA,eAEFJ,KAAA,CAACL,aAAa;MACZ2C,KAAK,EAAE;QACLhB,SAAS;QACTX,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCH,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCK,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCE,SAAS;QACTD;MACF,CAAE;MAAAb,QAAA,gBAEFN,IAAA,CAACP,cAAc;QAAAa,QAAA,eACbN,IAAA;UAAA,GAAWsB,UAAU;UAAEd,GAAG,EAAEkB;QAAS,CAAE;MAAC,CAC1B,CAAC,eACjB1B,IAAA,CAACK,cAAc,IAAE,CAAC,EACjBC,QAAQ;IAAA,CACI;EAAC,CACP,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ import { createRadioGroup } from './createRadioGroup';
4
+ import { createRadioIndicator } from './createRadioIndicator';
5
+ import { createRadioLabel } from './createRadioLabel';
6
+ import { createRadioRoot } from './createRadioRoot';
7
+ export function createRadio(BaseComponents) {
8
+ const Indicator = createRadioIndicator(BaseComponents.Indicator);
9
+ const Radio = createRadioRoot(BaseComponents.Root, Indicator);
10
+ const Label = createRadioLabel(BaseComponents.Label);
11
+ const Group = createRadioGroup(BaseComponents.Group);
12
+ Radio.displayName = 'RadioPrimitive';
13
+ Indicator.displayName = 'RadioPrimitive.Indicator';
14
+ Label.displayName = 'RadioPrimitive.Label';
15
+ Group.displayName = 'RadioPrimitive.Group';
16
+ return Object.assign(Radio, {
17
+ Indicator,
18
+ Label,
19
+ Group
20
+ });
21
+ }
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createRadioGroup","createRadioIndicator","createRadioLabel","createRadioRoot","createRadio","BaseComponents","Indicator","Radio","Root","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["radio/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAAgCC,cAK1D,EAAE;EACD,MAAMC,SAAS,GAAGL,oBAAoB,CAACI,cAAc,CAACC,SAAS,CAAC;EAChE,MAAMC,KAAK,GAAGJ,eAAe,CAACE,cAAc,CAACG,IAAI,EAAEF,SAAS,CAAC;EAC7D,MAAMG,KAAK,GAAGP,gBAAgB,CAACG,cAAc,CAACI,KAAK,CAAC;EACpD,MAAMC,KAAK,GAAGV,gBAAgB,CAACK,cAAc,CAACK,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCL,SAAS,CAACK,WAAW,GAAG,0BAA0B;EAClDF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAC1CD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BD,SAAS;IACTG,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","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":["radio/types.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+
3
+ import { useContext, useRef } from 'react';
4
+ import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
5
+ import { useRadio } from '@react-native-aria/radio';
6
+ import { useHover } from '@react-native-aria/interactions';
7
+ import { RadioGroupContext } from './context';
8
+ export function useRadioRoot(props, ref, {
9
+ useInputRefForAria = false
10
+ } = {}) {
11
+ const formControlContext = useFormControlContext();
12
+ const {
13
+ isInvalid,
14
+ isReadOnly,
15
+ ...combinedProps
16
+ } = {
17
+ ...formControlContext,
18
+ ...props
19
+ };
20
+ const radioGroupContext = useContext(RadioGroupContext);
21
+ if (!radioGroupContext) {
22
+ throw new Error('Radio must be rendered inside a Radio.Group. Standalone Radio is not supported.');
23
+ }
24
+ const rootRef = useRef(null);
25
+ const inputRef = useRef(null);
26
+ const mergedRootRef = mergeRefs(ref, rootRef);
27
+ const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Radio';
28
+ const radio = useRadio({
29
+ ...combinedProps,
30
+ 'aria-label': ariaLabel,
31
+ isReadOnly: isReadOnly || radioGroupContext.state.isReadOnly,
32
+ isDisabled: combinedProps.isDisabled || radioGroupContext.state.isDisabled
33
+ }, radioGroupContext.radioGroupState, useInputRefForAria ? inputRef : rootRef);
34
+ const {
35
+ inputProps,
36
+ labelProps
37
+ } = radio;
38
+ const {
39
+ checked: isChecked,
40
+ disabled: isDisabled
41
+ } = inputProps;
42
+ const {
43
+ hoverProps,
44
+ isHovered
45
+ } = useHover({}, rootRef);
46
+ return {
47
+ combinedProps,
48
+ isInvalid: isInvalid || radioGroupContext.state.isInvalid,
49
+ isReadOnly: isReadOnly || radioGroupContext.state.isReadOnly,
50
+ inputProps,
51
+ labelProps: labelProps ?? {},
52
+ isChecked,
53
+ isDisabled,
54
+ isHovered,
55
+ hoverProps,
56
+ mergedRef: mergedRootRef,
57
+ inputRef
58
+ };
59
+ }
60
+ //# sourceMappingURL=useRadioRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useRadio","useHover","RadioGroupContext","useRadioRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","combinedProps","radioGroupContext","Error","rootRef","inputRef","mergedRootRef","ariaLabel","value","radio","state","isDisabled","radioGroupState","inputProps","labelProps","checked","isChecked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["radio/useRadioRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,iBAAiB,QAAQ,WAAW;AAO7C,OAAO,SAASC,YAAYA,CAC1BC,KAAkB,EAClBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA2B,CAAC,GAAG,CAAC,CAAC,EACxD;EACA,MAAMC,kBAAkB,GAAGR,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAES,SAAS;IAAEC,UAAU;IAAE,GAAGC;EAAc,CAAC,GAAG;IAClD,GAAGH,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMO,iBAAiB,GAAGf,UAAU,CAACM,iBAAiB,CAAC;EAEvD,IAAI,CAACS,iBAAiB,EAAE;IACtB,MAAM,IAAIC,KAAK,CACb,iFACF,CAAC;EACH;EAEA,MAAMC,OAAO,GAAGhB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMiB,QAAQ,GAAGjB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMkB,aAAa,GAAGjB,SAAS,CAACO,GAAG,EAASQ,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGN,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACO,KAAK,IAAI,OAAO;EAE/E,MAAMC,KAAK,GAAGlB,QAAQ,CACpB;IACE,GAAGU,aAAa;IAChB,YAAY,EAAEM,SAAS;IACvBP,UAAU,EAAEA,UAAU,IAAIE,iBAAiB,CAACQ,KAAK,CAACV,UAAU;IAC5DW,UAAU,EAAEV,aAAa,CAACU,UAAU,IAAIT,iBAAiB,CAACQ,KAAK,CAACC;EAClE,CAAC,EACDT,iBAAiB,CAACU,eAAe,EAChCf,kBAAkB,GAAGQ,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAES,UAAU;IAAEC;EAAW,CAAC,GAAGL,KAElC;EAED,MAAM;IAAEM,OAAO,EAAEC,SAAS;IAAEC,QAAQ,EAAEN;EAAW,CAAC,GAAGE,UAAU;EAE/D,MAAM;IAAEK,UAAU;IAAEC;EAAU,CAAC,GAAG3B,QAAQ,CAAC,CAAC,CAAC,EAAEY,OAAO,CAAC;EAEvD,OAAO;IACLH,aAAa;IACbF,SAAS,EAAEA,SAAS,IAAIG,iBAAiB,CAACQ,KAAK,CAACX,SAAS;IACzDC,UAAU,EAAEA,UAAU,IAAIE,iBAAiB,CAACQ,KAAK,CAACV,UAAU;IAC5Da,UAAU;IACVC,UAAU,EAAEA,UAAU,IAAI,CAAC,CAAC;IAC5BE,SAAS;IACTL,UAAU;IACVQ,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ import { createContext as createReactContext, useContext } from 'react';
4
+ import { createContext } from '@cdx-ui/utils';
5
+ // Per-tile subtree (selection-aware slots, indicator, etc.)
6
+ export const [TileProvider, useTileContext] = createContext('TileContext');
7
+
8
+ // Per-group subtree (optional — standalone tiles have no provider)
9
+ const TileGroupContext = /*#__PURE__*/createReactContext(null);
10
+ export const TileGroupContextProvider = TileGroupContext.Provider;
11
+ export function useTileGroupContext() {
12
+ const ctx = useContext(TileGroupContext);
13
+ if (!ctx) {
14
+ throw new Error('Tile must be used within Tile.Group');
15
+ }
16
+ return ctx;
17
+ }
18
+ export function useOptionalTileGroupContext() {
19
+ return useContext(TileGroupContext);
20
+ }
21
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createContext","createReactContext","useContext","TileProvider","useTileContext","TileGroupContext","TileGroupContextProvider","Provider","useTileGroupContext","ctx","Error","useOptionalTileGroupContext"],"sourceRoot":"../../../src","sources":["tile/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C;AACA,OAAO,MAAM,CAACG,YAAY,EAAEC,cAAc,CAAC,GAAGJ,aAAa,CAAoB,aAAa,CAAC;;AAE7F;AACA,MAAMK,gBAAgB,gBAAGJ,kBAAkB,CAAgC,IAAI,CAAC;AAEhF,OAAO,MAAMK,wBAAwB,GAAGD,gBAAgB,CAACE,QAAQ;AAEjE,OAAO,SAASC,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,GAAG,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EACxC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;EACxD;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASE,2BAA2BA,CAAA,EAAkC;EAC3E,OAAOT,UAAU,CAACG,gBAAgB,CAAC;AACrC","ignoreList":[]}
@@ -0,0 +1,24 @@
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 contentStyle = {
7
+ flex: 1,
8
+ flexDirection: 'column',
9
+ minWidth: 0
10
+ };
11
+ export const createTileContent = Base => /*#__PURE__*/forwardRef(({
12
+ children,
13
+ style,
14
+ ...props
15
+ }, ref) => /*#__PURE__*/_jsx(Base, {
16
+ ...props,
17
+ ...dataAttributes({
18
+ slot: 'tile-content'
19
+ }),
20
+ ref: ref,
21
+ style: [contentStyle, style],
22
+ children: children
23
+ }));
24
+ //# sourceMappingURL=createTileContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","contentStyle","flex","flexDirection","minWidth","createTileContent","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,YAAY,GAAG;EACnBC,IAAI,EAAE,CAAC;EACPC,aAAa,EAAE,QAAiB;EAChCC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAQC,IAA4B,iBAChET,UAAU,CAAC,CAAC;EAAEU,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAyB,CAAC,EAAEC,GAAuB,kBACnFV,IAAA,CAACM,IAAI;EAAA,GACEG,KAAK;EAAA,GACNX,cAAc,CAAC;IACjBa,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACP,YAAY,EAAEO,KAAK,CAAE;EAAAD,QAAA,EAE5BA;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 noUnderline = {
7
+ textDecorationLine: 'none'
8
+ };
9
+ export const createTileDescription = Base => /*#__PURE__*/forwardRef(({
10
+ children,
11
+ style,
12
+ ...props
13
+ }, ref) => /*#__PURE__*/_jsx(Base, {
14
+ ...props,
15
+ ...dataAttributes({
16
+ slot: 'tile-description'
17
+ }),
18
+ ref: ref,
19
+ style: [noUnderline, style],
20
+ children: children
21
+ }));
22
+ //# sourceMappingURL=createTileDescription.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","noUnderline","textDecorationLine","createTileDescription","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAE3D,OAAO,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA6B,CAAC,EAAEC,GAAuB,kBACvFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,WAAW,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
@@ -0,0 +1,106 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef, useCallback, useMemo } from 'react';
4
+ import { useControllableState } from '@cdx-ui/utils';
5
+ import { dataAttributes } from '../utils/dataAttributes';
6
+ import { TileGroupContextProvider } from './context';
7
+
8
+ /**
9
+ * Internal widening of the public discriminated union: the runtime accepts any value
10
+ * shape and reads `type` to decide branch behavior. The public API stays narrow.
11
+ */
12
+ import { jsx as _jsx } from "react/jsx-runtime";
13
+ export const createTileGroup = Base => /*#__PURE__*/forwardRef((props, ref) => {
14
+ const {
15
+ children,
16
+ type,
17
+ value: valueProp,
18
+ defaultValue,
19
+ onValueChange,
20
+ max: maxProp,
21
+ isDisabled = false,
22
+ 'aria-label': ariaLabel,
23
+ ...rest
24
+ } = props;
25
+ const max = maxProp ?? Number.POSITIVE_INFINITY;
26
+ const defaultProp = defaultValue !== undefined ? defaultValue : type === 'multiple' ? [] : undefined;
27
+ const [state, setState] = useControllableState({
28
+ prop: valueProp,
29
+ defaultProp,
30
+ onChange: next => {
31
+ if (next !== undefined) {
32
+ onValueChange?.(next);
33
+ }
34
+ }
35
+ });
36
+ const isSelected = useCallback(tileValue => {
37
+ if (type === 'single') {
38
+ return state === tileValue;
39
+ }
40
+ return Array.isArray(state) && state.includes(tileValue);
41
+ }, [type, state]);
42
+ const isTileDisabledByGroup = useCallback(tileValue => {
43
+ if (isDisabled) {
44
+ return true;
45
+ }
46
+ if (type !== 'multiple') {
47
+ return false;
48
+ }
49
+ const arr = Array.isArray(state) ? state : [];
50
+ if (arr.length < max) {
51
+ return false;
52
+ }
53
+ return !arr.includes(tileValue);
54
+ }, [isDisabled, type, state, max]);
55
+ const toggleValue = useCallback(tileValue => {
56
+ if (isDisabled) {
57
+ return;
58
+ }
59
+ if (type === 'single') {
60
+ if (state === tileValue) {
61
+ return;
62
+ }
63
+ setState(tileValue);
64
+ return;
65
+ }
66
+ const arr = Array.isArray(state) ? [...state] : [];
67
+ const idx = arr.indexOf(tileValue);
68
+ if (idx >= 0) {
69
+ arr.splice(idx, 1);
70
+ setState(arr);
71
+ } else if (arr.length < max) {
72
+ arr.push(tileValue);
73
+ setState(arr);
74
+ }
75
+ }, [isDisabled, type, state, setState, max]);
76
+ const contextValue = useMemo(() => ({
77
+ type,
78
+ value: state,
79
+ toggleValue,
80
+ isSelected,
81
+ isTileDisabledByGroup,
82
+ isGroupDisabled: isDisabled,
83
+ max
84
+ }), [type, state, toggleValue, isSelected, isTileDisabledByGroup, isDisabled, max]);
85
+ const role = type === 'single' ? 'radiogroup' : 'group';
86
+ return /*#__PURE__*/_jsx(TileGroupContextProvider, {
87
+ value: contextValue,
88
+ children: /*#__PURE__*/_jsx(Base, {
89
+ ...rest,
90
+ ref: ref,
91
+ role: role,
92
+ ...(type === 'single' ? {
93
+ accessibilityRole: 'radiogroup'
94
+ } : {}),
95
+ ...(ariaLabel ? {
96
+ 'aria-label': ariaLabel,
97
+ accessibilityLabel: ariaLabel
98
+ } : {}),
99
+ ...dataAttributes({
100
+ slot: 'tile-group'
101
+ }),
102
+ children: children
103
+ })
104
+ });
105
+ });
106
+ //# sourceMappingURL=createTileGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","useCallback","useMemo","useControllableState","dataAttributes","TileGroupContextProvider","jsx","_jsx","createTileGroup","Base","props","ref","children","type","value","valueProp","defaultValue","onValueChange","max","maxProp","isDisabled","ariaLabel","rest","Number","POSITIVE_INFINITY","defaultProp","undefined","state","setState","prop","onChange","next","isSelected","tileValue","Array","isArray","includes","isTileDisabledByGroup","arr","length","toggleValue","idx","indexOf","splice","push","contextValue","isGroupDisabled","role","accessibilityRole","accessibilityLabel","slot"],"sourceRoot":"../../../src","sources":["tile/createTileGroup.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ import React, { forwardRef } from 'react';
4
+ import { dataAttributes } from '../utils/dataAttributes';
5
+ import { useTileContext } from './context';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ const shrinkZero = {
8
+ flexShrink: 0,
9
+ pointerEvents: 'none'
10
+ };
11
+ export const createTileIndicator = Base => /*#__PURE__*/forwardRef(({
12
+ children,
13
+ style,
14
+ indicatorType,
15
+ ...props
16
+ }, ref) => {
17
+ const {
18
+ isSelected,
19
+ isDisabled,
20
+ selectionType
21
+ } = useTileContext();
22
+
23
+ // Effective visual type: explicit prop wins; otherwise infer from group/standalone context.
24
+ const effectiveType = indicatorType ?? (selectionType === 'single' ? 'radio' : 'checkbox');
25
+ return /*#__PURE__*/_jsx(Base, {
26
+ ...props,
27
+ accessibilityElementsHidden: true,
28
+ "aria-hidden": true,
29
+ ...dataAttributes({
30
+ slot: 'tile-indicator',
31
+ checked: isSelected,
32
+ selectionType: effectiveType === 'radio' ? 'single' : 'multiple',
33
+ disabled: isDisabled
34
+ }),
35
+ ref: ref,
36
+ style: [shrinkZero, style],
37
+ children: children
38
+ });
39
+ });
40
+ //# sourceMappingURL=createTileIndicator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","useTileContext","jsx","_jsx","shrinkZero","flexShrink","pointerEvents","createTileIndicator","Base","children","style","indicatorType","props","ref","isSelected","isDisabled","selectionType","effectiveType","accessibilityElementsHidden","slot","checked","disabled"],"sourceRoot":"../../../src","sources":["tile/createTileIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE,CAAU;EAAEC,aAAa,EAAE;AAAgB,CAAC;AAE7E,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClET,UAAU,CACR,CACE;EAAEU,QAAQ;EAAEC,KAAK;EAAEC,aAAa;EAAE,GAAGC;AAA2B,CAAC,EACjEC,GAAuB,KACpB;EACH,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGf,cAAc,CAAC,CAAC;;EAElE;EACA,MAAMgB,aAAmC,GACvCN,aAAa,KAAKK,aAAa,KAAK,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;EAEtE,oBACEb,IAAA,CAACK,IAAI;IAAA,GACEI,KAAK;IACVM,2BAA2B;IAC3B,mBAAW;IAAA,GACPlB,cAAc,CAAC;MACjBmB,IAAI,EAAE,gBAAgB;MACtBC,OAAO,EAAEN,UAAU;MACnBE,aAAa,EAAEC,aAAa,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;MAChEI,QAAQ,EAAEN;IACZ,CAAC,CAAC;IACFF,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;IAAAD,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,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 createTileLeadingSlot = 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: 'tile-leading'
20
+ }),
21
+ accessibilityElementsHidden: accessibilityElementsHidden,
22
+ "aria-hidden": ariaHidden,
23
+ ref: ref,
24
+ style: [shrinkZero, style],
25
+ children: children
26
+ });
27
+ });
28
+ //# sourceMappingURL=createTileLeadingSlot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createTileLeadingSlot","Base","ariaHidden","style","children","props","ref","accessibilityElementsHidden","slot"],"sourceRoot":"../../../src","sources":["tile/createTileLeadingSlot.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,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CACR,CACE;EAAE,aAAa,EAAEQ,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAC/EC,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":[]}