@cdx-ui/primitives 0.0.1-beta.6 → 0.0.1-beta.60
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 +51 -25
- package/lib/commonjs/CLAUDE.md +32 -0
- package/lib/commonjs/avatar/createAvatarText.js +9 -1
- package/lib/commonjs/avatar/createAvatarText.js.map +1 -1
- package/lib/commonjs/button/createButtonText.js +1 -0
- package/lib/commonjs/button/createButtonText.js.map +1 -1
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +8 -3
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +1 -1
- package/lib/commonjs/chip/createChipRoot.js +132 -0
- package/lib/commonjs/chip/createChipRoot.js.map +1 -0
- package/lib/commonjs/chip/index.js +16 -0
- package/lib/commonjs/chip/index.js.map +1 -0
- package/lib/commonjs/chip/types.js +6 -0
- package/lib/commonjs/chip/types.js.map +1 -0
- package/lib/commonjs/dialog/createDialogContent.js +7 -127
- package/lib/commonjs/dialog/createDialogContent.js.map +1 -1
- package/lib/commonjs/dialog/createDialogPopup.js +157 -0
- package/lib/commonjs/dialog/createDialogPopup.js.map +1 -0
- package/lib/commonjs/dialog/index.js +8 -8
- package/lib/commonjs/dialog/index.js.map +1 -1
- package/lib/commonjs/field/createFieldLabel.js.map +1 -1
- package/lib/commonjs/index.js +45 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/createInputField.js +5 -0
- package/lib/commonjs/input/createInputField.js.map +1 -1
- package/lib/commonjs/link/context.js +11 -0
- package/lib/commonjs/link/context.js.map +1 -0
- package/lib/commonjs/link/createLink.js +28 -14
- package/lib/commonjs/link/createLink.js.map +1 -1
- package/lib/commonjs/link/index.js +13 -0
- package/lib/commonjs/link/index.js.map +1 -1
- package/lib/commonjs/list-item/createListItemRoot.js +64 -37
- package/lib/commonjs/list-item/createListItemRoot.js.map +1 -1
- package/lib/commonjs/list-item/index.js.map +1 -1
- package/lib/commonjs/radio/context.js +14 -0
- package/lib/commonjs/radio/context.js.map +1 -0
- package/lib/commonjs/radio/createRadioGroup.js +66 -0
- package/lib/commonjs/radio/createRadioGroup.js.map +1 -0
- package/lib/commonjs/radio/createRadioIndicator.js +43 -0
- package/lib/commonjs/radio/createRadioIndicator.js.map +1 -0
- package/lib/commonjs/radio/createRadioLabel.js +38 -0
- package/lib/commonjs/radio/createRadioLabel.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.js +95 -0
- package/lib/commonjs/radio/createRadioRoot.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.web.js +87 -0
- package/lib/commonjs/radio/createRadioRoot.web.js.map +1 -0
- package/lib/commonjs/radio/index.js +26 -0
- package/lib/commonjs/radio/index.js.map +1 -0
- package/lib/commonjs/radio/types.js +6 -0
- package/lib/commonjs/radio/types.js.map +1 -0
- package/lib/commonjs/radio/useRadioRoot.js +64 -0
- package/lib/commonjs/radio/useRadioRoot.js.map +1 -0
- package/lib/commonjs/select/createSelectIcon.js +3 -1
- package/lib/commonjs/select/createSelectIcon.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +17 -4
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/commonjs/tile/context.js +30 -0
- package/lib/commonjs/tile/context.js.map +1 -0
- package/lib/commonjs/tile/createTileContent.js +30 -0
- package/lib/commonjs/tile/createTileContent.js.map +1 -0
- package/lib/commonjs/tile/createTileDescription.js +28 -0
- package/lib/commonjs/tile/createTileDescription.js.map +1 -0
- package/lib/commonjs/tile/createTileGroup.js +112 -0
- package/lib/commonjs/tile/createTileGroup.js.map +1 -0
- package/lib/commonjs/tile/createTileIndicator.js +46 -0
- package/lib/commonjs/tile/createTileIndicator.js.map +1 -0
- package/lib/commonjs/tile/createTileLeadingSlot.js +34 -0
- package/lib/commonjs/tile/createTileLeadingSlot.js.map +1 -0
- package/lib/commonjs/tile/createTileRoot.js +133 -0
- package/lib/commonjs/tile/createTileRoot.js.map +1 -0
- package/lib/commonjs/{dialog/createDialogBody.js → tile/createTileTitle.js} +18 -11
- package/lib/commonjs/tile/createTileTitle.js.map +1 -0
- package/lib/commonjs/tile/createTileTrailingSlot.js +35 -0
- package/lib/commonjs/tile/createTileTrailingSlot.js.map +1 -0
- package/lib/commonjs/tile/index.js +55 -0
- package/lib/commonjs/tile/index.js.map +1 -0
- package/lib/commonjs/tile/types.js +6 -0
- package/lib/commonjs/tile/types.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.js +6 -25
- package/lib/commonjs/utils/dataAttributes.js.map +1 -1
- package/lib/commonjs/utils/domDataAttributes.js +34 -0
- package/lib/commonjs/utils/domDataAttributes.js.map +1 -0
- package/lib/module/CLAUDE.md +32 -0
- package/lib/module/avatar/createAvatarText.js +9 -1
- package/lib/module/avatar/createAvatarText.js.map +1 -1
- package/lib/module/button/createButtonText.js +1 -0
- package/lib/module/button/createButtonText.js.map +1 -1
- package/lib/module/checkbox/createCheckboxRoot.web.js +8 -2
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +1 -1
- package/lib/module/chip/createChipRoot.js +126 -0
- package/lib/module/chip/createChipRoot.js.map +1 -0
- package/lib/module/chip/index.js +12 -0
- package/lib/module/chip/index.js.map +1 -0
- package/lib/module/chip/types.js +4 -0
- package/lib/module/chip/types.js.map +1 -0
- package/lib/module/dialog/createDialogContent.js +7 -128
- package/lib/module/dialog/createDialogContent.js.map +1 -1
- package/lib/module/dialog/createDialogPopup.js +152 -0
- package/lib/module/dialog/createDialogPopup.js.map +1 -0
- package/lib/module/dialog/index.js +8 -8
- package/lib/module/dialog/index.js.map +1 -1
- package/lib/module/field/createFieldLabel.js.map +1 -1
- package/lib/module/index.js +4 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/createInputField.js +5 -0
- package/lib/module/input/createInputField.js.map +1 -1
- package/lib/module/link/context.js +5 -0
- package/lib/module/link/context.js.map +1 -0
- package/lib/module/link/createLink.js +29 -15
- package/lib/module/link/createLink.js.map +1 -1
- package/lib/module/link/index.js +1 -0
- package/lib/module/link/index.js.map +1 -1
- package/lib/module/list-item/createListItemRoot.js +64 -37
- package/lib/module/list-item/createListItemRoot.js.map +1 -1
- package/lib/module/list-item/index.js.map +1 -1
- package/lib/module/radio/context.js +7 -0
- package/lib/module/radio/context.js.map +1 -0
- package/lib/module/radio/createRadioGroup.js +61 -0
- package/lib/module/radio/createRadioGroup.js.map +1 -0
- package/lib/module/radio/createRadioIndicator.js +38 -0
- package/lib/module/radio/createRadioIndicator.js.map +1 -0
- package/lib/module/radio/createRadioLabel.js +33 -0
- package/lib/module/radio/createRadioLabel.js.map +1 -0
- package/lib/module/radio/createRadioRoot.js +90 -0
- package/lib/module/radio/createRadioRoot.js.map +1 -0
- package/lib/module/radio/createRadioRoot.web.js +82 -0
- package/lib/module/radio/createRadioRoot.web.js.map +1 -0
- package/lib/module/radio/index.js +22 -0
- package/lib/module/radio/index.js.map +1 -0
- package/lib/module/radio/types.js +4 -0
- package/lib/module/radio/types.js.map +1 -0
- package/lib/module/radio/useRadioRoot.js +60 -0
- package/lib/module/radio/useRadioRoot.js.map +1 -0
- package/lib/module/select/createSelectIcon.js +3 -1
- package/lib/module/select/createSelectIcon.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +19 -6
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/module/tile/context.js +21 -0
- package/lib/module/tile/context.js.map +1 -0
- package/lib/module/tile/createTileContent.js +24 -0
- package/lib/module/tile/createTileContent.js.map +1 -0
- package/lib/module/tile/createTileDescription.js +22 -0
- package/lib/module/tile/createTileDescription.js.map +1 -0
- package/lib/module/tile/createTileGroup.js +106 -0
- package/lib/module/tile/createTileGroup.js.map +1 -0
- package/lib/module/tile/createTileIndicator.js +40 -0
- package/lib/module/tile/createTileIndicator.js.map +1 -0
- package/lib/module/tile/createTileLeadingSlot.js +28 -0
- package/lib/module/tile/createTileLeadingSlot.js.map +1 -0
- package/lib/module/tile/createTileRoot.js +127 -0
- package/lib/module/tile/createTileRoot.js.map +1 -0
- package/lib/module/tile/createTileTitle.js +22 -0
- package/lib/module/tile/createTileTitle.js.map +1 -0
- package/lib/module/tile/createTileTrailingSlot.js +29 -0
- package/lib/module/tile/createTileTrailingSlot.js.map +1 -0
- package/lib/module/tile/index.js +39 -0
- package/lib/module/tile/index.js.map +1 -0
- package/lib/module/tile/types.js +4 -0
- package/lib/module/tile/types.js.map +1 -0
- package/lib/module/utils/dataAttributes.js +4 -22
- package/lib/module/utils/dataAttributes.js.map +1 -1
- package/lib/module/utils/domDataAttributes.js +30 -0
- package/lib/module/utils/domDataAttributes.js.map +1 -0
- package/lib/typescript/avatar/createAvatarText.d.ts.map +1 -1
- package/lib/typescript/button/createButtonText.d.ts.map +1 -1
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +4 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +2 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -1
- package/lib/typescript/chip/createChipRoot.d.ts +4 -0
- package/lib/typescript/chip/createChipRoot.d.ts.map +1 -0
- package/lib/typescript/chip/index.d.ts +9 -0
- package/lib/typescript/chip/index.d.ts.map +1 -0
- package/lib/typescript/chip/types.d.ts +17 -0
- package/lib/typescript/chip/types.d.ts.map +1 -0
- package/lib/typescript/dialog/createDialogContent.d.ts +2 -2
- package/lib/typescript/dialog/createDialogContent.d.ts.map +1 -1
- package/lib/typescript/dialog/createDialogPopup.d.ts +4 -0
- package/lib/typescript/dialog/createDialogPopup.d.ts.map +1 -0
- package/lib/typescript/dialog/index.d.ts +5 -5
- package/lib/typescript/dialog/index.d.ts.map +1 -1
- package/lib/typescript/dialog/types.d.ts +16 -5
- package/lib/typescript/dialog/types.d.ts.map +1 -1
- package/lib/typescript/field/createFieldLabel.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +4 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/createInputField.d.ts.map +1 -1
- package/lib/typescript/link/context.d.ts +10 -0
- package/lib/typescript/link/context.d.ts.map +1 -0
- package/lib/typescript/link/createLink.d.ts.map +1 -1
- package/lib/typescript/link/index.d.ts +2 -0
- package/lib/typescript/link/index.d.ts.map +1 -1
- package/lib/typescript/link/types.d.ts +1 -0
- package/lib/typescript/link/types.d.ts.map +1 -1
- package/lib/typescript/list-item/createListItemRoot.d.ts.map +1 -1
- package/lib/typescript/list-item/index.d.ts +1 -1
- package/lib/typescript/list-item/index.d.ts.map +1 -1
- package/lib/typescript/list-item/types.d.ts +1 -7
- package/lib/typescript/list-item/types.d.ts.map +1 -1
- package/lib/typescript/radio/context.d.ts +21 -0
- package/lib/typescript/radio/context.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioGroup.d.ts +3 -0
- package/lib/typescript/radio/createRadioGroup.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts +5 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioLabel.d.ts +5 -0
- package/lib/typescript/radio/createRadioLabel.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts.map +1 -0
- package/lib/typescript/radio/index.d.ts +10 -0
- package/lib/typescript/radio/index.d.ts.map +1 -0
- package/lib/typescript/radio/types.d.ts +54 -0
- package/lib/typescript/radio/types.d.ts.map +1 -0
- package/lib/typescript/radio/useRadioRoot.d.ts +151 -0
- package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -0
- package/lib/typescript/select/createSelectIcon.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/tile/context.d.ts +9 -0
- package/lib/typescript/tile/context.d.ts.map +1 -0
- package/lib/typescript/tile/createTileContent.d.ts +3 -0
- package/lib/typescript/tile/createTileContent.d.ts.map +1 -0
- package/lib/typescript/tile/createTileDescription.d.ts +3 -0
- package/lib/typescript/tile/createTileDescription.d.ts.map +1 -0
- package/lib/typescript/tile/createTileGroup.d.ts +4 -0
- package/lib/typescript/tile/createTileGroup.d.ts.map +1 -0
- package/lib/typescript/tile/createTileIndicator.d.ts +4 -0
- package/lib/typescript/tile/createTileIndicator.d.ts.map +1 -0
- package/lib/typescript/tile/createTileLeadingSlot.d.ts +4 -0
- package/lib/typescript/tile/createTileLeadingSlot.d.ts.map +1 -0
- package/lib/typescript/tile/createTileRoot.d.ts +4 -0
- package/lib/typescript/tile/createTileRoot.d.ts.map +1 -0
- package/lib/typescript/tile/createTileTitle.d.ts +3 -0
- package/lib/typescript/tile/createTileTitle.d.ts.map +1 -0
- package/lib/typescript/tile/createTileTrailingSlot.d.ts +9 -0
- package/lib/typescript/tile/createTileTrailingSlot.d.ts.map +1 -0
- package/lib/typescript/tile/index.d.ts +15 -0
- package/lib/typescript/tile/index.d.ts.map +1 -0
- package/lib/typescript/tile/types.d.ts +119 -0
- package/lib/typescript/tile/types.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.d.ts +4 -10
- package/lib/typescript/utils/dataAttributes.d.ts.map +1 -1
- package/lib/typescript/utils/domDataAttributes.d.ts +15 -0
- package/lib/typescript/utils/domDataAttributes.d.ts.map +1 -0
- package/package.json +5 -2
- package/src/CLAUDE.md +32 -0
- package/src/avatar/createAvatarText.tsx +10 -1
- package/src/button/createButtonText.tsx +1 -0
- package/src/checkbox/createCheckboxRoot.web.tsx +6 -2
- package/src/chip/createChipRoot.tsx +144 -0
- package/src/chip/index.ts +18 -0
- package/src/chip/types.ts +23 -0
- package/src/dialog/createDialogContent.tsx +6 -117
- package/src/dialog/createDialogPopup.tsx +146 -0
- package/src/dialog/index.tsx +16 -16
- package/src/dialog/types.ts +20 -9
- package/src/field/createFieldLabel.tsx +4 -1
- package/src/index.ts +4 -0
- package/src/input/createInputField.tsx +6 -0
- package/src/link/context.tsx +10 -0
- package/src/link/createLink.tsx +41 -23
- package/src/link/index.tsx +2 -0
- package/src/link/types.ts +1 -0
- package/src/list-item/createListItemRoot.tsx +68 -36
- package/src/list-item/index.ts +0 -1
- package/src/list-item/types.ts +1 -8
- package/src/radio/context.tsx +21 -0
- package/src/radio/createRadioGroup.tsx +67 -0
- package/src/radio/createRadioIndicator.tsx +32 -0
- package/src/radio/createRadioLabel.tsx +28 -0
- package/src/radio/createRadioRoot.tsx +100 -0
- package/src/radio/createRadioRoot.web.tsx +81 -0
- package/src/radio/index.ts +37 -0
- package/src/radio/types.ts +67 -0
- package/src/radio/useRadioRoot.ts +69 -0
- package/src/select/createSelectIcon.tsx +2 -1
- package/src/select/createSelectTrigger.tsx +26 -3
- package/src/tile/context.tsx +23 -0
- package/src/tile/createTileContent.tsx +23 -0
- package/src/tile/createTileDescription.tsx +19 -0
- package/src/tile/createTileGroup.tsx +134 -0
- package/src/tile/createTileIndicator.tsx +38 -0
- package/src/tile/createTileLeadingSlot.tsx +30 -0
- package/src/tile/createTileRoot.tsx +124 -0
- package/src/tile/createTileTitle.tsx +19 -0
- package/src/tile/createTileTrailingSlot.tsx +25 -0
- package/src/tile/index.ts +88 -0
- package/src/tile/types.ts +153 -0
- package/src/utils/dataAttributes.ts +4 -25
- package/src/utils/domDataAttributes.ts +32 -0
- package/lib/commonjs/dialog/createDialogBody.js.map +0 -1
- package/lib/module/dialog/createDialogBody.js +0 -15
- package/lib/module/dialog/createDialogBody.js.map +0 -1
- package/lib/typescript/dialog/createDialogBody.d.ts +0 -4
- package/lib/typescript/dialog/createDialogBody.d.ts.map +0 -1
- package/src/dialog/createDialogBody.tsx +0 -11
|
@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.createListItemRoot = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
9
10
|
var _interactions = require("@react-native-aria/interactions");
|
|
10
11
|
var _dataAttributes = require("../utils/dataAttributes");
|
|
11
12
|
var _context = require("./context");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
-
function listItemRootDataAttrs(size,
|
|
15
|
+
function listItemRootDataAttrs(size, showSeparator, crossAlign) {
|
|
15
16
|
return (0, _dataAttributes.dataAttributes)({
|
|
16
17
|
slot: 'list-item',
|
|
17
18
|
size: size ?? 'default',
|
|
18
|
-
surface: surface ?? 'default',
|
|
19
19
|
separator: showSeparator ?? true,
|
|
20
20
|
crossAlign: crossAlign ?? 'center'
|
|
21
21
|
});
|
|
@@ -32,17 +32,22 @@ const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/(0, _react.
|
|
|
32
32
|
children,
|
|
33
33
|
onPress,
|
|
34
34
|
size = 'default',
|
|
35
|
-
surface = 'default',
|
|
36
35
|
showSeparator = true,
|
|
37
36
|
crossAlign = 'center',
|
|
38
|
-
|
|
37
|
+
isDisabled = false,
|
|
39
38
|
style,
|
|
40
39
|
...restProps
|
|
41
40
|
}, ref) => {
|
|
42
|
-
const
|
|
41
|
+
const childOnPress = /*#__PURE__*/_react.default.isValidElement(children) ? children.props.onPress : undefined;
|
|
42
|
+
|
|
43
|
+
// asChild always wins when explicitly set with a valid element — even when the press
|
|
44
|
+
// surface is built internally by the child (e.g. `Link` adds its onPress via `useLink`,
|
|
45
|
+
// not as a JSX-level prop). The clone path below preserves the child's own press by
|
|
46
|
+
// *omitting* `onPress` when there is nothing to compose.
|
|
47
|
+
const asChildInteractive = asChild && /*#__PURE__*/_react.default.isValidElement(children);
|
|
43
48
|
const isPressableRoot = !!onPress && !asChildInteractive;
|
|
44
49
|
const pressState = (0, _interactions.usePress)({
|
|
45
|
-
isDisabled: !isPressableRoot ||
|
|
50
|
+
isDisabled: !isPressableRoot || isDisabled
|
|
46
51
|
});
|
|
47
52
|
const isPressed = pressState.isPressed;
|
|
48
53
|
const pressProps = pressState.pressProps;
|
|
@@ -50,18 +55,51 @@ const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/(0, _react.
|
|
|
50
55
|
hoverProps,
|
|
51
56
|
isHovered
|
|
52
57
|
} = (0, _interactions.useHover)();
|
|
53
|
-
const
|
|
58
|
+
const {
|
|
59
|
+
isFocused,
|
|
60
|
+
focusProps
|
|
61
|
+
} = (0, _focus.useFocus)();
|
|
62
|
+
const {
|
|
63
|
+
isFocusVisible,
|
|
64
|
+
focusProps: focusRingProps
|
|
65
|
+
} = (0, _focus.useFocusRing)();
|
|
66
|
+
const slotAttrs = listItemRootDataAttrs(size, showSeparator, crossAlign);
|
|
54
67
|
const contextValue = (0, _react.useMemo)(() => ({
|
|
55
68
|
isPressed: isPressableRoot ? isPressed : false,
|
|
56
69
|
isHovered,
|
|
57
|
-
isDisabled
|
|
70
|
+
isDisabled,
|
|
58
71
|
crossAlign: crossAlign ?? 'center'
|
|
59
|
-
}), [isPressableRoot, isPressed, isHovered,
|
|
72
|
+
}), [isPressableRoot, isPressed, isHovered, isDisabled, crossAlign]);
|
|
60
73
|
if (asChildInteractive) {
|
|
61
74
|
const child = children;
|
|
62
|
-
const
|
|
63
|
-
const childDisabled = !!
|
|
64
|
-
const resolvedDisabled =
|
|
75
|
+
const childProps = child.props;
|
|
76
|
+
const childDisabled = !!(childProps.isDisabled ?? childProps.disabled);
|
|
77
|
+
const resolvedDisabled = isDisabled || childDisabled;
|
|
78
|
+
const cloneProps = {
|
|
79
|
+
...restProps,
|
|
80
|
+
...slotAttrs,
|
|
81
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
82
|
+
disabled: resolvedDisabled
|
|
83
|
+
}),
|
|
84
|
+
...(resolvedDisabled && {
|
|
85
|
+
accessibilityState: {
|
|
86
|
+
disabled: true
|
|
87
|
+
}
|
|
88
|
+
}),
|
|
89
|
+
disabled: resolvedDisabled,
|
|
90
|
+
ref: (0, _utils.mergeRefs)(ref, child.props.ref),
|
|
91
|
+
style: [rowStyleForCrossAlign(crossAlign), style, child.props.style]
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
// Only override the child's `onPress` when we have something to add (a parent handler)
|
|
95
|
+
// or need to suppress (disabled). Otherwise leave the child's own onPress alone — e.g.
|
|
96
|
+
// `Link` builds its navigation handler inside `useLink`, not as a JSX-level prop, and
|
|
97
|
+
// overriding here would shadow it.
|
|
98
|
+
if (resolvedDisabled) {
|
|
99
|
+
cloneProps.onPress = undefined;
|
|
100
|
+
} else if (onPress) {
|
|
101
|
+
cloneProps.onPress = (0, _utils.composeEventHandlers)(childOnPress, onPress);
|
|
102
|
+
}
|
|
65
103
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ListItemProvider, {
|
|
66
104
|
value: {
|
|
67
105
|
isPressed: false,
|
|
@@ -69,37 +107,24 @@ const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/(0, _react.
|
|
|
69
107
|
isDisabled: resolvedDisabled,
|
|
70
108
|
crossAlign: crossAlign ?? 'center'
|
|
71
109
|
},
|
|
72
|
-
children: /*#__PURE__*/_react.default.cloneElement(child,
|
|
73
|
-
...restProps,
|
|
74
|
-
...slotAttrs,
|
|
75
|
-
...(0, _dataAttributes.dataAttributes)({
|
|
76
|
-
active: false,
|
|
77
|
-
hovered: false,
|
|
78
|
-
disabled: resolvedDisabled
|
|
79
|
-
}),
|
|
80
|
-
...(resolvedDisabled && {
|
|
81
|
-
accessibilityState: {
|
|
82
|
-
disabled: true
|
|
83
|
-
}
|
|
84
|
-
}),
|
|
85
|
-
disabled: resolvedDisabled,
|
|
86
|
-
onPress: resolvedDisabled ? undefined : mergedOnPress,
|
|
87
|
-
ref: (0, _utils.mergeRefs)(ref, child.props.ref),
|
|
88
|
-
style: [rowStyleForCrossAlign(crossAlign), style, child.props.style]
|
|
89
|
-
})
|
|
110
|
+
children: /*#__PURE__*/_react.default.cloneElement(child, cloneProps)
|
|
90
111
|
});
|
|
91
112
|
}
|
|
92
113
|
if (isPressableRoot) {
|
|
93
114
|
const interactionAttrs = (0, _dataAttributes.dataAttributes)({
|
|
94
115
|
active: isPressed,
|
|
95
|
-
|
|
96
|
-
|
|
116
|
+
hover: isHovered,
|
|
117
|
+
focus: isFocused,
|
|
118
|
+
focusVisible: isFocusVisible,
|
|
119
|
+
disabled: isDisabled
|
|
97
120
|
});
|
|
98
121
|
const {
|
|
99
122
|
onPressIn: onPressInProp,
|
|
100
123
|
onPressOut: onPressOutProp,
|
|
101
124
|
onHoverIn: onHoverInProp,
|
|
102
|
-
onHoverOut: onHoverOutProp
|
|
125
|
+
onHoverOut: onHoverOutProp,
|
|
126
|
+
onFocus: onFocusProp,
|
|
127
|
+
onBlur: onBlurProp
|
|
103
128
|
} = restProps;
|
|
104
129
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ListItemProvider, {
|
|
105
130
|
value: contextValue,
|
|
@@ -107,19 +132,21 @@ const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/(0, _react.
|
|
|
107
132
|
...restProps,
|
|
108
133
|
...slotAttrs,
|
|
109
134
|
...interactionAttrs,
|
|
110
|
-
...(
|
|
135
|
+
...(isDisabled && {
|
|
111
136
|
accessibilityState: {
|
|
112
137
|
disabled: true
|
|
113
138
|
}
|
|
114
139
|
}),
|
|
115
|
-
disabled:
|
|
140
|
+
disabled: isDisabled,
|
|
116
141
|
ref: ref,
|
|
117
142
|
style: [rowStyleForCrossAlign(crossAlign), style],
|
|
118
|
-
onPress:
|
|
143
|
+
onPress: isDisabled ? undefined : onPress,
|
|
119
144
|
onPressIn: (0, _utils.composeEventHandlers)(onPressInProp, pressProps.onPressIn),
|
|
120
145
|
onPressOut: (0, _utils.composeEventHandlers)(onPressOutProp, pressProps.onPressOut),
|
|
121
146
|
onHoverIn: (0, _utils.composeEventHandlers)(onHoverInProp, hoverProps.onHoverIn),
|
|
122
147
|
onHoverOut: (0, _utils.composeEventHandlers)(onHoverOutProp, hoverProps.onHoverOut),
|
|
148
|
+
onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
|
|
149
|
+
onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
|
|
123
150
|
children: children
|
|
124
151
|
})
|
|
125
152
|
});
|
|
@@ -129,7 +156,7 @@ const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/(0, _react.
|
|
|
129
156
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseView, {
|
|
130
157
|
...restProps,
|
|
131
158
|
...slotAttrs,
|
|
132
|
-
...(
|
|
159
|
+
...(isDisabled ? (0, _dataAttributes.dataAttributes)({
|
|
133
160
|
disabled: true
|
|
134
161
|
}) : undefined),
|
|
135
162
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_interactions","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","listItemRootDataAttrs","size","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","listItemRootDataAttrs","size","showSeparator","crossAlign","dataAttributes","slot","separator","rowStyleForCrossAlign","flexDirection","alignSelf","alignItems","createListItemRoot","BaseView","BasePressable","forwardRef","asChild","children","onPress","isDisabled","style","restProps","ref","childOnPress","React","isValidElement","props","undefined","asChildInteractive","isPressableRoot","pressState","usePress","isPressed","pressProps","hoverProps","isHovered","useHover","isFocused","focusProps","useFocus","isFocusVisible","focusRingProps","useFocusRing","slotAttrs","contextValue","useMemo","child","childProps","childDisabled","disabled","resolvedDisabled","cloneProps","accessibilityState","mergeRefs","composeEventHandlers","jsx","ListItemProvider","value","cloneElement","interactionAttrs","active","hover","focus","focusVisible","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","exports"],"sourceRoot":"../../../src","sources":["list-item/createListItemRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_createListItemContent","require","_createListItemDescription","_createListItemLeadingSlot","_createListItemMeta","_createListItemRoot","_createListItemSectionHeader","_createListItemTitle","_createListItemTrailingSlot","_context","createListItem","BaseComponents","ListItem","createListItemRoot","View","Pressable","LeadingSlot","createListItemLeadingSlot","Content","createListItemContent","Title","createListItemTitle","Description","createListItemDescription","Meta","createListItemMeta","TrailingSlot","createListItemTrailingSlot","SectionHeader","createListItemSectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,2BAAA,GAAAP,OAAA;
|
|
1
|
+
{"version":3,"names":["_createListItemContent","require","_createListItemDescription","_createListItemLeadingSlot","_createListItemMeta","_createListItemRoot","_createListItemSectionHeader","_createListItemTitle","_createListItemTrailingSlot","_context","createListItem","BaseComponents","ListItem","createListItemRoot","View","Pressable","LeadingSlot","createListItemLeadingSlot","Content","createListItemContent","Title","createListItemTitle","Description","createListItemDescription","Meta","createListItemMeta","TrailingSlot","createListItemTrailingSlot","SectionHeader","createListItemSectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,2BAAA,GAAAP,OAAA;AAmBA,IAAAQ,QAAA,GAAAR,OAAA;AAEO,SAASS,cAAcA,CAU5BC,cAUD,EAAE;EACD,MAAMC,QAAQ,GAAG,IAAAC,sCAAkB,EAACF,cAAc,CAACG,IAAI,EAAEH,cAAc,CAACI,SAAS,CAAC;EAClF,MAAMC,WAAW,GAAG,IAAAC,oDAAyB,EAACN,cAAc,CAACK,WAAW,CAAC;EACzE,MAAME,OAAO,GAAG,IAAAC,4CAAqB,EAACR,cAAc,CAACO,OAAO,CAAC;EAC7D,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACV,cAAc,CAACS,KAAK,CAAC;EACvD,MAAME,WAAW,GAAG,IAAAC,oDAAyB,EAACZ,cAAc,CAACW,WAAW,CAAC;EACzE,MAAME,IAAI,GAAG,IAAAC,sCAAkB,EAACd,cAAc,CAACa,IAAI,CAAC;EACpD,MAAME,YAAY,GAAG,IAAAC,sDAA0B,EAAChB,cAAc,CAACe,YAAY,CAAC;EAC5E,MAAME,aAAa,GAAG,IAAAC,wDAA2B,EAAClB,cAAc,CAACiB,aAAa,CAAC;EAE/EhB,QAAQ,CAACkB,WAAW,GAAG,mBAAmB;EAC1Cd,WAAW,CAACc,WAAW,GAAG,+BAA+B;EACzDZ,OAAO,CAACY,WAAW,GAAG,2BAA2B;EACjDV,KAAK,CAACU,WAAW,GAAG,yBAAyB;EAC7CR,WAAW,CAACQ,WAAW,GAAG,+BAA+B;EACzDN,IAAI,CAACM,WAAW,GAAG,wBAAwB;EAC3CJ,YAAY,CAACI,WAAW,GAAG,gCAAgC;EAC3DF,aAAa,CAACE,WAAW,GAAG,iCAAiC;EAE7D,OAAOC,MAAM,CAACC,MAAM,CAACpB,QAAQ,EAAE;IAC7BI,WAAW;IACXE,OAAO;IACPE,KAAK;IACLE,WAAW;IACXE,IAAI;IACJE,YAAY;IACZE;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useRadioContext = exports.RadioProvider = exports.RadioGroupContext = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
const [RadioProvider, useRadioContext] = (0, _utils.createContext)('RadioContext');
|
|
11
|
+
exports.useRadioContext = useRadioContext;
|
|
12
|
+
exports.RadioProvider = RadioProvider;
|
|
13
|
+
const RadioGroupContext = exports.RadioGroupContext = /*#__PURE__*/_react.default.createContext(null);
|
|
14
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_utils","e","__esModule","default","RadioProvider","useRadioContext","createContext","exports","RadioGroupContext","React"],"sourceRoot":"../../../src","sources":["radio/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIvC,MAAM,CAACG,aAAa,EAAEC,eAAe,CAAC,GAAG,IAAAC,oBAAa,EAAqB,cAAc,CAAC;AAACC,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAAAE,OAAA,CAAAH,aAAA,GAAAA,aAAA;AAW3F,MAAMI,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,gBAAGC,cAAK,CAACH,aAAa,CAI1C,IAAI,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createRadioGroup = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _radio = require("@react-native-aria/radio");
|
|
10
|
+
var _radio2 = require("@react-stately/radio");
|
|
11
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const createRadioGroup = BaseRadioGroup => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
15
|
+
children,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => {
|
|
18
|
+
const formControlContext = (0, _utils.useFormControlContext)();
|
|
19
|
+
const combinedProps = {
|
|
20
|
+
...formControlContext,
|
|
21
|
+
...props
|
|
22
|
+
};
|
|
23
|
+
const radioGroupState = (0, _radio2.useRadioGroupState)({
|
|
24
|
+
...combinedProps,
|
|
25
|
+
validationState: combinedProps.isInvalid ? 'invalid' : 'valid'
|
|
26
|
+
});
|
|
27
|
+
const {
|
|
28
|
+
radioGroupProps
|
|
29
|
+
} = (0, _radio.useRadioGroup)({
|
|
30
|
+
...combinedProps,
|
|
31
|
+
'aria-label': combinedProps['aria-label']
|
|
32
|
+
}, radioGroupState);
|
|
33
|
+
const isDisabled = combinedProps.isDisabled ?? false;
|
|
34
|
+
const isInvalid = combinedProps.isInvalid ?? false;
|
|
35
|
+
const isRequired = combinedProps.isRequired ?? false;
|
|
36
|
+
const isReadOnly = combinedProps.isReadOnly ?? false;
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.RadioGroupContext.Provider, {
|
|
38
|
+
value: {
|
|
39
|
+
state: {
|
|
40
|
+
isDisabled,
|
|
41
|
+
isInvalid,
|
|
42
|
+
isRequired,
|
|
43
|
+
isReadOnly,
|
|
44
|
+
isSelected: value => radioGroupState.selectedValue === value,
|
|
45
|
+
selectValue: value => radioGroupState.setSelectedValue(value)
|
|
46
|
+
},
|
|
47
|
+
radioGroupState,
|
|
48
|
+
name: combinedProps.name
|
|
49
|
+
},
|
|
50
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRadioGroup, {
|
|
51
|
+
...radioGroupProps,
|
|
52
|
+
...combinedProps,
|
|
53
|
+
ref: ref,
|
|
54
|
+
"aria-required": isRequired || undefined,
|
|
55
|
+
"aria-readonly": isReadOnly || undefined,
|
|
56
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
57
|
+
slot: 'radio-group',
|
|
58
|
+
disabled: isDisabled,
|
|
59
|
+
invalid: isInvalid
|
|
60
|
+
}),
|
|
61
|
+
children: children
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
exports.createRadioGroup = createRadioGroup;
|
|
66
|
+
//# sourceMappingURL=createRadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_radio","_radio2","_dataAttributes","_context","_jsxRuntime","createRadioGroup","BaseRadioGroup","forwardRef","children","props","ref","formControlContext","useFormControlContext","combinedProps","radioGroupState","useRadioGroupState","validationState","isInvalid","radioGroupProps","useRadioGroup","isDisabled","isRequired","isReadOnly","jsx","RadioGroupContext","Provider","value","state","isSelected","selectedValue","selectValue","setSelectedValue","name","undefined","dataAttributes","slot","disabled","invalid","exports"],"sourceRoot":"../../../src","sources":["radio/createRadioGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAA8C,IAAAM,WAAA,GAAAN,OAAA;AAGvC,MAAMO,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAkB,KAAK;EAC3E,MAAMC,kBAAkB,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAElD,MAAMC,aAAa,GAAG;IACpB,GAAGF,kBAAkB;IACrB,GAAGF;EACL,CAAC;EAED,MAAMK,eAAe,GAAG,IAAAC,0BAAkB,EAAC;IACzC,GAAGF,aAAa;IAChBG,eAAe,EAAEH,aAAa,CAACI,SAAS,GAAG,SAAS,GAAG;EACzD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,oBAAa,EACvC;IACE,GAAGN,aAAa;IAChB,YAAY,EAAEA,aAAa,CAAC,YAAY;EAC1C,CAAC,EACDC,eACF,CAAC;EAED,MAAMM,UAAU,GAAGP,aAAa,CAACO,UAAU,IAAI,KAAK;EACpD,MAAMH,SAAS,GAAGJ,aAAa,CAACI,SAAS,IAAI,KAAK;EAClD,MAAMI,UAAU,GAAGR,aAAa,CAACQ,UAAU,IAAI,KAAK;EACpD,MAAMC,UAAU,GAAGT,aAAa,CAACS,UAAU,IAAI,KAAK;EAEpD,oBACE,IAAAlB,WAAA,CAAAmB,GAAA,EAACpB,QAAA,CAAAqB,iBAAiB,CAACC,QAAQ;IACzBC,KAAK,EAAE;MACLC,KAAK,EAAE;QACLP,UAAU;QACVH,SAAS;QACTI,UAAU;QACVC,UAAU;QACVM,UAAU,EAAGF,KAAa,IAAKZ,eAAe,CAACe,aAAa,KAAKH,KAAK;QACtEI,WAAW,EAAGJ,KAAa,IAAKZ,eAAe,CAACiB,gBAAgB,CAACL,KAAK;MACxE,CAAC;MACDZ,eAAe;MACfkB,IAAI,EAAEnB,aAAa,CAACmB;IACtB,CAAE;IAAAxB,QAAA,eAEF,IAAAJ,WAAA,CAAAmB,GAAA,EAACjB,cAAc;MAAA,GACTY,eAAe;MAAA,GACdL,aAAa;MAClBH,GAAG,EAAEA,GAAI;MACT,iBAAeW,UAAU,IAAIY,SAAU;MACvC,iBAAeX,UAAU,IAAIW,SAAU;MAAA,GACnC,IAAAC,8BAAc,EAAC;QACjBC,IAAI,EAAE,aAAa;QACnBC,QAAQ,EAAEhB,UAAU;QACpBiB,OAAO,EAAEpB;MACX,CAAC,CAAC;MAAAT,QAAA,EAEDA;IAAQ,CACK;EAAC,CACS,CAAC;AAEjC,CAAC,CAAC;AAAC8B,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createRadioIndicator = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createRadioIndicator = BaseRadioIndicator => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isChecked,
|
|
18
|
+
isDisabled,
|
|
19
|
+
isHovered,
|
|
20
|
+
isInvalid,
|
|
21
|
+
isReadOnly,
|
|
22
|
+
isPressed,
|
|
23
|
+
isFocusVisible
|
|
24
|
+
} = (0, _context.useRadioContext)();
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRadioIndicator, {
|
|
26
|
+
className: className,
|
|
27
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
28
|
+
slot: 'radio-indicator',
|
|
29
|
+
hover: isHovered,
|
|
30
|
+
checked: isChecked,
|
|
31
|
+
disabled: isDisabled,
|
|
32
|
+
focusVisible: isFocusVisible,
|
|
33
|
+
invalid: isInvalid,
|
|
34
|
+
readonly: isReadOnly,
|
|
35
|
+
active: isPressed
|
|
36
|
+
}),
|
|
37
|
+
...props,
|
|
38
|
+
ref: ref,
|
|
39
|
+
children: children
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
exports.createRadioIndicator = createRadioIndicator;
|
|
43
|
+
//# sourceMappingURL=createRadioIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createRadioIndicator","BaseRadioIndicator","forwardRef","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","useRadioContext","jsx","dataAttributes","slot","hover","checked","disabled","focusVisible","invalid","readonly","active","exports"],"sourceRoot":"../../../src","sources":["radio/createRadioIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAGrC,MAAMI,oBAAoB,GAAQC,kBAA0C,iBACjF,IAAAC,iBAAU,EACR,CAAC;EAAEC,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,GAC1F,IAAAC,wBAAe,EAAC,CAAC;EAEnB,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACd,kBAAkB;IACjBG,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAY,8BAAc,EAAC;MACjBC,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAET,SAAS;MAChBU,OAAO,EAAEZ,SAAS;MAClBa,QAAQ,EAAEZ,UAAU;MACpBa,YAAY,EAAER,cAAc;MAC5BS,OAAO,EAAEZ,SAAS;MAClBa,QAAQ,EAAEZ,UAAU;MACpBa,MAAM,EAAEZ;IACV,CAAC,CAAC;IAAA,GACGP,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACS,CAAC;AAEzB,CACF,CAAC;AAACsB,OAAA,CAAAzB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createRadioLabel = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createRadioLabel = BaseRadioLabel => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isChecked,
|
|
18
|
+
isDisabled,
|
|
19
|
+
isHovered,
|
|
20
|
+
isInvalid,
|
|
21
|
+
isReadOnly
|
|
22
|
+
} = (0, _context.useRadioContext)();
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRadioLabel, {
|
|
24
|
+
className: className,
|
|
25
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
26
|
+
hover: isHovered,
|
|
27
|
+
checked: isChecked,
|
|
28
|
+
disabled: isDisabled,
|
|
29
|
+
invalid: isInvalid,
|
|
30
|
+
readonly: isReadOnly
|
|
31
|
+
}),
|
|
32
|
+
...props,
|
|
33
|
+
ref: ref,
|
|
34
|
+
children: children
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
exports.createRadioLabel = createRadioLabel;
|
|
38
|
+
//# sourceMappingURL=createRadioLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createRadioLabel","BaseRadioLabel","forwardRef","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","useRadioContext","jsx","dataAttributes","hover","checked","disabled","invalid","readonly","exports"],"sourceRoot":"../../../src","sources":["radio/createRadioLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAGrC,MAAMI,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAe,EAAC,CAAC;EAErF,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAACZ,cAAc;IACbG,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAU,8BAAc,EAAC;MACjBC,KAAK,EAAEN,SAAS;MAChBO,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,OAAO,EAAER,SAAS;MAClBS,QAAQ,EAAER;IACZ,CAAC,CAAC;IAAA,GACGN,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC;AAACiB,OAAA,CAAApB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createRadioRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
var _useRadioRoot = require("./useRadioRoot");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
+
onPressIn,
|
|
17
|
+
onPressOut,
|
|
18
|
+
onHoverIn,
|
|
19
|
+
onHoverOut,
|
|
20
|
+
onFocus,
|
|
21
|
+
onBlur,
|
|
22
|
+
children,
|
|
23
|
+
...props
|
|
24
|
+
}, ref) => {
|
|
25
|
+
const {
|
|
26
|
+
isHovered: isHoveredProp,
|
|
27
|
+
isDisabled: isDisabledProp,
|
|
28
|
+
isInvalid: isInvalidProp,
|
|
29
|
+
isReadOnly: isReadOnlyProp,
|
|
30
|
+
isPressed: isPressedProp,
|
|
31
|
+
isFocused: isFocusedProp,
|
|
32
|
+
isFocusVisible
|
|
33
|
+
} = props;
|
|
34
|
+
const {
|
|
35
|
+
combinedProps,
|
|
36
|
+
isInvalid,
|
|
37
|
+
isReadOnly,
|
|
38
|
+
inputProps,
|
|
39
|
+
isChecked,
|
|
40
|
+
isDisabled,
|
|
41
|
+
isHovered,
|
|
42
|
+
hoverProps,
|
|
43
|
+
mergedRef
|
|
44
|
+
} = (0, _useRadioRoot.useRadioRoot)(props, ref);
|
|
45
|
+
const {
|
|
46
|
+
focusProps,
|
|
47
|
+
isFocused
|
|
48
|
+
} = (0, _focus.useFocus)();
|
|
49
|
+
const {
|
|
50
|
+
pressProps,
|
|
51
|
+
isPressed
|
|
52
|
+
} = (0, _interactions.usePress)({
|
|
53
|
+
isDisabled: isDisabled || isDisabledProp
|
|
54
|
+
});
|
|
55
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRadio, {
|
|
56
|
+
disabled: isDisabled || isDisabledProp,
|
|
57
|
+
...pressProps,
|
|
58
|
+
...combinedProps,
|
|
59
|
+
...inputProps,
|
|
60
|
+
ref: mergedRef,
|
|
61
|
+
role: "radio",
|
|
62
|
+
onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressProps.onPressIn),
|
|
63
|
+
onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressProps.onPressOut),
|
|
64
|
+
onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
|
|
65
|
+
onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
|
|
66
|
+
onFocus: (0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus),
|
|
67
|
+
onBlur: (0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur),
|
|
68
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
69
|
+
slot: 'radio',
|
|
70
|
+
checked: isChecked,
|
|
71
|
+
disabled: isDisabled || isDisabledProp,
|
|
72
|
+
hover: isHovered || isHoveredProp,
|
|
73
|
+
invalid: isInvalid || isInvalidProp,
|
|
74
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
75
|
+
active: isPressed,
|
|
76
|
+
focus: isFocused,
|
|
77
|
+
focusVisible: isFocusVisible
|
|
78
|
+
}),
|
|
79
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.RadioProvider, {
|
|
80
|
+
value: {
|
|
81
|
+
isChecked,
|
|
82
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
83
|
+
isHovered: isHovered || isHoveredProp,
|
|
84
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
85
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
86
|
+
isPressed: isPressed || isPressedProp,
|
|
87
|
+
isFocused: isFocused || isFocusedProp,
|
|
88
|
+
isFocusVisible
|
|
89
|
+
},
|
|
90
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(RadioIndicator, {}), children]
|
|
91
|
+
})
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
exports.createRadioRoot = createRadioRoot;
|
|
95
|
+
//# sourceMappingURL=createRadioRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_useRadioRoot","_jsxRuntime","createRadioRoot","BaseRadio","RadioIndicator","forwardRef","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","useRadioRoot","focusProps","useFocus","pressProps","usePress","jsx","disabled","role","composeEventHandlers","dataAttributes","slot","checked","hover","invalid","readonly","active","focus","focusVisible","jsxs","RadioProvider","value","exports"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createRadioRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _visuallyHidden = require("@react-aria/visually-hidden");
|
|
9
|
+
var _utils = require("@react-aria/utils");
|
|
10
|
+
var _focus = require("@react-native-aria/focus");
|
|
11
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
var _useRadioRoot = require("./useRadioRoot");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
// TODO: Keyboard focus is not working as expected
|
|
16
|
+
|
|
17
|
+
const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
18
|
+
children,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
isHovered: isHoveredProp,
|
|
23
|
+
isFocusVisible: isFocusVisibleProp,
|
|
24
|
+
isDisabled: isDisabledProp,
|
|
25
|
+
isInvalid: isInvalidProp,
|
|
26
|
+
isReadOnly: isReadOnlyProp,
|
|
27
|
+
isFocused,
|
|
28
|
+
isPressed
|
|
29
|
+
} = props;
|
|
30
|
+
const {
|
|
31
|
+
combinedProps,
|
|
32
|
+
isInvalid,
|
|
33
|
+
isReadOnly,
|
|
34
|
+
inputProps,
|
|
35
|
+
labelProps,
|
|
36
|
+
isChecked,
|
|
37
|
+
isDisabled,
|
|
38
|
+
isHovered,
|
|
39
|
+
mergedRef,
|
|
40
|
+
inputRef
|
|
41
|
+
} = (0, _useRadioRoot.useRadioRoot)(props, ref, {
|
|
42
|
+
useInputRefForAria: true
|
|
43
|
+
});
|
|
44
|
+
const {
|
|
45
|
+
focusProps,
|
|
46
|
+
isFocusVisible
|
|
47
|
+
} = (0, _focus.useFocusRing)();
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseRadio, {
|
|
49
|
+
...(0, _utils.mergeProps)(combinedProps, labelProps, focusProps),
|
|
50
|
+
ref: mergedRef,
|
|
51
|
+
role: "label"
|
|
52
|
+
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
|
|
53
|
+
,
|
|
54
|
+
accessibilityRole: "label",
|
|
55
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
56
|
+
slot: 'radio',
|
|
57
|
+
checked: isChecked,
|
|
58
|
+
disabled: isDisabled || isDisabledProp,
|
|
59
|
+
hover: isHovered || isHoveredProp,
|
|
60
|
+
invalid: isInvalid || isInvalidProp,
|
|
61
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
62
|
+
active: isPressed,
|
|
63
|
+
focus: isFocused,
|
|
64
|
+
focusVisible: isFocusVisible || isFocusVisibleProp
|
|
65
|
+
}),
|
|
66
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.RadioProvider, {
|
|
67
|
+
value: {
|
|
68
|
+
isChecked,
|
|
69
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
70
|
+
isFocusVisible: isFocusVisible || isFocusVisibleProp,
|
|
71
|
+
isHovered: isHovered || isHoveredProp,
|
|
72
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
73
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
74
|
+
isPressed,
|
|
75
|
+
isFocused
|
|
76
|
+
},
|
|
77
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
|
|
78
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
79
|
+
...inputProps,
|
|
80
|
+
ref: inputRef
|
|
81
|
+
})
|
|
82
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioIndicator, {}), children]
|
|
83
|
+
})
|
|
84
|
+
});
|
|
85
|
+
});
|
|
86
|
+
exports.createRadioRoot = createRadioRoot;
|
|
87
|
+
//# sourceMappingURL=createRadioRoot.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_visuallyHidden","_utils","_focus","_dataAttributes","_context","_useRadioRoot","_jsxRuntime","createRadioRoot","BaseRadio","RadioIndicator","forwardRef","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isFocused","isPressed","combinedProps","inputProps","labelProps","isChecked","mergedRef","inputRef","useRadioRoot","useInputRefForAria","focusProps","useFocusRing","jsx","mergeProps","role","accessibilityRole","dataAttributes","slot","checked","disabled","hover","invalid","readonly","active","focus","focusVisible","jsxs","RadioProvider","value","VisuallyHidden","exports"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AAA8C,IAAAO,WAAA,GAAAP,OAAA;AAE9C;;AAEO,MAAMQ,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,cAAwC,kBAExC,IAAAC,iBAAU,EAAC,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,GAAG,IAAAC,0BAAY,EAACpB,KAAK,EAAEC,GAAG,EAAE;IAAEoB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE1D,MAAM;IAAEC,UAAU;IAAElB;EAAe,CAAC,GAAG,IAAAmB,mBAAY,EAAC,CAAC;EAErD,oBACE,IAAA7B,WAAA,CAAA8B,GAAA,EAAC5B,SAAS;IAAA,GACJ,IAAA6B,iBAAU,EAACX,aAAa,EAASE,UAAU,EAASM,UAAiB,CAAC;IAC1ErB,GAAG,EAAEiB,SAAU;IACfQ,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrB,IAAAC,8BAAc,EAAC;MACjBC,IAAI,EAAE,OAAO;MACbC,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEzB,UAAU,IAAIC,cAAc;MACtCyB,KAAK,EAAE9B,SAAS,IAAIC,aAAa;MACjC8B,OAAO,EAAEzB,SAAS,IAAIC,aAAa;MACnCyB,QAAQ,EAAExB,UAAU,IAAIC,cAAc;MACtCwB,MAAM,EAAEtB,SAAS;MACjBuB,KAAK,EAAExB,SAAS;MAChByB,YAAY,EAAEjC,cAAc,IAAIC;IAClC,CAAC,CAAC;IAAAN,QAAA,eAEF,IAAAL,WAAA,CAAA4C,IAAA,EAAC9C,QAAA,CAAA+C,aAAa;MACZC,KAAK,EAAE;QACLvB,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,gBAEF,IAAAL,WAAA,CAAA8B,GAAA,EAACpC,eAAA,CAAAqD,cAAc;QAAA1C,QAAA,eACb,IAAAL,WAAA,CAAA8B,GAAA;UAAA,GAAWT,UAAU;UAAEd,GAAG,EAAEkB;QAAS,CAAE;MAAC,CAC1B,CAAC,eACjB,IAAAzB,WAAA,CAAA8B,GAAA,EAAC3B,cAAc,IAAE,CAAC,EACjBE,QAAQ;IAAA,CACI;EAAC,CACP,CAAC;AAEhB,CAAC,CAAC;AAAC2C,OAAA,CAAA/C,eAAA,GAAAA,eAAA","ignoreList":[]}
|