@cdx-ui/primitives 0.0.1-alpha.1
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 +17 -0
- package/lib/commonjs/button/context.js +11 -0
- package/lib/commonjs/button/context.js.map +1 -0
- package/lib/commonjs/button/createButtonGroup.js +80 -0
- package/lib/commonjs/button/createButtonGroup.js.map +1 -0
- package/lib/commonjs/button/createButtonIcon.js +18 -0
- package/lib/commonjs/button/createButtonIcon.js.map +1 -0
- package/lib/commonjs/button/createButtonRoot.js +81 -0
- package/lib/commonjs/button/createButtonRoot.js.map +1 -0
- package/lib/commonjs/button/createButtonSpinner.js +34 -0
- package/lib/commonjs/button/createButtonSpinner.js.map +1 -0
- package/lib/commonjs/button/createButtonText.js +38 -0
- package/lib/commonjs/button/createButtonText.js.map +1 -0
- package/lib/commonjs/button/index.js +31 -0
- package/lib/commonjs/button/index.js.map +1 -0
- package/lib/commonjs/button/types.js +6 -0
- package/lib/commonjs/button/types.js.map +1 -0
- package/lib/commonjs/index.js +52 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/input/context.js +11 -0
- package/lib/commonjs/input/context.js.map +1 -0
- package/lib/commonjs/input/createInputField.js +90 -0
- package/lib/commonjs/input/createInputField.js.map +1 -0
- package/lib/commonjs/input/createInputIcon.js +20 -0
- package/lib/commonjs/input/createInputIcon.js.map +1 -0
- package/lib/commonjs/input/createInputRoot.js +82 -0
- package/lib/commonjs/input/createInputRoot.js.map +1 -0
- package/lib/commonjs/input/createInputSlot.js +44 -0
- package/lib/commonjs/input/createInputSlot.js.map +1 -0
- package/lib/commonjs/input/index.js +28 -0
- package/lib/commonjs/input/index.js.map +1 -0
- package/lib/commonjs/input/types.js +6 -0
- package/lib/commonjs/input/types.js.map +1 -0
- package/lib/commonjs/overlay/OverlayContainer.js +67 -0
- package/lib/commonjs/overlay/OverlayContainer.js.map +1 -0
- package/lib/commonjs/overlay/index.js +40 -0
- package/lib/commonjs/overlay/index.js.map +1 -0
- package/lib/commonjs/overlay/useAnchorPosition.js +68 -0
- package/lib/commonjs/overlay/useAnchorPosition.js.map +1 -0
- package/lib/commonjs/overlay/useDismissOverlay.js +14 -0
- package/lib/commonjs/overlay/useDismissOverlay.js.map +1 -0
- package/lib/commonjs/overlay/useDismissOverlay.web.js +46 -0
- package/lib/commonjs/overlay/useDismissOverlay.web.js.map +1 -0
- package/lib/commonjs/overlay/useOverlayPosition.js +93 -0
- package/lib/commonjs/overlay/useOverlayPosition.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/select/context.js +63 -0
- package/lib/commonjs/select/context.js.map +1 -0
- package/lib/commonjs/select/createSelectContent.js +102 -0
- package/lib/commonjs/select/createSelectContent.js.map +1 -0
- package/lib/commonjs/select/createSelectIcon.js +41 -0
- package/lib/commonjs/select/createSelectIcon.js.map +1 -0
- package/lib/commonjs/select/createSelectItem.js +101 -0
- package/lib/commonjs/select/createSelectItem.js.map +1 -0
- package/lib/commonjs/select/createSelectItemLabel.js +41 -0
- package/lib/commonjs/select/createSelectItemLabel.js.map +1 -0
- package/lib/commonjs/select/createSelectRoot.js +99 -0
- package/lib/commonjs/select/createSelectRoot.js.map +1 -0
- package/lib/commonjs/select/createSelectTrigger.js +138 -0
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -0
- package/lib/commonjs/select/createSelectValue.js +53 -0
- package/lib/commonjs/select/createSelectValue.js.map +1 -0
- package/lib/commonjs/select/index.js +38 -0
- package/lib/commonjs/select/index.js.map +1 -0
- package/lib/commonjs/select/types.js +6 -0
- package/lib/commonjs/select/types.js.map +1 -0
- package/lib/commonjs/select/useContentFocus.js +47 -0
- package/lib/commonjs/select/useContentFocus.js.map +1 -0
- package/lib/commonjs/select/useListboxNavigation.js +83 -0
- package/lib/commonjs/select/useListboxNavigation.js.map +1 -0
- package/lib/commonjs/uniwind.d.js +2 -0
- package/lib/commonjs/uniwind.d.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.js +32 -0
- package/lib/commonjs/utils/dataAttributes.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.web.js +31 -0
- package/lib/commonjs/utils/dataAttributes.web.js.map +1 -0
- package/lib/module/button/context.js +5 -0
- package/lib/module/button/context.js.map +1 -0
- package/lib/module/button/createButtonGroup.js +74 -0
- package/lib/module/button/createButtonGroup.js.map +1 -0
- package/lib/module/button/createButtonIcon.js +13 -0
- package/lib/module/button/createButtonIcon.js.map +1 -0
- package/lib/module/button/createButtonRoot.js +76 -0
- package/lib/module/button/createButtonRoot.js.map +1 -0
- package/lib/module/button/createButtonSpinner.js +29 -0
- package/lib/module/button/createButtonSpinner.js.map +1 -0
- package/lib/module/button/createButtonText.js +33 -0
- package/lib/module/button/createButtonText.js.map +1 -0
- package/lib/module/button/index.js +27 -0
- package/lib/module/button/index.js.map +1 -0
- package/lib/module/button/types.js +4 -0
- package/lib/module/button/types.js.map +1 -0
- package/lib/module/index.js +7 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/input/context.js +5 -0
- package/lib/module/input/context.js.map +1 -0
- package/lib/module/input/createInputField.js +85 -0
- package/lib/module/input/createInputField.js.map +1 -0
- package/lib/module/input/createInputIcon.js +15 -0
- package/lib/module/input/createInputIcon.js.map +1 -0
- package/lib/module/input/createInputRoot.js +76 -0
- package/lib/module/input/createInputRoot.js.map +1 -0
- package/lib/module/input/createInputSlot.js +39 -0
- package/lib/module/input/createInputSlot.js.map +1 -0
- package/lib/module/input/index.js +23 -0
- package/lib/module/input/index.js.map +1 -0
- package/lib/module/input/types.js +4 -0
- package/lib/module/input/types.js.map +1 -0
- package/lib/module/overlay/OverlayContainer.js +62 -0
- package/lib/module/overlay/OverlayContainer.js.map +1 -0
- package/lib/module/overlay/index.js +7 -0
- package/lib/module/overlay/index.js.map +1 -0
- package/lib/module/overlay/useAnchorPosition.js +64 -0
- package/lib/module/overlay/useAnchorPosition.js.map +1 -0
- package/lib/module/overlay/useDismissOverlay.js +10 -0
- package/lib/module/overlay/useDismissOverlay.js.map +1 -0
- package/lib/module/overlay/useDismissOverlay.web.js +43 -0
- package/lib/module/overlay/useDismissOverlay.web.js.map +1 -0
- package/lib/module/overlay/useOverlayPosition.js +88 -0
- package/lib/module/overlay/useOverlayPosition.js.map +1 -0
- package/lib/module/select/context.js +56 -0
- package/lib/module/select/context.js.map +1 -0
- package/lib/module/select/createSelectContent.js +97 -0
- package/lib/module/select/createSelectContent.js.map +1 -0
- package/lib/module/select/createSelectIcon.js +36 -0
- package/lib/module/select/createSelectIcon.js.map +1 -0
- package/lib/module/select/createSelectItem.js +96 -0
- package/lib/module/select/createSelectItem.js.map +1 -0
- package/lib/module/select/createSelectItemLabel.js +36 -0
- package/lib/module/select/createSelectItemLabel.js.map +1 -0
- package/lib/module/select/createSelectRoot.js +94 -0
- package/lib/module/select/createSelectRoot.js.map +1 -0
- package/lib/module/select/createSelectTrigger.js +133 -0
- package/lib/module/select/createSelectTrigger.js.map +1 -0
- package/lib/module/select/createSelectValue.js +48 -0
- package/lib/module/select/createSelectValue.js.map +1 -0
- package/lib/module/select/index.js +34 -0
- package/lib/module/select/index.js.map +1 -0
- package/lib/module/select/types.js +4 -0
- package/lib/module/select/types.js.map +1 -0
- package/lib/module/select/useContentFocus.js +44 -0
- package/lib/module/select/useContentFocus.js.map +1 -0
- package/lib/module/select/useListboxNavigation.js +80 -0
- package/lib/module/select/useListboxNavigation.js.map +1 -0
- package/lib/module/uniwind.d.js +2 -0
- package/lib/module/uniwind.d.js.map +1 -0
- package/lib/module/utils/dataAttributes.js +28 -0
- package/lib/module/utils/dataAttributes.js.map +1 -0
- package/lib/module/utils/dataAttributes.web.js +27 -0
- package/lib/module/utils/dataAttributes.web.js.map +1 -0
- package/lib/typescript/button/context.d.ts +6 -0
- package/lib/typescript/button/context.d.ts.map +1 -0
- package/lib/typescript/button/createButtonGroup.d.ts +4 -0
- package/lib/typescript/button/createButtonGroup.d.ts.map +1 -0
- package/lib/typescript/button/createButtonIcon.d.ts +2 -0
- package/lib/typescript/button/createButtonIcon.d.ts.map +1 -0
- package/lib/typescript/button/createButtonRoot.d.ts +6 -0
- package/lib/typescript/button/createButtonRoot.d.ts.map +1 -0
- package/lib/typescript/button/createButtonSpinner.d.ts +4 -0
- package/lib/typescript/button/createButtonSpinner.d.ts.map +1 -0
- package/lib/typescript/button/createButtonText.d.ts +4 -0
- package/lib/typescript/button/createButtonText.d.ts.map +1 -0
- package/lib/typescript/button/index.d.ts +11 -0
- package/lib/typescript/button/index.d.ts.map +1 -0
- package/lib/typescript/button/types.d.ts +65 -0
- package/lib/typescript/button/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +5 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/input/context.d.ts +6 -0
- package/lib/typescript/input/context.d.ts.map +1 -0
- package/lib/typescript/input/createInputField.d.ts +4 -0
- package/lib/typescript/input/createInputField.d.ts.map +1 -0
- package/lib/typescript/input/createInputIcon.d.ts +4 -0
- package/lib/typescript/input/createInputIcon.d.ts.map +1 -0
- package/lib/typescript/input/createInputRoot.d.ts +4 -0
- package/lib/typescript/input/createInputRoot.d.ts.map +1 -0
- package/lib/typescript/input/createInputSlot.d.ts +4 -0
- package/lib/typescript/input/createInputSlot.d.ts.map +1 -0
- package/lib/typescript/input/index.d.ts +9 -0
- package/lib/typescript/input/index.d.ts.map +1 -0
- package/lib/typescript/input/types.d.ts +91 -0
- package/lib/typescript/input/types.d.ts.map +1 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts +23 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts.map +1 -0
- package/lib/typescript/overlay/index.d.ts +6 -0
- package/lib/typescript/overlay/index.d.ts.map +1 -0
- package/lib/typescript/overlay/useAnchorPosition.d.ts +15 -0
- package/lib/typescript/overlay/useAnchorPosition.d.ts.map +1 -0
- package/lib/typescript/overlay/useDismissOverlay.d.ts +7 -0
- package/lib/typescript/overlay/useDismissOverlay.d.ts.map +1 -0
- package/lib/typescript/overlay/useDismissOverlay.web.d.ts +8 -0
- package/lib/typescript/overlay/useDismissOverlay.web.d.ts.map +1 -0
- package/lib/typescript/overlay/useOverlayPosition.d.ts +45 -0
- package/lib/typescript/overlay/useOverlayPosition.d.ts.map +1 -0
- package/lib/typescript/select/context.d.ts +17 -0
- package/lib/typescript/select/context.d.ts.map +1 -0
- package/lib/typescript/select/createSelectContent.d.ts +4 -0
- package/lib/typescript/select/createSelectContent.d.ts.map +1 -0
- package/lib/typescript/select/createSelectIcon.d.ts +2 -0
- package/lib/typescript/select/createSelectIcon.d.ts.map +1 -0
- package/lib/typescript/select/createSelectItem.d.ts +6 -0
- package/lib/typescript/select/createSelectItem.d.ts.map +1 -0
- package/lib/typescript/select/createSelectItemLabel.d.ts +4 -0
- package/lib/typescript/select/createSelectItemLabel.d.ts.map +1 -0
- package/lib/typescript/select/createSelectRoot.d.ts +4 -0
- package/lib/typescript/select/createSelectRoot.d.ts.map +1 -0
- package/lib/typescript/select/createSelectTrigger.d.ts +12 -0
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -0
- package/lib/typescript/select/createSelectValue.d.ts +4 -0
- package/lib/typescript/select/createSelectValue.d.ts.map +1 -0
- package/lib/typescript/select/index.d.ts +13 -0
- package/lib/typescript/select/index.d.ts.map +1 -0
- package/lib/typescript/select/types.d.ts +96 -0
- package/lib/typescript/select/types.d.ts.map +1 -0
- package/lib/typescript/select/useContentFocus.d.ts +19 -0
- package/lib/typescript/select/useContentFocus.d.ts.map +1 -0
- package/lib/typescript/select/useListboxNavigation.d.ts +13 -0
- package/lib/typescript/select/useListboxNavigation.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.d.ts +14 -0
- package/lib/typescript/utils/dataAttributes.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts +16 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts.map +1 -0
- package/package.json +78 -0
- package/src/button/context.tsx +4 -0
- package/src/button/createButtonGroup.tsx +88 -0
- package/src/button/createButtonIcon.tsx +8 -0
- package/src/button/createButtonRoot.tsx +101 -0
- package/src/button/createButtonSpinner.tsx +20 -0
- package/src/button/createButtonText.tsx +22 -0
- package/src/button/index.tsx +53 -0
- package/src/button/types.ts +85 -0
- package/src/index.ts +4 -0
- package/src/input/context.tsx +4 -0
- package/src/input/createInputField.tsx +104 -0
- package/src/input/createInputIcon.tsx +12 -0
- package/src/input/createInputRoot.tsx +92 -0
- package/src/input/createInputSlot.tsx +39 -0
- package/src/input/index.tsx +51 -0
- package/src/input/types.ts +113 -0
- package/src/overlay/OverlayContainer.tsx +77 -0
- package/src/overlay/index.ts +10 -0
- package/src/overlay/useAnchorPosition.ts +72 -0
- package/src/overlay/useDismissOverlay.ts +14 -0
- package/src/overlay/useDismissOverlay.web.ts +51 -0
- package/src/overlay/useOverlayPosition.ts +96 -0
- package/src/select/context.tsx +56 -0
- package/src/select/createSelectContent.tsx +115 -0
- package/src/select/createSelectIcon.tsx +27 -0
- package/src/select/createSelectItem.tsx +121 -0
- package/src/select/createSelectItemLabel.tsx +30 -0
- package/src/select/createSelectRoot.tsx +130 -0
- package/src/select/createSelectTrigger.tsx +192 -0
- package/src/select/createSelectValue.tsx +38 -0
- package/src/select/index.tsx +73 -0
- package/src/select/types.ts +131 -0
- package/src/select/useContentFocus.ts +54 -0
- package/src/select/useListboxNavigation.ts +85 -0
- package/src/uniwind.d.ts +3 -0
- package/src/utils/dataAttributes.ts +28 -0
- package/src/utils/dataAttributes.web.ts +26 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createInputRoot = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(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 _jsxRuntime = require("react/jsx-runtime");
|
|
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); }
|
|
15
|
+
// TODO: Does this need useControllableState?
|
|
16
|
+
|
|
17
|
+
const createInputRoot = BaseInput => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
18
|
+
children,
|
|
19
|
+
isReadOnly,
|
|
20
|
+
isDisabled,
|
|
21
|
+
isInvalid,
|
|
22
|
+
isRequired,
|
|
23
|
+
isHovered: isHoveredProp,
|
|
24
|
+
isFocused: isFocusedProp,
|
|
25
|
+
isFocusVisible: isFocusVisibleProp,
|
|
26
|
+
...props
|
|
27
|
+
}, ref) => {
|
|
28
|
+
const inputRef = _react.default.useRef(null);
|
|
29
|
+
const inputFieldRef = _react.default.useRef(null);
|
|
30
|
+
const [isFocused, setIsFocused] = _react.default.useState(false);
|
|
31
|
+
const handleFocus = (0, _react.useCallback)((focusState, callback) => {
|
|
32
|
+
setIsFocused(focusState);
|
|
33
|
+
callback();
|
|
34
|
+
}, []);
|
|
35
|
+
const inputProps = (0, _utils.useFormControlContext)();
|
|
36
|
+
const {
|
|
37
|
+
isHovered
|
|
38
|
+
} = (0, _interactions.useHover)({}, inputRef);
|
|
39
|
+
const {
|
|
40
|
+
isFocusVisible
|
|
41
|
+
} = (0, _focus.useFocusRing)();
|
|
42
|
+
const resolvedDisabled = isDisabled || inputProps.isDisabled;
|
|
43
|
+
const resolvedInvalid = isInvalid || inputProps.isInvalid;
|
|
44
|
+
const resolvedReadOnly = isReadOnly || inputProps.isReadOnly;
|
|
45
|
+
const resolvedRequired = isRequired || inputProps.isRequired;
|
|
46
|
+
const resolvedHovered = isHoveredProp || isHovered;
|
|
47
|
+
const resolvedFocused = isFocusedProp || isFocused;
|
|
48
|
+
const resolvedFocusVisible = isFocusVisibleProp || isFocusVisible;
|
|
49
|
+
const contextValue = (0, _react.useMemo)(() => ({
|
|
50
|
+
isDisabled: resolvedDisabled,
|
|
51
|
+
isInvalid: resolvedInvalid,
|
|
52
|
+
isHovered: resolvedHovered,
|
|
53
|
+
isFocused: resolvedFocused,
|
|
54
|
+
isFocusVisible: resolvedFocusVisible,
|
|
55
|
+
isReadOnly: resolvedReadOnly,
|
|
56
|
+
isRequired: resolvedRequired,
|
|
57
|
+
inputRef,
|
|
58
|
+
handleFocus,
|
|
59
|
+
setIsFocused,
|
|
60
|
+
inputFieldRef
|
|
61
|
+
}), [resolvedDisabled, resolvedInvalid, resolvedHovered, resolvedFocused, resolvedFocusVisible, resolvedReadOnly, resolvedRequired, handleFocus]);
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInput, {
|
|
63
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
64
|
+
hover: resolvedHovered,
|
|
65
|
+
focus: resolvedFocused,
|
|
66
|
+
disabled: resolvedDisabled,
|
|
67
|
+
invalid: resolvedInvalid,
|
|
68
|
+
readonly: resolvedReadOnly,
|
|
69
|
+
required: resolvedRequired,
|
|
70
|
+
focusVisible: resolvedFocusVisible
|
|
71
|
+
}),
|
|
72
|
+
...props,
|
|
73
|
+
ref: (0, _utils.mergeRefs)(inputRef, ref) // TODO: Somehow utils and primitives package are resolving to different versions of react (@types/react?)
|
|
74
|
+
,
|
|
75
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.InputProvider, {
|
|
76
|
+
value: contextValue,
|
|
77
|
+
children: children
|
|
78
|
+
})
|
|
79
|
+
});
|
|
80
|
+
});
|
|
81
|
+
exports.createInputRoot = createInputRoot;
|
|
82
|
+
//# sourceMappingURL=createInputRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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","createInputRoot","BaseInput","forwardRef","children","isReadOnly","isDisabled","isInvalid","isRequired","isHovered","isHoveredProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","inputRef","React","useRef","inputFieldRef","setIsFocused","useState","handleFocus","useCallback","focusState","callback","inputProps","useFormControlContext","useHover","useFocusRing","resolvedDisabled","resolvedInvalid","resolvedReadOnly","resolvedRequired","resolvedHovered","resolvedFocused","resolvedFocusVisible","contextValue","useMemo","jsx","dataAttributes","hover","focus","disabled","invalid","readonly","required","focusVisible","mergeRefs","InputProvider","value","exports"],"sourceRoot":"../../../src","sources":["input/createInputRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createInputSlot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
10
|
+
var _context = require("./context");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const createInputSlot = BaseInputSlot => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
13
|
+
children,
|
|
14
|
+
onPress,
|
|
15
|
+
focusOnPress = true,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => {
|
|
18
|
+
const {
|
|
19
|
+
inputFieldRef,
|
|
20
|
+
isDisabled
|
|
21
|
+
} = (0, _context.useInputContext)();
|
|
22
|
+
const handleFocus = () => {
|
|
23
|
+
focusOnPress && inputFieldRef.current?.focus();
|
|
24
|
+
};
|
|
25
|
+
const inputProps = (0, _utils.useFormControl)({
|
|
26
|
+
isDisabled: props.isDisabled
|
|
27
|
+
});
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInputSlot, {
|
|
29
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
30
|
+
disabled: isDisabled || inputProps.disabled
|
|
31
|
+
}),
|
|
32
|
+
onPress: () => {
|
|
33
|
+
onPress?.();
|
|
34
|
+
handleFocus();
|
|
35
|
+
},
|
|
36
|
+
accessibilityElementsHidden: true,
|
|
37
|
+
tabIndex: -1,
|
|
38
|
+
ref: ref,
|
|
39
|
+
...props,
|
|
40
|
+
children: children
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
exports.createInputSlot = createInputSlot;
|
|
44
|
+
//# sourceMappingURL=createInputSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_dataAttributes","_context","_jsxRuntime","createInputSlot","BaseInputSlot","forwardRef","children","onPress","focusOnPress","props","ref","inputFieldRef","isDisabled","useInputContext","handleFocus","current","focus","inputProps","useFormControl","jsx","dataAttributes","disabled","accessibilityElementsHidden","tabIndex","exports"],"sourceRoot":"../../../src","sources":["input/createInputSlot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAGrC,MAAMK,eAAe,GAAQC,aAAqC,iBACvE,IAAAC,iBAAU,EACR,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,YAAY,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7D,MAAM;IAAEC,aAAa;IAAEC;EAAW,CAAC,GAAG,IAAAC,wBAAe,EAAC,CAAC;EAEvD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBN,YAAY,IAAIG,aAAa,CAACI,OAAO,EAAEC,KAAK,CAAC,CAAC;EAChD,CAAC;EAED,MAAMC,UAAU,GAAG,IAAAC,qBAAc,EAAC;IAChCN,UAAU,EAAEH,KAAK,CAACG;EACpB,CAAC,CAAC;EAEF,oBACE,IAAAV,WAAA,CAAAiB,GAAA,EAACf,aAAa;IAAA,GACR,IAAAgB,8BAAc,EAAC;MACjBC,QAAQ,EAAET,UAAU,IAAIK,UAAU,CAACI;IACrC,CAAC,CAAC;IACFd,OAAO,EAAEA,CAAA,KAAM;MACbA,OAAO,GAAG,CAAC;MACXO,WAAW,CAAC,CAAC;IACf,CAAE;IACFQ,2BAA2B,EAAE,IAAK;IAClCC,QAAQ,EAAE,CAAC,CAAE;IACbb,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAAH,QAAA,EAETA;EAAQ,CACI,CAAC;AAEpB,CACF,CAAC;AAACkB,OAAA,CAAArB,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createInput = void 0;
|
|
7
|
+
var _createInputField = require("./createInputField");
|
|
8
|
+
var _createInputIcon = require("./createInputIcon");
|
|
9
|
+
var _createInputRoot = require("./createInputRoot");
|
|
10
|
+
var _createInputSlot = require("./createInputSlot");
|
|
11
|
+
const createInput = ({
|
|
12
|
+
Root,
|
|
13
|
+
Icon,
|
|
14
|
+
Slot,
|
|
15
|
+
Field
|
|
16
|
+
}) => {
|
|
17
|
+
const Input = (0, _createInputRoot.createInputRoot)(Root);
|
|
18
|
+
Input.Icon = (0, _createInputIcon.createInputIcon)(Icon);
|
|
19
|
+
Input.Slot = (0, _createInputSlot.createInputSlot)(Slot);
|
|
20
|
+
Input.Field = (0, _createInputField.createInputField)(Field);
|
|
21
|
+
Input.displayName = 'Input';
|
|
22
|
+
Input.Icon.displayName = 'Input.Icon';
|
|
23
|
+
Input.Slot.displayName = 'Input.Slot';
|
|
24
|
+
Input.Field.displayName = 'Input.Field';
|
|
25
|
+
return Input;
|
|
26
|
+
};
|
|
27
|
+
exports.createInput = createInput;
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createInputField","require","_createInputIcon","_createInputRoot","_createInputSlot","createInput","Root","Icon","Slot","Field","Input","createInputRoot","createInputIcon","createInputSlot","createInputField","displayName","exports"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAWO,MAAMI,WAAW,GAAGA,CAOzB;EACAC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC;AAMF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,gCAAe,EAACL,IAAI,CAAQ;EAC1CI,KAAK,CAACH,IAAI,GAAG,IAAAK,gCAAe,EAACL,IAAI,CAAC;EAClCG,KAAK,CAACF,IAAI,GAAG,IAAAK,gCAAe,EAACL,IAAI,CAAC;EAClCE,KAAK,CAACD,KAAK,GAAG,IAAAK,kCAAgB,EAACL,KAAK,CAAC;EAErCC,KAAK,CAACK,WAAW,GAAG,OAAO;EAC3BL,KAAK,CAACH,IAAI,CAACQ,WAAW,GAAG,YAAY;EACrCL,KAAK,CAACF,IAAI,CAACO,WAAW,GAAG,YAAY;EACrCL,KAAK,CAACD,KAAK,CAACM,WAAW,GAAG,aAAa;EAEvC,OAAOL,KAAK;AAQd,CAAC;AAACM,OAAA,CAAAX,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["input/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.OverlayContainer = OverlayContainer;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
let createPortalFn;
|
|
12
|
+
if (_reactNative.Platform.OS === 'web') {
|
|
13
|
+
try {
|
|
14
|
+
createPortalFn = require('react-dom').createPortal;
|
|
15
|
+
} catch {}
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Cross-platform overlay container.
|
|
19
|
+
*
|
|
20
|
+
* - Web: renders children into a `createPortal` at `document.body` with
|
|
21
|
+
* `position: fixed` and `zIndex: 50`.
|
|
22
|
+
* - Native: renders children inside a transparent `<Modal>` with a
|
|
23
|
+
* backdrop `<Pressable>` that calls `onDismiss` on press.
|
|
24
|
+
*
|
|
25
|
+
* The consumer is responsible for not mounting this component when the
|
|
26
|
+
* overlay should be hidden.
|
|
27
|
+
*/
|
|
28
|
+
function OverlayContainer({
|
|
29
|
+
onDismiss,
|
|
30
|
+
entering,
|
|
31
|
+
exiting,
|
|
32
|
+
style,
|
|
33
|
+
children
|
|
34
|
+
}) {
|
|
35
|
+
if (_reactNative.Platform.OS === 'web' && createPortalFn) {
|
|
36
|
+
return createPortalFn(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
37
|
+
entering: entering,
|
|
38
|
+
exiting: exiting,
|
|
39
|
+
style: [{
|
|
40
|
+
position: 'fixed',
|
|
41
|
+
zIndex: 50
|
|
42
|
+
}, style],
|
|
43
|
+
children: children
|
|
44
|
+
}), document.body);
|
|
45
|
+
}
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
|
|
47
|
+
visible: true,
|
|
48
|
+
transparent: true,
|
|
49
|
+
animationType: "none",
|
|
50
|
+
statusBarTranslucent: true,
|
|
51
|
+
onRequestClose: onDismiss,
|
|
52
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
53
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
54
|
+
onPress: onDismiss,
|
|
55
|
+
accessible: false,
|
|
56
|
+
importantForAccessibility: "no-hide-descendants"
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
58
|
+
entering: entering,
|
|
59
|
+
exiting: exiting,
|
|
60
|
+
style: [{
|
|
61
|
+
position: 'absolute'
|
|
62
|
+
}, style],
|
|
63
|
+
children: children
|
|
64
|
+
})]
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=OverlayContainer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_jsxRuntime","e","__esModule","default","createPortalFn","Platform","OS","createPortal","OverlayContainer","onDismiss","entering","exiting","style","children","jsx","View","position","zIndex","document","body","jsxs","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","Pressable","StyleSheet","absoluteFill","onPress","accessible","importantForAccessibility"],"sourceRoot":"../../../src","sources":["overlay/OverlayContainer.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+E,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/E,IAAIG,cAES;AACb,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;EACzB,IAAI;IACFF,cAAc,GAAGP,OAAO,CAAC,WAAW,CAAC,CAACU,YAAY;EACpD,CAAC,CAAC,MAAM,CAAC;AACX;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AAC+B,CAAC,EAAE;EAClC,IAAIR,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIF,cAAc,EAAE;IAC3C,OAAOA,cAAc,cACnB,IAAAJ,WAAA,CAAAc,GAAA,EAAChB,sBAAA,CAAAK,OAAQ,CAACY,IAAI;MACZL,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEI,QAAQ,EAAE,OAAc;QAAEC,MAAM,EAAE;MAAG,CAAC,EAAEL,KAAK,CAAE;MAAAC,QAAA,EAExDA;IAAQ,CACI,CAAC,EAChBK,QAAQ,CAACC,IACX,CAAC;EACH;EAEA,oBACE,IAAAnB,WAAA,CAAAoB,IAAA,EAACxB,YAAA,CAAAyB,KAAK;IAACC,OAAO;IAACC,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACC,cAAc,EAAEjB,SAAU;IAAAI,QAAA,gBAC7F,IAAAb,WAAA,CAAAc,GAAA,EAAClB,YAAA,CAAA+B,SAAS;MACRf,KAAK,EAAEgB,uBAAU,CAACC,YAAa;MAC/BC,OAAO,EAAErB,SAAU;MACnBsB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC;IAAqB,CAChD,CAAC,eACF,IAAAhC,WAAA,CAAAc,GAAA,EAAChB,sBAAA,CAAAK,OAAQ,CAACY,IAAI;MACZL,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEI,QAAQ,EAAE;MAAW,CAAC,EAAEJ,KAAK,CAAE;MAAAC,QAAA,EAExCA;IAAQ,CACI,CAAC;EAAA,CACX,CAAC;AAEZ","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "OverlayContainer", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _OverlayContainer.OverlayContainer;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "OverlayInsetsProvider", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _useOverlayPosition.OverlayInsetsProvider;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "useAnchorPosition", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _useAnchorPosition.useAnchorPosition;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "useDismissOverlay", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _useDismissOverlay.useDismissOverlay;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "useOverlayPosition", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _useOverlayPosition.useOverlayPosition;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
var _OverlayContainer = require("./OverlayContainer");
|
|
37
|
+
var _useAnchorPosition = require("./useAnchorPosition");
|
|
38
|
+
var _useDismissOverlay = require("./useDismissOverlay");
|
|
39
|
+
var _useOverlayPosition = require("./useOverlayPosition");
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_OverlayContainer","require","_useAnchorPosition","_useDismissOverlay","_useOverlayPosition"],"sourceRoot":"../../../src","sources":["overlay/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAnchorPosition = useAnchorPosition;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
const useIsomorphicLayoutEffect = _reactNative.Platform.OS === 'web' ? _react.useLayoutEffect : _react.useEffect;
|
|
10
|
+
function measureWeb(element) {
|
|
11
|
+
const rect = element.getBoundingClientRect();
|
|
12
|
+
return {
|
|
13
|
+
x: rect.left,
|
|
14
|
+
y: rect.top,
|
|
15
|
+
width: rect.width,
|
|
16
|
+
height: rect.height
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Measures an anchor element's position and size, re-measuring on scroll/resize
|
|
22
|
+
* (web) so a positioned overlay can track its anchor across layout changes.
|
|
23
|
+
*
|
|
24
|
+
* Returns `null` until the first measurement completes.
|
|
25
|
+
*/
|
|
26
|
+
function useAnchorPosition(anchorRef, open) {
|
|
27
|
+
const [layout, setLayout] = (0, _react.useState)(null);
|
|
28
|
+
useIsomorphicLayoutEffect(() => {
|
|
29
|
+
if (!open) {
|
|
30
|
+
setLayout(null);
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const anchor = anchorRef.current;
|
|
34
|
+
if (!anchor) return;
|
|
35
|
+
let cancelled = false;
|
|
36
|
+
if (_reactNative.Platform.OS === 'web') {
|
|
37
|
+
setLayout(measureWeb(anchor));
|
|
38
|
+
} else {
|
|
39
|
+
anchor.measureInWindow((x, y, width, height) => {
|
|
40
|
+
if (!cancelled) {
|
|
41
|
+
setLayout({
|
|
42
|
+
x,
|
|
43
|
+
y,
|
|
44
|
+
width,
|
|
45
|
+
height
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
return () => {
|
|
51
|
+
cancelled = true;
|
|
52
|
+
};
|
|
53
|
+
}, [open, anchorRef]);
|
|
54
|
+
(0, _react.useEffect)(() => {
|
|
55
|
+
if (!open || _reactNative.Platform.OS !== 'web') return;
|
|
56
|
+
const anchor = anchorRef.current;
|
|
57
|
+
if (!anchor) return;
|
|
58
|
+
const update = () => setLayout(measureWeb(anchor));
|
|
59
|
+
window.addEventListener('scroll', update, true);
|
|
60
|
+
window.addEventListener('resize', update);
|
|
61
|
+
return () => {
|
|
62
|
+
window.removeEventListener('scroll', update, true);
|
|
63
|
+
window.removeEventListener('resize', update);
|
|
64
|
+
};
|
|
65
|
+
}, [open, anchorRef]);
|
|
66
|
+
return layout;
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=useAnchorPosition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","useIsomorphicLayoutEffect","Platform","OS","useLayoutEffect","useEffect","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","useAnchorPosition","anchorRef","open","layout","setLayout","useState","anchor","current","cancelled","measureInWindow","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,yBAAyB,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGC,sBAAe,GAAGC,gBAAS;AASrF,SAASC,UAAUA,CAACC,OAAY,EAAgB;EAC9C,MAAMC,IAAI,GAAID,OAAO,CAA4BE,qBAAqB,CAAC,CAAC;EACxE,OAAO;IAAEC,CAAC,EAAEF,IAAI,CAACG,IAAI;IAAEC,CAAC,EAAEJ,IAAI,CAACK,GAAG;IAAEC,KAAK,EAAEN,IAAI,CAACM,KAAK;IAAEC,MAAM,EAAEP,IAAI,CAACO;EAAO,CAAC;AAC9E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAACC,SAAyB,EAAEC,IAAa,EAAuB;EAC/F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAsB,IAAI,CAAC;EAE/DpB,yBAAyB,CAAC,MAAM;IAC9B,IAAI,CAACiB,IAAI,EAAE;MACTE,SAAS,CAAC,IAAI,CAAC;MACf;IACF;IAEA,MAAME,MAAM,GAAGL,SAAS,CAACM,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,IAAIE,SAAS,GAAG,KAAK;IAErB,IAAItB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBiB,SAAS,CAACd,UAAU,CAACgB,MAAM,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAACG,eAAe,CAAC,CAACf,CAAS,EAAEE,CAAS,EAAEE,KAAa,EAAEC,MAAc,KAAK;QAC9E,IAAI,CAACS,SAAS,EAAE;UACdJ,SAAS,CAAC;YAAEV,CAAC;YAAEE,CAAC;YAAEE,KAAK;YAAEC;UAAO,CAAC,CAAC;QACpC;MACF,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXS,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,IAAAZ,gBAAS,EAAC,MAAM;IACd,IAAI,CAACa,IAAI,IAAIhB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAEpC,MAAMmB,MAAM,GAAGL,SAAS,CAACM,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,MAAMI,MAAM,GAAGA,CAAA,KAAMN,SAAS,CAACd,UAAU,CAACgB,MAAM,CAAC,CAAC;IAElDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,EAAE,IAAI,CAAC;IAC/CC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,CAAC;IAEzC,OAAO,MAAM;MACXC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,EAAE,IAAI,CAAC;MAClDC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACR,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,OAAOE,MAAM;AACf","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useDismissOverlay = useDismissOverlay;
|
|
7
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* No-op on native — overlay dismissal is handled by backdrop press
|
|
11
|
+
* or the system back gesture / hardware button via Modal.
|
|
12
|
+
*/
|
|
13
|
+
function useDismissOverlay(_open, _contentRef, _excludeRefs, _onDismiss) {}
|
|
14
|
+
//# sourceMappingURL=useDismissOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useDismissOverlay","_open","_contentRef","_excludeRefs","_onDismiss"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.ts"],"mappings":";;;;;;AAAA;;AAIA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAC/BC,KAAc,EACdC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useDismissOverlay = useDismissOverlay;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Dismisses an overlay when the user clicks/presses outside of it or when
|
|
10
|
+
* focus moves to an element outside the overlay via keyboard.
|
|
11
|
+
* Events targeting `contentRef` or any of `excludeRefs` are ignored.
|
|
12
|
+
*/
|
|
13
|
+
function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
|
|
14
|
+
const onDismissRef = (0, _react.useRef)(onDismiss);
|
|
15
|
+
onDismissRef.current = onDismiss;
|
|
16
|
+
const excludeRefsRef = (0, _react.useRef)(excludeRefs);
|
|
17
|
+
excludeRefsRef.current = excludeRefs;
|
|
18
|
+
(0, _react.useEffect)(() => {
|
|
19
|
+
if (!open) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
const isInsideOverlay = target => {
|
|
23
|
+
if (contentRef.current?.contains?.(target)) {
|
|
24
|
+
return true;
|
|
25
|
+
}
|
|
26
|
+
for (const ref of excludeRefsRef.current) {
|
|
27
|
+
if (ref.current?.contains?.(target)) {
|
|
28
|
+
return true;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
return false;
|
|
32
|
+
};
|
|
33
|
+
const dismissIfOutside = e => {
|
|
34
|
+
if (!isInsideOverlay(e.target)) {
|
|
35
|
+
onDismissRef.current();
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
document.addEventListener('pointerdown', dismissIfOutside);
|
|
39
|
+
document.addEventListener('focusin', dismissIfOutside);
|
|
40
|
+
return () => {
|
|
41
|
+
document.removeEventListener('pointerdown', dismissIfOutside);
|
|
42
|
+
document.removeEventListener('focusin', dismissIfOutside);
|
|
43
|
+
};
|
|
44
|
+
}, [open, contentRef]);
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=useDismissOverlay.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useDismissOverlay","open","contentRef","excludeRefs","onDismiss","onDismissRef","useRef","current","excludeRefsRef","useEffect","isInsideOverlay","target","contains","ref","dismissIfOutside","e","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.web.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAC/BC,IAAa,EACbC,UAA0B,EAC1BC,WAA6B,EAC7BC,SAAqB,EACrB;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAACF,SAAS,CAAC;EACtCC,YAAY,CAACE,OAAO,GAAGH,SAAS;EAEhC,MAAMI,cAAc,GAAG,IAAAF,aAAM,EAACH,WAAW,CAAC;EAC1CK,cAAc,CAACD,OAAO,GAAGJ,WAAW;EAEpC,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAI,CAACR,IAAI,EAAE;MACT;IACF;IAEA,MAAMS,eAAe,GAAIC,MAAY,IAAK;MACxC,IAAIT,UAAU,CAACK,OAAO,EAAEK,QAAQ,GAAGD,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI;MACb;MACA,KAAK,MAAME,GAAG,IAAIL,cAAc,CAACD,OAAO,EAAE;QACxC,IAAIM,GAAG,CAACN,OAAO,EAAEK,QAAQ,GAAGD,MAAM,CAAC,EAAE;UACnC,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;IAED,MAAMG,gBAAgB,GAAIC,CAAQ,IAAK;MACrC,IAAI,CAACL,eAAe,CAACK,CAAC,CAACJ,MAAc,CAAC,EAAE;QACtCN,YAAY,CAACE,OAAO,CAAC,CAAC;MACxB;IACF,CAAC;IAEDS,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEH,gBAAgB,CAAC;IAC1DE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,gBAAgB,CAAC;IACtD,OAAO,MAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,gBAAgB,CAAC;MAC7DE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAACb,IAAI,EAAEC,UAAU,CAAC,CAAC;AACxB","ignoreList":[]}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.OverlayInsetsProvider = exports.OverlayInsetsContext = void 0;
|
|
7
|
+
exports.useOverlayPosition = useOverlayPosition;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
const DEFAULT_INSETS = {
|
|
11
|
+
top: 0,
|
|
12
|
+
right: 0,
|
|
13
|
+
bottom: 0,
|
|
14
|
+
left: 0
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Provides safe-area insets to overlay positioning hooks. Wrap your app
|
|
19
|
+
* root with this provider and pass values from `useSafeAreaInsets()` to
|
|
20
|
+
* enable safe-area-aware overlay placement.
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
25
|
+
* import { OverlayInsetsProvider } from '@cdx-ui/primitives';
|
|
26
|
+
*
|
|
27
|
+
* function App() {
|
|
28
|
+
* const insets = useSafeAreaInsets();
|
|
29
|
+
* return (
|
|
30
|
+
* <OverlayInsetsProvider value={insets}>
|
|
31
|
+
* {children}
|
|
32
|
+
* </OverlayInsetsProvider>
|
|
33
|
+
* );
|
|
34
|
+
* }
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
const OverlayInsetsContext = exports.OverlayInsetsContext = /*#__PURE__*/(0, _react.createContext)(DEFAULT_INSETS);
|
|
38
|
+
const OverlayInsetsProvider = exports.OverlayInsetsProvider = OverlayInsetsContext.Provider;
|
|
39
|
+
|
|
40
|
+
/** Minimum gap (px) between the overlay edge and the viewport/safe-area boundary. */
|
|
41
|
+
const SCREEN_EDGE_PADDING = 8;
|
|
42
|
+
|
|
43
|
+
/** Minimum usable space (px) below the anchor before the overlay flips above. */
|
|
44
|
+
const MIN_CONTENT_HEIGHT = 200;
|
|
45
|
+
/**
|
|
46
|
+
* Computes viewport-aware overlay positioning relative to an anchor element.
|
|
47
|
+
* Automatically flips placement from bottom to top when insufficient space
|
|
48
|
+
* exists below the anchor. Constrains `maxHeight` to available space so
|
|
49
|
+
* content never extends beyond the screen edge.
|
|
50
|
+
*
|
|
51
|
+
* Respects safe-area insets provided via `OverlayInsetsProvider`.
|
|
52
|
+
*/
|
|
53
|
+
function useOverlayPosition(anchorLayout) {
|
|
54
|
+
const {
|
|
55
|
+
height: viewportHeight
|
|
56
|
+
} = (0, _reactNative.useWindowDimensions)();
|
|
57
|
+
const {
|
|
58
|
+
top: insetTop,
|
|
59
|
+
bottom: insetBottom
|
|
60
|
+
} = (0, _react.useContext)(OverlayInsetsContext);
|
|
61
|
+
return (0, _react.useMemo)(() => {
|
|
62
|
+
if (!anchorLayout) return null;
|
|
63
|
+
const anchorBottom = anchorLayout.y + anchorLayout.height;
|
|
64
|
+
const spaceBelow = viewportHeight - anchorBottom - insetBottom - SCREEN_EDGE_PADDING;
|
|
65
|
+
const spaceAbove = anchorLayout.y - insetTop - SCREEN_EDGE_PADDING;
|
|
66
|
+
const preferBelow = spaceBelow >= MIN_CONTENT_HEIGHT || spaceBelow >= spaceAbove;
|
|
67
|
+
if (preferBelow) {
|
|
68
|
+
const maxHeight = Math.max(0, spaceBelow);
|
|
69
|
+
return {
|
|
70
|
+
style: {
|
|
71
|
+
top: anchorBottom,
|
|
72
|
+
left: anchorLayout.x,
|
|
73
|
+
width: anchorLayout.width,
|
|
74
|
+
maxHeight
|
|
75
|
+
},
|
|
76
|
+
maxHeight,
|
|
77
|
+
placement: 'bottom'
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
const maxHeight = Math.max(0, spaceAbove);
|
|
81
|
+
return {
|
|
82
|
+
style: {
|
|
83
|
+
bottom: viewportHeight - anchorLayout.y,
|
|
84
|
+
left: anchorLayout.x,
|
|
85
|
+
width: anchorLayout.width,
|
|
86
|
+
maxHeight
|
|
87
|
+
},
|
|
88
|
+
maxHeight,
|
|
89
|
+
placement: 'top'
|
|
90
|
+
};
|
|
91
|
+
}, [anchorLayout, viewportHeight, insetTop, insetBottom]);
|
|
92
|
+
}
|
|
93
|
+
//# sourceMappingURL=useOverlayPosition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","DEFAULT_INSETS","top","right","bottom","left","OverlayInsetsContext","exports","createContext","OverlayInsetsProvider","Provider","SCREEN_EDGE_PADDING","MIN_CONTENT_HEIGHT","useOverlayPosition","anchorLayout","height","viewportHeight","useWindowDimensions","insetTop","insetBottom","useContext","useMemo","anchorBottom","y","spaceBelow","spaceAbove","preferBelow","maxHeight","Math","max","style","x","width","placement"],"sourceRoot":"../../../src","sources":["overlay/useOverlayPosition.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,MAAME,cAA0B,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAaP,cAAc,CAAC;AACtE,MAAMQ,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAGH,oBAAoB,CAACI,QAAQ;;AAElE;AACA,MAAMC,mBAAmB,GAAG,CAAC;;AAE7B;AACA,MAAMC,kBAAkB,GAAG,GAAG;AAQ9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,YAAiC,EAA0B;EAC5F,MAAM;IAAEC,MAAM,EAAEC;EAAe,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxD,MAAM;IAAEf,GAAG,EAAEgB,QAAQ;IAAEd,MAAM,EAAEe;EAAY,CAAC,GAAG,IAAAC,iBAAU,EAACd,oBAAoB,CAAC;EAE/E,OAAO,IAAAe,cAAO,EAAC,MAAM;IACnB,IAAI,CAACP,YAAY,EAAE,OAAO,IAAI;IAE9B,MAAMQ,YAAY,GAAGR,YAAY,CAACS,CAAC,GAAGT,YAAY,CAACC,MAAM;IACzD,MAAMS,UAAU,GAAGR,cAAc,GAAGM,YAAY,GAAGH,WAAW,GAAGR,mBAAmB;IACpF,MAAMc,UAAU,GAAGX,YAAY,CAACS,CAAC,GAAGL,QAAQ,GAAGP,mBAAmB;IAElE,MAAMe,WAAW,GAAGF,UAAU,IAAIZ,kBAAkB,IAAIY,UAAU,IAAIC,UAAU;IAEhF,IAAIC,WAAW,EAAE;MACf,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,UAAU,CAAC;MACzC,OAAO;QACLM,KAAK,EAAE;UACL5B,GAAG,EAAEoB,YAAY;UACjBjB,IAAI,EAAES,YAAY,CAACiB,CAAC;UACpBC,KAAK,EAAElB,YAAY,CAACkB,KAAK;UACzBL;QACF,CAAC;QACDA,SAAS;QACTM,SAAS,EAAE;MACb,CAAC;IACH;IAEA,MAAMN,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,UAAU,CAAC;IACzC,OAAO;MACLK,KAAK,EAAE;QACL1B,MAAM,EAAEY,cAAc,GAAGF,YAAY,CAACS,CAAC;QACvClB,IAAI,EAAES,YAAY,CAACiB,CAAC;QACpBC,KAAK,EAAElB,YAAY,CAACkB,KAAK;QACzBL;MACF,CAAC;MACDA,SAAS;MACTM,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACnB,YAAY,EAAEE,cAAc,EAAEE,QAAQ,EAAEC,WAAW,CAAC,CAAC;AAC3D","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useSelectTriggerContext = exports.useSelectItemContext = exports.useSelectContext = exports.SelectTriggerContext = exports.SelectItemContext = exports.SelectContext = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
const defaultContextValue = {
|
|
9
|
+
open: false,
|
|
10
|
+
items: [],
|
|
11
|
+
setOpen: () => {},
|
|
12
|
+
value: undefined,
|
|
13
|
+
onValueChange: () => {},
|
|
14
|
+
disabled: false,
|
|
15
|
+
required: false,
|
|
16
|
+
invalid: false,
|
|
17
|
+
readOnly: false,
|
|
18
|
+
native: false,
|
|
19
|
+
triggerRef: {
|
|
20
|
+
current: null
|
|
21
|
+
},
|
|
22
|
+
contentId: '',
|
|
23
|
+
triggerId: '',
|
|
24
|
+
activeValue: undefined,
|
|
25
|
+
setActiveValue: () => {},
|
|
26
|
+
// TODO: Is this needed? At the very least it could be moved to SelectContent
|
|
27
|
+
accessibilityLabel: undefined
|
|
28
|
+
};
|
|
29
|
+
const SelectContext = exports.SelectContext = /*#__PURE__*/(0, _react.createContext)(defaultContextValue);
|
|
30
|
+
const useSelectContext = () => (0, _react.useContext)(SelectContext);
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Propagates the trigger's interaction state (hover, focus, active, etc.) to
|
|
34
|
+
* child components like SelectValue and SelectIcon so they can apply matching
|
|
35
|
+
* data-attribute styles.
|
|
36
|
+
*/
|
|
37
|
+
exports.useSelectContext = useSelectContext;
|
|
38
|
+
const SelectTriggerContext = exports.SelectTriggerContext = /*#__PURE__*/(0, _react.createContext)({
|
|
39
|
+
hover: false,
|
|
40
|
+
focus: false,
|
|
41
|
+
active: false,
|
|
42
|
+
disabled: false,
|
|
43
|
+
focusVisible: false
|
|
44
|
+
});
|
|
45
|
+
const useSelectTriggerContext = () => (0, _react.useContext)(SelectTriggerContext);
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Propagates the item's interaction and selection state (hover, focus, active,
|
|
49
|
+
* highlighted, checked, etc.) to child components like SelectItemLabel.
|
|
50
|
+
*/
|
|
51
|
+
exports.useSelectTriggerContext = useSelectTriggerContext;
|
|
52
|
+
const SelectItemContext = exports.SelectItemContext = /*#__PURE__*/(0, _react.createContext)({
|
|
53
|
+
hover: false,
|
|
54
|
+
focus: false,
|
|
55
|
+
active: false,
|
|
56
|
+
disabled: false,
|
|
57
|
+
focusVisible: false,
|
|
58
|
+
highlighted: false,
|
|
59
|
+
checked: false
|
|
60
|
+
});
|
|
61
|
+
const useSelectItemContext = () => (0, _react.useContext)(SelectItemContext);
|
|
62
|
+
exports.useSelectItemContext = useSelectItemContext;
|
|
63
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","defaultContextValue","open","items","setOpen","value","undefined","onValueChange","disabled","required","invalid","readOnly","native","triggerRef","current","contentId","triggerId","activeValue","setActiveValue","accessibilityLabel","SelectContext","exports","createContext","useSelectContext","useContext","SelectTriggerContext","hover","focus","active","focusVisible","useSelectTriggerContext","SelectItemContext","highlighted","checked","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,mBAAuC,GAAG;EAC9CC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,KAAK,EAAEC,SAAS;EAChBC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC;EAC7BC,SAAS,EAAE,EAAE;EACbC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAEX,SAAS;EACtBY,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EAAE;EAC1BC,kBAAkB,EAAEb;AACtB,CAAC;AAEM,MAAMc,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAAqBrB,mBAAmB,CAAC;AAE5E,MAAMsB,gBAAgB,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACJ,aAAa,CAAC;;AAE/D;AACA;AACA;AACA;AACA;AAJAC,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AAKO,MAAME,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,gBAAG,IAAAH,oBAAa,EAAmB;EAClEI,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbpB,QAAQ,EAAE,KAAK;EACfqB,YAAY,EAAE;AAChB,CAAC,CAAC;AAEK,MAAMC,uBAAuB,GAAGA,CAAA,KAAM,IAAAN,iBAAU,EAACC,oBAAoB,CAAC;;AAE7E;AACA;AACA;AACA;AAHAJ,OAAA,CAAAS,uBAAA,GAAAA,uBAAA;AAIO,MAAMC,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,gBAAG,IAAAT,oBAAa,EAA6B;EACzEI,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbpB,QAAQ,EAAE,KAAK;EACfqB,YAAY,EAAE,KAAK;EACnBG,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEK,MAAMC,oBAAoB,GAAGA,CAAA,KAAM,IAAAV,iBAAU,EAACO,iBAAiB,CAAC;AAACV,OAAA,CAAAa,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|