@sanity/ui 4.2.0 → 5.0.0-alpha.10
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 +194 -28
- package/bin/sanity-ui.js +14 -0
- package/dist/_chunks-es/LazyRefractor.js +20 -0
- package/dist/_chunks-es/LazyRefractor.js.map +1 -0
- package/dist/cli/checks.js +148 -0
- package/dist/cli/config.js +23 -0
- package/dist/cli/detect.js +181 -0
- package/dist/cli/doctor.js +49 -0
- package/dist/cli/index.js +69 -0
- package/dist/cli/init.js +189 -0
- package/dist/cli/install.js +79 -0
- package/dist/cli/log.js +66 -0
- package/dist/cli/selfPackage.js +11 -0
- package/dist/cli/styles.js +185 -0
- package/dist/cli/test-utils.js +8 -0
- package/dist/cli/tsconfig.js +236 -0
- package/dist/cli/types.js +1 -0
- package/dist/cli/versions.js +45 -0
- package/dist/index.d.ts +1203 -1469
- package/dist/index.js +2123 -1989
- package/dist/index.js.map +1 -1
- package/dist/polyfills.d.ts +1 -0
- package/dist/polyfills.js +5 -0
- package/dist/polyfills.js.map +1 -0
- package/dist/styles.css +1 -547
- package/package.json +57 -58
- package/src/cli/checks.test.ts +38 -0
- package/src/cli/checks.ts +200 -0
- package/src/cli/config.ts +44 -0
- package/src/cli/detect.test.ts +191 -0
- package/src/cli/detect.ts +205 -0
- package/src/cli/doctor.test.ts +52 -0
- package/src/cli/doctor.ts +65 -0
- package/src/cli/index.ts +77 -0
- package/src/cli/init.ts +225 -0
- package/src/cli/install.test.ts +52 -0
- package/src/cli/install.ts +108 -0
- package/src/cli/log.ts +79 -0
- package/src/cli/selfPackage.ts +14 -0
- package/src/cli/styles.test.ts +130 -0
- package/src/cli/styles.ts +205 -0
- package/src/cli/test-utils.ts +10 -0
- package/src/cli/tsconfig.test.ts +174 -0
- package/src/cli/tsconfig.ts +282 -0
- package/src/cli/types.ts +77 -0
- package/src/cli/versions.test.ts +35 -0
- package/src/cli/versions.ts +41 -0
- package/src/components/badge/Badge.tsx +53 -0
- package/src/components/badge/badge.css +6 -0
- package/src/components/badge/badge.props.ts +31 -0
- package/src/components/box/Box.tsx +30 -0
- package/src/components/box/box.css +4 -0
- package/src/components/box/box.props.ts +29 -0
- package/src/components/button/Button.tsx +78 -0
- package/src/components/button/button.css +72 -0
- package/src/components/button/button.props.ts +122 -0
- package/src/components/card/Card.tsx +31 -0
- package/src/components/card/card.css +4 -0
- package/src/components/card/card.props.ts +58 -0
- package/src/components/checkbox/Checkbox.tsx +64 -0
- package/src/components/checkbox/checkbox.css +100 -0
- package/src/components/checkbox/checkbox.props.ts +33 -0
- package/src/components/code/Code.tsx +38 -0
- package/src/components/code/LazyRefractor.tsx +9 -0
- package/src/components/code/code.css +40 -0
- package/src/components/code/code.props.ts +44 -0
- package/src/components/container/Container.tsx +30 -0
- package/src/components/container/container.css +4 -0
- package/src/components/container/container.props.ts +28 -0
- package/src/components/dialog/Dialog.tsx +139 -0
- package/src/components/dialog/dialog.css +49 -0
- package/src/components/dialog/dialog.props.ts +45 -0
- package/src/components/divider/Divider.tsx +23 -0
- package/src/components/divider/divider.props.ts +9 -0
- package/src/components/eyebrow/Eyebrow.tsx +54 -0
- package/src/components/eyebrow/eyebrow.css +11 -0
- package/src/components/eyebrow/eyebrow.props.ts +28 -0
- package/src/components/flex/Flex.tsx +30 -0
- package/src/components/flex/flex.css +4 -0
- package/src/components/flex/flex.props.ts +33 -0
- package/src/components/grid/Grid.tsx +30 -0
- package/src/components/grid/grid.css +4 -0
- package/src/components/grid/grid.props.ts +33 -0
- package/src/components/h-stack/HStack.tsx +34 -0
- package/src/components/h-stack/hStack.props.ts +17 -0
- package/src/components/heading/Heading.tsx +54 -0
- package/src/components/heading/heading.css +9 -0
- package/src/components/heading/heading.props.ts +31 -0
- package/src/components/icon/Icon.tsx +24 -0
- package/src/components/icon/icon.css +17 -0
- package/src/components/icon/icon.props.ts +35 -0
- package/src/components/icon-button/IconButton.tsx +32 -0
- package/src/components/icon-button/iconButton.props.ts +31 -0
- package/src/components/index.css +28 -0
- package/src/components/indicator/Indicator.tsx +42 -0
- package/src/components/indicator/indicator.css +4 -0
- package/src/components/indicator/indicator.props.ts +24 -0
- package/src/components/indicator-stack/IndicatorStack.tsx +31 -0
- package/src/components/indicator-stack/indicator-stack.css +7 -0
- package/src/components/indicator-stack/indicatorStack.props.ts +15 -0
- package/src/components/inline/Inline.tsx +38 -0
- package/src/components/inline/inline.css +4 -0
- package/src/components/inline/inline.props.ts +100 -0
- package/src/components/label/Label.tsx +34 -0
- package/src/components/label/label.css +3 -0
- package/src/components/label/label.props.ts +25 -0
- package/src/components/link/Link.tsx +29 -0
- package/src/components/link/link.css +12 -0
- package/src/components/link/link.props.ts +23 -0
- package/src/components/list/List.tsx +167 -0
- package/src/components/list/list.css +25 -0
- package/src/components/list/list.props.ts +130 -0
- package/src/components/popover/Popover.tsx +85 -0
- package/src/components/popover/popover.css +21 -0
- package/src/components/popover/popover.props.ts +38 -0
- package/src/components/press-area/PressArea.tsx +29 -0
- package/src/components/press-area/press-area.css +22 -0
- package/src/components/press-area/pressArea.props.ts +16 -0
- package/src/components/radio/Radio.tsx +48 -0
- package/src/components/radio/radio.css +97 -0
- package/src/components/radio/radio.props.ts +25 -0
- package/src/components/skip-to-content/SkipToContent.tsx +35 -0
- package/src/components/skip-to-content/skip-to-content.css +9 -0
- package/src/components/skip-to-content/skipToContent.props.ts +25 -0
- package/src/components/spinner/Spinner.tsx +28 -0
- package/src/components/spinner/spinner.css +10 -0
- package/src/components/spinner/spinner.props.ts +19 -0
- package/src/components/switch/Switch.tsx +48 -0
- package/src/components/switch/switch.css +119 -0
- package/src/components/switch/switch.props.ts +25 -0
- package/src/components/text/Text.tsx +53 -0
- package/src/components/text/text.css +9 -0
- package/src/components/text/text.props.ts +28 -0
- package/src/components/tooltip/Tooltip.tsx +97 -0
- package/src/components/tooltip/tooltip.css +31 -0
- package/src/components/tooltip/tooltip.props.ts +36 -0
- package/src/components/tooltip-group/TooltipGroup.tsx +64 -0
- package/src/components/tooltip-group/tooltipGroup.props.ts +15 -0
- package/src/components/v-stack/VStack.tsx +32 -0
- package/src/components/v-stack/vStack.props.ts +17 -0
- package/src/components/visually-hidden/VisuallyHidden.tsx +29 -0
- package/src/components/visually-hidden/visually-hidden.css +9 -0
- package/src/components/visually-hidden/visuallyHidden.props.ts +23 -0
- package/src/css/classes/dynamic/flex-child.css +5 -0
- package/src/css/classes/dynamic/grid-child.css +8 -0
- package/src/css/classes/dynamic/grid-parent.css +6 -0
- package/src/css/classes/dynamic/height.css +5 -0
- package/src/css/classes/dynamic/index.css +7 -0
- package/src/css/classes/dynamic/line-clamp.css +5 -0
- package/src/css/classes/dynamic/readme.md +3 -0
- package/src/css/classes/dynamic/width.css +7 -0
- package/src/css/classes/dynamic/z-index.css +3 -0
- package/src/css/classes/generic/display.css +10 -0
- package/src/css/classes/generic/flex.css +24 -0
- package/src/css/classes/generic/grid.css +7 -0
- package/src/css/classes/generic/index.css +7 -0
- package/src/css/classes/generic/overflow.css +19 -0
- package/src/css/classes/generic/placement.css +202 -0
- package/src/css/classes/generic/position.css +7 -0
- package/src/css/classes/generic/readme.md +3 -0
- package/src/css/classes/generic/text-align.css +5 -0
- package/src/css/classes/index.css +4 -0
- package/src/css/classes/local/animation.css +4 -0
- package/src/css/classes/local/border.css +20 -0
- package/src/css/classes/local/index.css +6 -0
- package/src/css/classes/local/readme.md +3 -0
- package/src/css/classes/local/text-overflow.css +5 -0
- package/src/css/classes/local/text-trim.css +45 -0
- package/src/css/classes/local/tone.css +75 -0
- package/src/css/classes/local/top-anchor.css +4 -0
- package/src/css/classes/system/color.css +223 -0
- package/src/css/classes/system/container.css +8 -0
- package/src/css/classes/system/font-family.css +2 -0
- package/src/css/classes/system/font-weight.css +4 -0
- package/src/css/classes/system/gap.css +37 -0
- package/src/css/classes/system/index.css +10 -0
- package/src/css/classes/system/inset.css +56 -0
- package/src/css/classes/system/margin.css +148 -0
- package/src/css/classes/system/padding.css +78 -0
- package/src/css/classes/system/radius.css +10 -0
- package/src/css/classes/system/readme.md +3 -0
- package/src/css/classes/system/shadow.css +6 -0
- package/src/css/classes/system/typography.css +31 -0
- package/src/css/global/font-face.css +20 -0
- package/src/css/global/index.css +2 -0
- package/src/css/global/reset.css +76 -0
- package/src/css/tokens/index.css +3 -0
- package/src/css/tokens/opacity.css +6 -0
- package/src/css/tokens/semantic.css +25 -0
- package/src/css/tokens/surface.css +27 -0
- package/src/hooks/useIsClient.ts +10 -0
- package/src/index.css +18 -0
- package/src/index.ts +65 -0
- package/src/polyfills.ts +15 -0
- package/src/props/border.ts +51 -0
- package/src/props/flexChild.ts +29 -0
- package/src/props/flexParent.ts +47 -0
- package/src/props/gap.ts +31 -0
- package/src/props/gridChild.ts +50 -0
- package/src/props/gridParent.ts +45 -0
- package/src/props/height.ts +29 -0
- package/src/props/layout.ts +44 -0
- package/src/props/margin.ts +59 -0
- package/src/props/overflow.ts +30 -0
- package/src/props/padding.ts +59 -0
- package/src/props/placement.ts +16 -0
- package/src/props/position.ts +52 -0
- package/src/props/shadow.ts +15 -0
- package/src/props/tone.ts +15 -0
- package/src/props/typography.ts +62 -0
- package/src/props/width.ts +29 -0
- package/src/props/zIndex.ts +15 -0
- package/src/styles.css.d.ts +1 -0
- package/src/styles.css.node.js +2 -0
- package/src/styles.css.test.ts +24 -0
- package/src/types/Button.ts +8 -0
- package/src/types/Code.ts +6 -0
- package/src/types/Container.ts +3 -0
- package/src/types/Density.ts +3 -0
- package/src/types/Display.ts +11 -0
- package/src/types/Eyebrow.ts +3 -0
- package/src/types/Flex.ts +22 -0
- package/src/types/FontWeight.ts +3 -0
- package/src/types/Grid.ts +3 -0
- package/src/types/Heading.ts +6 -0
- package/src/types/Icon.ts +3 -0
- package/src/types/Interactive.ts +8 -0
- package/src/types/List.ts +2 -0
- package/src/types/Overflow.ts +3 -0
- package/src/types/Placement.ts +16 -0
- package/src/types/Position.ts +3 -0
- package/src/types/PropDef.ts +73 -0
- package/src/types/Radius.ts +3 -0
- package/src/types/Responsive.ts +10 -0
- package/src/types/Shadow.ts +3 -0
- package/src/types/Space.ts +15 -0
- package/src/types/Text.ts +3 -0
- package/src/types/TextAlign.ts +3 -0
- package/src/types/Tone.ts +3 -0
- package/src/utils/getProps.test.ts +156 -0
- package/src/utils/getProps.ts +156 -0
- package/src/utils/mergeTriggerProps.ts +66 -0
- package/src/utils/renderPortal.tsx +14 -0
- package/src/utils/suffixClassName.ts +5 -0
- package/src/version.ts +3 -0
- package/LICENSE +0 -21
- package/dist/_system-CTe2lb5l.d.ts +0 -40
- package/dist/_system-CTe2lb5l.d.ts.map +0 -1
- package/dist/arrow-BmX6qbAS.js +0 -170
- package/dist/arrow-BmX6qbAS.js.map +0 -1
- package/dist/autocomplete.d.ts +0 -140
- package/dist/autocomplete.d.ts.map +0 -1
- package/dist/autocomplete.js +0 -470
- package/dist/autocomplete.js.map +0 -1
- package/dist/breadcrumbs.d.ts +0 -18
- package/dist/breadcrumbs.d.ts.map +0 -1
- package/dist/breadcrumbs.js +0 -119
- package/dist/breadcrumbs.js.map +0 -1
- package/dist/button-BNyKSDyA.js +0 -180
- package/dist/button-BNyKSDyA.js.map +0 -1
- package/dist/button-dnqMFkWg.d.ts +0 -76
- package/dist/button-dnqMFkWg.d.ts.map +0 -1
- package/dist/card-C0a0wQTc.d.ts +0 -7
- package/dist/card-C0a0wQTc.d.ts.map +0 -1
- package/dist/code.d.ts +0 -20
- package/dist/code.d.ts.map +0 -1
- package/dist/code.js +0 -90
- package/dist/code.js.map +0 -1
- package/dist/codeFontStyle-84SMhFtI.js +0 -11
- package/dist/codeFontStyle-84SMhFtI.js.map +0 -1
- package/dist/component-DVlwaWB-.d.ts +0 -25
- package/dist/component-DVlwaWB-.d.ts.map +0 -1
- package/dist/element-BYgCE_iK.js +0 -51
- package/dist/element-BYgCE_iK.js.map +0 -1
- package/dist/factory-BzXTX8_Q.js +0 -3056
- package/dist/factory-BzXTX8_Q.js.map +0 -1
- package/dist/flex-DmbDG2ks.js +0 -76
- package/dist/flex-DmbDG2ks.js.map +0 -1
- package/dist/font-EtfxKPUz.d.ts +0 -49
- package/dist/font-EtfxKPUz.d.ts.map +0 -1
- package/dist/getElementRef-Jw7gY0eV.js +0 -102
- package/dist/getElementRef-Jw7gY0eV.js.map +0 -1
- package/dist/getScopedTheme-C-sZsyAz.js +0 -267
- package/dist/getScopedTheme-C-sZsyAz.js.map +0 -1
- package/dist/getTheme_v2-y09KqtEb.js +0 -487
- package/dist/getTheme_v2-y09KqtEb.js.map +0 -1
- package/dist/grid-6JSgMj1O.js +0 -115
- package/dist/grid-6JSgMj1O.js.map +0 -1
- package/dist/helpers-C8xxXAQC.js +0 -63
- package/dist/helpers-C8xxXAQC.js.map +0 -1
- package/dist/hotkeys-CaHsQlsO.js +0 -168
- package/dist/hotkeys-CaHsQlsO.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/layer-Bl5R3uNR.js +0 -61
- package/dist/layer-Bl5R3uNR.js.map +0 -1
- package/dist/layer-ChlP9Ik6.d.ts +0 -242
- package/dist/layer-ChlP9Ik6.d.ts.map +0 -1
- package/dist/menu.d.ts +0 -146
- package/dist/menu.d.ts.map +0 -1
- package/dist/menu.js +0 -626
- package/dist/menu.js.map +0 -1
- package/dist/popover-B7-28L8y.js +0 -408
- package/dist/popover-B7-28L8y.js.map +0 -1
- package/dist/popover-CMlQeKn0.d.ts +0 -96
- package/dist/popover-CMlQeKn0.d.ts.map +0 -1
- package/dist/popover.d.ts +0 -2
- package/dist/popover.js +0 -3
- package/dist/refractor-CC48DwHi.js +0 -20
- package/dist/refractor-CC48DwHi.js.map +0 -1
- package/dist/responsiveFont-CilwaORG.js +0 -55
- package/dist/responsiveFont-CilwaORG.js.map +0 -1
- package/dist/rgba-BSYaEUW6.d.ts +0 -846
- package/dist/rgba-BSYaEUW6.d.ts.map +0 -1
- package/dist/selectable-B0GUIL74.d.ts +0 -7
- package/dist/selectable-B0GUIL74.d.ts.map +0 -1
- package/dist/stack-rsNFPq2-.js +0 -112
- package/dist/stack-rsNFPq2-.js.map +0 -1
- package/dist/styles-css.d.ts +0 -2
- package/dist/styles-css.js +0 -4
- package/dist/textInput-pSfQjkmx.js +0 -313
- package/dist/textInput-pSfQjkmx.js.map +0 -1
- package/dist/theme.d.ts +0 -280
- package/dist/theme.d.ts.map +0 -1
- package/dist/theme.js +0 -55
- package/dist/theme.js.map +0 -1
- package/dist/toast.d.ts +0 -73
- package/dist/toast.d.ts.map +0 -1
- package/dist/toast.js +0 -302
- package/dist/toast.js.map +0 -1
- package/dist/tooltip.d.ts +0 -88
- package/dist/tooltip.d.ts.map +0 -1
- package/dist/tooltip.js +0 -435
- package/dist/tooltip.js.map +0 -1
- package/dist/useClickOutsideEvent-wGLGWBZN.js +0 -36
- package/dist/useClickOutsideEvent-wGLGWBZN.js.map +0 -1
- package/dist/useElementSize-BJvbGHq8.js +0 -51
- package/dist/useElementSize-BJvbGHq8.js.map +0 -1
- package/dist/useLayer-D1usxIE0.js +0 -712
- package/dist/useLayer-D1usxIE0.js.map +0 -1
|
@@ -1,487 +0,0 @@
|
|
|
1
|
-
const defaultThemeConfig = {
|
|
2
|
-
_version: 2,
|
|
3
|
-
avatar: {
|
|
4
|
-
sizes: [
|
|
5
|
-
{
|
|
6
|
-
distance: -4,
|
|
7
|
-
size: 19
|
|
8
|
-
},
|
|
9
|
-
{
|
|
10
|
-
distance: -4,
|
|
11
|
-
size: 25
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
distance: -8,
|
|
15
|
-
size: 33
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
distance: -12,
|
|
19
|
-
size: 49
|
|
20
|
-
}
|
|
21
|
-
],
|
|
22
|
-
focusRing: {
|
|
23
|
-
offset: 1,
|
|
24
|
-
width: 1
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
button: {
|
|
28
|
-
textWeight: "medium",
|
|
29
|
-
border: { width: 1 },
|
|
30
|
-
focusRing: {
|
|
31
|
-
offset: -1,
|
|
32
|
-
width: 1
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
card: {
|
|
36
|
-
border: { width: 1 },
|
|
37
|
-
focusRing: {
|
|
38
|
-
offset: -1,
|
|
39
|
-
width: 1
|
|
40
|
-
},
|
|
41
|
-
shadow: { outline: .5 }
|
|
42
|
-
},
|
|
43
|
-
container: [
|
|
44
|
-
320,
|
|
45
|
-
640,
|
|
46
|
-
960,
|
|
47
|
-
1280,
|
|
48
|
-
1600,
|
|
49
|
-
1920
|
|
50
|
-
],
|
|
51
|
-
media: [
|
|
52
|
-
360,
|
|
53
|
-
600,
|
|
54
|
-
900,
|
|
55
|
-
1200,
|
|
56
|
-
1800,
|
|
57
|
-
2400
|
|
58
|
-
],
|
|
59
|
-
layer: {
|
|
60
|
-
dialog: { zOffset: 600 },
|
|
61
|
-
popover: { zOffset: 400 },
|
|
62
|
-
tooltip: { zOffset: 200 }
|
|
63
|
-
},
|
|
64
|
-
radius: [
|
|
65
|
-
0,
|
|
66
|
-
1,
|
|
67
|
-
3,
|
|
68
|
-
6,
|
|
69
|
-
9,
|
|
70
|
-
12,
|
|
71
|
-
21
|
|
72
|
-
],
|
|
73
|
-
shadow: [
|
|
74
|
-
null,
|
|
75
|
-
{
|
|
76
|
-
umbra: [
|
|
77
|
-
0,
|
|
78
|
-
0,
|
|
79
|
-
0,
|
|
80
|
-
0
|
|
81
|
-
],
|
|
82
|
-
penumbra: [
|
|
83
|
-
0,
|
|
84
|
-
0,
|
|
85
|
-
0,
|
|
86
|
-
0
|
|
87
|
-
],
|
|
88
|
-
ambient: [
|
|
89
|
-
0,
|
|
90
|
-
0,
|
|
91
|
-
0,
|
|
92
|
-
0
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
umbra: [
|
|
97
|
-
0,
|
|
98
|
-
3,
|
|
99
|
-
5,
|
|
100
|
-
-2
|
|
101
|
-
],
|
|
102
|
-
penumbra: [
|
|
103
|
-
0,
|
|
104
|
-
6,
|
|
105
|
-
10,
|
|
106
|
-
0
|
|
107
|
-
],
|
|
108
|
-
ambient: [
|
|
109
|
-
0,
|
|
110
|
-
1,
|
|
111
|
-
18,
|
|
112
|
-
1
|
|
113
|
-
]
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
umbra: [
|
|
117
|
-
0,
|
|
118
|
-
7,
|
|
119
|
-
8,
|
|
120
|
-
-4
|
|
121
|
-
],
|
|
122
|
-
penumbra: [
|
|
123
|
-
0,
|
|
124
|
-
12,
|
|
125
|
-
17,
|
|
126
|
-
2
|
|
127
|
-
],
|
|
128
|
-
ambient: [
|
|
129
|
-
0,
|
|
130
|
-
5,
|
|
131
|
-
22,
|
|
132
|
-
4
|
|
133
|
-
]
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
umbra: [
|
|
137
|
-
0,
|
|
138
|
-
9,
|
|
139
|
-
11,
|
|
140
|
-
-5
|
|
141
|
-
],
|
|
142
|
-
penumbra: [
|
|
143
|
-
0,
|
|
144
|
-
18,
|
|
145
|
-
28,
|
|
146
|
-
2
|
|
147
|
-
],
|
|
148
|
-
ambient: [
|
|
149
|
-
0,
|
|
150
|
-
7,
|
|
151
|
-
34,
|
|
152
|
-
6
|
|
153
|
-
]
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
umbra: [
|
|
157
|
-
0,
|
|
158
|
-
11,
|
|
159
|
-
15,
|
|
160
|
-
-7
|
|
161
|
-
],
|
|
162
|
-
penumbra: [
|
|
163
|
-
0,
|
|
164
|
-
24,
|
|
165
|
-
38,
|
|
166
|
-
3
|
|
167
|
-
],
|
|
168
|
-
ambient: [
|
|
169
|
-
0,
|
|
170
|
-
9,
|
|
171
|
-
46,
|
|
172
|
-
8
|
|
173
|
-
]
|
|
174
|
-
}
|
|
175
|
-
],
|
|
176
|
-
space: [
|
|
177
|
-
0,
|
|
178
|
-
4,
|
|
179
|
-
8,
|
|
180
|
-
12,
|
|
181
|
-
20,
|
|
182
|
-
32,
|
|
183
|
-
52,
|
|
184
|
-
84,
|
|
185
|
-
136,
|
|
186
|
-
220
|
|
187
|
-
],
|
|
188
|
-
input: {
|
|
189
|
-
border: { width: 1 },
|
|
190
|
-
checkbox: {
|
|
191
|
-
size: 17,
|
|
192
|
-
focusRing: {
|
|
193
|
-
offset: -1,
|
|
194
|
-
width: 1
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
radio: {
|
|
198
|
-
size: 17,
|
|
199
|
-
markSize: 9,
|
|
200
|
-
focusRing: {
|
|
201
|
-
offset: -1,
|
|
202
|
-
width: 1
|
|
203
|
-
}
|
|
204
|
-
},
|
|
205
|
-
switch: {
|
|
206
|
-
width: 25,
|
|
207
|
-
height: 17,
|
|
208
|
-
padding: 5,
|
|
209
|
-
transitionDurationMs: 150,
|
|
210
|
-
transitionTimingFunction: "ease-out",
|
|
211
|
-
focusRing: {
|
|
212
|
-
offset: 1,
|
|
213
|
-
width: 1
|
|
214
|
-
}
|
|
215
|
-
},
|
|
216
|
-
select: { focusRing: {
|
|
217
|
-
offset: -1,
|
|
218
|
-
width: 1
|
|
219
|
-
} },
|
|
220
|
-
text: { focusRing: {
|
|
221
|
-
offset: -1,
|
|
222
|
-
width: 1
|
|
223
|
-
} }
|
|
224
|
-
},
|
|
225
|
-
style: { button: { root: { transition: "background-color 100ms,border-color 100ms,color 100ms" } } }
|
|
226
|
-
}, cache$1 = /* @__PURE__ */ new WeakMap();
|
|
227
|
-
/** @internal */
|
|
228
|
-
function themeColor_v0_v2(color_v0) {
|
|
229
|
-
let cached_v2 = cache$1.get(color_v0);
|
|
230
|
-
if (cached_v2) return cached_v2;
|
|
231
|
-
let base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled), color_v2 = {
|
|
232
|
-
_blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
|
|
233
|
-
_dark: color_v0.dark,
|
|
234
|
-
accent: base.accent,
|
|
235
|
-
avatar: base.avatar,
|
|
236
|
-
backdrop: color_v0.base.shadow.ambient,
|
|
237
|
-
badge: base.badge,
|
|
238
|
-
bg: color_v0.base.bg,
|
|
239
|
-
border: color_v0.base.border,
|
|
240
|
-
button: {
|
|
241
|
-
default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
|
|
242
|
-
ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
|
|
243
|
-
bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed)
|
|
244
|
-
},
|
|
245
|
-
code: base.code,
|
|
246
|
-
fg: color_v0.base.fg,
|
|
247
|
-
focusRing: color_v0.base.focusRing,
|
|
248
|
-
icon: base.muted.fg,
|
|
249
|
-
input: {
|
|
250
|
-
default: inputStatesThemeColor_v0_v2(color_v0.input.default),
|
|
251
|
-
invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid)
|
|
252
|
-
},
|
|
253
|
-
kbd: base.kbd,
|
|
254
|
-
link: base.link,
|
|
255
|
-
muted: {
|
|
256
|
-
...base.muted,
|
|
257
|
-
bg: color_v0.selectable?.default.enabled.bg2 || color_v0.base.bg
|
|
258
|
-
},
|
|
259
|
-
selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
|
|
260
|
-
shadow: color_v0.base.shadow,
|
|
261
|
-
skeleton: {
|
|
262
|
-
from: color_v0.skeleton?.from || color_v0.base.border,
|
|
263
|
-
to: color_v0.skeleton?.to || color_v0.base.border
|
|
264
|
-
},
|
|
265
|
-
syntax: color_v0.syntax
|
|
266
|
-
};
|
|
267
|
-
return cache$1.set(color_v0, color_v2), color_v2;
|
|
268
|
-
}
|
|
269
|
-
function stateTonesThemeColor_v0_v2(v0, t) {
|
|
270
|
-
return {
|
|
271
|
-
default: {
|
|
272
|
-
enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
|
|
273
|
-
hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
|
|
274
|
-
pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
|
|
275
|
-
selected: stateThemeColor_v0_v2(v0, t.default.selected),
|
|
276
|
-
disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
|
|
277
|
-
},
|
|
278
|
-
neutral: {
|
|
279
|
-
enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
|
|
280
|
-
hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
|
|
281
|
-
pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
|
|
282
|
-
selected: stateThemeColor_v0_v2(v0, t.default.selected),
|
|
283
|
-
disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
|
|
284
|
-
},
|
|
285
|
-
primary: {
|
|
286
|
-
enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
|
|
287
|
-
hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
|
|
288
|
-
pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
|
|
289
|
-
selected: stateThemeColor_v0_v2(v0, t.primary.selected),
|
|
290
|
-
disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
|
|
291
|
-
},
|
|
292
|
-
suggest: {
|
|
293
|
-
enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
|
|
294
|
-
hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
|
|
295
|
-
pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
|
|
296
|
-
selected: stateThemeColor_v0_v2(v0, t.primary.selected),
|
|
297
|
-
disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
|
|
298
|
-
},
|
|
299
|
-
positive: {
|
|
300
|
-
enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
|
|
301
|
-
hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
|
|
302
|
-
pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
|
|
303
|
-
selected: stateThemeColor_v0_v2(v0, t.positive.selected),
|
|
304
|
-
disabled: stateThemeColor_v0_v2(v0, t.positive.disabled)
|
|
305
|
-
},
|
|
306
|
-
caution: {
|
|
307
|
-
enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
|
|
308
|
-
hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
|
|
309
|
-
pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
|
|
310
|
-
selected: stateThemeColor_v0_v2(v0, t.caution.selected),
|
|
311
|
-
disabled: stateThemeColor_v0_v2(v0, t.caution.disabled)
|
|
312
|
-
},
|
|
313
|
-
critical: {
|
|
314
|
-
enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
|
|
315
|
-
hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
|
|
316
|
-
pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
|
|
317
|
-
selected: stateThemeColor_v0_v2(v0, t.critical.selected),
|
|
318
|
-
disabled: stateThemeColor_v0_v2(v0, t.critical.disabled)
|
|
319
|
-
}
|
|
320
|
-
};
|
|
321
|
-
}
|
|
322
|
-
function stateThemeColor_v0_v2(v0, state) {
|
|
323
|
-
return {
|
|
324
|
-
...state,
|
|
325
|
-
avatar: {
|
|
326
|
-
gray: {
|
|
327
|
-
bg: v0.spot.gray,
|
|
328
|
-
fg: v0.base.bg
|
|
329
|
-
},
|
|
330
|
-
blue: {
|
|
331
|
-
bg: v0.spot.blue,
|
|
332
|
-
fg: v0.base.bg
|
|
333
|
-
},
|
|
334
|
-
purple: {
|
|
335
|
-
bg: v0.spot.purple,
|
|
336
|
-
fg: v0.base.bg
|
|
337
|
-
},
|
|
338
|
-
magenta: {
|
|
339
|
-
bg: v0.spot.magenta,
|
|
340
|
-
fg: v0.base.bg
|
|
341
|
-
},
|
|
342
|
-
red: {
|
|
343
|
-
bg: v0.spot.red,
|
|
344
|
-
fg: v0.base.bg
|
|
345
|
-
},
|
|
346
|
-
orange: {
|
|
347
|
-
bg: v0.spot.orange,
|
|
348
|
-
fg: v0.base.bg
|
|
349
|
-
},
|
|
350
|
-
yellow: {
|
|
351
|
-
bg: v0.spot.yellow,
|
|
352
|
-
fg: v0.base.bg
|
|
353
|
-
},
|
|
354
|
-
green: {
|
|
355
|
-
bg: v0.spot.green,
|
|
356
|
-
fg: v0.base.bg
|
|
357
|
-
},
|
|
358
|
-
cyan: {
|
|
359
|
-
bg: v0.spot.cyan,
|
|
360
|
-
fg: v0.base.bg
|
|
361
|
-
}
|
|
362
|
-
},
|
|
363
|
-
badge: {
|
|
364
|
-
default: {
|
|
365
|
-
bg: v0.muted.default.enabled.bg,
|
|
366
|
-
fg: v0.muted.default.enabled.fg,
|
|
367
|
-
dot: v0.muted.default.enabled.muted.fg,
|
|
368
|
-
icon: v0.muted.default.enabled.muted.fg
|
|
369
|
-
},
|
|
370
|
-
neutral: {
|
|
371
|
-
bg: v0.muted.transparent.enabled.bg,
|
|
372
|
-
fg: v0.muted.transparent.enabled.fg,
|
|
373
|
-
dot: v0.muted.transparent.enabled.muted.fg,
|
|
374
|
-
icon: v0.muted.transparent.enabled.muted.fg
|
|
375
|
-
},
|
|
376
|
-
primary: {
|
|
377
|
-
bg: v0.muted.primary.enabled.bg,
|
|
378
|
-
fg: v0.muted.primary.enabled.fg,
|
|
379
|
-
dot: v0.muted.primary.enabled.muted.fg,
|
|
380
|
-
icon: v0.muted.primary.enabled.muted.fg
|
|
381
|
-
},
|
|
382
|
-
suggest: {
|
|
383
|
-
bg: v0.muted.primary.enabled.bg,
|
|
384
|
-
fg: v0.muted.primary.enabled.fg,
|
|
385
|
-
dot: v0.muted.primary.enabled.muted.fg,
|
|
386
|
-
icon: v0.muted.primary.enabled.muted.fg
|
|
387
|
-
},
|
|
388
|
-
positive: {
|
|
389
|
-
bg: v0.muted.positive.enabled.bg,
|
|
390
|
-
fg: v0.muted.positive.enabled.fg,
|
|
391
|
-
dot: v0.muted.positive.enabled.muted.fg,
|
|
392
|
-
icon: v0.muted.positive.enabled.muted.fg
|
|
393
|
-
},
|
|
394
|
-
caution: {
|
|
395
|
-
bg: v0.muted.caution.enabled.bg,
|
|
396
|
-
fg: v0.muted.caution.enabled.fg,
|
|
397
|
-
dot: v0.muted.caution.enabled.muted.fg,
|
|
398
|
-
icon: v0.muted.caution.enabled.muted.fg
|
|
399
|
-
},
|
|
400
|
-
critical: {
|
|
401
|
-
bg: v0.muted.critical.enabled.bg,
|
|
402
|
-
fg: v0.muted.critical.enabled.fg,
|
|
403
|
-
dot: v0.muted.critical.enabled.muted.fg,
|
|
404
|
-
icon: v0.muted.critical.enabled.muted.fg
|
|
405
|
-
}
|
|
406
|
-
},
|
|
407
|
-
kbd: {
|
|
408
|
-
bg: v0.muted.default.enabled.bg,
|
|
409
|
-
fg: v0.muted.default.enabled.fg,
|
|
410
|
-
border: v0.muted.default.enabled.border
|
|
411
|
-
},
|
|
412
|
-
muted: {
|
|
413
|
-
...v0.muted.default.enabled.muted,
|
|
414
|
-
bg: state.bg2 || state.bg
|
|
415
|
-
},
|
|
416
|
-
skeleton: {
|
|
417
|
-
from: state.skeleton?.from || state.border,
|
|
418
|
-
to: state.skeleton?.to || state.border
|
|
419
|
-
}
|
|
420
|
-
};
|
|
421
|
-
}
|
|
422
|
-
function inputStatesThemeColor_v0_v2(states) {
|
|
423
|
-
return {
|
|
424
|
-
enabled: inputStateThemeColor_v0_v2(states.enabled),
|
|
425
|
-
disabled: inputStateThemeColor_v0_v2(states.disabled),
|
|
426
|
-
readOnly: inputStateThemeColor_v0_v2(states.readOnly),
|
|
427
|
-
hovered: inputStateThemeColor_v0_v2(states.hovered)
|
|
428
|
-
};
|
|
429
|
-
}
|
|
430
|
-
function inputStateThemeColor_v0_v2(state) {
|
|
431
|
-
return {
|
|
432
|
-
bg: state.bg,
|
|
433
|
-
border: state.border,
|
|
434
|
-
fg: state.fg,
|
|
435
|
-
muted: { bg: state.bg2 },
|
|
436
|
-
placeholder: state.placeholder
|
|
437
|
-
};
|
|
438
|
-
}
|
|
439
|
-
const cache = /* @__PURE__ */ new WeakMap();
|
|
440
|
-
/** @public */
|
|
441
|
-
function getTheme_v2(theme) {
|
|
442
|
-
if (theme.sanity.v2?._resolved) return theme.sanity.v2;
|
|
443
|
-
let cached_v2 = cache.get(theme);
|
|
444
|
-
if (cached_v2) return cached_v2;
|
|
445
|
-
let v2 = {
|
|
446
|
-
_version: 2,
|
|
447
|
-
_resolved: !0,
|
|
448
|
-
avatar: {
|
|
449
|
-
...defaultThemeConfig.avatar,
|
|
450
|
-
...theme.sanity.avatar
|
|
451
|
-
},
|
|
452
|
-
button: {
|
|
453
|
-
...defaultThemeConfig.button,
|
|
454
|
-
...theme.sanity.button
|
|
455
|
-
},
|
|
456
|
-
card: defaultThemeConfig.card,
|
|
457
|
-
color: themeColor_v0_v2(theme.sanity.color),
|
|
458
|
-
container: theme.sanity.container,
|
|
459
|
-
font: theme.sanity.fonts,
|
|
460
|
-
input: {
|
|
461
|
-
...defaultThemeConfig.input,
|
|
462
|
-
...theme.sanity.input,
|
|
463
|
-
checkbox: {
|
|
464
|
-
...defaultThemeConfig.input.checkbox,
|
|
465
|
-
...theme.sanity.input.checkbox
|
|
466
|
-
},
|
|
467
|
-
radio: {
|
|
468
|
-
...defaultThemeConfig.input.radio,
|
|
469
|
-
...theme.sanity.input.radio
|
|
470
|
-
},
|
|
471
|
-
switch: {
|
|
472
|
-
...defaultThemeConfig.input.switch,
|
|
473
|
-
...theme.sanity.input.switch
|
|
474
|
-
}
|
|
475
|
-
},
|
|
476
|
-
layer: theme.sanity.layer ?? defaultThemeConfig.layer,
|
|
477
|
-
media: theme.sanity.media,
|
|
478
|
-
radius: theme.sanity.radius,
|
|
479
|
-
shadow: theme.sanity.shadows,
|
|
480
|
-
space: theme.sanity.space,
|
|
481
|
-
style: theme.sanity.styles
|
|
482
|
-
};
|
|
483
|
-
return cache.set(theme, v2), v2;
|
|
484
|
-
}
|
|
485
|
-
export { themeColor_v0_v2 as n, defaultThemeConfig as r, getTheme_v2 as t };
|
|
486
|
-
|
|
487
|
-
//# sourceMappingURL=getTheme_v2-y09KqtEb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getTheme_v2-y09KqtEb.js","names":[],"sources":["../src/theme/defaults/config.ts","../src/theme/versioning/themeColor_v0_v2.ts","../src/theme/versioning/getTheme_v2.ts"],"sourcesContent":["import {RootTheme_v2} from '../system/theme'\n\nconst BORDER_WIDTH = 1\nconst OUTLINE_WIDTH = 0.5\n\nexport const defaultThemeConfig: Omit<RootTheme_v2, 'color' | 'font'> = {\n _version: 2,\n avatar: {\n sizes: [\n {distance: -4, size: 19},\n {distance: -4, size: 25},\n {distance: -8, size: 33},\n {distance: -12, size: 49},\n ],\n focusRing: {offset: 1, width: 1},\n },\n button: {\n textWeight: 'medium',\n border: {width: BORDER_WIDTH},\n focusRing: {offset: -1, width: 1},\n },\n card: {\n border: {width: BORDER_WIDTH},\n focusRing: {offset: -1, width: 1},\n shadow: {outline: OUTLINE_WIDTH},\n },\n container: [320, 640, 960, 1280, 1600, 1920],\n media: [360, 600, 900, 1200, 1800, 2400],\n layer: {\n dialog: {zOffset: 600},\n popover: {zOffset: 400},\n tooltip: {zOffset: 200},\n },\n radius: [0, 1, 3, 6, 9, 12, 21],\n shadow: [\n null,\n {umbra: [0, 0, 0, 0], penumbra: [0, 0, 0, 0], ambient: [0, 0, 0, 0]},\n {umbra: [0, 3, 5, -2], penumbra: [0, 6, 10, 0], ambient: [0, 1, 18, 1]},\n {umbra: [0, 7, 8, -4], penumbra: [0, 12, 17, 2], ambient: [0, 5, 22, 4]},\n {umbra: [0, 9, 11, -5], penumbra: [0, 18, 28, 2], ambient: [0, 7, 34, 6]},\n {umbra: [0, 11, 15, -7], penumbra: [0, 24, 38, 3], ambient: [0, 9, 46, 8]},\n ],\n space: [0, 4, 8, 12, 20, 32, 52, 84, 136, 220],\n input: {\n border: {\n width: BORDER_WIDTH,\n },\n checkbox: {\n size: 17,\n focusRing: {offset: -1, width: 1},\n },\n radio: {\n size: 17,\n markSize: 9,\n focusRing: {offset: -1, width: 1},\n },\n switch: {\n width: 25,\n height: 17,\n padding: 5,\n transitionDurationMs: 150,\n transitionTimingFunction: 'ease-out',\n focusRing: {offset: 1, width: 1},\n },\n select: {\n focusRing: {offset: -1, width: 1},\n },\n text: {\n focusRing: {offset: -1, width: 1},\n },\n },\n style: {\n button: {\n root: {\n transition: 'background-color 100ms,border-color 100ms,color 100ms',\n },\n },\n // card: {\n // root: {\n // transition: 'background-color 100ms,border-color 100ms,color 100ms',\n // },\n // },\n },\n}\n","import {ThemeColorCard_v2} from '../system/color/color'\nimport {ThemeColorInputMode_v2, ThemeColorInputState_v2} from '../system/color/input'\nimport {ThemeColorSelectable_v2} from '../system/color/selectable'\nimport {ThemeColorState_v2} from '../system/color/state'\nimport {ThemeColorGenericState} from '../system/v0/color/_generic'\nimport {ThemeColor} from '../system/v0/color/color'\nimport {ThemeColorInputState, ThemeColorInputStates} from '../system/v0/color/input'\nimport {ThemeColorMuted} from '../system/v0/color/muted'\n\n// oxlint-disable-next-line no-deprecated\nconst cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()\n\n/** @internal */\n// oxlint-disable-next-line no-deprecated\nexport function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {\n const cached_v2 = cache.get(color_v0)\n\n if (cached_v2) return cached_v2\n\n const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled)\n\n const color_v2: ThemeColorCard_v2 = {\n _blend: color_v0._blend || (color_v0.dark ? 'screen' : 'multiply'),\n _dark: color_v0.dark,\n accent: base.accent,\n avatar: base.avatar,\n backdrop: color_v0.base.shadow.ambient,\n badge: base.badge,\n bg: color_v0.base.bg,\n border: color_v0.base.border,\n button: {\n default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),\n ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),\n bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed),\n },\n code: base.code,\n fg: color_v0.base.fg,\n focusRing: color_v0.base.focusRing,\n icon: base.muted.fg,\n input: {\n default: inputStatesThemeColor_v0_v2(color_v0.input.default),\n invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid),\n },\n kbd: base.kbd,\n link: base.link,\n muted: {\n ...base.muted,\n bg: color_v0.selectable?.default.enabled.bg2 || color_v0.base.bg,\n },\n selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),\n shadow: color_v0.base.shadow,\n skeleton: {\n from: color_v0.skeleton?.from || color_v0.base.border,\n to: color_v0.skeleton?.to || color_v0.base.border,\n },\n syntax: color_v0.syntax,\n }\n\n cache.set(color_v0, color_v2)\n\n return color_v2\n}\n\nfunction stateTonesThemeColor_v0_v2(\n // oxlint-disable-next-line no-deprecated\n v0: ThemeColor,\n // oxlint-disable-next-line no-deprecated\n t: Omit<ThemeColorMuted, 'transparent'>,\n): ThemeColorSelectable_v2 {\n return {\n default: {\n enabled: stateThemeColor_v0_v2(v0, t.default.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.default.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.default.pressed),\n selected: stateThemeColor_v0_v2(v0, t.default.selected),\n disabled: stateThemeColor_v0_v2(v0, t.default.disabled),\n },\n neutral: {\n enabled: stateThemeColor_v0_v2(v0, t.default.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.default.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.default.pressed),\n selected: stateThemeColor_v0_v2(v0, t.default.selected),\n disabled: stateThemeColor_v0_v2(v0, t.default.disabled),\n },\n primary: {\n enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),\n selected: stateThemeColor_v0_v2(v0, t.primary.selected),\n disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),\n },\n suggest: {\n enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),\n selected: stateThemeColor_v0_v2(v0, t.primary.selected),\n disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),\n },\n positive: {\n enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),\n selected: stateThemeColor_v0_v2(v0, t.positive.selected),\n disabled: stateThemeColor_v0_v2(v0, t.positive.disabled),\n },\n caution: {\n enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),\n selected: stateThemeColor_v0_v2(v0, t.caution.selected),\n disabled: stateThemeColor_v0_v2(v0, t.caution.disabled),\n },\n critical: {\n enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),\n hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),\n pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),\n selected: stateThemeColor_v0_v2(v0, t.critical.selected),\n disabled: stateThemeColor_v0_v2(v0, t.critical.disabled),\n },\n }\n}\n\n// oxlint-disable-next-line no-deprecated\nfunction stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): ThemeColorState_v2 {\n return {\n ...state,\n avatar: {\n gray: {\n bg: v0.spot.gray,\n fg: v0.base.bg,\n },\n blue: {\n bg: v0.spot.blue,\n fg: v0.base.bg,\n },\n purple: {\n bg: v0.spot.purple,\n fg: v0.base.bg,\n },\n magenta: {\n bg: v0.spot.magenta,\n fg: v0.base.bg,\n },\n red: {\n bg: v0.spot.red,\n fg: v0.base.bg,\n },\n orange: {\n bg: v0.spot.orange,\n fg: v0.base.bg,\n },\n yellow: {\n bg: v0.spot.yellow,\n fg: v0.base.bg,\n },\n green: {\n bg: v0.spot.green,\n fg: v0.base.bg,\n },\n cyan: {\n bg: v0.spot.cyan,\n fg: v0.base.bg,\n },\n },\n badge: {\n default: {\n bg: v0.muted.default.enabled.bg,\n fg: v0.muted.default.enabled.fg,\n dot: v0.muted.default.enabled.muted.fg,\n icon: v0.muted.default.enabled.muted.fg,\n },\n neutral: {\n bg: v0.muted.transparent.enabled.bg,\n fg: v0.muted.transparent.enabled.fg,\n dot: v0.muted.transparent.enabled.muted.fg,\n icon: v0.muted.transparent.enabled.muted.fg,\n },\n primary: {\n bg: v0.muted.primary.enabled.bg,\n fg: v0.muted.primary.enabled.fg,\n dot: v0.muted.primary.enabled.muted.fg,\n icon: v0.muted.primary.enabled.muted.fg,\n },\n suggest: {\n bg: v0.muted.primary.enabled.bg,\n fg: v0.muted.primary.enabled.fg,\n dot: v0.muted.primary.enabled.muted.fg,\n icon: v0.muted.primary.enabled.muted.fg,\n },\n positive: {\n bg: v0.muted.positive.enabled.bg,\n fg: v0.muted.positive.enabled.fg,\n dot: v0.muted.positive.enabled.muted.fg,\n icon: v0.muted.positive.enabled.muted.fg,\n },\n caution: {\n bg: v0.muted.caution.enabled.bg,\n fg: v0.muted.caution.enabled.fg,\n dot: v0.muted.caution.enabled.muted.fg,\n icon: v0.muted.caution.enabled.muted.fg,\n },\n critical: {\n bg: v0.muted.critical.enabled.bg,\n fg: v0.muted.critical.enabled.fg,\n dot: v0.muted.critical.enabled.muted.fg,\n icon: v0.muted.critical.enabled.muted.fg,\n },\n },\n kbd: {\n bg: v0.muted.default.enabled.bg,\n fg: v0.muted.default.enabled.fg,\n border: v0.muted.default.enabled.border,\n },\n muted: {\n ...v0.muted.default.enabled.muted,\n bg: state.bg2 || state.bg,\n },\n skeleton: {\n from: state.skeleton?.from || state.border,\n to: state.skeleton?.to || state.border,\n },\n }\n}\n\n// oxlint-disable-next-line no-deprecated\nfunction inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputMode_v2 {\n return {\n enabled: inputStateThemeColor_v0_v2(states.enabled),\n disabled: inputStateThemeColor_v0_v2(states.disabled),\n readOnly: inputStateThemeColor_v0_v2(states.readOnly),\n hovered: inputStateThemeColor_v0_v2(states.hovered),\n }\n}\n\n// oxlint-disable-next-line no-deprecated\nfunction inputStateThemeColor_v0_v2(state: ThemeColorInputState): ThemeColorInputState_v2 {\n return {\n bg: state.bg,\n border: state.border,\n fg: state.fg,\n muted: {\n bg: state.bg2,\n },\n placeholder: state.placeholder,\n }\n}\n","import {defaultThemeConfig} from '../defaults/config'\nimport {Theme, Theme_v2} from '../system/theme'\nimport {themeColor_v0_v2} from './themeColor_v0_v2'\n\nconst cache = new WeakMap<Theme, Theme_v2>()\n\n/** @public */\nexport function getTheme_v2(theme: Theme): Theme_v2 {\n if (theme.sanity.v2?._resolved) return theme.sanity.v2\n\n const cached_v2 = cache.get(theme)\n\n if (cached_v2) return cached_v2\n\n const v2: Theme_v2 = {\n _version: 2,\n _resolved: true,\n avatar: {\n ...defaultThemeConfig.avatar,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.avatar,\n },\n button: {\n ...defaultThemeConfig.button,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.button,\n },\n card: defaultThemeConfig.card,\n // oxlint-disable-next-line no-deprecated\n color: themeColor_v0_v2(theme.sanity.color),\n // oxlint-disable-next-line no-deprecated\n container: theme.sanity.container,\n // oxlint-disable-next-line no-deprecated\n font: theme.sanity.fonts,\n input: {\n ...defaultThemeConfig.input,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input,\n checkbox: {\n ...defaultThemeConfig.input.checkbox,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input.checkbox,\n },\n radio: {\n ...defaultThemeConfig.input.radio,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input.radio,\n },\n switch: {\n ...defaultThemeConfig.input.switch,\n // oxlint-disable-next-line no-deprecated\n ...theme.sanity.input.switch,\n },\n },\n // oxlint-disable-next-line no-deprecated\n layer: theme.sanity.layer ?? defaultThemeConfig.layer,\n // oxlint-disable-next-line no-deprecated\n media: theme.sanity.media,\n // oxlint-disable-next-line no-deprecated\n radius: theme.sanity.radius,\n // oxlint-disable-next-line no-deprecated\n shadow: theme.sanity.shadows,\n // oxlint-disable-next-line no-deprecated\n space: theme.sanity.space,\n // oxlint-disable-next-line no-deprecated\n style: theme.sanity.styles,\n }\n\n cache.set(theme, v2)\n\n return v2\n}\n"],"mappings":"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"}
|
package/dist/grid-6JSgMj1O.js
DELETED
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { a as rem, i as _responsive, n as _getArrayProp } from "./helpers-C8xxXAQC.js";
|
|
2
|
-
import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
|
|
3
|
-
import { y as Box } from "./useLayer-D1usxIE0.js";
|
|
4
|
-
import { c } from "react/compiler-runtime";
|
|
5
|
-
import { styled } from "styled-components";
|
|
6
|
-
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
const GRID_CSS = {
|
|
8
|
-
"&&:not([hidden])": { display: "grid" },
|
|
9
|
-
"&[data-as=\"ul\"],&[data-as=\"ol\"]": { listStyle: "none" }
|
|
10
|
-
}, GRID_AUTO_COLUMS = {
|
|
11
|
-
auto: "auto",
|
|
12
|
-
min: "min-content",
|
|
13
|
-
max: "max-content",
|
|
14
|
-
fr: "minmax(0, 1fr)"
|
|
15
|
-
}, GRID_AUTO_ROWS = {
|
|
16
|
-
auto: "auto",
|
|
17
|
-
min: "min-content",
|
|
18
|
-
max: "max-content",
|
|
19
|
-
fr: "minmax(0, 1fr)"
|
|
20
|
-
};
|
|
21
|
-
function responsiveGridStyle() {
|
|
22
|
-
return [
|
|
23
|
-
GRID_CSS,
|
|
24
|
-
responsiveGridAutoFlowStyle,
|
|
25
|
-
responsiveGridAutoRowsStyle,
|
|
26
|
-
responsiveGridAutoColsStyle,
|
|
27
|
-
responsiveGridColumnsStyle,
|
|
28
|
-
responsiveGridRowsStyle,
|
|
29
|
-
responsiveGridGapStyle,
|
|
30
|
-
responsiveGridGapXStyle,
|
|
31
|
-
responsiveGridGapYStyle
|
|
32
|
-
];
|
|
33
|
-
}
|
|
34
|
-
function responsiveGridAutoFlowStyle(props) {
|
|
35
|
-
let { media } = getTheme_v2(props.theme);
|
|
36
|
-
return _responsive(media, props.$autoFlow, (autoFlow) => ({ gridAutoFlow: autoFlow }));
|
|
37
|
-
}
|
|
38
|
-
function responsiveGridAutoRowsStyle(props) {
|
|
39
|
-
let { media } = getTheme_v2(props.theme);
|
|
40
|
-
return _responsive(media, props.$autoRows, (autoRows) => ({ gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows] }));
|
|
41
|
-
}
|
|
42
|
-
function responsiveGridAutoColsStyle(props) {
|
|
43
|
-
let { media } = getTheme_v2(props.theme);
|
|
44
|
-
return _responsive(media, props.$autoCols, (autoCols) => ({ gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols] }));
|
|
45
|
-
}
|
|
46
|
-
function responsiveGridColumnsStyle(props) {
|
|
47
|
-
let { media } = getTheme_v2(props.theme);
|
|
48
|
-
return _responsive(media, props.$columns, (columns) => ({ gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));` }));
|
|
49
|
-
}
|
|
50
|
-
function responsiveGridRowsStyle(props) {
|
|
51
|
-
let { media } = getTheme_v2(props.theme);
|
|
52
|
-
return _responsive(media, props.$rows, (rows) => ({ gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));` }));
|
|
53
|
-
}
|
|
54
|
-
function responsiveGridGapStyle(props) {
|
|
55
|
-
let { media, space } = getTheme_v2(props.theme);
|
|
56
|
-
return _responsive(media, props.$gap, (gap) => ({ gridGap: gap ? rem(space[gap]) : void 0 }));
|
|
57
|
-
}
|
|
58
|
-
function responsiveGridGapXStyle(props) {
|
|
59
|
-
let { media, space } = getTheme_v2(props.theme);
|
|
60
|
-
return _responsive(media, props.$gapX, (gapX) => ({ columnGap: gapX ? rem(space[gapX]) : void 0 }));
|
|
61
|
-
}
|
|
62
|
-
function responsiveGridGapYStyle(props) {
|
|
63
|
-
let { media, space } = getTheme_v2(props.theme);
|
|
64
|
-
return _responsive(media, props.$gapY, (gapY) => ({ rowGap: gapY ? rem(space[gapY]) : void 0 }));
|
|
65
|
-
}
|
|
66
|
-
const StyledGrid = /* @__PURE__ */ styled(Box).withConfig({
|
|
67
|
-
displayName: "StyledGrid",
|
|
68
|
-
componentId: "sc-uknjwi-0"
|
|
69
|
-
})(responsiveGridStyle);
|
|
70
|
-
function GridComponent(props) {
|
|
71
|
-
let $ = c(43), as, autoCols, autoFlow, autoRows, children, gap, gapX, gapY, gridTemplateColumns, gridTemplateRows, ref, restProps;
|
|
72
|
-
$[0] === props ? (as = $[1], autoCols = $[2], autoFlow = $[3], autoRows = $[4], children = $[5], gap = $[6], gapX = $[7], gapY = $[8], gridTemplateColumns = $[9], gridTemplateRows = $[10], ref = $[11], restProps = $[12]) : ({as, autoRows, autoCols, autoFlow, gridTemplateColumns, gap, gapX, gapY, gridTemplateRows, children, ref, ...restProps} = props, $[0] = props, $[1] = as, $[2] = autoCols, $[3] = autoFlow, $[4] = autoRows, $[5] = children, $[6] = gap, $[7] = gapX, $[8] = gapY, $[9] = gridTemplateColumns, $[10] = gridTemplateRows, $[11] = ref, $[12] = restProps);
|
|
73
|
-
let t0 = typeof as == "string" ? as : void 0, t1;
|
|
74
|
-
$[13] === autoRows ? t1 = $[14] : (t1 = _getArrayProp(autoRows), $[13] = autoRows, $[14] = t1);
|
|
75
|
-
let t2;
|
|
76
|
-
$[15] === autoCols ? t2 = $[16] : (t2 = _getArrayProp(autoCols), $[15] = autoCols, $[16] = t2);
|
|
77
|
-
let t3;
|
|
78
|
-
$[17] === autoFlow ? t3 = $[18] : (t3 = _getArrayProp(autoFlow), $[17] = autoFlow, $[18] = t3);
|
|
79
|
-
let t4;
|
|
80
|
-
$[19] === gridTemplateColumns ? t4 = $[20] : (t4 = _getArrayProp(gridTemplateColumns), $[19] = gridTemplateColumns, $[20] = t4);
|
|
81
|
-
let t5;
|
|
82
|
-
$[21] === gap ? t5 = $[22] : (t5 = _getArrayProp(gap), $[21] = gap, $[22] = t5);
|
|
83
|
-
let t6;
|
|
84
|
-
$[23] === gapX ? t6 = $[24] : (t6 = _getArrayProp(gapX), $[23] = gapX, $[24] = t6);
|
|
85
|
-
let t7;
|
|
86
|
-
$[25] === gapY ? t7 = $[26] : (t7 = _getArrayProp(gapY), $[25] = gapY, $[26] = t7);
|
|
87
|
-
let t8;
|
|
88
|
-
$[27] === gridTemplateRows ? t8 = $[28] : (t8 = _getArrayProp(gridTemplateRows), $[27] = gridTemplateRows, $[28] = t8);
|
|
89
|
-
let t9;
|
|
90
|
-
return $[29] !== as || $[30] !== children || $[31] !== ref || $[32] !== restProps || $[33] !== t0 || $[34] !== t1 || $[35] !== t2 || $[36] !== t3 || $[37] !== t4 || $[38] !== t5 || $[39] !== t6 || $[40] !== t7 || $[41] !== t8 ? (t9 = /* @__PURE__ */ jsx(StyledGrid, {
|
|
91
|
-
"data-as": t0,
|
|
92
|
-
"data-ui": "Grid",
|
|
93
|
-
...restProps,
|
|
94
|
-
$autoRows: t1,
|
|
95
|
-
$autoCols: t2,
|
|
96
|
-
$autoFlow: t3,
|
|
97
|
-
$columns: t4,
|
|
98
|
-
$gap: t5,
|
|
99
|
-
$gapX: t6,
|
|
100
|
-
$gapY: t7,
|
|
101
|
-
$rows: t8,
|
|
102
|
-
forwardedAs: as,
|
|
103
|
-
ref,
|
|
104
|
-
children
|
|
105
|
-
}), $[29] = as, $[30] = children, $[31] = ref, $[32] = restProps, $[33] = t0, $[34] = t1, $[35] = t2, $[36] = t3, $[37] = t4, $[38] = t5, $[39] = t6, $[40] = t7, $[41] = t8, $[42] = t9) : t9 = $[42], t9;
|
|
106
|
-
}
|
|
107
|
-
/**
|
|
108
|
-
* The `Grid` component is for building 2-dimensional layers (based on CSS grid).
|
|
109
|
-
*
|
|
110
|
-
* @public
|
|
111
|
-
*/
|
|
112
|
-
const Grid = GridComponent;
|
|
113
|
-
export { Grid as t };
|
|
114
|
-
|
|
115
|
-
//# sourceMappingURL=grid-6JSgMj1O.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"grid-6JSgMj1O.js","names":["_getArrayProp(autoRows)","_getArrayProp(autoCols)","_getArrayProp(autoFlow)","_getArrayProp(gridTemplateColumns)","_getArrayProp(gap)","_getArrayProp(gapX)","_getArrayProp(gapY)","_getArrayProp(gridTemplateRows)","<StyledGrid\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Grid\"\n {...restProps}\n $autoRows={_getArrayProp(autoRows)}\n $autoCols={_getArrayProp(autoCols)}\n $autoFlow={_getArrayProp(autoFlow)}\n $columns={_getArrayProp(gridTemplateColumns)}\n $gap={_getArrayProp(gap)}\n $gapX={_getArrayProp(gapX)}\n $gapY={_getArrayProp(gapY)}\n $rows={_getArrayProp(gridTemplateRows)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledGrid>","typeof as === 'string' ? as : undefined"],"sources":["../src/core/styles/grid/gridStyle.ts","../src/core/primitives/grid/grid.tsx"],"sourcesContent":["import {CSSObject} from '../../../theme/system/css'\nimport {getTheme_v2} from '../../../theme/versioning/getTheme_v2'\nimport {_responsive, rem} from '../helpers'\nimport {ThemeProps} from '../types'\nimport {ResponsiveGridStyleProps} from './types'\n\nconst GRID_CSS = {\n '&&:not([hidden])': {\n display: 'grid',\n },\n '&[data-as=\"ul\"],&[data-as=\"ol\"]': {\n listStyle: 'none',\n },\n}\n\nconst GRID_AUTO_COLUMS = {\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n}\n\nconst GRID_AUTO_ROWS = {\n auto: 'auto',\n min: 'min-content',\n max: 'max-content',\n fr: 'minmax(0, 1fr)',\n}\n\nexport function responsiveGridStyle(): Array<\n CSSObject | ((props: ResponsiveGridStyleProps & ThemeProps) => CSSObject[])\n> {\n return [\n GRID_CSS,\n responsiveGridAutoFlowStyle,\n responsiveGridAutoRowsStyle,\n responsiveGridAutoColsStyle,\n responsiveGridColumnsStyle,\n responsiveGridRowsStyle,\n responsiveGridGapStyle,\n responsiveGridGapXStyle,\n responsiveGridGapYStyle,\n ]\n}\n\nfunction responsiveGridAutoFlowStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$autoFlow, (autoFlow) => ({\n gridAutoFlow: autoFlow,\n }))\n}\n\nfunction responsiveGridAutoRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$autoRows, (autoRows) => ({\n gridAutoRows: autoRows && GRID_AUTO_ROWS[autoRows],\n }))\n}\n\nfunction responsiveGridAutoColsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$autoCols, (autoCols) => ({\n gridAutoColumns: autoCols && GRID_AUTO_COLUMS[autoCols],\n }))\n}\n\nfunction responsiveGridColumnsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$columns, (columns) => ({\n gridTemplateColumns: columns && `repeat(${columns},minmax(0,1fr));`,\n }))\n}\n\nfunction responsiveGridRowsStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$rows, (rows) => ({\n gridTemplateRows: rows && `repeat(${rows},minmax(0,1fr));`,\n }))\n}\n\nfunction responsiveGridGapStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$gap, (gap) => ({\n // oxlint-disable-next-line no-deprecated\n gridGap: gap ? rem(space[gap]) : undefined,\n }))\n}\n\nfunction responsiveGridGapXStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$gapX, (gapX) => ({\n columnGap: gapX ? rem(space[gapX]) : undefined,\n }))\n}\n\nfunction responsiveGridGapYStyle(props: ResponsiveGridStyleProps & ThemeProps) {\n const {media, space} = getTheme_v2(props.theme)\n\n return _responsive(media, props.$gapY, (gapY) => ({\n rowGap: gapY ? rem(space[gapY]) : undefined,\n }))\n}\n","import {styled} from 'styled-components'\n\nimport {responsiveGridStyle} from '../../styles/grid/gridStyle'\nimport {ResponsiveGridStyleProps} from '../../styles/grid/types'\nimport {_getArrayProp} from '../../styles/helpers'\nimport {ElementType, Props} from '../../types/component'\nimport {Box, BoxOwnProps} from '../box/box'\nimport {ResponsiveGridProps} from '../types'\n\n/**\n * @public\n */\nexport interface GridOwnProps extends Omit<BoxOwnProps, 'display'>, ResponsiveGridProps {}\n\n/**\n * @public\n */\nexport type GridProps<E extends ElementType = 'div'> = Props<GridOwnProps, E>\n\nconst StyledGrid = styled(Box)<ResponsiveGridStyleProps>(responsiveGridStyle)\n\nfunction GridComponent(\n props: GridOwnProps & {as?: ElementType} & Omit<\n React.HTMLProps<HTMLDivElement>,\n 'as' | 'height' | 'rows'\n >,\n) {\n const {\n as,\n autoRows,\n autoCols,\n autoFlow,\n gridTemplateColumns,\n gap,\n gapX,\n gapY,\n gridTemplateRows,\n children,\n ref,\n ...restProps\n } = props\n\n return (\n <StyledGrid\n data-as={typeof as === 'string' ? as : undefined}\n data-ui=\"Grid\"\n {...restProps}\n $autoRows={_getArrayProp(autoRows)}\n $autoCols={_getArrayProp(autoCols)}\n $autoFlow={_getArrayProp(autoFlow)}\n $columns={_getArrayProp(gridTemplateColumns)}\n $gap={_getArrayProp(gap)}\n $gapX={_getArrayProp(gapX)}\n $gapY={_getArrayProp(gapY)}\n $rows={_getArrayProp(gridTemplateRows)}\n forwardedAs={as}\n ref={ref}\n >\n {children}\n </StyledGrid>\n )\n}\n\n/**\n * The `Grid` component is for building 2-dimensional layers (based on CSS grid).\n *\n * @public\n */\n// oxlint-disable-next-line no-unsafe-type-assertion\nexport const Grid = GridComponent as unknown as <E extends ElementType = 'div'>(\n props: GridProps<E>,\n) => React.JSX.Element\n"],"mappings":";;;;;;AAMA,MAAM,WAAW;CACf,oBAAoB,EAClB,SAAS,OACX;CACA,uCAAmC,EACjC,WAAW,OACb;AACF,GAEM,mBAAmB;CACvB,MAAM;CACN,KAAK;CACL,KAAK;CACL,IAAI;AACN,GAEM,iBAAiB;CACrB,MAAM;CACN,KAAK;CACL,KAAK;CACL,IAAI;AACN;AAEA,SAAgB,sBAEd;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,4BAA4B,OAA8C;CACjF,IAAM,EAAC,UAAS,YAAY,MAAM,KAAK;CAEvC,OAAO,YAAY,OAAO,MAAM,YAAY,cAAc,EACxD,cAAc,SAChB,EAAE;AACJ;AAEA,SAAS,4BAA4B,OAA8C;CACjF,IAAM,EAAC,UAAS,YAAY,MAAM,KAAK;CAEvC,OAAO,YAAY,OAAO,MAAM,YAAY,cAAc,EACxD,cAAc,YAAY,eAAe,UAC3C,EAAE;AACJ;AAEA,SAAS,4BAA4B,OAA8C;CACjF,IAAM,EAAC,UAAS,YAAY,MAAM,KAAK;CAEvC,OAAO,YAAY,OAAO,MAAM,YAAY,cAAc,EACxD,iBAAiB,YAAY,iBAAiB,UAChD,EAAE;AACJ;AAEA,SAAS,2BAA2B,OAA8C;CAChF,IAAM,EAAC,UAAS,YAAY,MAAM,KAAK;CAEvC,OAAO,YAAY,OAAO,MAAM,WAAW,aAAa,EACtD,qBAAqB,WAAW,UAAU,QAAQ,kBACpD,EAAE;AACJ;AAEA,SAAS,wBAAwB,OAA8C;CAC7E,IAAM,EAAC,UAAS,YAAY,MAAM,KAAK;CAEvC,OAAO,YAAY,OAAO,MAAM,QAAQ,UAAU,EAChD,kBAAkB,QAAQ,UAAU,KAAK,kBAC3C,EAAE;AACJ;AAEA,SAAS,uBAAuB,OAA8C;CAC5E,IAAM,EAAC,OAAO,UAAS,YAAY,MAAM,KAAK;CAE9C,OAAO,YAAY,OAAO,MAAM,OAAO,SAAS,EAE9C,SAAS,MAAM,IAAI,MAAM,IAAI,IAAI,KAAA,EACnC,EAAE;AACJ;AAEA,SAAS,wBAAwB,OAA8C;CAC7E,IAAM,EAAC,OAAO,UAAS,YAAY,MAAM,KAAK;CAE9C,OAAO,YAAY,OAAO,MAAM,QAAQ,UAAU,EAChD,WAAW,OAAO,IAAI,MAAM,KAAK,IAAI,KAAA,EACvC,EAAE;AACJ;AAEA,SAAS,wBAAwB,OAA8C;CAC7E,IAAM,EAAC,OAAO,UAAS,YAAY,MAAM,KAAK;CAE9C,OAAO,YAAY,OAAO,MAAM,QAAQ,UAAU,EAChD,QAAQ,OAAO,IAAI,MAAM,KAAK,IAAI,KAAA,EACpC,EAAE;AACJ;ACzFA,MAAM,aAAa,uBAAO,GAAG,CAAC,CAAA,WAAA;;;AAA2B,CAAA,CAAA,CAAA,mBAAmB;AAE5E,SAAS,cACP,OAIA;gBAEE,IAEA,UACA,UAFA,UAQA,UAJA,KACA,MACA,MAHA,qBAIA,kBAEA,KACG;CACD,AAAA,EAAA,OAAA,uNAbE,CACJ,IACA,UACA,UACA,UACA,qBACA,KACA,MACA,MACA,kBACA,UACA,KACA,GAAA,aACE;CAIS,IAAA,KAAA,OAAO,MAAO,WAAW,KAAK,KAAA,GAG5BA;CAAc,AAAA,EAAA,QAAA,yBAAd,KAAA,cAAc,QAAQ,GAAR,EAAA,MAAA;CACdC,IAAAA;CAAc,AAAA,EAAA,QAAA,yBAAd,KAAA,cAAc,QAAQ,GAAR,EAAA,MAAA;CACdC,IAAAA;CAAc,AAAA,EAAA,QAAA,yBAAd,KAAA,cAAc,QAAQ,GAAR,EAAA,MAAA;CACfC,IAAAA;CAAc,AAAA,EAAA,QAAA,oCAAd,KAAA,cAAc,mBAAmB,GAAnB,EAAA,MAAA;CAClBC,IAAAA;CAAc,AAAA,EAAA,QAAA,oBAAd,KAAA,cAAc,GAAG,GAAH,EAAA,MAAA;CACbC,IAAAA;CAAc,AAAA,EAAA,QAAA,qBAAd,KAAA,cAAc,IAAI,GAAJ,EAAA,MAAA;CACdC,IAAAA;CAAc,AAAA,EAAA,QAAA,qBAAd,KAAA,cAAc,IAAI,GAAJ,EAAA,MAAA;CACdC,IAAAA;CAAc,AAAA,EAAA,QAAA,iCAAd,KAAA,cAAc,gBAAgB,GAAhB,EAAA,MAAA;CAXvBC,IAAAA;CADF,OAaiB,EAAA,QAAA,MAAA,EAAA,QAGZ,YAAA,EAAA,QAFI,OAAA,EAAA,QAVD,aAAA,EAAA,QAFKC,MAAAA,EAAAA,QAGET,MAAAA,EAAAA,QACAC,MAAAA,EAAAA,QACAC,MAAAA,EAAAA,QACDC,MAAAA,EAAAA,QACJC,MAAAA,EAAAA,QACCC,MAAAA,EAAAA,QACAC,MAAAA,EAAAA,QACAC,MAXT,KAAA,oBAAC,YAAD;EACE,WAASE;EACT,WAAQ;EACR,GAAI;EACJ,WAAWT;EACX,WAAWC;EACX,WAAWC;EACX,UAAUC;EACV,MAAMC;EACN,OAAOC;EACP,OAAOC;EACP,OAAOC;EACP,aAAa;EACR;EAEJ;CACS,CAAA,GAJG,EAAA,MAAA,IAGZ,EAAA,MAAA,UAFI,EAAA,MAAA,KAVD,EAAA,MAAA,WAFKE,EAAAA,MAAAA,IAGET,EAAAA,MAAAA,IACAC,EAAAA,MAAAA,IACAC,EAAAA,MAAAA,IACDC,EAAAA,MAAAA,IACJC,EAAAA,MAAAA,IACCC,EAAAA,MAAAA,IACAC,EAAAA,MAAAA,IACAC,EAAAA,MAAAA,8BAXTC;AAkBJ;;;;;;AAQA,MAAa,OAAO"}
|