@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion.js +66 -126
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +138 -238
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/avatar/avatar-group.js +47 -102
- package/dist/components/avatar/avatar-group.js.map +1 -1
- package/dist/components/avatar/avatar.js +72 -96
- package/dist/components/avatar/avatar.js.map +1 -1
- package/dist/components/badge/badge.js +48 -56
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +49 -97
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/button/button.js +49 -57
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button-group/button-group.js +31 -55
- package/dist/components/button-group/button-group.js.map +1 -1
- package/dist/components/callout/callout.js +164 -288
- package/dist/components/callout/callout.js.map +1 -1
- package/dist/components/card/card.js +81 -137
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/checkbox/checkbox.js +48 -96
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/collapsible-sidebar/collapsible-sidebar.js +107 -155
- package/dist/components/collapsible-sidebar/collapsible-sidebar.js.map +1 -1
- package/dist/components/command/command.js +161 -285
- package/dist/components/command/command.js.map +1 -1
- package/dist/components/data-table/data-table-body.js +54 -114
- package/dist/components/data-table/data-table-body.js.map +1 -1
- package/dist/components/data-table/data-table-column-header.js +45 -117
- package/dist/components/data-table/data-table-column-header.js.map +1 -1
- package/dist/components/data-table/data-table-column-visibility.js +39 -98
- package/dist/components/data-table/data-table-column-visibility.js.map +1 -1
- package/dist/components/data-table/data-table-content.js +58 -90
- package/dist/components/data-table/data-table-content.js.map +1 -1
- package/dist/components/data-table/data-table-error.js +39 -83
- package/dist/components/data-table/data-table-error.js.map +1 -1
- package/dist/components/data-table/data-table-header.js +54 -88
- package/dist/components/data-table/data-table-header.js.map +1 -1
- package/dist/components/data-table/data-table-loading.js +15 -27
- package/dist/components/data-table/data-table-loading.js.map +1 -1
- package/dist/components/data-table/data-table-pagination.js +19 -27
- package/dist/components/data-table/data-table-pagination.js.map +1 -1
- package/dist/components/data-table/data-table-row.js +64 -87
- package/dist/components/data-table/data-table-row.js.map +1 -1
- package/dist/components/data-table/data-table-toolbar.js +16 -24
- package/dist/components/data-table/data-table-toolbar.js.map +1 -1
- package/dist/components/data-table/data-table.js +145 -181
- package/dist/components/data-table/data-table.js.map +1 -1
- package/dist/components/date-range-picker/date-range-picker.js +214 -342
- package/dist/components/date-range-picker/date-range-picker.js.map +1 -1
- package/dist/components/date-range-picker/range-calendar.js +92 -132
- package/dist/components/date-range-picker/range-calendar.js.map +1 -1
- package/dist/components/date-time-picker/calendar.js +317 -501
- package/dist/components/date-time-picker/calendar.js.map +1 -1
- package/dist/components/date-time-picker/date-time-picker-context.js +60 -64
- package/dist/components/date-time-picker/date-time-picker-context.js.map +1 -1
- package/dist/components/date-time-picker/date-time-picker-input.js +149 -249
- package/dist/components/date-time-picker/date-time-picker-input.js.map +1 -1
- package/dist/components/date-time-picker/date-time-picker-panel.js +165 -273
- package/dist/components/date-time-picker/date-time-picker-panel.js.map +1 -1
- package/dist/components/date-time-picker/date-time-picker-popover.js +14 -22
- package/dist/components/date-time-picker/date-time-picker-popover.js.map +1 -1
- package/dist/components/date-time-picker/date-time-picker.js +90 -134
- package/dist/components/date-time-picker/date-time-picker.js.map +1 -1
- package/dist/components/date-time-picker/time-picker.js +132 -198
- package/dist/components/date-time-picker/time-picker.js.map +1 -1
- package/dist/components/density-provider/density-provider.js +19 -39
- package/dist/components/density-provider/density-provider.js.map +1 -1
- package/dist/components/dialog/dialog.js +145 -253
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/drawer/drawer.js +164 -272
- package/dist/components/drawer/drawer.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js +204 -384
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/field/field-combobox.js +243 -435
- package/dist/components/field/field-combobox.js.map +1 -1
- package/dist/components/field/field-select.js +19 -23
- package/dist/components/field/field-select.js.map +1 -1
- package/dist/components/field/field.js +189 -297
- package/dist/components/field/field.js.map +1 -1
- package/dist/components/label/label.js +19 -27
- package/dist/components/label/label.js.map +1 -1
- package/dist/components/list/list.js +315 -595
- package/dist/components/list/list.js.map +1 -1
- package/dist/components/option-card/option-card.js +159 -323
- package/dist/components/option-card/option-card.js.map +1 -1
- package/dist/components/pill/pill.js +68 -84
- package/dist/components/pill/pill.js.map +1 -1
- package/dist/components/popover/popover.js +48 -84
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/radio/radio.js +49 -89
- package/dist/components/radio/radio.js.map +1 -1
- package/dist/components/scroll-overflow/scroll-overflow.js +198 -350
- package/dist/components/scroll-overflow/scroll-overflow.js.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +97 -141
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.js +200 -396
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/separator/separator.js +16 -24
- package/dist/components/separator/separator.js.map +1 -1
- package/dist/components/skeleton/skeleton.js +43 -83
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/spinner/spinner.js +20 -44
- package/dist/components/spinner/spinner.js.map +1 -1
- package/dist/components/switch/switch.js +83 -155
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/table/table-pagination.js +210 -468
- package/dist/components/table/table-pagination.js.map +1 -1
- package/dist/components/table/table.js +131 -211
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/tabs/tabs.js +58 -94
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/text/text.js +32 -40
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/toast/toast.js +111 -187
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/components/toggle/toggle-group.js +24 -40
- package/dist/components/toggle/toggle-group.js.map +1 -1
- package/dist/components/toggle/toggle.js +39 -47
- package/dist/components/toggle/toggle.js.map +1 -1
- package/dist/components/tooltip/tooltip.js +62 -106
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/lib/clear-button.js +15 -27
- package/dist/lib/clear-button.js.map +1 -1
- package/dist/lib/icons.js +6 -18
- package/dist/lib/icons.js.map +1 -1
- package/dist/tokens.json +1 -1
- package/package.json +1 -1
- package/dist/_virtual/jsx-dev-runtime.js +0 -5
- package/dist/_virtual/jsx-dev-runtime.js.map +0 -1
- package/dist/_virtual/react-jsx-dev-runtime.development.js +0 -5
- package/dist/_virtual/react-jsx-dev-runtime.development.js.map +0 -1
- package/dist/_virtual/react-jsx-dev-runtime.production.js +0 -5
- package/dist/_virtual/react-jsx-dev-runtime.production.js.map +0 -1
- package/dist/vendor/react/cjs/react-jsx-dev-runtime.development.js +0 -236
- package/dist/vendor/react/cjs/react-jsx-dev-runtime.development.js.map +0 -1
- package/dist/vendor/react/cjs/react-jsx-dev-runtime.production.js +0 -21
- package/dist/vendor/react/cjs/react-jsx-dev-runtime.production.js.map +0 -1
- package/dist/vendor/react/jsx-dev-runtime.js +0 -9
- package/dist/vendor/react/jsx-dev-runtime.js.map +0 -1
|
@@ -1,56 +1,44 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as t, jsxs as k } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
|
-
import { Root as
|
|
4
|
-
import { shorthands as
|
|
5
|
-
import { SLOT_ATTR as
|
|
6
|
-
import { mergeClasses as
|
|
7
|
-
import { makeVoltStyles as
|
|
8
|
-
import { errorA3 as
|
|
9
|
-
const
|
|
10
|
-
function(
|
|
11
|
-
const o =
|
|
12
|
-
return /* @__PURE__ */
|
|
3
|
+
import { Root as v, Thumb as x } from "../../vendor/@radix-ui/react-switch/dist/index.js";
|
|
4
|
+
import { shorthands as r } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
|
|
5
|
+
import { SLOT_ATTR as s } from "../../packages/volt-runtime/dist/renderer/contract.js";
|
|
6
|
+
import { mergeClasses as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
|
|
7
|
+
import { makeVoltStyles as b } from "../../styles/make-styles.js";
|
|
8
|
+
import { errorA3 as y, semErrorSolid as C, errorA8 as m, grayA3 as S, semAccentSolid as T, grayA8 as u, semFocusRing as R, errorA11 as A, errorContrast as V, accentA11 as D, grayContrast as E } from "../../tokens/index.js";
|
|
9
|
+
const I = a.forwardRef(
|
|
10
|
+
function(i, e) {
|
|
11
|
+
const o = p();
|
|
12
|
+
return /* @__PURE__ */ t(
|
|
13
13
|
"svg",
|
|
14
14
|
{
|
|
15
|
-
ref:
|
|
15
|
+
ref: e,
|
|
16
16
|
"data-slot": "switch-thumb-icon-checked",
|
|
17
|
-
[
|
|
17
|
+
[s]: "switch-thumb-icon-checked",
|
|
18
18
|
role: "presentation",
|
|
19
19
|
className: o.checked,
|
|
20
20
|
viewBox: "0 0 1 6",
|
|
21
21
|
fill: "none",
|
|
22
22
|
xmlns: "http://www.w3.org/2000/svg",
|
|
23
|
-
children: /* @__PURE__ */
|
|
24
|
-
|
|
25
|
-
lineNumber: 24,
|
|
26
|
-
columnNumber: 9
|
|
27
|
-
}, this)
|
|
28
|
-
},
|
|
29
|
-
void 0,
|
|
30
|
-
!1,
|
|
31
|
-
{
|
|
32
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
33
|
-
lineNumber: 14,
|
|
34
|
-
columnNumber: 7
|
|
35
|
-
},
|
|
36
|
-
this
|
|
23
|
+
children: /* @__PURE__ */ t("rect", { width: "1", height: "6", fill: "currentColor" })
|
|
24
|
+
}
|
|
37
25
|
);
|
|
38
26
|
}
|
|
39
|
-
),
|
|
40
|
-
function(
|
|
41
|
-
const o =
|
|
42
|
-
return /* @__PURE__ */
|
|
27
|
+
), N = a.forwardRef(
|
|
28
|
+
function(i, e) {
|
|
29
|
+
const o = p();
|
|
30
|
+
return /* @__PURE__ */ t(
|
|
43
31
|
"svg",
|
|
44
32
|
{
|
|
45
|
-
ref:
|
|
33
|
+
ref: e,
|
|
46
34
|
"data-slot": "switch-thumb-icon-unchecked",
|
|
47
|
-
[
|
|
35
|
+
[s]: "switch-thumb-icon-unchecked",
|
|
48
36
|
role: "presentation",
|
|
49
37
|
className: o.unchecked,
|
|
50
38
|
viewBox: "0 0 4 6",
|
|
51
39
|
fill: "none",
|
|
52
40
|
xmlns: "http://www.w3.org/2000/svg",
|
|
53
|
-
children: /* @__PURE__ */
|
|
41
|
+
children: /* @__PURE__ */ t(
|
|
54
42
|
"rect",
|
|
55
43
|
{
|
|
56
44
|
x: "0.5",
|
|
@@ -59,92 +47,60 @@ const U = a.forwardRef(
|
|
|
59
47
|
height: "5",
|
|
60
48
|
rx: "1.5",
|
|
61
49
|
stroke: "currentColor"
|
|
62
|
-
}
|
|
63
|
-
void 0,
|
|
64
|
-
!1,
|
|
65
|
-
{
|
|
66
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
67
|
-
lineNumber: 45,
|
|
68
|
-
columnNumber: 9
|
|
69
|
-
},
|
|
70
|
-
this
|
|
50
|
+
}
|
|
71
51
|
)
|
|
72
|
-
}
|
|
73
|
-
void 0,
|
|
74
|
-
!1,
|
|
75
|
-
{
|
|
76
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
77
|
-
lineNumber: 35,
|
|
78
|
-
columnNumber: 7
|
|
79
|
-
},
|
|
80
|
-
this
|
|
52
|
+
}
|
|
81
53
|
);
|
|
82
54
|
}
|
|
83
|
-
),
|
|
84
|
-
function(
|
|
85
|
-
const o =
|
|
86
|
-
return /* @__PURE__ */
|
|
55
|
+
), H = a.forwardRef(
|
|
56
|
+
function(i, e) {
|
|
57
|
+
const o = p();
|
|
58
|
+
return /* @__PURE__ */ t(
|
|
87
59
|
"svg",
|
|
88
60
|
{
|
|
89
|
-
ref:
|
|
61
|
+
ref: e,
|
|
90
62
|
"data-slot": "switch-thumb-icon-disabled",
|
|
91
|
-
[
|
|
63
|
+
[s]: "switch-thumb-icon-disabled",
|
|
92
64
|
className: o.disabled,
|
|
93
65
|
viewBox: "0 0 4 5",
|
|
94
66
|
fill: "none",
|
|
95
67
|
xmlns: "http://www.w3.org/2000/svg",
|
|
96
|
-
children: /* @__PURE__ */
|
|
68
|
+
children: /* @__PURE__ */ t(
|
|
97
69
|
"path",
|
|
98
70
|
{
|
|
99
71
|
d: "M0 5V1.875H0.666667V1.25C0.666667 0.90625 0.797223 0.611979 1.05833 0.367188C1.31944 0.122396 1.63333 0 2 0C2.36667 0 2.68056 0.122396 2.94167 0.367188C3.20278 0.611979 3.33333 0.90625 3.33333 1.25V1.875H4V5H0ZM1.33333 1.875H2.66667V1.25C2.66667 1.07292 2.60278 0.924479 2.475 0.804687C2.34722 0.684896 2.18889 0.625 2 0.625C1.81111 0.625 1.65278 0.684896 1.525 0.804687C1.39722 0.924479 1.33333 1.07292 1.33333 1.25V1.875Z",
|
|
100
72
|
fill: "currentColor"
|
|
101
|
-
}
|
|
102
|
-
void 0,
|
|
103
|
-
!1,
|
|
104
|
-
{
|
|
105
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
106
|
-
lineNumber: 72,
|
|
107
|
-
columnNumber: 9
|
|
108
|
-
},
|
|
109
|
-
this
|
|
73
|
+
}
|
|
110
74
|
)
|
|
111
|
-
}
|
|
112
|
-
void 0,
|
|
113
|
-
!1,
|
|
114
|
-
{
|
|
115
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
116
|
-
lineNumber: 63,
|
|
117
|
-
columnNumber: 7
|
|
118
|
-
},
|
|
119
|
-
this
|
|
75
|
+
}
|
|
120
76
|
);
|
|
121
77
|
}
|
|
122
|
-
),
|
|
78
|
+
), p = b({
|
|
123
79
|
checked: {
|
|
124
80
|
display: "none",
|
|
125
81
|
position: "absolute",
|
|
126
82
|
pointerEvents: "none",
|
|
127
|
-
...
|
|
83
|
+
...r.inset(0),
|
|
128
84
|
color: "currentColor",
|
|
129
|
-
...
|
|
85
|
+
...r.margin("auto")
|
|
130
86
|
},
|
|
131
87
|
unchecked: {
|
|
132
88
|
display: "none",
|
|
133
89
|
position: "absolute",
|
|
134
90
|
pointerEvents: "none",
|
|
135
|
-
...
|
|
91
|
+
...r.inset(0),
|
|
136
92
|
color: "currentColor",
|
|
137
|
-
...
|
|
93
|
+
...r.margin("auto")
|
|
138
94
|
},
|
|
139
95
|
disabled: {
|
|
140
96
|
display: "inline-block",
|
|
141
97
|
position: "absolute",
|
|
142
98
|
pointerEvents: "none",
|
|
143
|
-
...
|
|
99
|
+
...r.inset(0),
|
|
144
100
|
color: "currentColor",
|
|
145
|
-
...
|
|
101
|
+
...r.margin("auto")
|
|
146
102
|
}
|
|
147
|
-
}),
|
|
103
|
+
}), _ = b({
|
|
148
104
|
root: {
|
|
149
105
|
boxSizing: "border-box",
|
|
150
106
|
display: "inline-flex",
|
|
@@ -152,7 +108,7 @@ const U = a.forwardRef(
|
|
|
152
108
|
flexShrink: 0,
|
|
153
109
|
cursor: "pointer",
|
|
154
110
|
borderRadius: "9999px",
|
|
155
|
-
...
|
|
111
|
+
...r.border("1px", "solid", "transparent"),
|
|
156
112
|
boxShadow: "0 1px 2px 0 #0000000d",
|
|
157
113
|
transitionProperty: "all",
|
|
158
114
|
transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
@@ -164,7 +120,7 @@ const U = a.forwardRef(
|
|
|
164
120
|
outlineWidth: "2px",
|
|
165
121
|
outlineStyle: "solid",
|
|
166
122
|
outlineOffset: "2px",
|
|
167
|
-
outlineColor:
|
|
123
|
+
outlineColor: R
|
|
168
124
|
},
|
|
169
125
|
":disabled, &[data-disabled]": {
|
|
170
126
|
pointerEvents: "none",
|
|
@@ -173,13 +129,13 @@ const U = a.forwardRef(
|
|
|
173
129
|
},
|
|
174
130
|
default: {
|
|
175
131
|
color: u,
|
|
176
|
-
"&[data-state='checked']": { backgroundColor:
|
|
177
|
-
"&[data-state='unchecked']": { backgroundColor:
|
|
132
|
+
"&[data-state='checked']": { backgroundColor: T },
|
|
133
|
+
"&[data-state='unchecked']": { backgroundColor: S }
|
|
178
134
|
},
|
|
179
135
|
destructive: {
|
|
180
|
-
color:
|
|
181
|
-
"&[data-state='checked']": { backgroundColor:
|
|
182
|
-
"&[data-state='unchecked']": { backgroundColor:
|
|
136
|
+
color: m,
|
|
137
|
+
"&[data-state='checked']": { backgroundColor: C },
|
|
138
|
+
"&[data-state='unchecked']": { backgroundColor: y }
|
|
183
139
|
},
|
|
184
140
|
sm: {
|
|
185
141
|
width: "1.625rem",
|
|
@@ -196,7 +152,7 @@ const U = a.forwardRef(
|
|
|
196
152
|
height: "1.5rem",
|
|
197
153
|
"& svg": { width: "0.5rem", height: "0.625rem" }
|
|
198
154
|
}
|
|
199
|
-
}),
|
|
155
|
+
}), B = b({
|
|
200
156
|
thumb: {
|
|
201
157
|
position: "relative",
|
|
202
158
|
display: "block",
|
|
@@ -223,16 +179,16 @@ const U = a.forwardRef(
|
|
|
223
179
|
}
|
|
224
180
|
},
|
|
225
181
|
default: {
|
|
226
|
-
backgroundColor:
|
|
182
|
+
backgroundColor: E,
|
|
227
183
|
color: u,
|
|
228
|
-
"&[data-state='checked']": { color:
|
|
184
|
+
"&[data-state='checked']": { color: D },
|
|
229
185
|
"&[data-state='unchecked']": { color: u }
|
|
230
186
|
},
|
|
231
187
|
destructive: {
|
|
232
188
|
backgroundColor: V,
|
|
233
|
-
color:
|
|
234
|
-
"&[data-state='checked']": { color:
|
|
235
|
-
"&[data-state='unchecked']": { color:
|
|
189
|
+
color: m,
|
|
190
|
+
"&[data-state='checked']": { color: A },
|
|
191
|
+
"&[data-state='unchecked']": { color: m }
|
|
236
192
|
},
|
|
237
193
|
sm: {
|
|
238
194
|
width: "0.75rem",
|
|
@@ -253,76 +209,48 @@ const U = a.forwardRef(
|
|
|
253
209
|
width: "0.4375rem"
|
|
254
210
|
}
|
|
255
211
|
}
|
|
256
|
-
}),
|
|
257
|
-
variant:
|
|
258
|
-
size:
|
|
212
|
+
}), X = a.forwardRef(function({
|
|
213
|
+
variant: i = "default",
|
|
214
|
+
size: e = "base",
|
|
259
215
|
className: o,
|
|
260
|
-
showThumbIcon:
|
|
261
|
-
...
|
|
262
|
-
},
|
|
263
|
-
const
|
|
264
|
-
return /* @__PURE__ */
|
|
265
|
-
|
|
216
|
+
showThumbIcon: d = !1,
|
|
217
|
+
...n
|
|
218
|
+
}, f) {
|
|
219
|
+
const l = _(), h = B(), w = i === "primary" ? "default" : i;
|
|
220
|
+
return /* @__PURE__ */ t(
|
|
221
|
+
v,
|
|
266
222
|
{
|
|
267
|
-
ref:
|
|
223
|
+
ref: f,
|
|
268
224
|
"data-slot": "switch",
|
|
269
|
-
[
|
|
270
|
-
className:
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
225
|
+
[s]: "switch",
|
|
226
|
+
className: g(
|
|
227
|
+
l.root,
|
|
228
|
+
l[w],
|
|
229
|
+
l[e],
|
|
274
230
|
o
|
|
275
231
|
),
|
|
276
|
-
...
|
|
277
|
-
children: /* @__PURE__ */
|
|
278
|
-
|
|
232
|
+
...n,
|
|
233
|
+
children: /* @__PURE__ */ k(
|
|
234
|
+
x,
|
|
279
235
|
{
|
|
280
236
|
"data-slot": "switch-thumb",
|
|
281
|
-
[
|
|
282
|
-
className:
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
237
|
+
[s]: "switch-thumb",
|
|
238
|
+
className: g(
|
|
239
|
+
h.thumb,
|
|
240
|
+
h[w],
|
|
241
|
+
h[e]
|
|
286
242
|
),
|
|
287
243
|
children: [
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
columnNumber: 46
|
|
292
|
-
}, this),
|
|
293
|
-
c && !l.disabled && /* @__PURE__ */ e.jsxDEV(R, {}, void 0, !1, {
|
|
294
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
295
|
-
lineNumber: 279,
|
|
296
|
-
columnNumber: 46
|
|
297
|
-
}, this),
|
|
298
|
-
c && l.disabled && /* @__PURE__ */ e.jsxDEV(T, {}, void 0, !1, {
|
|
299
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
300
|
-
lineNumber: 280,
|
|
301
|
-
columnNumber: 45
|
|
302
|
-
}, this)
|
|
244
|
+
d && !n.disabled && /* @__PURE__ */ t(I, {}),
|
|
245
|
+
d && !n.disabled && /* @__PURE__ */ t(N, {}),
|
|
246
|
+
d && n.disabled && /* @__PURE__ */ t(H, {})
|
|
303
247
|
]
|
|
304
|
-
}
|
|
305
|
-
void 0,
|
|
306
|
-
!0,
|
|
307
|
-
{
|
|
308
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
309
|
-
lineNumber: 269,
|
|
310
|
-
columnNumber: 7
|
|
311
|
-
},
|
|
312
|
-
this
|
|
248
|
+
}
|
|
313
249
|
)
|
|
314
|
-
}
|
|
315
|
-
void 0,
|
|
316
|
-
!1,
|
|
317
|
-
{
|
|
318
|
-
fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/switch/switch.tsx",
|
|
319
|
-
lineNumber: 257,
|
|
320
|
-
columnNumber: 5
|
|
321
|
-
},
|
|
322
|
-
this
|
|
250
|
+
}
|
|
323
251
|
);
|
|
324
252
|
});
|
|
325
253
|
export {
|
|
326
|
-
|
|
254
|
+
X as Switch
|
|
327
255
|
};
|
|
328
256
|
//# sourceMappingURL=switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst ThumbIconChecked = React.forwardRef<SVGSVGElement>(\n function ThumbIconChecked(_props, ref) {\n const styles = useThumbIconStyles()\n\n return (\n <svg\n ref={ref}\n data-slot=\"switch-thumb-icon-checked\"\n {...{ [SLOT_ATTR]: \"switch-thumb-icon-checked\" }}\n role=\"presentation\"\n className={styles.checked}\n viewBox=\"0 0 1 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"1\" height=\"6\" fill=\"currentColor\" />\n </svg>\n )\n }\n)\n\nconst ThumbIconUnchecked = React.forwardRef<SVGSVGElement>(\n function ThumbIconUnchecked(_props, ref) {\n const styles = useThumbIconStyles()\n\n return (\n <svg\n ref={ref}\n data-slot=\"switch-thumb-icon-unchecked\"\n {...{ [SLOT_ATTR]: \"switch-thumb-icon-unchecked\" }}\n role=\"presentation\"\n className={styles.unchecked}\n viewBox=\"0 0 4 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n x=\"0.5\"\n y=\"0.5\"\n width=\"3\"\n height=\"5\"\n rx=\"1.5\"\n stroke=\"currentColor\"\n />\n </svg>\n )\n }\n)\n\nconst ThumbIconDisabled = React.forwardRef<SVGSVGElement>(\n function ThumbIconDisabled(_props, ref) {\n const styles = useThumbIconStyles()\n\n return (\n <svg\n ref={ref}\n data-slot=\"switch-thumb-icon-disabled\"\n {...{ [SLOT_ATTR]: \"switch-thumb-icon-disabled\" }}\n className={styles.disabled}\n viewBox=\"0 0 4 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0 5V1.875H0.666667V1.25C0.666667 0.90625 0.797223 0.611979 1.05833 0.367188C1.31944 0.122396 1.63333 0 2 0C2.36667 0 2.68056 0.122396 2.94167 0.367188C3.20278 0.611979 3.33333 0.90625 3.33333 1.25V1.875H4V5H0ZM1.33333 1.875H2.66667V1.25C2.66667 1.07292 2.60278 0.924479 2.475 0.804687C2.34722 0.684896 2.18889 0.625 2 0.625C1.81111 0.625 1.65278 0.684896 1.525 0.804687C1.39722 0.924479 1.33333 1.07292 1.33333 1.25V1.875Z\"\n fill=\"currentColor\"\n />\n </svg>\n )\n }\n)\n\nconst useThumbIconStyles = makeVoltStyles({\n checked: {\n display: \"none\",\n position: \"absolute\",\n pointerEvents: \"none\",\n ...shorthands.inset(0),\n color: \"currentColor\",\n ...shorthands.margin(\"auto\"),\n },\n unchecked: {\n display: \"none\",\n position: \"absolute\",\n pointerEvents: \"none\",\n ...shorthands.inset(0),\n color: \"currentColor\",\n ...shorthands.margin(\"auto\"),\n },\n disabled: {\n display: \"inline-block\",\n position: \"absolute\",\n pointerEvents: \"none\",\n ...shorthands.inset(0),\n color: \"currentColor\",\n ...shorthands.margin(\"auto\"),\n },\n})\n\nconst useRootStyles = makeVoltStyles({\n root: {\n boxSizing: \"border-box\",\n display: \"inline-flex\",\n alignItems: \"center\",\n flexShrink: 0,\n cursor: \"pointer\",\n borderRadius: \"9999px\",\n ...shorthands.border(\"1px\", \"solid\", \"transparent\"),\n boxShadow: \"0 1px 2px 0 #0000000d\",\n transitionProperty: \"all\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"150ms\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n \":focus-visible\": {\n outlineWidth: \"2px\",\n outlineStyle: \"solid\",\n outlineOffset: \"2px\",\n outlineColor: tokens.semFocusRing,\n },\n \":disabled, &[data-disabled]\": {\n pointerEvents: \"none\",\n opacity: 0.5,\n },\n },\n default: {\n color: tokens.grayA8,\n \"&[data-state='checked']\": { backgroundColor: tokens.semAccentSolid },\n \"&[data-state='unchecked']\": { backgroundColor: tokens.grayA3 },\n },\n destructive: {\n color: tokens.errorA8,\n \"&[data-state='checked']\": { backgroundColor: tokens.semErrorSolid },\n \"&[data-state='unchecked']\": { backgroundColor: tokens.errorA3 },\n },\n sm: {\n width: \"1.625rem\",\n height: \"1rem\",\n \"& svg\": { width: \"0.25rem\", height: \"0.375rem\" },\n },\n base: {\n width: \"2.125rem\",\n height: \"1.25rem\",\n \"& svg\": { width: \"0.4375rem\", height: \"0.5rem\" },\n },\n lg: {\n width: \"2.625rem\",\n height: \"1.5rem\",\n \"& svg\": { width: \"0.5rem\", height: \"0.625rem\" },\n },\n})\n\nconst useThumbStyles = makeVoltStyles({\n thumb: {\n position: \"relative\",\n display: \"block\",\n pointerEvents: \"none\",\n borderRadius: \"9999px\",\n boxShadow: \"0 1px 2px 0 #0000000d\",\n transitionProperty: \"transform\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"150ms\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n \"&[data-state='checked']\": {\n transform: \"translateX(calc(100% - 1px))\",\n },\n \"&[data-state='unchecked']\": {\n transform: \"translateX(1px)\",\n },\n \"&[data-state='checked'] [data-volt2-slot='switch-thumb-icon-checked']\": {\n display: \"inline-block\",\n },\n \"&[data-state='unchecked'] [data-volt2-slot='switch-thumb-icon-unchecked']\":\n {\n display: \"inline-block\",\n },\n },\n default: {\n backgroundColor: tokens.grayContrast,\n color: tokens.grayA8,\n \"&[data-state='checked']\": { color: tokens.accentA11 },\n \"&[data-state='unchecked']\": { color: tokens.grayA8 },\n },\n destructive: {\n backgroundColor: tokens.errorContrast,\n color: tokens.errorA8,\n \"&[data-state='checked']\": { color: tokens.errorA11 },\n \"&[data-state='unchecked']\": { color: tokens.errorA8 },\n },\n sm: {\n width: \"0.75rem\",\n height: \"0.75rem\",\n \"& svg[data-volt2-slot='switch-thumb-icon-disabled']\": { width: \"0.25rem\" },\n },\n base: {\n width: \"1rem\",\n height: \"1rem\",\n \"& svg[data-volt2-slot='switch-thumb-icon-disabled']\": {\n width: \"0.375rem\",\n },\n },\n lg: {\n width: \"1.25rem\",\n height: \"1.25rem\",\n \"& svg[data-volt2-slot='switch-thumb-icon-disabled']\": {\n width: \"0.4375rem\",\n },\n },\n})\n\n/**\n * `primary` is a deprecated alias of `default`, carried because v1 has it and real consumers still\n * pass it — entity-sidepanel's SettingsControls does. v1's own comment marks it deprecated and its\n * styles are byte-identical to `default`, so it is mapped rather than duplicated.\n *\n * @remarks `primary` is deprecated; use `default`.\n */\nexport type SwitchVariant = \"default\" | \"destructive\" | \"primary\"\nexport type SwitchSize = \"sm\" | \"base\" | \"lg\"\n\nexport type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {\n variant?: SwitchVariant\n size?: SwitchSize\n showThumbIcon?: boolean\n}\n\nexport const Switch = React.forwardRef<\n React.ComponentRef<typeof SwitchPrimitive.Root>,\n SwitchProps\n>(function Switch(\n {\n variant = \"default\",\n size = \"base\",\n className,\n showThumbIcon = false,\n ...props\n },\n ref\n) {\n const rootStyles = useRootStyles()\n const thumbStyles = useThumbStyles()\n // See SwitchVariant: `primary` is v1's deprecated alias for `default`, same styles.\n const variantKey = variant === \"primary\" ? \"default\" : variant\n\n return (\n <SwitchPrimitive.Root\n ref={ref}\n data-slot=\"switch\"\n {...{ [SLOT_ATTR]: \"switch\" }}\n className={mergeClasses(\n rootStyles.root,\n rootStyles[variantKey],\n rootStyles[size],\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n {...{ [SLOT_ATTR]: \"switch-thumb\" }}\n className={mergeClasses(\n thumbStyles.thumb,\n thumbStyles[variantKey],\n thumbStyles[size]\n )}\n >\n {showThumbIcon && !props.disabled && <ThumbIconChecked />}\n {showThumbIcon && !props.disabled && <ThumbIconUnchecked />}\n {showThumbIcon && props.disabled && <ThumbIconDisabled />}\n </SwitchPrimitive.Thumb>\n </SwitchPrimitive.Root>\n )\n})\n"],"names":["ThumbIconChecked","React","_props","ref","styles","useThumbIconStyles","jsxDEV","SLOT_ATTR","ThumbIconUnchecked","ThumbIconDisabled","makeVoltStyles","shorthands","useRootStyles","tokens.semFocusRing","tokens.grayA8","tokens.semAccentSolid","tokens.grayA3","tokens.errorA8","tokens.semErrorSolid","tokens.errorA3","useThumbStyles","tokens.grayContrast","tokens.accentA11","tokens.errorContrast","tokens.errorA11","Switch","variant","size","className","showThumbIcon","props","rootStyles","thumbStyles","variantKey","SwitchPrimitive.Root","mergeClasses","SwitchPrimitive.Thumb"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"switch.js","sources":["../../../src/components/switch/switch.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst ThumbIconChecked = React.forwardRef<SVGSVGElement>(\n function ThumbIconChecked(_props, ref) {\n const styles = useThumbIconStyles()\n\n return (\n <svg\n ref={ref}\n data-slot=\"switch-thumb-icon-checked\"\n {...{ [SLOT_ATTR]: \"switch-thumb-icon-checked\" }}\n role=\"presentation\"\n className={styles.checked}\n viewBox=\"0 0 1 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"1\" height=\"6\" fill=\"currentColor\" />\n </svg>\n )\n }\n)\n\nconst ThumbIconUnchecked = React.forwardRef<SVGSVGElement>(\n function ThumbIconUnchecked(_props, ref) {\n const styles = useThumbIconStyles()\n\n return (\n <svg\n ref={ref}\n data-slot=\"switch-thumb-icon-unchecked\"\n {...{ [SLOT_ATTR]: \"switch-thumb-icon-unchecked\" }}\n role=\"presentation\"\n className={styles.unchecked}\n viewBox=\"0 0 4 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n x=\"0.5\"\n y=\"0.5\"\n width=\"3\"\n height=\"5\"\n rx=\"1.5\"\n stroke=\"currentColor\"\n />\n </svg>\n )\n }\n)\n\nconst ThumbIconDisabled = React.forwardRef<SVGSVGElement>(\n function ThumbIconDisabled(_props, ref) {\n const styles = useThumbIconStyles()\n\n return (\n <svg\n ref={ref}\n data-slot=\"switch-thumb-icon-disabled\"\n {...{ [SLOT_ATTR]: \"switch-thumb-icon-disabled\" }}\n className={styles.disabled}\n viewBox=\"0 0 4 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0 5V1.875H0.666667V1.25C0.666667 0.90625 0.797223 0.611979 1.05833 0.367188C1.31944 0.122396 1.63333 0 2 0C2.36667 0 2.68056 0.122396 2.94167 0.367188C3.20278 0.611979 3.33333 0.90625 3.33333 1.25V1.875H4V5H0ZM1.33333 1.875H2.66667V1.25C2.66667 1.07292 2.60278 0.924479 2.475 0.804687C2.34722 0.684896 2.18889 0.625 2 0.625C1.81111 0.625 1.65278 0.684896 1.525 0.804687C1.39722 0.924479 1.33333 1.07292 1.33333 1.25V1.875Z\"\n fill=\"currentColor\"\n />\n </svg>\n )\n }\n)\n\nconst useThumbIconStyles = makeVoltStyles({\n checked: {\n display: \"none\",\n position: \"absolute\",\n pointerEvents: \"none\",\n ...shorthands.inset(0),\n color: \"currentColor\",\n ...shorthands.margin(\"auto\"),\n },\n unchecked: {\n display: \"none\",\n position: \"absolute\",\n pointerEvents: \"none\",\n ...shorthands.inset(0),\n color: \"currentColor\",\n ...shorthands.margin(\"auto\"),\n },\n disabled: {\n display: \"inline-block\",\n position: \"absolute\",\n pointerEvents: \"none\",\n ...shorthands.inset(0),\n color: \"currentColor\",\n ...shorthands.margin(\"auto\"),\n },\n})\n\nconst useRootStyles = makeVoltStyles({\n root: {\n boxSizing: \"border-box\",\n display: \"inline-flex\",\n alignItems: \"center\",\n flexShrink: 0,\n cursor: \"pointer\",\n borderRadius: \"9999px\",\n ...shorthands.border(\"1px\", \"solid\", \"transparent\"),\n boxShadow: \"0 1px 2px 0 #0000000d\",\n transitionProperty: \"all\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"150ms\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n \":focus-visible\": {\n outlineWidth: \"2px\",\n outlineStyle: \"solid\",\n outlineOffset: \"2px\",\n outlineColor: tokens.semFocusRing,\n },\n \":disabled, &[data-disabled]\": {\n pointerEvents: \"none\",\n opacity: 0.5,\n },\n },\n default: {\n color: tokens.grayA8,\n \"&[data-state='checked']\": { backgroundColor: tokens.semAccentSolid },\n \"&[data-state='unchecked']\": { backgroundColor: tokens.grayA3 },\n },\n destructive: {\n color: tokens.errorA8,\n \"&[data-state='checked']\": { backgroundColor: tokens.semErrorSolid },\n \"&[data-state='unchecked']\": { backgroundColor: tokens.errorA3 },\n },\n sm: {\n width: \"1.625rem\",\n height: \"1rem\",\n \"& svg\": { width: \"0.25rem\", height: \"0.375rem\" },\n },\n base: {\n width: \"2.125rem\",\n height: \"1.25rem\",\n \"& svg\": { width: \"0.4375rem\", height: \"0.5rem\" },\n },\n lg: {\n width: \"2.625rem\",\n height: \"1.5rem\",\n \"& svg\": { width: \"0.5rem\", height: \"0.625rem\" },\n },\n})\n\nconst useThumbStyles = makeVoltStyles({\n thumb: {\n position: \"relative\",\n display: \"block\",\n pointerEvents: \"none\",\n borderRadius: \"9999px\",\n boxShadow: \"0 1px 2px 0 #0000000d\",\n transitionProperty: \"transform\",\n transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n transitionDuration: \"150ms\",\n \"@media (prefers-reduced-motion: reduce)\": {\n transitionDuration: \"0.01ms\",\n },\n \"&[data-state='checked']\": {\n transform: \"translateX(calc(100% - 1px))\",\n },\n \"&[data-state='unchecked']\": {\n transform: \"translateX(1px)\",\n },\n \"&[data-state='checked'] [data-volt2-slot='switch-thumb-icon-checked']\": {\n display: \"inline-block\",\n },\n \"&[data-state='unchecked'] [data-volt2-slot='switch-thumb-icon-unchecked']\":\n {\n display: \"inline-block\",\n },\n },\n default: {\n backgroundColor: tokens.grayContrast,\n color: tokens.grayA8,\n \"&[data-state='checked']\": { color: tokens.accentA11 },\n \"&[data-state='unchecked']\": { color: tokens.grayA8 },\n },\n destructive: {\n backgroundColor: tokens.errorContrast,\n color: tokens.errorA8,\n \"&[data-state='checked']\": { color: tokens.errorA11 },\n \"&[data-state='unchecked']\": { color: tokens.errorA8 },\n },\n sm: {\n width: \"0.75rem\",\n height: \"0.75rem\",\n \"& svg[data-volt2-slot='switch-thumb-icon-disabled']\": { width: \"0.25rem\" },\n },\n base: {\n width: \"1rem\",\n height: \"1rem\",\n \"& svg[data-volt2-slot='switch-thumb-icon-disabled']\": {\n width: \"0.375rem\",\n },\n },\n lg: {\n width: \"1.25rem\",\n height: \"1.25rem\",\n \"& svg[data-volt2-slot='switch-thumb-icon-disabled']\": {\n width: \"0.4375rem\",\n },\n },\n})\n\n/**\n * `primary` is a deprecated alias of `default`, carried because v1 has it and real consumers still\n * pass it — entity-sidepanel's SettingsControls does. v1's own comment marks it deprecated and its\n * styles are byte-identical to `default`, so it is mapped rather than duplicated.\n *\n * @remarks `primary` is deprecated; use `default`.\n */\nexport type SwitchVariant = \"default\" | \"destructive\" | \"primary\"\nexport type SwitchSize = \"sm\" | \"base\" | \"lg\"\n\nexport type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {\n variant?: SwitchVariant\n size?: SwitchSize\n showThumbIcon?: boolean\n}\n\nexport const Switch = React.forwardRef<\n React.ComponentRef<typeof SwitchPrimitive.Root>,\n SwitchProps\n>(function Switch(\n {\n variant = \"default\",\n size = \"base\",\n className,\n showThumbIcon = false,\n ...props\n },\n ref\n) {\n const rootStyles = useRootStyles()\n const thumbStyles = useThumbStyles()\n // See SwitchVariant: `primary` is v1's deprecated alias for `default`, same styles.\n const variantKey = variant === \"primary\" ? \"default\" : variant\n\n return (\n <SwitchPrimitive.Root\n ref={ref}\n data-slot=\"switch\"\n {...{ [SLOT_ATTR]: \"switch\" }}\n className={mergeClasses(\n rootStyles.root,\n rootStyles[variantKey],\n rootStyles[size],\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n {...{ [SLOT_ATTR]: \"switch-thumb\" }}\n className={mergeClasses(\n thumbStyles.thumb,\n thumbStyles[variantKey],\n thumbStyles[size]\n )}\n >\n {showThumbIcon && !props.disabled && <ThumbIconChecked />}\n {showThumbIcon && !props.disabled && <ThumbIconUnchecked />}\n {showThumbIcon && props.disabled && <ThumbIconDisabled />}\n </SwitchPrimitive.Thumb>\n </SwitchPrimitive.Root>\n )\n})\n"],"names":["ThumbIconChecked","React","_props","ref","styles","useThumbIconStyles","jsx","SLOT_ATTR","ThumbIconUnchecked","ThumbIconDisabled","makeVoltStyles","shorthands","useRootStyles","tokens.semFocusRing","tokens.grayA8","tokens.semAccentSolid","tokens.grayA3","tokens.errorA8","tokens.semErrorSolid","tokens.errorA3","useThumbStyles","tokens.grayContrast","tokens.accentA11","tokens.errorContrast","tokens.errorA11","Switch","variant","size","className","showThumbIcon","props","rootStyles","thumbStyles","variantKey","SwitchPrimitive.Root","mergeClasses","jsxs","SwitchPrimitive.Thumb"],"mappings":";;;;;;;;AAQA,MAAMA,IAAmBC,EAAM;AAAA,EAC7B,SAA0BC,GAAQC,GAAK;AACrC,UAAMC,IAASC,EAAA;AAEf,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,aAAU;AAAA,QACJ,CAACI,CAAS,GAAG;AAAA,QACnB,MAAK;AAAA,QACL,WAAWH,EAAO;AAAA,QAClB,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,4BAAC,QAAA,EAAK,OAAM,KAAI,QAAO,KAAI,MAAK,eAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAGrD;AACF,GAEMI,IAAqBP,EAAM;AAAA,EAC/B,SAA4BC,GAAQC,GAAK;AACvC,UAAMC,IAASC,EAAA;AAEf,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,aAAU;AAAA,QACJ,CAACI,CAAS,GAAG;AAAA,QACnB,MAAK;AAAA,QACL,WAAWH,EAAO;AAAA,QAClB,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAG;AAAA,YACH,QAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAGN;AACF,GAEMG,IAAoBR,EAAM;AAAA,EAC9B,SAA2BC,GAAQC,GAAK;AACtC,UAAMC,IAASC,EAAA;AAEf,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,aAAU;AAAA,QACJ,CAACI,CAAS,GAAG;AAAA,QACnB,WAAWH,EAAO;AAAA,QAClB,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAGN;AACF,GAEMD,IAAqBK,EAAe;AAAA,EACxC,SAAS;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAe;AAAA,IACf,GAAGC,EAAW,MAAM,CAAC;AAAA,IACrB,OAAO;AAAA,IACP,GAAGA,EAAW,OAAO,MAAM;AAAA,EAAA;AAAA,EAE7B,WAAW;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAe;AAAA,IACf,GAAGA,EAAW,MAAM,CAAC;AAAA,IACrB,OAAO;AAAA,IACP,GAAGA,EAAW,OAAO,MAAM;AAAA,EAAA;AAAA,EAE7B,UAAU;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,eAAe;AAAA,IACf,GAAGA,EAAW,MAAM,CAAC;AAAA,IACrB,OAAO;AAAA,IACP,GAAGA,EAAW,OAAO,MAAM;AAAA,EAAA;AAE/B,CAAC,GAEKC,IAAgBF,EAAe;AAAA,EACnC,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,GAAGC,EAAW,OAAO,OAAO,SAAS,aAAa;AAAA,IAClD,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,oBAAoB;AAAA,IACpB,2CAA2C;AAAA,MACzC,oBAAoB;AAAA,IAAA;AAAA,IAEtB,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcE;AAAAA,IAAO;AAAA,IAEvB,+BAA+B;AAAA,MAC7B,eAAe;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,SAAS;AAAA,IACP,OAAOC;AAAAA,IACP,2BAA2B,EAAE,iBAAiBC,EAAO;AAAA,IACrD,6BAA6B,EAAE,iBAAiBC,EAAO;AAAA,EAAO;AAAA,EAEhE,aAAa;AAAA,IACX,OAAOC;AAAAA,IACP,2BAA2B,EAAE,iBAAiBC,EAAO;AAAA,IACrD,6BAA6B,EAAE,iBAAiBC,EAAO;AAAA,EAAQ;AAAA,EAEjE,IAAI;AAAA,IACF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,EAAE,OAAO,WAAW,QAAQ,WAAA;AAAA,EAAW;AAAA,EAElD,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,EAAE,OAAO,aAAa,QAAQ,SAAA;AAAA,EAAS;AAAA,EAElD,IAAI;AAAA,IACF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS,EAAE,OAAO,UAAU,QAAQ,WAAA;AAAA,EAAW;AAEnD,CAAC,GAEKC,IAAiBV,EAAe;AAAA,EACpC,OAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,eAAe;AAAA,IACf,cAAc;AAAA,IACd,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,oBAAoB;AAAA,IACpB,2CAA2C;AAAA,MACzC,oBAAoB;AAAA,IAAA;AAAA,IAEtB,2BAA2B;AAAA,MACzB,WAAW;AAAA,IAAA;AAAA,IAEb,6BAA6B;AAAA,MAC3B,WAAW;AAAA,IAAA;AAAA,IAEb,yEAAyE;AAAA,MACvE,SAAS;AAAA,IAAA;AAAA,IAEX,6EACE;AAAA,MACE,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEJ,SAAS;AAAA,IACP,iBAAiBW;AAAAA,IACjB,OAAOP;AAAAA,IACP,2BAA2B,EAAE,OAAOQ,EAAO;AAAA,IAC3C,6BAA6B,EAAE,OAAOR,EAAO;AAAA,EAAO;AAAA,EAEtD,aAAa;AAAA,IACX,iBAAiBS;AAAAA,IACjB,OAAON;AAAAA,IACP,2BAA2B,EAAE,OAAOO,EAAO;AAAA,IAC3C,6BAA6B,EAAE,OAAOP,EAAO;AAAA,EAAQ;AAAA,EAEvD,IAAI;AAAA,IACF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,uDAAuD,EAAE,OAAO,UAAA;AAAA,EAAU;AAAA,EAE5E,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,uDAAuD;AAAA,MACrD,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,IAAI;AAAA,IACF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,uDAAuD;AAAA,MACrD,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC,GAkBYQ,IAASxB,EAAM,WAG1B,SACA;AAAA,EACE,SAAAyB,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GACA3B,GACA;AACA,QAAM4B,IAAanB,EAAA,GACboB,IAAcZ,EAAA,GAEda,IAAaP,MAAY,YAAY,YAAYA;AAEvD,SACE,gBAAApB;AAAA,IAAC4B;AAAAA,IAAA;AAAA,MACC,KAAA/B;AAAA,MACA,aAAU;AAAA,MACJ,CAACI,CAAS,GAAG;AAAA,MACnB,WAAW4B;AAAAA,QACTJ,EAAW;AAAA,QACXA,EAAWE,CAAU;AAAA,QACrBF,EAAWJ,CAAI;AAAA,QACfC;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACJ,CAAC9B,CAAS,GAAG;AAAA,UACnB,WAAW4B;AAAAA,YACTH,EAAY;AAAA,YACZA,EAAYC,CAAU;AAAA,YACtBD,EAAYL,CAAI;AAAA,UAAA;AAAA,UAGjB,UAAA;AAAA,YAAAE,KAAiB,CAACC,EAAM,YAAY,gBAAAxB,EAACN,GAAA,CAAA,CAAiB;AAAA,YACtD6B,KAAiB,CAACC,EAAM,8BAAatB,GAAA,CAAA,CAAmB;AAAA,YACxDqB,KAAiBC,EAAM,YAAY,gBAAAxB,EAACG,GAAA,CAAA,CAAkB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzD;AAAA,EAAA;AAGN,CAAC;"}
|