@easypost/easy-ui 1.0.0-alpha.52 → 1.0.0-alpha.54
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/Badge/index.js +14 -14
- package/Badge/index.mjs +14 -14
- package/Banner/index.js +5 -5
- package/Banner/index.mjs +5 -5
- package/Button/index.js +1 -1
- package/Button/index.mjs +1 -1
- package/CHANGELOG.md +17 -0
- package/Calendar/index.js +21 -21
- package/Calendar/index.mjs +20 -20
- package/Card/index.js +1 -1
- package/Card/index.mjs +1 -1
- package/Checkbox/index.js +1 -1
- package/Checkbox/index.mjs +1 -1
- package/CodeBlock/index.js +15 -15
- package/CodeBlock/index.mjs +15 -15
- package/CodeSnippet/index.js +1 -1
- package/CodeSnippet/index.mjs +1 -1
- package/DataGrid/ActionsCellContent.d.ts.map +1 -1
- package/DataGrid/index.js +77 -150
- package/DataGrid/index.mjs +74 -131
- package/Drawer/index.js +21 -21
- package/Drawer/index.mjs +21 -21
- package/DropdownButton/index.js +13 -13
- package/DropdownButton/index.mjs +13 -13
- package/EmptyStateCard/index.js +8 -8
- package/EmptyStateCard/index.mjs +8 -8
- package/FocusedProductLayout/index.js +23 -23
- package/FocusedProductLayout/index.mjs +23 -23
- package/FormLayout/index.js +5 -5
- package/FormLayout/index.mjs +5 -5
- package/HorizontalGrid/index.js +1 -1
- package/HorizontalGrid/index.mjs +1 -1
- package/HorizontalStack/index.js +1 -1
- package/HorizontalStack/index.mjs +1 -1
- package/Icon/index.js +1 -1
- package/Icon/index.mjs +1 -1
- package/IconButton/index.js +13 -13
- package/IconButton/index.mjs +13 -13
- package/InputField/index.js +1 -1
- package/InputField/index.mjs +1 -1
- package/KebabButton/KebabButton.d.ts +19 -0
- package/KebabButton/KebabButton.d.ts.map +1 -0
- package/KebabButton/KebabButton.stories.d.ts +7 -0
- package/KebabButton/KebabButton.stories.d.ts.map +1 -0
- package/KebabButton/KebabButton.test.d.ts +2 -0
- package/KebabButton/KebabButton.test.d.ts.map +1 -0
- package/KebabButton/index.d.ts +2 -0
- package/KebabButton/index.d.ts.map +1 -0
- package/KebabButton/index.js +4 -0
- package/KebabButton/index.mjs +4 -0
- package/Menu/index.js +1 -1
- package/Menu/index.mjs +1 -1
- package/Modal/index.js +22 -22
- package/Modal/index.mjs +22 -22
- package/NexusLayout/index.js +31 -31
- package/NexusLayout/index.mjs +31 -31
- package/Notification/index.js +1 -1
- package/Notification/index.mjs +1 -1
- package/Pagination/index.js +8 -8
- package/Pagination/index.mjs +8 -8
- package/PillGroup/index.js +30 -143
- package/PillGroup/index.mjs +19 -132
- package/ProductLayout/index.js +25 -25
- package/ProductLayout/index.mjs +25 -25
- package/Provider/index.js +2 -2
- package/Provider/index.mjs +2 -2
- package/RadioButtonGroup/RadioButtonGroup.d.ts +103 -0
- package/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -0
- package/RadioButtonGroup/RadioButtonGroup.stories.d.ts +11 -0
- package/RadioButtonGroup/RadioButtonGroup.stories.d.ts.map +1 -0
- package/RadioButtonGroup/RadioButtonGroup.test.d.ts +2 -0
- package/RadioButtonGroup/RadioButtonGroup.test.d.ts.map +1 -0
- package/RadioButtonGroup/index.d.ts +2 -0
- package/RadioButtonGroup/index.d.ts.map +1 -0
- package/RadioButtonGroup/index.js +262 -0
- package/RadioButtonGroup/index.mjs +262 -0
- package/RadioGroup/index.js +21 -21
- package/RadioGroup/index.mjs +21 -21
- package/SearchNav/index.js +30 -30
- package/SearchNav/index.mjs +30 -30
- package/SectionCard/index.js +7 -7
- package/SectionCard/index.mjs +7 -7
- package/Select/index.js +5 -5
- package/Select/index.mjs +5 -5
- package/SelectorErrorTooltip/index.js +1 -1
- package/SelectorErrorTooltip/index.mjs +1 -1
- package/Spinner/index.js +1 -1
- package/Spinner/index.mjs +1 -1
- package/SplitToggleCard/index.js +4 -4
- package/SplitToggleCard/index.mjs +4 -4
- package/Stepper/index.js +1 -1
- package/Stepper/index.mjs +1 -1
- package/TabNav/index.js +1 -1
- package/TabNav/index.mjs +1 -1
- package/TabPanels/index.js +4 -4
- package/TabPanels/index.mjs +4 -4
- package/Tabs/index.js +1 -1
- package/Tabs/index.mjs +1 -1
- package/Text/index.js +1 -1
- package/Text/index.mjs +1 -1
- package/TextField/index.js +1 -1
- package/TextField/index.mjs +1 -1
- package/Textarea/index.js +1 -1
- package/Textarea/index.mjs +1 -1
- package/Toggle/index.js +1 -1
- package/Toggle/index.mjs +1 -1
- package/ToggleCard/index.js +2 -2
- package/ToggleCard/index.mjs +2 -2
- package/Tooltip/index.js +1 -1
- package/Tooltip/index.mjs +1 -1
- package/UnstyledButton/UnstyledPressButton.d.ts.map +1 -0
- package/UnstyledButton/index.js +1 -1
- package/UnstyledButton/index.mjs +1 -1
- package/VerticalNav/index.js +25 -25
- package/VerticalNav/index.mjs +25 -25
- package/VerticalStack/index.js +1 -1
- package/VerticalStack/index.mjs +1 -1
- package/__chunks__/{Button-C8CAs9Ya.js → Button-D_Bk7BuN.js} +18 -18
- package/__chunks__/{Button-B-PwoC5y.mjs → Button-Dy9idhgT.mjs} +18 -18
- package/__chunks__/{Card-UU3JcpMA.js → Card-9RlZlFEC.js} +12 -12
- package/__chunks__/{Card-BWhI0hJm.mjs → Card-mxjU9S-F.mjs} +12 -12
- package/__chunks__/{Checkbox-BZqZjAnI.mjs → Checkbox-BgumKMXU.mjs} +24 -23
- package/__chunks__/{Checkbox-CqRLbwPQ.js → Checkbox-CBB8jlZw.js} +25 -24
- package/__chunks__/{CodeSnippet-pRcbJYFv.mjs → CodeSnippet-BjUoaeh9.mjs} +2 -2
- package/__chunks__/{CodeSnippet-B1oVvl-o.js → CodeSnippet-DVrkwOg4.js} +2 -2
- package/__chunks__/{FocusScope-CjqREKhC.mjs → FocusScope-C194OB-4.mjs} +85 -3
- package/__chunks__/{FocusScope-CoZUVDQG.js → FocusScope-DJer9ahG.js} +96 -14
- package/__chunks__/{HelpMenu-c9NnR9pL.js → HelpMenu-DF2Bx-bn.js} +7 -7
- package/__chunks__/{HelpMenu-BqXmt7b0.mjs → HelpMenu-m1qJ4EyP.mjs} +7 -7
- package/__chunks__/{HorizontalGrid-DdZMHCh6.mjs → HorizontalGrid-BYR8Gr-h.mjs} +1 -1
- package/__chunks__/{HorizontalGrid-LK3oV1Xf.js → HorizontalGrid-DuHNRhon.js} +1 -1
- package/__chunks__/{HorizontalStack-CyOBQGUF.js → HorizontalStack-By6XdGZh.js} +1 -1
- package/__chunks__/{HorizontalStack-Cj64cYl-.mjs → HorizontalStack-DaZakHYj.mjs} +1 -1
- package/__chunks__/{Icon-BmhO04p4.mjs → Icon-3zFwhVjn.mjs} +2 -2
- package/__chunks__/{Icon-vgTkejl_.js → Icon-BB9QecRC.js} +2 -2
- package/__chunks__/{InputField-nGv1FZJR.js → InputField-CHAxJwME.js} +8 -8
- package/__chunks__/{InputField-w-orC_z_.mjs → InputField-CdEl4M4-.mjs} +7 -7
- package/__chunks__/{InputIcon-D5WHF9JB.mjs → InputIcon--PdoGQOO.mjs} +25 -25
- package/__chunks__/{InputIcon-eg1DDtXb.js → InputIcon-oj25h1MN.js} +25 -25
- package/__chunks__/KebabButton-3bAqpgLu.js +121 -0
- package/__chunks__/KebabButton-fmLpDchx.mjs +106 -0
- package/__chunks__/{Menu-ComLF8Lu.js → Menu--B0Fn4Ol.js} +19 -19
- package/__chunks__/{Menu-Bo7BjljK.mjs → Menu-B95QYBVQ.mjs} +19 -19
- package/__chunks__/{Notification-B344rGS6.mjs → Notification-D15awRNG.mjs} +18 -18
- package/__chunks__/{Notification-BZ3ybUEX.js → Notification-DTb3bJn4.js} +22 -22
- package/__chunks__/{Overlay-Dz_4R38U.mjs → Overlay-BtzIt9Ka.mjs} +1 -1
- package/__chunks__/{Overlay-DBi2SVGv.js → Overlay-CUtfbILq.js} +1 -1
- package/__chunks__/{SelectOverlay-Dlh7kgJP.mjs → SelectOverlay-D39ws5R2.mjs} +29 -28
- package/__chunks__/{SelectOverlay-DQgtS85D.js → SelectOverlay-_dx1vHML.js} +30 -29
- package/__chunks__/{SelectorErrorTooltip-BkPBRxMN.mjs → SelectorErrorTooltip-D8y5kImH.mjs} +4 -4
- package/__chunks__/{SelectorErrorTooltip-PmNc0Njc.js → SelectorErrorTooltip-DhV9YtiA.js} +4 -4
- package/__chunks__/{Spinner-DzWjiJW-.js → Spinner-CVcjgzNy.js} +5 -5
- package/__chunks__/{Spinner-7zBK2Xm-.mjs → Spinner-CfniY1TS.mjs} +5 -5
- package/__chunks__/{Stepper-CSyqKD6E.mjs → Stepper-D_2YRENa.mjs} +27 -27
- package/__chunks__/{Stepper-D_Eb3lcZ.js → Stepper-E2li7kd2.js} +27 -27
- package/__chunks__/{TabNav-ihtxj9yI.mjs → TabNav-BgwlyiLE.mjs} +1 -1
- package/__chunks__/{TabNav-bXzfdbir.js → TabNav-C7_HMIZx.js} +1 -1
- package/__chunks__/{Tabs-CJ0TRL3H.mjs → Tabs-CwxqTiAn.mjs} +18 -18
- package/__chunks__/{Tabs-CmmF0WMQ.js → Tabs-WKn9NKJy.js} +18 -18
- package/__chunks__/{Text-DN9QVNH4.js → Text-CoOcI-ZA.js} +34 -34
- package/__chunks__/{Text-CLXCmUFd.mjs → Text-Dfn-c0km.mjs} +34 -34
- package/__chunks__/{Toggle-D4oyHZCf.js → Toggle-DYTnMD3t.js} +15 -14
- package/__chunks__/{Toggle-DytN4mU6.mjs → Toggle-qa6gbH9Q.mjs} +14 -13
- package/__chunks__/{Tooltip-BFf05Sd7.js → Tooltip-6vJKVOnU.js} +11 -11
- package/__chunks__/{Tooltip-BHGCJiVl.mjs → Tooltip-DnLwtGUV.mjs} +11 -11
- package/__chunks__/{UnstyledButton-DcvMv4SL.mjs → UnstyledButton-0v6TRjMY.mjs} +1 -1
- package/__chunks__/{UnstyledButton-DVpiY5Qh.js → UnstyledButton-BfeN_d1h.js} +1 -1
- package/__chunks__/{VerticalStack-CbamvYP6.js → VerticalStack-BUxIVmGp.js} +3 -3
- package/__chunks__/{VerticalStack-DOMDyLlK.mjs → VerticalStack-ac4iBcxE.mjs} +3 -3
- package/__chunks__/{VisuallyHidden-CBNzWIG8.mjs → VisuallyHidden-BsBkcHpw.mjs} +1 -1
- package/__chunks__/{VisuallyHidden-zJSJlhfQ.js → VisuallyHidden-CVfjb1YY.js} +1 -1
- package/__chunks__/{ariaHideOutside-qn3-pnlW.js → ariaHideOutside-2fSu0FuJ.js} +5 -5
- package/__chunks__/{ariaHideOutside-CGNrOhSc.mjs → ariaHideOutside-Dhj8j6Mb.mjs} +3 -3
- package/__chunks__/focusSafely-CZPj1Dug.js +14 -0
- package/__chunks__/focusSafely-DfpH-pE9.mjs +15 -0
- package/__chunks__/isVirtualEvent-BPCuFO54.mjs +74 -0
- package/__chunks__/isVirtualEvent-DwoP1rNI.js +73 -0
- package/__chunks__/{focusSafely-MxnwWbsu.mjs → runAfterTransition-B7Bfhj0D.mjs} +2 -13
- package/__chunks__/{focusSafely-BpCL6rxl.js → runAfterTransition-DtSqibrj.js} +0 -11
- package/__chunks__/{useButton-COCB0O4M.mjs → useButton-C6QFpa4j.mjs} +2 -2
- package/__chunks__/{useButton-hrdBTa5u.js → useButton-DVdJNlul.js} +2 -2
- package/__chunks__/{useDialog-47nl4w_8.mjs → useDialog-CfUEt_df.mjs} +3 -3
- package/__chunks__/{useDialog-DNGXm940.js → useDialog-CtMBWxF5.js} +3 -3
- package/__chunks__/{useEdgeInterceptors-CrrZ-iAb.js → useEdgeInterceptors-CQ1iontu.js} +5 -5
- package/__chunks__/{useEdgeInterceptors-D0TMU4bR.mjs → useEdgeInterceptors-DYwJNXXm.mjs} +5 -5
- package/__chunks__/{useFocus-Dk6g6k91.js → useFocus-B4oRb1dU.js} +3 -2
- package/__chunks__/{useFocus-DOcjAFnP.mjs → useFocus-By3Cx-xz.mjs} +2 -1
- package/__chunks__/{useFocusRing-CKgGPgoX.js → useFocusRing-DFRFvht_.js} +3 -3
- package/__chunks__/{useFocusRing-Cj5zef_6.mjs → useFocusRing-dRPhwlpK.mjs} +3 -3
- package/__chunks__/{useFocusVisible-DXAxI2Xj.mjs → useFocusVisible-BbEmluTm.mjs} +4 -75
- package/__chunks__/{useFocusVisible-DAg8LS6j.js → useFocusVisible-PBQuklI8.js} +13 -84
- package/__chunks__/{useFocusWithin-CxvNMoRn.js → useFocusWithin-C1ioGWec.js} +1 -1
- package/__chunks__/{useFocusWithin-Bg5BTlgA.mjs → useFocusWithin-krnNAgDY.mjs} +1 -1
- package/__chunks__/{useFocusable-Uo_zjP6s.mjs → useFocusable-B0naYTNU.mjs} +2 -2
- package/__chunks__/{useFocusable-By9yXfUQ.js → useFocusable-D0hhxIk-.js} +2 -2
- package/__chunks__/{useFormValidation-DOUyT2Mb.js → useFormValidation-C2DoIczP.js} +1 -1
- package/__chunks__/{useFormValidation-C_CD-7QE.mjs → useFormValidation-DAScndBq.mjs} +1 -1
- package/__chunks__/{useHasTabbableChild-DhoFI49t.mjs → useHasTabbableChild-9rS-nuc-.mjs} +1 -1
- package/__chunks__/{useHasTabbableChild-BCSKoUR_.js → useHasTabbableChild-BY-g4H3y.js} +1 -1
- package/__chunks__/{useHighlightSelectionDescription-P7rP7hnM.js → useHighlightSelectionDescription-CG5W6CIQ.js} +1 -1
- package/__chunks__/{useHighlightSelectionDescription-BGSwVQtc.mjs → useHighlightSelectionDescription-CPtYsCSQ.mjs} +1 -1
- package/__chunks__/{useModal-sVKQd6HX.mjs → useModal-DajWXu6g.mjs} +1 -1
- package/__chunks__/{useModal-BV6_Azqp.js → useModal-QwDRNW96.js} +2 -2
- package/__chunks__/{usePress-DjyN_yP2.js → usePress-BVH8whNd.js} +26 -26
- package/__chunks__/{usePress-CA-sH9oY.mjs → usePress-CiUDlxr6.mjs} +2 -2
- package/__chunks__/{useSelectableItem-Bgjo4Ulj.js → useSelectableItem-C0qCIU8l.js} +10 -8
- package/__chunks__/{useSelectableItem-Dn-hODEw.mjs → useSelectableItem-CHd6ksRw.mjs} +6 -4
- package/__chunks__/{useSelectableList-CjopKGbS.js → useSelectableList-CnP9hXkb.js} +1 -1
- package/__chunks__/{useSelectableList-DjrCndUM.mjs → useSelectableList-FvytdUu7.mjs} +1 -1
- package/__chunks__/{useToggle-qLiVQ6Y2.js → useToggle-DsYRac30.js} +2 -19
- package/__chunks__/{useToggle-V7BhKpNo.mjs → useToggle-YUgC8qn-.mjs} +3 -20
- package/__chunks__/useToggleState-CdbEMLRz.js +18 -0
- package/__chunks__/useToggleState-kFojjzgV.mjs +19 -0
- package/__chunks__/{useTriggerWidth-CI9YrWOP.mjs → useTriggerWidth-B3JINZlR.mjs} +4 -4
- package/__chunks__/{useTriggerWidth-Bj1hzfIg.js → useTriggerWidth-CcKoLR8z.js} +4 -4
- package/__chunks__/utils-DXO9zsKE.js +154 -0
- package/__chunks__/utils-Dm-0qf_-.mjs +155 -0
- package/package.json +2 -2
- package/style.css +1015 -968
- package/DataGrid/UnstyledPressButton.d.ts.map +0 -1
- /package/{DataGrid → UnstyledButton}/UnstyledPressButton.d.ts +0 -0
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import React__default, { useMemo, useState, useRef, forwardRef, createContext, useContext } from "react";
|
|
21
|
+
import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../__chunks__/utils-Dm-0qf_-.mjs";
|
|
22
|
+
import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";
|
|
23
|
+
import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../__chunks__/useButton-C6QFpa4j.mjs";
|
|
24
|
+
import { f as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "../__chunks__/mergeProps-SJQ-f8LF.mjs";
|
|
25
|
+
import { c as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../__chunks__/FocusScope-C194OB-4.mjs";
|
|
26
|
+
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
|
|
27
|
+
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-D3I6RuRU.mjs";
|
|
28
|
+
import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/useToggleState-kFojjzgV.mjs";
|
|
29
|
+
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-dRPhwlpK.mjs";
|
|
30
|
+
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-BOYR4wqI.mjs";
|
|
31
|
+
import { getComponentThemeToken, classNames } from "../utilities/css.mjs";
|
|
32
|
+
import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
|
|
33
|
+
function $ad999b7f496648d1$export$8deac67f4addf270(props) {
|
|
34
|
+
let { selectionMode = "single", disallowEmptySelection, isDisabled = false } = props;
|
|
35
|
+
let [selectedKeys, setSelectedKeys] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(useMemo(() => props.selectedKeys ? new Set(props.selectedKeys) : void 0, [
|
|
36
|
+
props.selectedKeys
|
|
37
|
+
]), useMemo(() => props.defaultSelectedKeys ? new Set(props.defaultSelectedKeys) : /* @__PURE__ */ new Set(), [
|
|
38
|
+
props.defaultSelectedKeys
|
|
39
|
+
]), props.onSelectionChange);
|
|
40
|
+
return {
|
|
41
|
+
selectionMode,
|
|
42
|
+
isDisabled,
|
|
43
|
+
selectedKeys,
|
|
44
|
+
setSelectedKeys,
|
|
45
|
+
toggleKey(key) {
|
|
46
|
+
let keys;
|
|
47
|
+
if (selectionMode === "multiple") {
|
|
48
|
+
keys = new Set(selectedKeys);
|
|
49
|
+
if (keys.has(key) && (!disallowEmptySelection || keys.size > 1)) keys.delete(key);
|
|
50
|
+
else keys.add(key);
|
|
51
|
+
} else keys = new Set(selectedKeys.has(key) && !disallowEmptySelection ? [] : [
|
|
52
|
+
key
|
|
53
|
+
]);
|
|
54
|
+
setSelectedKeys(keys);
|
|
55
|
+
},
|
|
56
|
+
setSelected(key, isSelected) {
|
|
57
|
+
if (isSelected !== selectedKeys.has(key)) this.toggleKey(key);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
|
|
62
|
+
const { isSelected } = state;
|
|
63
|
+
const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
|
|
64
|
+
onPress: $ff5963eb1fccf552$export$e08e3b67e392101e(state.toggle, props.onPress)
|
|
65
|
+
}), ref);
|
|
66
|
+
return {
|
|
67
|
+
isPressed,
|
|
68
|
+
isSelected,
|
|
69
|
+
isDisabled: props.isDisabled || false,
|
|
70
|
+
buttonProps: $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, {
|
|
71
|
+
"aria-pressed": isSelected
|
|
72
|
+
})
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
|
|
76
|
+
const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
|
|
77
|
+
let [isInToolbar, setInToolbar] = useState(false);
|
|
78
|
+
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
79
|
+
var _ref_current_parentElement;
|
|
80
|
+
setInToolbar(!!(ref.current && ((_ref_current_parentElement = ref.current.parentElement) === null || _ref_current_parentElement === void 0 ? void 0 : _ref_current_parentElement.closest('[role="toolbar"]'))));
|
|
81
|
+
});
|
|
82
|
+
const { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
|
|
83
|
+
const shouldReverse = direction === "rtl" && orientation === "horizontal";
|
|
84
|
+
let focusManager = $9bf71ea28793e738$export$c5251b9e124bf29(ref);
|
|
85
|
+
const onKeyDown = (e) => {
|
|
86
|
+
if (!e.currentTarget.contains(e.target)) return;
|
|
87
|
+
if (orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown") {
|
|
88
|
+
if (shouldReverse) focusManager.focusPrevious();
|
|
89
|
+
else focusManager.focusNext();
|
|
90
|
+
} else if (orientation === "horizontal" && e.key === "ArrowLeft" || orientation === "vertical" && e.key === "ArrowUp") {
|
|
91
|
+
if (shouldReverse) focusManager.focusNext();
|
|
92
|
+
else focusManager.focusPrevious();
|
|
93
|
+
} else if (e.key === "Tab") {
|
|
94
|
+
e.stopPropagation();
|
|
95
|
+
lastFocused.current = document.activeElement;
|
|
96
|
+
if (e.shiftKey) focusManager.focusFirst();
|
|
97
|
+
else focusManager.focusLast();
|
|
98
|
+
return;
|
|
99
|
+
} else
|
|
100
|
+
return;
|
|
101
|
+
e.stopPropagation();
|
|
102
|
+
e.preventDefault();
|
|
103
|
+
};
|
|
104
|
+
const lastFocused = useRef(null);
|
|
105
|
+
const onBlur = (e) => {
|
|
106
|
+
if (!e.currentTarget.contains(e.relatedTarget) && !lastFocused.current) lastFocused.current = e.target;
|
|
107
|
+
};
|
|
108
|
+
const onFocus = (e) => {
|
|
109
|
+
var _ref_current;
|
|
110
|
+
if (lastFocused.current && !e.currentTarget.contains(e.relatedTarget) && ((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(e.target))) {
|
|
111
|
+
var _lastFocused_current;
|
|
112
|
+
(_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
|
|
113
|
+
lastFocused.current = null;
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
return {
|
|
117
|
+
toolbarProps: __spreadProps(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
|
|
118
|
+
labelable: true
|
|
119
|
+
})), {
|
|
120
|
+
role: !isInToolbar ? "toolbar" : "group",
|
|
121
|
+
"aria-orientation": orientation,
|
|
122
|
+
"aria-label": ariaLabel,
|
|
123
|
+
"aria-labelledby": ariaLabel == null ? ariaLabelledBy : void 0,
|
|
124
|
+
onKeyDownCapture: !isInToolbar ? onKeyDown : void 0,
|
|
125
|
+
onFocusCapture: !isInToolbar ? onFocus : void 0,
|
|
126
|
+
onBlurCapture: !isInToolbar ? onBlur : void 0
|
|
127
|
+
})
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
function $4547d1bf40011fdf$export$dd5580ae642f110f(props, state, ref) {
|
|
131
|
+
let { isDisabled } = props;
|
|
132
|
+
let { toolbarProps } = $2680b1829e803644$export$fa142eb1681c520(props, ref);
|
|
133
|
+
return {
|
|
134
|
+
groupProps: __spreadProps(__spreadValues({}, toolbarProps), {
|
|
135
|
+
role: state.selectionMode === "single" ? "radiogroup" : toolbarProps.role,
|
|
136
|
+
"aria-disabled": isDisabled
|
|
137
|
+
})
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
function $4547d1bf40011fdf$export$bc53712daae3d6e6(props, state, ref) {
|
|
141
|
+
let toggleState = {
|
|
142
|
+
isSelected: state.selectedKeys.has(props.id),
|
|
143
|
+
setSelected(isSelected2) {
|
|
144
|
+
state.setSelected(props.id, isSelected2);
|
|
145
|
+
},
|
|
146
|
+
toggle() {
|
|
147
|
+
state.toggleKey(props.id);
|
|
148
|
+
}
|
|
149
|
+
};
|
|
150
|
+
let { isPressed, isSelected, isDisabled, buttonProps } = $55f54f7887471b58$export$51e84d46ca0bc451(__spreadProps(__spreadValues({}, props), {
|
|
151
|
+
id: void 0,
|
|
152
|
+
isDisabled: props.isDisabled || state.isDisabled
|
|
153
|
+
}), toggleState, ref);
|
|
154
|
+
if (state.selectionMode === "single") {
|
|
155
|
+
buttonProps.role = "radio";
|
|
156
|
+
buttonProps["aria-checked"] = toggleState.isSelected;
|
|
157
|
+
delete buttonProps["aria-pressed"];
|
|
158
|
+
}
|
|
159
|
+
return {
|
|
160
|
+
isPressed,
|
|
161
|
+
isSelected,
|
|
162
|
+
isDisabled,
|
|
163
|
+
buttonProps
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
const $84b7d8702d4ff4a8$export$298258635ae0dd97 = /* @__PURE__ */ createContext({});
|
|
167
|
+
const $84b7d8702d4ff4a8$export$a8a71863db173133 = /* @__PURE__ */ createContext(null);
|
|
168
|
+
function $84b7d8702d4ff4a8$var$ToggleButtonGroup(props, ref) {
|
|
169
|
+
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $84b7d8702d4ff4a8$export$298258635ae0dd97);
|
|
170
|
+
let state = $ad999b7f496648d1$export$8deac67f4addf270(props);
|
|
171
|
+
let { groupProps } = $4547d1bf40011fdf$export$dd5580ae642f110f(props, state, ref);
|
|
172
|
+
let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
|
|
173
|
+
values: {
|
|
174
|
+
isDisabled: state.isDisabled,
|
|
175
|
+
state
|
|
176
|
+
},
|
|
177
|
+
defaultClassName: "react-aria-ToggleButtonGroup"
|
|
178
|
+
}));
|
|
179
|
+
return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, groupProps), renderProps), {
|
|
180
|
+
ref,
|
|
181
|
+
slot: props.slot || void 0,
|
|
182
|
+
"data-orientation": props.orientation || "horizontal",
|
|
183
|
+
"data-disabled": props.isDisabled || void 0
|
|
184
|
+
}), /* @__PURE__ */ React__default.createElement($84b7d8702d4ff4a8$export$a8a71863db173133.Provider, {
|
|
185
|
+
value: state
|
|
186
|
+
}, renderProps.children));
|
|
187
|
+
}
|
|
188
|
+
const $84b7d8702d4ff4a8$export$40258cc1d95ff477 = /* @__PURE__ */ forwardRef($84b7d8702d4ff4a8$var$ToggleButtonGroup);
|
|
189
|
+
const $efde0372d7a700fe$export$43506d75ebd2e218 = /* @__PURE__ */ createContext({});
|
|
190
|
+
function $efde0372d7a700fe$var$ToggleButton(props, ref) {
|
|
191
|
+
[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $efde0372d7a700fe$export$43506d75ebd2e218);
|
|
192
|
+
let groupState = useContext($84b7d8702d4ff4a8$export$a8a71863db173133);
|
|
193
|
+
let state = $3017fa7ffdddec74$export$8042c6c013fd5226(groupState && props.id != null ? {
|
|
194
|
+
isSelected: groupState.selectedKeys.has(props.id),
|
|
195
|
+
onChange(isSelected2) {
|
|
196
|
+
groupState.setSelected(props.id, isSelected2);
|
|
197
|
+
}
|
|
198
|
+
} : props);
|
|
199
|
+
let { buttonProps, isPressed, isSelected, isDisabled } = groupState && props.id != null ? $4547d1bf40011fdf$export$bc53712daae3d6e6(__spreadProps(__spreadValues({}, props), {
|
|
200
|
+
id: props.id
|
|
201
|
+
}), groupState, ref) : $55f54f7887471b58$export$51e84d46ca0bc451(__spreadProps(__spreadValues({}, props), {
|
|
202
|
+
id: props.id != null ? String(props.id) : void 0
|
|
203
|
+
}), state, ref);
|
|
204
|
+
let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
|
|
205
|
+
let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
|
|
206
|
+
let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
|
|
207
|
+
id: void 0,
|
|
208
|
+
values: {
|
|
209
|
+
isHovered,
|
|
210
|
+
isPressed,
|
|
211
|
+
isFocused,
|
|
212
|
+
isSelected: state.isSelected,
|
|
213
|
+
isFocusVisible,
|
|
214
|
+
isDisabled,
|
|
215
|
+
state
|
|
216
|
+
},
|
|
217
|
+
defaultClassName: "react-aria-ToggleButton"
|
|
218
|
+
}));
|
|
219
|
+
return /* @__PURE__ */ React__default.createElement("button", __spreadProps(__spreadValues(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, focusProps, hoverProps)), renderProps), {
|
|
220
|
+
ref,
|
|
221
|
+
slot: props.slot || void 0,
|
|
222
|
+
"data-focused": isFocused || void 0,
|
|
223
|
+
"data-disabled": isDisabled || void 0,
|
|
224
|
+
"data-pressed": isPressed || void 0,
|
|
225
|
+
"data-selected": isSelected || void 0,
|
|
226
|
+
"data-hovered": isHovered || void 0,
|
|
227
|
+
"data-focus-visible": isFocusVisible || void 0
|
|
228
|
+
}));
|
|
229
|
+
}
|
|
230
|
+
const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef($efde0372d7a700fe$var$ToggleButton);
|
|
231
|
+
const RadioButtonGroupButton$1 = "_RadioButtonGroupButton_mfbzo_5";
|
|
232
|
+
const styles = {
|
|
233
|
+
RadioButtonGroupButton: RadioButtonGroupButton$1
|
|
234
|
+
};
|
|
235
|
+
function RadioButtonGroupButton(props) {
|
|
236
|
+
const { children, isDisabled, id } = props;
|
|
237
|
+
return React__default.createElement($efde0372d7a700fe$export$d2b052e7b4be1756, {
|
|
238
|
+
className: classNames(styles.RadioButtonGroupButton),
|
|
239
|
+
isDisabled,
|
|
240
|
+
id
|
|
241
|
+
}, React__default.createElement(Text, {
|
|
242
|
+
variant: "small_button"
|
|
243
|
+
}, children));
|
|
244
|
+
}
|
|
245
|
+
function RadioButtonGroup(props) {
|
|
246
|
+
const { color = "primary.500", children, onSelectionChange, selectedKeys, selectionMode = "single", disallowEmptySelection, defaultSelectedKeys, isDisabled } = props;
|
|
247
|
+
const style = __spreadValues({}, getComponentThemeToken("radio-button-group", "color", "color", color));
|
|
248
|
+
return React__default.createElement($84b7d8702d4ff4a8$export$40258cc1d95ff477, {
|
|
249
|
+
style,
|
|
250
|
+
className: styles.RadiobuttonGroup,
|
|
251
|
+
onSelectionChange,
|
|
252
|
+
selectedKeys,
|
|
253
|
+
selectionMode,
|
|
254
|
+
disallowEmptySelection,
|
|
255
|
+
defaultSelectedKeys,
|
|
256
|
+
isDisabled
|
|
257
|
+
}, children);
|
|
258
|
+
}
|
|
259
|
+
RadioButtonGroup.Button = RadioButtonGroupButton;
|
|
260
|
+
export {
|
|
261
|
+
RadioButtonGroup
|
|
262
|
+
};
|
package/RadioGroup/index.js
CHANGED
|
@@ -32,22 +32,22 @@ var __objRest = (source, exclude) => {
|
|
|
32
32
|
};
|
|
33
33
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
34
34
|
const React = require("react");
|
|
35
|
-
const Text = require("../__chunks__/Text-
|
|
36
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
37
|
-
const SelectorErrorTooltip = require("../__chunks__/SelectorErrorTooltip-
|
|
35
|
+
const Text = require("../__chunks__/Text-CoOcI-ZA.js");
|
|
36
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-By6XdGZh.js");
|
|
37
|
+
const SelectorErrorTooltip = require("../__chunks__/SelectorErrorTooltip-DhV9YtiA.js");
|
|
38
38
|
const utilities_css = require("../utilities/css.js");
|
|
39
39
|
const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
|
|
40
40
|
const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
|
|
41
41
|
const useFormReset = require("../__chunks__/useFormReset-Bgj93eR3.js");
|
|
42
|
-
const useFocusable = require("../__chunks__/useFocusable-
|
|
43
|
-
const useFormValidation = require("../__chunks__/useFormValidation-
|
|
44
|
-
const usePress = require("../__chunks__/usePress-
|
|
45
|
-
const useFocusRing = require("../__chunks__/useFocusRing-
|
|
42
|
+
const useFocusable = require("../__chunks__/useFocusable-D0hhxIk-.js");
|
|
43
|
+
const useFormValidation = require("../__chunks__/useFormValidation-C2DoIczP.js");
|
|
44
|
+
const usePress = require("../__chunks__/usePress-BVH8whNd.js");
|
|
45
|
+
const useFocusRing = require("../__chunks__/useFocusRing-DFRFvht_.js");
|
|
46
46
|
const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
|
|
47
47
|
const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");
|
|
48
|
-
const FocusScope = require("../__chunks__/FocusScope-
|
|
48
|
+
const FocusScope = require("../__chunks__/FocusScope-DJer9ahG.js");
|
|
49
49
|
const useField = require("../__chunks__/useField-BJW_bXVD.js");
|
|
50
|
-
const useFocusWithin = require("../__chunks__/useFocusWithin-
|
|
50
|
+
const useFocusWithin = require("../__chunks__/useFocusWithin-C1ioGWec.js");
|
|
51
51
|
const context = require("../__chunks__/context-D3NeXov7.js");
|
|
52
52
|
let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
|
|
53
53
|
let $a54cdc5c1942b639$var$i = 0;
|
|
@@ -244,16 +244,16 @@ const useRadioGroupContext = () => {
|
|
|
244
244
|
}
|
|
245
245
|
return radioGroupContext;
|
|
246
246
|
};
|
|
247
|
-
const RadioGroupItem$1 = "
|
|
248
|
-
const label = "
|
|
249
|
-
const radioOuter = "
|
|
250
|
-
const radioInner = "
|
|
251
|
-
const focusVisible = "
|
|
252
|
-
const selected = "
|
|
253
|
-
const invalid = "
|
|
254
|
-
const disabled = "
|
|
255
|
-
const hovered = "
|
|
256
|
-
const readOnly = "
|
|
247
|
+
const RadioGroupItem$1 = "_RadioGroupItem_1m39v_5";
|
|
248
|
+
const label = "_label_1m39v_11";
|
|
249
|
+
const radioOuter = "_radioOuter_1m39v_29";
|
|
250
|
+
const radioInner = "_radioInner_1m39v_30";
|
|
251
|
+
const focusVisible = "_focusVisible_1m39v_44";
|
|
252
|
+
const selected = "_selected_1m39v_63";
|
|
253
|
+
const invalid = "_invalid_1m39v_67";
|
|
254
|
+
const disabled = "_disabled_1m39v_71";
|
|
255
|
+
const hovered = "_hovered_1m39v_83";
|
|
256
|
+
const readOnly = "_readOnly_1m39v_83";
|
|
257
257
|
const styles$1 = {
|
|
258
258
|
RadioGroupItem: RadioGroupItem$1,
|
|
259
259
|
label,
|
|
@@ -302,8 +302,8 @@ function RadioGroupItem(props) {
|
|
|
302
302
|
content: errorText
|
|
303
303
|
})));
|
|
304
304
|
}
|
|
305
|
-
const RadioGroup$1 = "
|
|
306
|
-
const list = "
|
|
305
|
+
const RadioGroup$1 = "_RadioGroup_1g9j9_5";
|
|
306
|
+
const list = "_list_1g9j9_14";
|
|
307
307
|
const styles = {
|
|
308
308
|
RadioGroup: RadioGroup$1,
|
|
309
309
|
list
|
package/RadioGroup/index.mjs
CHANGED
|
@@ -30,22 +30,22 @@ var __objRest = (source, exclude) => {
|
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
32
|
import React__default, { useMemo, useState, useContext } from "react";
|
|
33
|
-
import { T as Text } from "../__chunks__/Text-
|
|
34
|
-
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-
|
|
35
|
-
import { S as SelectorErrorTooltip } from "../__chunks__/SelectorErrorTooltip-
|
|
33
|
+
import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
|
|
34
|
+
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-DaZakHYj.mjs";
|
|
35
|
+
import { S as SelectorErrorTooltip } from "../__chunks__/SelectorErrorTooltip-D8y5kImH.mjs";
|
|
36
36
|
import { classNames } from "../utilities/css.mjs";
|
|
37
37
|
import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37 } from "../__chunks__/mergeProps-SJQ-f8LF.mjs";
|
|
38
38
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
|
|
39
39
|
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../__chunks__/useFormReset-CFhWic3i.mjs";
|
|
40
|
-
import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-
|
|
41
|
-
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "../__chunks__/useFormValidation-
|
|
42
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-
|
|
43
|
-
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-
|
|
40
|
+
import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-B0naYTNU.mjs";
|
|
41
|
+
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "../__chunks__/useFormValidation-DAScndBq.mjs";
|
|
42
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../__chunks__/usePress-CiUDlxr6.mjs";
|
|
43
|
+
import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-dRPhwlpK.mjs";
|
|
44
44
|
import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-BOYR4wqI.mjs";
|
|
45
45
|
import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";
|
|
46
|
-
import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-
|
|
46
|
+
import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-C194OB-4.mjs";
|
|
47
47
|
import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "../__chunks__/useField-DPD-La1H.mjs";
|
|
48
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "../__chunks__/useFocusWithin-
|
|
48
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "../__chunks__/useFocusWithin-krnNAgDY.mjs";
|
|
49
49
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-D3I6RuRU.mjs";
|
|
50
50
|
let $a54cdc5c1942b639$var$instance = Math.round(Math.random() * 1e10);
|
|
51
51
|
let $a54cdc5c1942b639$var$i = 0;
|
|
@@ -242,16 +242,16 @@ const useRadioGroupContext = () => {
|
|
|
242
242
|
}
|
|
243
243
|
return radioGroupContext;
|
|
244
244
|
};
|
|
245
|
-
const RadioGroupItem$1 = "
|
|
246
|
-
const label = "
|
|
247
|
-
const radioOuter = "
|
|
248
|
-
const radioInner = "
|
|
249
|
-
const focusVisible = "
|
|
250
|
-
const selected = "
|
|
251
|
-
const invalid = "
|
|
252
|
-
const disabled = "
|
|
253
|
-
const hovered = "
|
|
254
|
-
const readOnly = "
|
|
245
|
+
const RadioGroupItem$1 = "_RadioGroupItem_1m39v_5";
|
|
246
|
+
const label = "_label_1m39v_11";
|
|
247
|
+
const radioOuter = "_radioOuter_1m39v_29";
|
|
248
|
+
const radioInner = "_radioInner_1m39v_30";
|
|
249
|
+
const focusVisible = "_focusVisible_1m39v_44";
|
|
250
|
+
const selected = "_selected_1m39v_63";
|
|
251
|
+
const invalid = "_invalid_1m39v_67";
|
|
252
|
+
const disabled = "_disabled_1m39v_71";
|
|
253
|
+
const hovered = "_hovered_1m39v_83";
|
|
254
|
+
const readOnly = "_readOnly_1m39v_83";
|
|
255
255
|
const styles$1 = {
|
|
256
256
|
RadioGroupItem: RadioGroupItem$1,
|
|
257
257
|
label,
|
|
@@ -300,8 +300,8 @@ function RadioGroupItem(props) {
|
|
|
300
300
|
content: errorText
|
|
301
301
|
})));
|
|
302
302
|
}
|
|
303
|
-
const RadioGroup$1 = "
|
|
304
|
-
const list = "
|
|
303
|
+
const RadioGroup$1 = "_RadioGroup_1g9j9_5";
|
|
304
|
+
const list = "_list_1g9j9_14";
|
|
305
305
|
const styles = {
|
|
306
306
|
RadioGroup: RadioGroup$1,
|
|
307
307
|
list
|
package/SearchNav/index.js
CHANGED
|
@@ -34,17 +34,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
|
34
34
|
const React = require("react");
|
|
35
35
|
const utilities_css = require("../utilities/css.js");
|
|
36
36
|
const utilities_react = require("../utilities/react.js");
|
|
37
|
-
const Menu = require("../__chunks__/Menu
|
|
38
|
-
const Text = require("../__chunks__/Text-
|
|
39
|
-
const Icon = require("../__chunks__/Icon-
|
|
40
|
-
const UnstyledButton = require("../__chunks__/UnstyledButton-
|
|
41
|
-
const SelectOverlay = require("../__chunks__/SelectOverlay-
|
|
42
|
-
const useTriggerWidth = require("../__chunks__/useTriggerWidth-
|
|
37
|
+
const Menu = require("../__chunks__/Menu--B0Fn4Ol.js");
|
|
38
|
+
const Text = require("../__chunks__/Text-CoOcI-ZA.js");
|
|
39
|
+
const Icon = require("../__chunks__/Icon-BB9QecRC.js");
|
|
40
|
+
const UnstyledButton = require("../__chunks__/UnstyledButton-BfeN_d1h.js");
|
|
41
|
+
const SelectOverlay = require("../__chunks__/SelectOverlay-_dx1vHML.js");
|
|
42
|
+
const useTriggerWidth = require("../__chunks__/useTriggerWidth-CcKoLR8z.js");
|
|
43
43
|
const ExpandMore400 = require("../__chunks__/ExpandMore400-CJpvxyJm.js");
|
|
44
44
|
const Close = require("../__chunks__/Close-BQ2IlPyf.js");
|
|
45
45
|
const Menu$1 = require("../__chunks__/Menu-OacI_98l.js");
|
|
46
|
-
const HorizontalStack = require("../__chunks__/HorizontalStack-
|
|
47
|
-
const Button = require("../__chunks__/Button-
|
|
46
|
+
const HorizontalStack = require("../__chunks__/HorizontalStack-By6XdGZh.js");
|
|
47
|
+
const Button = require("../__chunks__/Button-D_Bk7BuN.js");
|
|
48
48
|
function _interopNamespaceDefault(e) {
|
|
49
49
|
const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
|
|
50
50
|
if (e) {
|
|
@@ -62,17 +62,17 @@ function _interopNamespaceDefault(e) {
|
|
|
62
62
|
return Object.freeze(n);
|
|
63
63
|
}
|
|
64
64
|
const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
|
|
65
|
-
const nav = "
|
|
66
|
-
const desktop = "
|
|
67
|
-
const onlyLogoGroup = "
|
|
65
|
+
const nav = "_nav_id3ot_5";
|
|
66
|
+
const desktop = "_desktop_id3ot_17";
|
|
67
|
+
const onlyLogoGroup = "_onlyLogoGroup_id3ot_30";
|
|
68
68
|
const styles$8 = {
|
|
69
69
|
nav,
|
|
70
70
|
desktop,
|
|
71
71
|
onlyLogoGroup
|
|
72
72
|
};
|
|
73
|
-
const separator = "
|
|
74
|
-
const groupLogo = "
|
|
75
|
-
const groupCta = "
|
|
73
|
+
const separator = "_separator_1qr1i_5";
|
|
74
|
+
const groupLogo = "_groupLogo_1qr1i_15";
|
|
75
|
+
const groupCta = "_groupCta_1qr1i_19";
|
|
76
76
|
const styles$7 = {
|
|
77
77
|
separator,
|
|
78
78
|
groupLogo,
|
|
@@ -84,7 +84,7 @@ function Separator(props) {
|
|
|
84
84
|
className: utilities_css.classNames(styles$7.separator, styles$7[utilities_css.variationName("group", group)])
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
|
-
const logoGroup = "
|
|
87
|
+
const logoGroup = "_logoGroup_k1zcn_5";
|
|
88
88
|
const styles$6 = {
|
|
89
89
|
logoGroup
|
|
90
90
|
};
|
|
@@ -107,7 +107,7 @@ function LogoGroup(_props) {
|
|
|
107
107
|
}), selector));
|
|
108
108
|
}
|
|
109
109
|
LogoGroup.displayName = "SearchNav.LogoGroup";
|
|
110
|
-
const search = "
|
|
110
|
+
const search = "_search_11czr_5";
|
|
111
111
|
const styles$5 = {
|
|
112
112
|
search
|
|
113
113
|
};
|
|
@@ -155,10 +155,10 @@ const Help = (_a) => {
|
|
|
155
155
|
d: "M484.02-260.46q13.29 0 22.56-9.49 9.27-9.48 9.27-22.76 0-12.91-9.3-22.37-9.29-9.46-22.57-9.46-13.29 0-22.75 9.48-9.46 9.49-9.46 22.39 0 13.28 9.48 22.75 9.49 9.46 22.77 9.46ZM456.31-398h45.54q.38-24.46 7.65-44.04 7.27-19.58 37.04-44.88 29.84-26.39 42.46-49.85 12.61-23.46 12.61-51.66 0-49.42-32.34-79.88-32.35-30.46-83.65-30.46-44.39 0-78.62 22.77-34.23 22.77-50.46 59.62l41.84 16.15q11.39-26.85 32.43-41.77 21.04-14.92 51.81-14.92 36.69 0 57.3 20.04 20.62 20.03 20.62 49.42 0 21.61-12.23 40.15T513-508.92q-29.23 26-42.96 51.3-13.73 25.31-13.73 59.62Zm23.76 298q-78.22 0-147.4-29.92t-120.99-81.71q-51.81-51.79-81.75-120.94Q100-401.71 100-479.93q0-78.84 29.92-148.21t81.71-120.68q51.79-51.31 120.94-81.25Q401.71-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.22-29.92 147.4t-81.21 120.99q-51.29 51.81-120.63 81.75Q558.9-100 480.07-100Zm-.07-45.39q139.69 0 237.15-97.76 97.46-97.77 97.46-236.85 0-139.69-97.46-237.15-97.46-97.46-237.15-97.46-139.08 0-236.85 97.46-97.76 97.46-97.76 237.15 0 139.08 97.76 236.85 97.77 97.76 236.85 97.76ZM480-480Z"
|
|
156
156
|
}));
|
|
157
157
|
};
|
|
158
|
-
const ctaGroup = "
|
|
159
|
-
const ctaGroupMenu = "
|
|
160
|
-
const ctaGroupExpanded = "
|
|
161
|
-
const menuBtn$1 = "
|
|
158
|
+
const ctaGroup = "_ctaGroup_1rnc5_5";
|
|
159
|
+
const ctaGroupMenu = "_ctaGroupMenu_1rnc5_15";
|
|
160
|
+
const ctaGroupExpanded = "_ctaGroupExpanded_1rnc5_24";
|
|
161
|
+
const menuBtn$1 = "_menuBtn_1rnc5_33";
|
|
162
162
|
const styles$4 = {
|
|
163
163
|
ctaGroup,
|
|
164
164
|
ctaGroupMenu,
|
|
@@ -204,7 +204,7 @@ function CTAGroup(_props) {
|
|
|
204
204
|
}), primaryCTAItem)));
|
|
205
205
|
}
|
|
206
206
|
CTAGroup.displayName = "SearchNav.CTAGroup";
|
|
207
|
-
const logo = "
|
|
207
|
+
const logo = "_logo_1dg1c_5";
|
|
208
208
|
const styles$3 = {
|
|
209
209
|
logo
|
|
210
210
|
};
|
|
@@ -215,7 +215,7 @@ function Logo(props) {
|
|
|
215
215
|
}, children);
|
|
216
216
|
}
|
|
217
217
|
Logo.displayName = "SearchNav.Logo";
|
|
218
|
-
const cta = "
|
|
218
|
+
const cta = "_cta_1ka78_5";
|
|
219
219
|
const styles$2 = {
|
|
220
220
|
cta
|
|
221
221
|
};
|
|
@@ -230,8 +230,8 @@ function SecondaryCTAItem(props) {
|
|
|
230
230
|
}, label) : label);
|
|
231
231
|
}
|
|
232
232
|
SecondaryCTAItem.displayName = "SearchNav.SecondaryCTAItem";
|
|
233
|
-
const triggerBtn = "
|
|
234
|
-
const text = "
|
|
233
|
+
const triggerBtn = "_triggerBtn_1riol_5";
|
|
234
|
+
const text = "_text_1riol_17";
|
|
235
235
|
const styles$1 = {
|
|
236
236
|
triggerBtn,
|
|
237
237
|
text
|
|
@@ -314,12 +314,12 @@ const Search = (_a) => {
|
|
|
314
314
|
d: "M790.61-137.54 531.08-397.08q-29.85 26.42-69.61 40.71t-82.32 14.29q-101.87 0-172.43-70.51-70.56-70.52-70.56-171 0-100.49 70.51-171.06 70.51-70.58 171.22-70.58 100.7 0 171.25 70.53t70.55 171.06q0 42.02-14.38 81.83-14.39 39.81-41.62 72.12l260.15 258.54-33.23 33.61ZM378.54-387.46q81.95 0 138.86-57.12 56.91-57.11 56.91-139.07 0-81.97-56.91-139.08-56.91-57.12-138.86-57.12-82.47 0-139.74 57.12-57.26 57.11-57.26 139.08 0 81.96 57.26 139.07 57.27 57.12 139.74 57.12Z"
|
|
315
315
|
}));
|
|
316
316
|
};
|
|
317
|
-
const condensed = "
|
|
318
|
-
const btn = "
|
|
319
|
-
const menuBtn = "
|
|
320
|
-
const menuOpen = "
|
|
321
|
-
const searchBtn = "
|
|
322
|
-
const condensedSearch = "
|
|
317
|
+
const condensed = "_condensed_1uww3_5";
|
|
318
|
+
const btn = "_btn_1uww3_17";
|
|
319
|
+
const menuBtn = "_menuBtn_1uww3_23";
|
|
320
|
+
const menuOpen = "_menuOpen_1uww3_27";
|
|
321
|
+
const searchBtn = "_searchBtn_1uww3_31";
|
|
322
|
+
const condensedSearch = "_condensedSearch_1uww3_35";
|
|
323
323
|
const styles = {
|
|
324
324
|
condensed,
|
|
325
325
|
btn,
|
package/SearchNav/index.mjs
CHANGED
|
@@ -33,28 +33,28 @@ import * as React from "react";
|
|
|
33
33
|
import React__default, { createContext, useContext, Fragment, useMemo, useState } from "react";
|
|
34
34
|
import { classNames, variationName } from "../utilities/css.mjs";
|
|
35
35
|
import { getFlattenedKey, getDisplayNameFromReactNode, flattenChildren, filterChildrenByDisplayName } from "../utilities/react.mjs";
|
|
36
|
-
import { M as Menu } from "../__chunks__/Menu-
|
|
37
|
-
import { T as Text } from "../__chunks__/Text-
|
|
38
|
-
import { I as Icon } from "../__chunks__/Icon-
|
|
39
|
-
import { U as UnstyledButton } from "../__chunks__/UnstyledButton-
|
|
40
|
-
import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-
|
|
41
|
-
import { u as useTriggerWidth } from "../__chunks__/useTriggerWidth-
|
|
36
|
+
import { M as Menu } from "../__chunks__/Menu-B95QYBVQ.mjs";
|
|
37
|
+
import { T as Text } from "../__chunks__/Text-Dfn-c0km.mjs";
|
|
38
|
+
import { I as Icon } from "../__chunks__/Icon-3zFwhVjn.mjs";
|
|
39
|
+
import { U as UnstyledButton } from "../__chunks__/UnstyledButton-0v6TRjMY.mjs";
|
|
40
|
+
import { u as useInternalSelectContext, $ as $bdd25dc72710631f$export$cbd84cdb2e668835, a as $2bc3a590c5373a4e$export$5159ec8b34d4ec12, b as $58aed456727eb0f3$export$e64b2f635402ca43, I as InternalSelectContext, S as SelectOverlay, d as SelectOption } from "../__chunks__/SelectOverlay-D39ws5R2.mjs";
|
|
41
|
+
import { u as useTriggerWidth } from "../__chunks__/useTriggerWidth-B3JINZlR.mjs";
|
|
42
42
|
import { E as ExpandMore400 } from "../__chunks__/ExpandMore400-CH7GNxqk.mjs";
|
|
43
43
|
import { C as Close } from "../__chunks__/Close-Cq6Q6MN6.mjs";
|
|
44
44
|
import { M as Menu$1 } from "../__chunks__/Menu-qMqvSorL.mjs";
|
|
45
|
-
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-
|
|
46
|
-
import { B as Button } from "../__chunks__/Button-
|
|
47
|
-
const nav = "
|
|
48
|
-
const desktop = "
|
|
49
|
-
const onlyLogoGroup = "
|
|
45
|
+
import { H as HorizontalStack } from "../__chunks__/HorizontalStack-DaZakHYj.mjs";
|
|
46
|
+
import { B as Button } from "../__chunks__/Button-Dy9idhgT.mjs";
|
|
47
|
+
const nav = "_nav_id3ot_5";
|
|
48
|
+
const desktop = "_desktop_id3ot_17";
|
|
49
|
+
const onlyLogoGroup = "_onlyLogoGroup_id3ot_30";
|
|
50
50
|
const styles$8 = {
|
|
51
51
|
nav,
|
|
52
52
|
desktop,
|
|
53
53
|
onlyLogoGroup
|
|
54
54
|
};
|
|
55
|
-
const separator = "
|
|
56
|
-
const groupLogo = "
|
|
57
|
-
const groupCta = "
|
|
55
|
+
const separator = "_separator_1qr1i_5";
|
|
56
|
+
const groupLogo = "_groupLogo_1qr1i_15";
|
|
57
|
+
const groupCta = "_groupCta_1qr1i_19";
|
|
58
58
|
const styles$7 = {
|
|
59
59
|
separator,
|
|
60
60
|
groupLogo,
|
|
@@ -66,7 +66,7 @@ function Separator(props) {
|
|
|
66
66
|
className: classNames(styles$7.separator, styles$7[variationName("group", group)])
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
|
-
const logoGroup = "
|
|
69
|
+
const logoGroup = "_logoGroup_k1zcn_5";
|
|
70
70
|
const styles$6 = {
|
|
71
71
|
logoGroup
|
|
72
72
|
};
|
|
@@ -89,7 +89,7 @@ function LogoGroup(_props) {
|
|
|
89
89
|
}), selector));
|
|
90
90
|
}
|
|
91
91
|
LogoGroup.displayName = "SearchNav.LogoGroup";
|
|
92
|
-
const search = "
|
|
92
|
+
const search = "_search_11czr_5";
|
|
93
93
|
const styles$5 = {
|
|
94
94
|
search
|
|
95
95
|
};
|
|
@@ -137,10 +137,10 @@ const Help = (_a) => {
|
|
|
137
137
|
d: "M484.02-260.46q13.29 0 22.56-9.49 9.27-9.48 9.27-22.76 0-12.91-9.3-22.37-9.29-9.46-22.57-9.46-13.29 0-22.75 9.48-9.46 9.49-9.46 22.39 0 13.28 9.48 22.75 9.49 9.46 22.77 9.46ZM456.31-398h45.54q.38-24.46 7.65-44.04 7.27-19.58 37.04-44.88 29.84-26.39 42.46-49.85 12.61-23.46 12.61-51.66 0-49.42-32.34-79.88-32.35-30.46-83.65-30.46-44.39 0-78.62 22.77-34.23 22.77-50.46 59.62l41.84 16.15q11.39-26.85 32.43-41.77 21.04-14.92 51.81-14.92 36.69 0 57.3 20.04 20.62 20.03 20.62 49.42 0 21.61-12.23 40.15T513-508.92q-29.23 26-42.96 51.3-13.73 25.31-13.73 59.62Zm23.76 298q-78.22 0-147.4-29.92t-120.99-81.71q-51.81-51.79-81.75-120.94Q100-401.71 100-479.93q0-78.84 29.92-148.21t81.71-120.68q51.79-51.31 120.94-81.25Q401.71-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.22-29.92 147.4t-81.21 120.99q-51.29 51.81-120.63 81.75Q558.9-100 480.07-100Zm-.07-45.39q139.69 0 237.15-97.76 97.46-97.77 97.46-236.85 0-139.69-97.46-237.15-97.46-97.46-237.15-97.46-139.08 0-236.85 97.46-97.76 97.46-97.76 237.15 0 139.08 97.76 236.85 97.77 97.76 236.85 97.76ZM480-480Z"
|
|
138
138
|
}));
|
|
139
139
|
};
|
|
140
|
-
const ctaGroup = "
|
|
141
|
-
const ctaGroupMenu = "
|
|
142
|
-
const ctaGroupExpanded = "
|
|
143
|
-
const menuBtn$1 = "
|
|
140
|
+
const ctaGroup = "_ctaGroup_1rnc5_5";
|
|
141
|
+
const ctaGroupMenu = "_ctaGroupMenu_1rnc5_15";
|
|
142
|
+
const ctaGroupExpanded = "_ctaGroupExpanded_1rnc5_24";
|
|
143
|
+
const menuBtn$1 = "_menuBtn_1rnc5_33";
|
|
144
144
|
const styles$4 = {
|
|
145
145
|
ctaGroup,
|
|
146
146
|
ctaGroupMenu,
|
|
@@ -186,7 +186,7 @@ function CTAGroup(_props) {
|
|
|
186
186
|
}), primaryCTAItem)));
|
|
187
187
|
}
|
|
188
188
|
CTAGroup.displayName = "SearchNav.CTAGroup";
|
|
189
|
-
const logo = "
|
|
189
|
+
const logo = "_logo_1dg1c_5";
|
|
190
190
|
const styles$3 = {
|
|
191
191
|
logo
|
|
192
192
|
};
|
|
@@ -197,7 +197,7 @@ function Logo(props) {
|
|
|
197
197
|
}, children);
|
|
198
198
|
}
|
|
199
199
|
Logo.displayName = "SearchNav.Logo";
|
|
200
|
-
const cta = "
|
|
200
|
+
const cta = "_cta_1ka78_5";
|
|
201
201
|
const styles$2 = {
|
|
202
202
|
cta
|
|
203
203
|
};
|
|
@@ -212,8 +212,8 @@ function SecondaryCTAItem(props) {
|
|
|
212
212
|
}, label) : label);
|
|
213
213
|
}
|
|
214
214
|
SecondaryCTAItem.displayName = "SearchNav.SecondaryCTAItem";
|
|
215
|
-
const triggerBtn = "
|
|
216
|
-
const text = "
|
|
215
|
+
const triggerBtn = "_triggerBtn_1riol_5";
|
|
216
|
+
const text = "_text_1riol_17";
|
|
217
217
|
const styles$1 = {
|
|
218
218
|
triggerBtn,
|
|
219
219
|
text
|
|
@@ -296,12 +296,12 @@ const Search = (_a) => {
|
|
|
296
296
|
d: "M790.61-137.54 531.08-397.08q-29.85 26.42-69.61 40.71t-82.32 14.29q-101.87 0-172.43-70.51-70.56-70.52-70.56-171 0-100.49 70.51-171.06 70.51-70.58 171.22-70.58 100.7 0 171.25 70.53t70.55 171.06q0 42.02-14.38 81.83-14.39 39.81-41.62 72.12l260.15 258.54-33.23 33.61ZM378.54-387.46q81.95 0 138.86-57.12 56.91-57.11 56.91-139.07 0-81.97-56.91-139.08-56.91-57.12-138.86-57.12-82.47 0-139.74 57.12-57.26 57.11-57.26 139.08 0 81.96 57.26 139.07 57.27 57.12 139.74 57.12Z"
|
|
297
297
|
}));
|
|
298
298
|
};
|
|
299
|
-
const condensed = "
|
|
300
|
-
const btn = "
|
|
301
|
-
const menuBtn = "
|
|
302
|
-
const menuOpen = "
|
|
303
|
-
const searchBtn = "
|
|
304
|
-
const condensedSearch = "
|
|
299
|
+
const condensed = "_condensed_1uww3_5";
|
|
300
|
+
const btn = "_btn_1uww3_17";
|
|
301
|
+
const menuBtn = "_menuBtn_1uww3_23";
|
|
302
|
+
const menuOpen = "_menuOpen_1uww3_27";
|
|
303
|
+
const searchBtn = "_searchBtn_1uww3_31";
|
|
304
|
+
const condensedSearch = "_condensedSearch_1uww3_35";
|
|
305
305
|
const styles = {
|
|
306
306
|
condensed,
|
|
307
307
|
btn,
|