@epam/ai-dial-ui-kit 0.14.0-dev.40 → 0.14.0-dev.44
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/CHANGELOG.md +1 -0
- package/dist/DateCellRenderer-B_oow9gn.cjs +1 -0
- package/dist/{DateCellRenderer-p6k-mVZt.cjs → DateCellRenderer-CS8ZbiFh.cjs} +5 -5
- package/dist/JsonEditor-BlaSMX26.cjs +1 -0
- package/dist/{MarkdownEditor-CBH7ILah.cjs → MarkdownEditor-5kljDPcm.cjs} +1 -1
- package/dist/{MarkdownEditor-CMRC_XsQ.cjs → MarkdownEditor-C0_gU7Fi.cjs} +1 -1
- package/dist/MarkdownEditorContainer-BqTGQArV.cjs +1 -0
- package/dist/components/Analytics/BarGroup/BarGroup.js +60 -58
- package/dist/components/Grid/constants.js +2 -2
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +16 -18
- package/dist/components/New/Dropdown/Dropdown.js +163 -152
- package/dist/components/New/Dropdown/DropdownSubMenuItem.js +75 -55
- package/dist/components/New/InteractiveTooltip/InteractiveTooltip.js +102 -0
- package/dist/components/New/InteractiveTooltip/constants.js +6 -0
- package/dist/components/New/Select/Select.js +178 -167
- package/dist/components/New/Select/SelectSubMenuItem.js +84 -54
- package/dist/components-manifest.json +87 -3
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/dial-ui-kit.js +65 -63
- package/dist/editors.cjs +1 -1
- package/dist/file-manager.cjs +1 -1
- package/dist/grid.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/lazy-B1eG0EeX.cjs +1 -0
- package/dist/src/components/Analytics/BarGroup/BarGroup.d.ts +9 -2
- package/dist/src/components/New/InteractiveTooltip/InteractiveTooltip.d.ts +74 -0
- package/dist/src/components/New/InteractiveTooltip/constants.d.ts +26 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/models/dropdown.d.ts +23 -0
- package/dist/src/models/select.d.ts +24 -0
- package/dist/src/utils/sub-menu-floating.d.ts +1 -0
- package/dist/{use-file-manager-tabs-CIQjiyK-.cjs → use-file-manager-tabs-D0RFLbl1.cjs} +1 -1
- package/dist/utils/sub-menu-floating.js +45 -38
- package/package.json +1 -1
- package/dist/DateCellRenderer-DNPEX0I7.cjs +0 -1
- package/dist/JsonEditor-BZCyPc2D.cjs +0 -1
- package/dist/MarkdownEditorContainer-B_6-Gd-T.cjs +0 -1
- package/dist/editor-BKQqPhwX.cjs +0 -1
- package/dist/lazy-CJ-0Pjkj.cjs +0 -1
package/dist/dial-ui-kit.js
CHANGED
|
@@ -18,7 +18,7 @@ import { DialCollapsibleSidebar as h } from "./components/CollapsibleSidebar/Col
|
|
|
18
18
|
import { DialLabelledText as w } from "./components/LabelledText/LabelledText.js";
|
|
19
19
|
import { DialTag as U } from "./components/Tag/Tag.js";
|
|
20
20
|
import { DialEllipsisTooltip as V } from "./components/EllipsisTooltip/EllipsisTooltip.js";
|
|
21
|
-
import { DialDraggableItem as
|
|
21
|
+
import { DialDraggableItem as H } from "./components/DraggableItem/DraggableItem.js";
|
|
22
22
|
import { DialFileIcon as K } from "./components/FileIcon/FileIcon.js";
|
|
23
23
|
import { DialFormItem as Z } from "./components/FormItem/FormItem.js";
|
|
24
24
|
import { DialSharedEntityIndicator as X } from "./components/SharedEntityIndicator/SharedEntityIndicator.js";
|
|
@@ -39,7 +39,7 @@ import { DialDangerButton as Bo, DialGhostButton as go, DialLinkButton as No, Di
|
|
|
39
39
|
import { DialDangerIconButton as Po, DialGhostIconButton as Mo, DialNeutralIconButton as bo, DialPrimaryIconButton as Go, DialSecondaryIconButton as ho, DialSuccessIconButton as yo, DialTertiaryIconButton as wo } from "./components/IconButton/IconButtonWrappers.js";
|
|
40
40
|
import { DialCloseButton as Uo } from "./components/CloseButton/CloseButton.js";
|
|
41
41
|
import { DialRemoveButton as Vo } from "./components/RemoveButton/RemoveButton.js";
|
|
42
|
-
import { DialTextarea as
|
|
42
|
+
import { DialTextarea as Ho } from "./components/Textarea/Textarea.js";
|
|
43
43
|
import { DialTooltip as Ko } from "./components/Tooltip/Tooltip.js";
|
|
44
44
|
import { DialTooltipContainer as Zo } from "./components/Tooltip/TooltipContainer.js";
|
|
45
45
|
import { DialTooltipContent as Xo } from "./components/Tooltip/TooltipContent.js";
|
|
@@ -66,7 +66,7 @@ import { DialButtonDropdown as hr } from "./components/ButtonDropdown/ButtonDrop
|
|
|
66
66
|
import { DialDropdownIcon as wr } from "./components/DropdownIcon/DropdownIcon.js";
|
|
67
67
|
import { DialFileManager as Ur } from "./components/FileManager/FileManager.js";
|
|
68
68
|
import { DialDestinationFolderPopup as Vr } from "./components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.js";
|
|
69
|
-
import { DialFoldersTree as
|
|
69
|
+
import { DialFoldersTree as Hr } from "./components/FileManager/components/FoldersTree/FoldersTree.js";
|
|
70
70
|
import { EditorThemes as Kr } from "./types/editor.js";
|
|
71
71
|
import { ButtonAppearance as Zr, ButtonVariant as Jr } from "./types/button.js";
|
|
72
72
|
import { RadioGroupOrientation as jr } from "./types/radio-group.js";
|
|
@@ -87,7 +87,7 @@ import { useDialFileManagerTabs as be } from "./components/FileManager/hooks/use
|
|
|
87
87
|
import { EDITABLE_CONTAINER_ATTRIBUTE as he, editableContainerProps as ye, useEditableItem as we } from "./hooks/use-editable-item.js";
|
|
88
88
|
import { FileManagerProvider as Ue } from "./components/FileManager/FileManagerProvider.js";
|
|
89
89
|
import { useFileManagerContext as Ve } from "./components/FileManager/hooks/use-file-manager-context.js";
|
|
90
|
-
import { StepStatus as
|
|
90
|
+
import { StepStatus as He } from "./models/step.js";
|
|
91
91
|
import { DialFileNodeType as Ke, DialFilePermission as Ye, DialFileResourceType as Ze } from "./models/file.js";
|
|
92
92
|
import { GridSelectionMode as Xe } from "./models/selection-mode.js";
|
|
93
93
|
import { mergeClasses as qe } from "./utils/merge-classes.js";
|
|
@@ -103,7 +103,7 @@ import { NotificationType as Bt, NotificationVariant as gt } from "./types/notif
|
|
|
103
103
|
import { Notification as Ot } from "./components/New/Notification/Notification.js";
|
|
104
104
|
import { Highlight as Ft } from "./components/New/Highlight/Highlight.js";
|
|
105
105
|
import { CardShell as Mt } from "./components/New/CardShell/CardShell.js";
|
|
106
|
-
import { ErrorMessageNotification as Gt, ErrorToastNotification as ht, GeneralMessageNotification as yt, GeneralToastNotification as wt, InfoMessageNotification as zt, InfoToastNotification as Ut, LoadingMessageNotification as kt, LoadingToastNotification as Vt, SuccessMessageNotification as
|
|
106
|
+
import { ErrorMessageNotification as Gt, ErrorToastNotification as ht, GeneralMessageNotification as yt, GeneralToastNotification as wt, InfoMessageNotification as zt, InfoToastNotification as Ut, LoadingMessageNotification as kt, LoadingToastNotification as Vt, SuccessMessageNotification as vt, SuccessToastNotification as Ht, WarningMessageNotification as Wt, WarningToastNotification as Kt } from "./components/New/Notification/NotificationWrapper.js";
|
|
107
107
|
import { CalendarMode as Zt } from "./types/calendar.js";
|
|
108
108
|
import { Calendar as Xt } from "./components/New/Calendar/Calendar.js";
|
|
109
109
|
import { FolderPath as qt } from "./components/New/FolderPath/FolderPath.js";
|
|
@@ -123,8 +123,8 @@ import { Textarea as ba, TextareaResize as Ga } from "./components/New/Textarea/
|
|
|
123
123
|
import { Input as ya } from "./components/New/Input/Input.js";
|
|
124
124
|
import { PasswordInput as za } from "./components/New/PasswordInput/PasswordInput.js";
|
|
125
125
|
import { NumberInput as ka } from "./components/New/NumberInput/NumberInput.js";
|
|
126
|
-
import { Popup as
|
|
127
|
-
import { CloseButton as
|
|
126
|
+
import { Popup as va } from "./components/New/Popup/Popup.js";
|
|
127
|
+
import { CloseButton as Wa } from "./components/New/CloseButton/CloseButton.js";
|
|
128
128
|
import { ConfirmationPopup as Ya } from "./components/New/ConfirmationPopup/ConfirmationPopup.js";
|
|
129
129
|
import { Dropdown as Ja } from "./components/New/Dropdown/Dropdown.js";
|
|
130
130
|
import { ThemeScope as ja, useThemeScope as qa } from "./components/New/ThemeScope/ThemeScope.js";
|
|
@@ -149,27 +149,28 @@ import { matchesAccept as Gi } from "./utils/file-accept.js";
|
|
|
149
149
|
import { Slider as yi } from "./components/New/Slider/Slider.js";
|
|
150
150
|
import { Tooltip as zi } from "./components/New/Tooltip/Tooltip.js";
|
|
151
151
|
import { TooltipContainer as ki } from "./components/New/Tooltip/TooltipContainer.js";
|
|
152
|
-
import { TooltipContent as
|
|
153
|
-
import { TooltipTrigger as
|
|
152
|
+
import { TooltipContent as vi } from "./components/New/Tooltip/TooltipContent.js";
|
|
153
|
+
import { TooltipTrigger as Wi } from "./components/New/Tooltip/TooltipTrigger.js";
|
|
154
154
|
import { TooltipPlacement as Yi } from "./types/tooltip.js";
|
|
155
|
-
import {
|
|
156
|
-
import {
|
|
157
|
-
import {
|
|
158
|
-
import {
|
|
159
|
-
import {
|
|
160
|
-
import {
|
|
161
|
-
import {
|
|
162
|
-
import {
|
|
163
|
-
import {
|
|
164
|
-
import {
|
|
165
|
-
import {
|
|
166
|
-
import {
|
|
167
|
-
import {
|
|
168
|
-
import {
|
|
169
|
-
import {
|
|
170
|
-
import {
|
|
171
|
-
import {
|
|
172
|
-
import {
|
|
155
|
+
import { InteractiveTooltip as Ji } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
|
|
156
|
+
import { EllipsisTooltip as ji } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
|
|
157
|
+
import { CollapsibleSidebar as Qi } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
|
|
158
|
+
import { ResizableContainer as op } from "./components/New/ResizableContainer/ResizableContainer.js";
|
|
159
|
+
import { ConditionalResizableContainer as ep } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
|
|
160
|
+
import { NoDataContent as ap } from "./components/New/NoDataContent/NoDataContent.js";
|
|
161
|
+
import { GRID_SELECTION_COLUMN_ID as pp, Grid as np } from "./components/New/Grid/Grid.js";
|
|
162
|
+
import { DateCellRenderer as lp } from "./components/New/Grid/renderers/DateCellRenderer.js";
|
|
163
|
+
import { DEFAULT_DATE_FORMAT_OPTIONS as xp, DEFAULT_LOCALE as Dp } from "./components/New/Grid/renderers/constants.js";
|
|
164
|
+
import { GRID_ALIGN_RIGHT_CLASS as cp, GRID_ROOT_CLASS as sp, ROW_HEIGHT as up, GRID_THEME_PARAMS as dp } from "./components/New/Grid/constants.js";
|
|
165
|
+
import { DIAL_KIT_ICON_STROKE as Sp } from "./components/New/constants/icon.js";
|
|
166
|
+
import { convertToDate as Cp, convertToDate as Ep } from "./utils/grid-date.js";
|
|
167
|
+
import { baseColumnComparator as Lp, checkColDefsChanges as Bp } from "./utils/grid-comparators.js";
|
|
168
|
+
import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as Np } from "./components/Analytics/Bar/utils.js";
|
|
169
|
+
import { DialAnalyticsBar as Rp } from "./components/Analytics/Bar/Bar.js";
|
|
170
|
+
import { DialAnalyticsBarGroup as Pp } from "./components/Analytics/BarGroup/BarGroup.js";
|
|
171
|
+
import { DialAnalyticsCard as bp } from "./components/Analytics/Card/Card.js";
|
|
172
|
+
import { DialAnalyticsErrorTag as hp } from "./components/Analytics/ErrorTag/ErrorTag.js";
|
|
173
|
+
import { DialAnalyticsHistogram as wp } from "./components/Analytics/Histogram/Histogram.js";
|
|
173
174
|
export {
|
|
174
175
|
ai as Accordion,
|
|
175
176
|
i as AnalyticsCardVariant,
|
|
@@ -185,27 +186,27 @@ export {
|
|
|
185
186
|
Mt as CardShell,
|
|
186
187
|
ci as Checkbox,
|
|
187
188
|
ui as CheckboxBox,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
189
|
+
Wa as CloseButton,
|
|
190
|
+
Qi as CollapsibleSidebar,
|
|
191
|
+
ep as ConditionalResizableContainer,
|
|
191
192
|
Ya as ConfirmationPopup,
|
|
192
193
|
oe as ConfirmationPopupVariant,
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
194
|
+
Np as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
|
|
195
|
+
xp as DEFAULT_DATE_FORMAT_OPTIONS,
|
|
196
|
+
Dp as DEFAULT_DATE_LOCALE,
|
|
196
197
|
xo as DEFAULT_GRID_DATE_FORMAT_OPTIONS,
|
|
197
198
|
Do as DEFAULT_GRID_DATE_LOCALE,
|
|
198
199
|
nt as DIAL_ICON_SIZE,
|
|
199
|
-
|
|
200
|
+
Sp as DIAL_KIT_ICON_STROKE,
|
|
200
201
|
$t as DangerButton,
|
|
201
202
|
pa as DangerIconButton,
|
|
202
|
-
|
|
203
|
+
lp as DateCellRenderer,
|
|
203
204
|
l as DialAccordion,
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
205
|
+
Rp as DialAnalyticsBar,
|
|
206
|
+
Pp as DialAnalyticsBarGroup,
|
|
207
|
+
bp as DialAnalyticsCard,
|
|
208
|
+
hp as DialAnalyticsErrorTag,
|
|
209
|
+
wp as DialAnalyticsHistogram,
|
|
209
210
|
Cr as DialAutocompleteInputValue,
|
|
210
211
|
uo as DialBreadcrumb,
|
|
211
212
|
So as DialBreadcrumbItem,
|
|
@@ -221,7 +222,7 @@ export {
|
|
|
221
222
|
Po as DialDangerIconButton,
|
|
222
223
|
lo as DialDateCellRenderer,
|
|
223
224
|
Vr as DialDestinationFolderPopup,
|
|
224
|
-
|
|
225
|
+
H as DialDraggableItem,
|
|
225
226
|
br as DialDropdown,
|
|
226
227
|
wr as DialDropdownIcon,
|
|
227
228
|
V as DialEllipsisTooltip,
|
|
@@ -235,7 +236,7 @@ export {
|
|
|
235
236
|
Ye as DialFilePermission,
|
|
236
237
|
Ze as DialFileResourceType,
|
|
237
238
|
$ as DialFolderName,
|
|
238
|
-
|
|
239
|
+
Hr as DialFoldersTree,
|
|
239
240
|
Z as DialFormItem,
|
|
240
241
|
lr as DialFormPopup,
|
|
241
242
|
go as DialGhostButton,
|
|
@@ -282,7 +283,7 @@ export {
|
|
|
282
283
|
U as DialTag,
|
|
283
284
|
_r as DialTagInput,
|
|
284
285
|
wo as DialTertiaryIconButton,
|
|
285
|
-
|
|
286
|
+
Ho as DialTextarea,
|
|
286
287
|
Ko as DialTooltip,
|
|
287
288
|
Zo as DialTooltipContainer,
|
|
288
289
|
Xo as DialTooltipContent,
|
|
@@ -294,7 +295,7 @@ export {
|
|
|
294
295
|
he as EDITABLE_CONTAINER_ATTRIBUTE,
|
|
295
296
|
Kr as EditorThemes,
|
|
296
297
|
me as ElementSize,
|
|
297
|
-
|
|
298
|
+
ji as EllipsisTooltip,
|
|
298
299
|
Gt as ErrorMessageNotification,
|
|
299
300
|
ei as ErrorText,
|
|
300
301
|
ht as ErrorToastNotification,
|
|
@@ -305,16 +306,16 @@ export {
|
|
|
305
306
|
_e as FlexibleActionsDirection,
|
|
306
307
|
qt as FolderPath,
|
|
307
308
|
ce as FormItemOrientation,
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
309
|
+
cp as GRID_ALIGN_RIGHT_CLASS,
|
|
310
|
+
sp as GRID_ROOT_CLASS,
|
|
311
|
+
up as GRID_ROW_HEIGHT,
|
|
312
|
+
pp as GRID_SELECTION_COLUMN_ID,
|
|
313
|
+
dp as GRID_THEME_PARAMS,
|
|
313
314
|
yt as GeneralMessageNotification,
|
|
314
315
|
wt as GeneralToastNotification,
|
|
315
316
|
oa as GhostButton,
|
|
316
317
|
na as GhostIconButton,
|
|
317
|
-
|
|
318
|
+
np as Grid,
|
|
318
319
|
Xe as GridSelectionMode,
|
|
319
320
|
Ft as Highlight,
|
|
320
321
|
ca as IconButton,
|
|
@@ -324,6 +325,7 @@ export {
|
|
|
324
325
|
Ea as InlineSelect,
|
|
325
326
|
_a as InlineSelectTrigger,
|
|
326
327
|
ya as Input,
|
|
328
|
+
Ji as InteractiveTooltip,
|
|
327
329
|
ut as JsonSchemaType,
|
|
328
330
|
Pa as Label,
|
|
329
331
|
Ct as LazyDialJsonEditor,
|
|
@@ -342,14 +344,14 @@ export {
|
|
|
342
344
|
Dt as NOT_ALLOWED_SYMBOLS_REGEXP,
|
|
343
345
|
ea as NeutralButton,
|
|
344
346
|
ma as NeutralIconButton,
|
|
345
|
-
|
|
347
|
+
ap as NoDataContent,
|
|
346
348
|
Ot as Notification,
|
|
347
349
|
Bt as NotificationType,
|
|
348
350
|
gt as NotificationVariant,
|
|
349
351
|
ka as NumberInput,
|
|
350
352
|
ta as OutlinedButton,
|
|
351
353
|
za as PasswordInput,
|
|
352
|
-
|
|
354
|
+
va as Popup,
|
|
353
355
|
Qr as PopupSize,
|
|
354
356
|
aa as PrimaryButton,
|
|
355
357
|
la as PrimaryIconButton,
|
|
@@ -358,7 +360,7 @@ export {
|
|
|
358
360
|
fi as RadioGroup,
|
|
359
361
|
jr as RadioGroupOrientation,
|
|
360
362
|
Di as RadioGroupPopupField,
|
|
361
|
-
|
|
363
|
+
op as ResizableContainer,
|
|
362
364
|
Ne as ResizableContainerSide,
|
|
363
365
|
et as SIZE_COLUMN,
|
|
364
366
|
dt as SchemaDisplayMode,
|
|
@@ -377,9 +379,9 @@ export {
|
|
|
377
379
|
yi as Slider,
|
|
378
380
|
d as Spinner,
|
|
379
381
|
fa as StaticIconButton,
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
382
|
+
He as StepStatus,
|
|
383
|
+
vt as SuccessMessageNotification,
|
|
384
|
+
Ht as SuccessToastNotification,
|
|
383
385
|
pi as Switch,
|
|
384
386
|
xe as TabOrientation,
|
|
385
387
|
De as TabView,
|
|
@@ -393,16 +395,16 @@ export {
|
|
|
393
395
|
Ii as ToggleIconButton,
|
|
394
396
|
zi as Tooltip,
|
|
395
397
|
ki as TooltipContainer,
|
|
396
|
-
|
|
398
|
+
vi as TooltipContent,
|
|
397
399
|
Yi as TooltipPlacement,
|
|
398
|
-
|
|
400
|
+
Wi as TooltipTrigger,
|
|
399
401
|
tt as UPDATED_AT_COLUMN,
|
|
400
|
-
|
|
402
|
+
Wt as WarningMessageNotification,
|
|
401
403
|
Kt as WarningToastNotification,
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
404
|
+
Lp as baseColumnComparator,
|
|
405
|
+
Bp as checkColDefsChanges,
|
|
406
|
+
Cp as convertGridDateToDate,
|
|
407
|
+
Ep as convertToDate,
|
|
406
408
|
ye as editableContainerProps,
|
|
407
409
|
Gi as matchesAccept,
|
|
408
410
|
qe as mergeClasses,
|
package/dist/editors.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-B1eG0EeX.cjs"),r=()=>Promise.resolve().then(()=>require("./MarkdownEditorContainer-BqTGQArV.cjs"));exports.EditorThemes=o.EditorThemes;exports.LazyDialJsonEditor=o.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=o.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=o.LazyMarkdownEditor;exports.LazyDialMarkdownEditorContainer=r;
|
package/dist/file-manager.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-file-manager-tabs-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-file-manager-tabs-D0RFLbl1.cjs");exports.DialDestinationFolderPopup=e.DialDestinationFolderPopup;exports.DialFileManager=e.DialFileManager;exports.DialFileManagerActions=e.DialFileManagerActions;exports.DialFileManagerTabs=e.DialFileManagerTabs;exports.DialFoldersTree=e.DialFoldersTree;exports.FileManagerColumnKey=e.FileManagerColumnKey;exports.FileManagerProvider=e.FileManagerProvider;exports.NAME_COLUMN=e.NAME_COLUMN;exports.SIZE_COLUMN=e.SIZE_COLUMN;exports.UPDATED_AT_COLUMN=e.UPDATED_AT_COLUMN;exports.useDialFileManagerTabs=e.useDialFileManagerTabs;exports.useFileManagerContext=e.useFileManagerContext;
|
package/dist/grid.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateCellRenderer-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateCellRenderer-CS8ZbiFh.cjs"),D=require("./DateCellRenderer-B_oow9gn.cjs");exports.DEFAULT_GRID_DATE_FORMAT_OPTIONS=e.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_GRID_DATE_LOCALE=e.DEFAULT_LOCALE;exports.DialDateCellRenderer=e.DialDateCellRenderer;exports.DialGrid=e.DialGrid;exports.GridSelectionMode=e.GridSelectionMode;exports.baseColumnComparator=e.baseColumnComparator;exports.checkColDefsChanges=e.checkColDefsChanges;exports.convertGridDateToDate=e.convertToDate;exports.convertToDate=e.convertToDate;exports.DEFAULT_DATE_FORMAT_OPTIONS=D.DEFAULT_DATE_FORMAT_OPTIONS;exports.DEFAULT_DATE_LOCALE=D.DEFAULT_LOCALE;exports.DateCellRenderer=D.DateCellRenderer;exports.GRID_ALIGN_RIGHT_CLASS=D.GRID_ALIGN_RIGHT_CLASS;exports.GRID_ROOT_CLASS=D.GRID_ROOT_CLASS;exports.GRID_ROW_HEIGHT=D.ROW_HEIGHT;exports.GRID_SELECTION_COLUMN_ID=D.GRID_SELECTION_COLUMN_ID;exports.GRID_THEME_PARAMS=D.GRID_THEME_PARAMS;exports.Grid=D.Grid;
|
package/dist/index.css
CHANGED
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
--bg-control-neutral-active,var(--bg-layer-4,#d1dbea)
|
|
4
4
|
)}::-webkit-scrollbar{height:4px;width:4px}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(
|
|
5
5
|
--bg-control-neutral-active,var(--bg-layer-4,#d1dbea)
|
|
6
|
-
) transparent}.divide-y>:empty~:not([hidden]){border-top:none;border-bottom:none}.dial-surface{background-color:var(--bg-layer-raised,#fcfcfc);color:var(--text-primary,#161b2d)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:769px){.container{max-width:769px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-left-0\.5{left:-.125rem}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.right-0{right:0}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.top-\[-2px\]{top:-2px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[52\]{z-index:52}.z-\[53\]{z-index:53}.z-\[55\]{z-index:55}.-m-px{margin:-1px}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-6{margin-left:-1.5rem}.-mr-2{margin-right:-.5rem}.-mr-px{margin-right:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[2px\]{margin-bottom:2px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-\[26px\]{margin-left:26px}.ml-\[28px\]{margin-left:28px}.ml-\[44px\]{margin-left:44px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-4,.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.size-0{width:0;height:0}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-9{width:2.25rem;height:2.25rem}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[28px\]{width:28px;height:28px}.size-\[38px\]{width:38px;height:38px}.size-\[400px\]{width:400px;height:400px}.size-\[40px\]{width:40px;height:40px}.size-\[48px\]{width:48px;height:48px}.size-\[4px\]{width:4px;height:4px}.size-\[8px\]{width:8px;height:8px}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.\!h-10{height:2.5rem!important}.\!h-6{height:1.5rem!important}.\!h-9{height:2.25rem!important}.\!h-\[600px\]{height:600px!important}.\!h-auto{height:auto!important}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[10px\]{height:10px}.h-\[120px\]{height:120px}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[232px\]{height:232px}.h-\[240px\]{height:240px}.h-\[24px\]{height:24px}.h-\[250px\]{height:250px}.h-\[26px\]{height:26px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[420px\]{height:420px}.h-\[48px\]{height:48px}.h-\[4px\]{height:4px}.h-\[500px\]{height:500px}.h-\[60px\]{height:60px}.h-\[640px\]{height:640px}.h-\[740px\]{height:740px}.h-\[8px\]{height:8px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[344px\]{max-height:344px}.max-h-\[352px\]{max-height:352px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-2{min-height:.5rem}.min-h-4{min-height:1rem}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.min-h-\[248px\]{min-height:248px}.min-h-\[24px\]{min-height:24px}.min-h-\[25px\]{min-height:25px}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.\!w-\[280px\]{width:280px!important}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\/5{width:40%}.w-28{width:7rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[1000px\]{width:1000px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[240px\]{width:240px}.w-\[248px\]{width:248px}.w-\[24px\]{width:24px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[32px\]{width:32px}.w-\[360px\]{width:360px}.w-\[36px\]{width:36px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[420px\]{width:420px}.w-\[422px\]{width:422px}.w-\[44px\]{width:44px}.w-\[450px\]{width:450px}.w-\[480px\]{width:480px}.w-\[4px\]{width:4px}.w-\[500px\]{width:500px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-\[600px\]{width:600px}.w-\[64px\]{width:64px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[24px\]{min-width:24px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-\[420px\]{min-width:420px}.min-w-\[44px\]{min-width:44px}.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.min-w-\[5ch\]{min-width:5ch}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[800px\]{min-width:800px}.\!max-w-\[500px\]{max-width:500px!important}.\!max-w-\[var\(--reference-width\)\]{max-width:var(--reference-width)!important}.max-w-80{max-width:20rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[376px\]{max-width:376px}.max-w-\[428px\]{max-width:428px}.max-w-\[51\%\]{max-width:51%}.max-w-\[600px\]{max-width:600px}.max-w-\[80px\]{max-width:80px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-0{flex-basis:0px}.basis-auto{flex-basis:auto}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!cursor-default{cursor:default!important}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.grid-cols-\[auto_1fr_1fr_1fr\]{grid-template-columns:auto 1fr 1fr 1fr}.grid-cols-\[auto_minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(280px\2c 1fr\)_minmax\(220px\2c 1fr\)_minmax\(220px\2c 1fr\)\]{grid-template-columns:minmax(280px,1fr) minmax(220px,1fr) minmax(220px,1fr)}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[160px\]{-moz-column-gap:160px;column-gap:160px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-\[80px\]{row-gap:80px}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-tertiary>:not([hidden])~:not([hidden]){border-color:var(--stroke-tertiary,#e0e6f0)}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:4px!important}.\!rounded-\[2px\]{border-radius:2px!important}.rounded{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[120px\]{border-radius:120px}.rounded-\[20px\]{border-radius:20px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-control{border-radius:var(--radius-control,9999px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:4px;border-top-right-radius:4px}.\!border{border-width:1px!important}.\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[0\.5px\]{border-width:.5px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.\!border-solid{border-style:solid!important}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-error{border-color:var(--stroke-error,#ae2f2f)!important}.\!border-primary{border-color:var(--stroke-primary,#57647a)!important}.\!border-transparent{border-color:transparent!important}.border-\[\#F4CE46\]{--tw-border-opacity:1;border-color:rgb(244 206 70/var(--tw-border-opacity,1))}.border-accent{border-color:var(--stroke-accent,#1d4ed8)}.border-accent-primary{border-color:var(--stroke-accent-primary,#124ace)}.border-accent-secondary{border-color:var(--stroke-accent-secondary,#007274)}.border-control-disable-primary{border-color:var(--stroke-control-disable-primary,#848e9c)}.border-default{border-color:var(--stroke-default,#b2c2dd)}.border-error{border-color:var(--stroke-error,#ae2f2f)}.border-hover{border-color:var(--stroke-hover,#eef1f7)}.border-info{border-color:var(--stroke-info,#1d4ed8)}.border-primary{border-color:var(--stroke-primary,#57647a)}.border-red-900{border-color:var(--red-900,#402027)}.border-secondary{border-color:var(--stroke-secondary,#d1dbea)}.border-success{border-color:var(--stroke-success,#007274)}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.border-transparent{border-color:transparent}.border-warning{border-color:var(--stroke-warning,#eec840)}.border-b-accent-primary{border-bottom-color:var(--stroke-accent-primary,#124ace)}.border-l-accent-primary{border-left-color:var(--stroke-accent-primary,#124ace)}.border-l-transparent{border-left-color:transparent}.border-t-accent{border-top-color:var(--stroke-accent,#1d4ed8)}.\!bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)!important}.\!bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)!important}.\!bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)!important}.\!bg-success{background-color:var(--bg-success,#d9f0f1)!important}.bg-accent-primary{background-color:var(--bg-accent-primary,#5c8dea)}.bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)}.bg-accent-secondary-alpha{background-color:var(--bg-accent-secondary-alpha,#37babc2e)}.bg-accent-tertiary-alpha{background-color:var(--bg-accent-tertiary-alpha,#a972ff2e)}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-blackout{background-color:var(--bg-blackout,#0c101d4d)}.bg-control-accent{background-color:var(--bg-control-accent,#1d4ed8)}.bg-control-accent-alpha{background-color:var(--bg-control-accent-alpha,#2764d90f)}.bg-control-accent-alpha-hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.bg-control-disable-primary{background-color:var(--bg-control-disable-primary,#dce0e8)}.bg-control-disable-secondary{background-color:var(--bg-control-disable-secondary,#acb3c3)}.bg-control-error{background-color:var(--bg-control-error,#ae2f2f)}.bg-control-inverted{background-color:var(--bg-control-inverted,#57647a)}.bg-control-neutral{background-color:var(--bg-control-neutral,#fcfcfc)}.bg-control-neutral-active{background-color:var(--bg-control-neutral-active,#d1dbea)}.bg-control-neutral-default{background-color:var(--bg-control-neutral-default,#acb3c3)}.bg-controls-accent-primary{background-color:var(--controls-bg-accent-primary,#124ace)}.bg-controls-accent-primary-alpha-active{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.bg-controls-disable{background-color:var(--controls-bg-disable,#d1dbea)}.bg-controls-disable-accent{background-color:var(--controls-bg-disable-accent,#7c8293)}.bg-controls-enable-primary{background-color:var(--controls-enable-primary,#fcfcfc)}.bg-controls-error{background-color:var(--controls-bg-error,#ae2f2f)}.bg-error{background-color:var(--bg-error,#f3d6d8)}.bg-info{background-color:var(--bg-info,#d6e2f9)}.bg-layer-0{background-color:var(--bg-layer-0,#fcfcfc)}.bg-layer-1{background-color:var(--bg-layer-1,#e0e6f0)}.bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)}.bg-layer-3{background-color:var(--bg-layer-3,#fcfcfc)}.bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)}.bg-layer-base{background-color:var(--bg-layer-base,#f5f7fa)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-neutral{background-color:var(--bg-neutral,#fcfcfc)}.bg-red-400{background-color:var(--bg-red-400,#f76464)}.bg-success{background-color:var(--bg-success,#d9f0f1)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--bg-warning,#faf0cf)}.bg-none{background-image:none}.fill-control-inverted{fill:var(--bg-control-inverted,#57647a)}.stroke-primary{stroke:var(--stroke-primary,#57647a)}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-\[9px\]{padding:9px!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-\[3px\]{padding:3px}.p-\[6px\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[7px\]{padding-left:7px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-\[7px\]{padding-right:7px}.ps-5{padding-inline-start:1.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font{font-family:var(--theme-font,var(--font-inter))}.font-mono{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-\[10px\]\/\[12px\]{font-size:10px;line-height:12px}.text-\[12px\]\/\[16px\]{font-size:12px;line-height:16px}.text-\[14px\]\/\[20px\]{font-size:14px;line-height:20px}.text-\[18px\]\/\[22px\]{font-size:18px;line-height:22px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-accent{color:var(--text-accent,#1d4ed8)!important}.text-\[var\(--bg-layer-0\2c _\#000000\)\]{color:var(--bg-layer-0,#000)}.text-accent{color:var(--text-accent,#1d4ed8)}.text-accent-primary{color:var(--text-accent-primary,#7da4ff)}.text-accent-secondary{color:var(--text-accent-secondary,#37babc)}.text-accent-tertiary{color:var(--text-accent-tertiary,#a972ff)}.text-control-disable-primary{color:var(--text-control-disable-primary,#848e9c)}.text-control-inverted{color:var(--text-control-inverted,#fcfcfc)}.text-control-permanent{color:var(--text-control-permanent,#fcfcfc)}.text-controls-accent-disable{color:var(--controls-text-accent-disable,#d1dbea)}.text-controls-primary-disable{color:var(--controls-text-primary-disable,#696e7c)}.text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.text-error{color:var(--text-error,#ae2f2f)}.text-info{color:var(--text-info,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.text-success{color:var(--text-success,#007274)}.text-tertiary{color:var(--text-tertiary,#848e9c)}.text-transparent{color:transparent}.text-warning{color:var(--text-warning,#7f6300)}.text-warning-icon{color:var(--text-warning-icon,#eec840)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid;outline-width:1px}.outline-offset-0{outline-offset:0}.outline-offset-2{outline-offset:2px}.outline-accent-focus{outline-color:var(--stroke-accent-focus,#6785fb)}.outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-sky-400{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1))}.ring-offset-1{--tw-ring-offset-width:1px}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[writing-mode\:tb-rl\]{writing-mode:tb-rl}}.placeholder\:text-secondary::-moz-placeholder{color:var(--text-secondary,#57647a)}.placeholder\:text-secondary::placeholder{color:var(--text-secondary,#57647a)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-\[18px\]:before{content:var(--tw-content);height:18px}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:rounded:before{content:var(--tw-content);border-radius:4px}.before\:border:before{content:var(--tw-content);border-width:1px}.before\:border-hover:before{content:var(--tw-content);border-color:var(--stroke-hover,#eef1f7)}.before\:bg-layer-4:before{content:var(--tw-content);background-color:var(--bg-layer-4,#d1dbea)}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.focus-within\:border-accent-focus:focus-within{border-color:var(--stroke-accent-focus,#6785fb)}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-transparent:hover{border-color:transparent!important}.hover\:border-accent:hover{border-color:var(--stroke-accent,#1d4ed8)}.hover\:border-accent-alpha:hover{border-color:var(--stroke-accent-alpha,#2764d933)}.hover\:border-error:hover{border-color:var(--stroke-error,#ae2f2f)}.hover\:border-hover:hover{border-color:var(--stroke-hover,#eef1f7)}.hover\:bg-accent-primary-alpha:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.hover\:bg-control-accent-alpha-hover:hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.hover\:bg-control-accent-hover:hover{background-color:var(--bg-control-accent-hover,#5976e9)}.hover\:bg-control-neutral-hover-strong:hover{background-color:var(--bg-control-neutral-hover-strong,#848e9c)}.hover\:bg-controls-accent-primary-alpha-active:hover{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.hover\:bg-layer-3:hover{background-color:var(--bg-layer-3,#fcfcfc)}.hover\:bg-layer-4:hover{background-color:var(--bg-layer-4,#d1dbea)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent:hover{color:var(--text-accent,#1d4ed8)}.hover\:text-accent-primary:hover{color:var(--text-accent-primary,#7da4ff)}.hover\:text-accent-tertiary:hover{color:var(--text-accent-tertiary,#a972ff)}.hover\:text-control-accent-hover:hover{color:var(--text-control-accent-hover,#5976e9)}.hover\:text-controls-accent-primary-hover:hover{color:var(--controls-text-accent-primary-hover,#3664e2)}.hover\:text-error:hover{color:var(--text-error,#ae2f2f)}.hover\:text-primary:hover{color:var(--text-primary,#161b2d)}.hover\:shadow-lg:hover{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-accent-primary-alpha:focus{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-none:focus-visible{border-style:none}.focus-visible\:border-focus:focus-visible{border-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:bg-control-accent-alpha-active:active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.active\:text-control-accent-active:active{color:var(--text-control-accent-active,#6785fb)}.active\:text-controls-accent-primary-active:active{color:var(--controls-text-accent-primary-active,#7da4ff)}.enabled\:text-secondary:enabled{color:var(--text-secondary,#57647a)}.enabled\:hover\:bg-accent-primary-alpha:hover:enabled{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.enabled\:hover\:bg-control-accent-alpha-hover:hover:enabled{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.enabled\:hover\:text-accent-primary:hover:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:hover\:text-control-accent-hover:hover:enabled{color:var(--text-control-accent-hover,#5976e9)}.enabled\:active\:bg-control-accent-alpha-active:active:enabled{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.enabled\:active\:bg-controls-accent-primary-alpha-active:active:enabled{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.enabled\:active\:text-accent-primary:active:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:active\:text-control-accent-active:active:enabled{color:var(--text-control-accent-active,#6785fb)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-control-disable-primary:disabled{color:var(--text-control-disable-primary,#848e9c)}.disabled\:text-controls-secondary-disable:disabled{color:var(--controls-text-secondary-disable,#9fa6bd)}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:hover\:cursor-default:hover:disabled{cursor:default}.group\/grid-row:hover .group-hover\/grid-row\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:visible,.group\/item:hover .group-hover\/item\:visible{visibility:visible}.group\/grid-row:hover .group-hover\/grid-row\:bg-accent-primary-alpha,.group\/item:hover .group-hover\/item\:bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.group:hover .group-hover\:text-primary{color:var(--text-primary,#161b2d)}.group:hover .group-hover\:opacity-100,.group\/grid-row:hover .group-hover\/grid-row\:opacity-100{opacity:1}.group:disabled .group-disabled\:text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid;outline-width:1px}.peer:focus-visible~.peer-focus-visible\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\:outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.has-\[\[data-menu-item-row\]\:focus-visible\]\:outline:has([data-menu-item-row]:focus-visible){outline-style:solid;outline-width:1px}.has-\[\[data-menu-item-row\]\:focus-visible\]\:outline-focus:has([data-menu-item-row]:focus-visible){outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.aria-expanded\:bg-control-accent-alpha-hover[aria-expanded=true]{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:\!h-\[800px\]{height:800px!important}.md\:h-auto{height:auto}.md\:min-h-\[266px\]{min-height:266px}.md\:max-w-\[1200px\]{max-width:1200px}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[800px\]{max-width:800px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-4{padding:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>div\]\:\!border-0>div{border-width:0!important}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}
|
|
6
|
+
) transparent}.divide-y>:empty~:not([hidden]){border-top:none;border-bottom:none}.dial-surface{background-color:var(--bg-layer-raised,#fcfcfc);color:var(--text-primary,#161b2d)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:769px){.container{max-width:769px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-0\.5{bottom:-.125rem}.-left-0\.5{left:-.125rem}.left-0{left:0}.left-1\/2{left:50%}.left-full{left:100%}.right-0{right:0}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-8{top:2rem}.top-\[-2px\]{top:-2px}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[52\]{z-index:52}.z-\[53\]{z-index:53}.z-\[54\]{z-index:54}.z-\[55\]{z-index:55}.-m-px{margin:-1px}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-ml-6{margin-left:-1.5rem}.-mr-2{margin-right:-.5rem}.-mr-px{margin-right:-1px}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[2px\]{margin-bottom:2px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-\[26px\]{margin-left:26px}.ml-\[28px\]{margin-left:28px}.ml-\[44px\]{margin-left:44px}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-4,.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-5{-webkit-line-clamp:5}.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.size-0{width:0;height:0}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-2{width:.5rem;height:.5rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-9{width:2.25rem;height:2.25rem}.size-\[16px\]{width:16px;height:16px}.size-\[18px\]{width:18px;height:18px}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[28px\]{width:28px;height:28px}.size-\[38px\]{width:38px;height:38px}.size-\[400px\]{width:400px;height:400px}.size-\[40px\]{width:40px;height:40px}.size-\[48px\]{width:48px;height:48px}.size-\[4px\]{width:4px;height:4px}.size-\[8px\]{width:8px;height:8px}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.\!h-10{height:2.5rem!important}.\!h-6{height:1.5rem!important}.\!h-9{height:2.25rem!important}.\!h-\[600px\]{height:600px!important}.\!h-auto{height:auto!important}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[10px\]{height:10px}.h-\[120px\]{height:120px}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[232px\]{height:232px}.h-\[240px\]{height:240px}.h-\[24px\]{height:24px}.h-\[250px\]{height:250px}.h-\[26px\]{height:26px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[32px\]{height:32px}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[40px\]{height:40px}.h-\[420px\]{height:420px}.h-\[48px\]{height:48px}.h-\[4px\]{height:4px}.h-\[500px\]{height:500px}.h-\[60px\]{height:60px}.h-\[640px\]{height:640px}.h-\[740px\]{height:740px}.h-\[8px\]{height:8px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[344px\]{max-height:344px}.max-h-\[352px\]{max-height:352px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-2{min-height:.5rem}.min-h-4{min-height:1rem}.min-h-\[120px\]{min-height:120px}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.min-h-\[248px\]{min-height:248px}.min-h-\[24px\]{min-height:24px}.min-h-\[25px\]{min-height:25px}.min-h-\[38px\]{min-height:38px}.min-h-\[40px\]{min-height:40px}.min-h-\[42px\]{min-height:42px}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-screen{min-height:100vh}.\!w-\[280px\]{width:280px!important}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\/5{width:40%}.w-28{width:7rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[1000px\]{width:1000px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[22px\]{width:22px}.w-\[240px\]{width:240px}.w-\[248px\]{width:248px}.w-\[24px\]{width:24px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[32px\]{width:32px}.w-\[360px\]{width:360px}.w-\[36px\]{width:36px}.w-\[400px\]{width:400px}.w-\[40px\]{width:40px}.w-\[420px\]{width:420px}.w-\[422px\]{width:422px}.w-\[44px\]{width:44px}.w-\[450px\]{width:450px}.w-\[480px\]{width:480px}.w-\[4px\]{width:4px}.w-\[500px\]{width:500px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-\[600px\]{width:600px}.w-\[64px\]{width:64px}.w-\[720px\]{width:720px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[24px\]{min-width:24px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-\[400px\]{min-width:400px}.min-w-\[420px\]{min-width:420px}.min-w-\[44px\]{min-width:44px}.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.min-w-\[5ch\]{min-width:5ch}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[800px\]{min-width:800px}.\!max-w-\[500px\]{max-width:500px!important}.\!max-w-\[var\(--reference-width\)\]{max-width:var(--reference-width)!important}.max-w-80{max-width:20rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[376px\]{max-width:376px}.max-w-\[428px\]{max-width:428px}.max-w-\[450px\]{max-width:450px}.max-w-\[51\%\]{max-width:51%}.max-w-\[600px\]{max-width:600px}.max-w-\[80px\]{max-width:80px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-0{flex-basis:0px}.basis-auto{flex-basis:auto}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.\!cursor-default{cursor:default!important}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.grid-cols-\[auto_1fr_1fr_1fr\]{grid-template-columns:auto 1fr 1fr 1fr}.grid-cols-\[auto_minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[minmax\(280px\2c 1fr\)_minmax\(220px\2c 1fr\)_minmax\(220px\2c 1fr\)\]{grid-template-columns:minmax(280px,1fr) minmax(220px,1fr) minmax(220px,1fr)}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[160px\]{-moz-column-gap:160px;column-gap:160px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-\[80px\]{row-gap:80px}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-tertiary>:not([hidden])~:not([hidden]){border-color:var(--stroke-tertiary,#e0e6f0)}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.\!whitespace-nowrap{white-space:nowrap!important}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:4px!important}.\!rounded-\[2px\]{border-radius:2px!important}.rounded{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[120px\]{border-radius:120px}.rounded-\[20px\]{border-radius:20px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-control{border-radius:var(--radius-control,9999px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-l{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:4px;border-top-right-radius:4px}.\!border{border-width:1px!important}.\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[0\.5px\]{border-width:.5px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.\!border-solid{border-style:solid!important}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-error{border-color:var(--stroke-error,#ae2f2f)!important}.\!border-primary{border-color:var(--stroke-primary,#57647a)!important}.\!border-transparent{border-color:transparent!important}.border-\[\#F4CE46\]{--tw-border-opacity:1;border-color:rgb(244 206 70/var(--tw-border-opacity,1))}.border-accent{border-color:var(--stroke-accent,#1d4ed8)}.border-accent-primary{border-color:var(--stroke-accent-primary,#124ace)}.border-accent-secondary{border-color:var(--stroke-accent-secondary,#007274)}.border-control-disable-primary{border-color:var(--stroke-control-disable-primary,#848e9c)}.border-default{border-color:var(--stroke-default,#b2c2dd)}.border-error{border-color:var(--stroke-error,#ae2f2f)}.border-hover{border-color:var(--stroke-hover,#eef1f7)}.border-info{border-color:var(--stroke-info,#1d4ed8)}.border-primary{border-color:var(--stroke-primary,#57647a)}.border-red-900{border-color:var(--red-900,#402027)}.border-secondary{border-color:var(--stroke-secondary,#d1dbea)}.border-success{border-color:var(--stroke-success,#007274)}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.border-transparent{border-color:transparent}.border-warning{border-color:var(--stroke-warning,#eec840)}.border-b-accent-primary{border-bottom-color:var(--stroke-accent-primary,#124ace)}.border-l-accent-primary{border-left-color:var(--stroke-accent-primary,#124ace)}.border-l-transparent{border-left-color:transparent}.border-t-accent{border-top-color:var(--stroke-accent,#1d4ed8)}.\!bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)!important}.\!bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)!important}.\!bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)!important}.\!bg-success{background-color:var(--bg-success,#d9f0f1)!important}.bg-accent-primary{background-color:var(--bg-accent-primary,#5c8dea)}.bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.bg-accent-secondary{background-color:var(--bg-accent-secondary,#37babc)}.bg-accent-secondary-alpha{background-color:var(--bg-accent-secondary-alpha,#37babc2e)}.bg-accent-tertiary-alpha{background-color:var(--bg-accent-tertiary-alpha,#a972ff2e)}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-blackout{background-color:var(--bg-blackout,#0c101d4d)}.bg-control-accent{background-color:var(--bg-control-accent,#1d4ed8)}.bg-control-accent-alpha{background-color:var(--bg-control-accent-alpha,#2764d90f)}.bg-control-accent-alpha-hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.bg-control-disable-primary{background-color:var(--bg-control-disable-primary,#dce0e8)}.bg-control-disable-secondary{background-color:var(--bg-control-disable-secondary,#acb3c3)}.bg-control-error{background-color:var(--bg-control-error,#ae2f2f)}.bg-control-inverted{background-color:var(--bg-control-inverted,#57647a)}.bg-control-neutral{background-color:var(--bg-control-neutral,#fcfcfc)}.bg-control-neutral-active{background-color:var(--bg-control-neutral-active,#d1dbea)}.bg-control-neutral-default{background-color:var(--bg-control-neutral-default,#acb3c3)}.bg-controls-accent-primary{background-color:var(--controls-bg-accent-primary,#124ace)}.bg-controls-accent-primary-alpha-active{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.bg-controls-disable{background-color:var(--controls-bg-disable,#d1dbea)}.bg-controls-disable-accent{background-color:var(--controls-bg-disable-accent,#7c8293)}.bg-controls-enable-primary{background-color:var(--controls-enable-primary,#fcfcfc)}.bg-controls-error{background-color:var(--controls-bg-error,#ae2f2f)}.bg-error{background-color:var(--bg-error,#f3d6d8)}.bg-info{background-color:var(--bg-info,#d6e2f9)}.bg-layer-0{background-color:var(--bg-layer-0,#fcfcfc)}.bg-layer-1{background-color:var(--bg-layer-1,#e0e6f0)}.bg-layer-2{background-color:var(--bg-layer-2,#eef1f7)}.bg-layer-3{background-color:var(--bg-layer-3,#fcfcfc)}.bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)}.bg-layer-base{background-color:var(--bg-layer-base,#f5f7fa)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-neutral{background-color:var(--bg-neutral,#fcfcfc)}.bg-red-400{background-color:var(--bg-red-400,#f76464)}.bg-success{background-color:var(--bg-success,#d9f0f1)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--bg-warning,#faf0cf)}.bg-none{background-image:none}.fill-control-inverted{fill:var(--bg-control-inverted,#57647a)}.stroke-primary{stroke:var(--stroke-primary,#57647a)}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-\[9px\]{padding:9px!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-\[3px\]{padding:3px}.p-\[6px\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-\[7px\]{padding-left:7px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-\[7px\]{padding-right:7px}.ps-5{padding-inline-start:1.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-middle{vertical-align:middle}.font{font-family:var(--theme-font,var(--font-inter))}.font-mono{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-\[10px\]\/\[12px\]{font-size:10px;line-height:12px}.text-\[12px\]\/\[16px\]{font-size:12px;line-height:16px}.text-\[14px\]\/\[20px\]{font-size:14px;line-height:20px}.text-\[18px\]\/\[22px\]{font-size:18px;line-height:22px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-\[0\.03em\]{letter-spacing:.03em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.\!text-accent{color:var(--text-accent,#1d4ed8)!important}.text-\[var\(--bg-layer-0\2c _\#000000\)\]{color:var(--bg-layer-0,#000)}.text-accent{color:var(--text-accent,#1d4ed8)}.text-accent-primary{color:var(--text-accent-primary,#7da4ff)}.text-accent-secondary{color:var(--text-accent-secondary,#37babc)}.text-accent-tertiary{color:var(--text-accent-tertiary,#a972ff)}.text-control-disable-primary{color:var(--text-control-disable-primary,#848e9c)}.text-control-inverted{color:var(--text-control-inverted,#fcfcfc)}.text-control-permanent{color:var(--text-control-permanent,#fcfcfc)}.text-controls-accent-disable{color:var(--controls-text-accent-disable,#d1dbea)}.text-controls-primary-disable{color:var(--controls-text-primary-disable,#696e7c)}.text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.text-error{color:var(--text-error,#ae2f2f)}.text-info{color:var(--text-info,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.text-success{color:var(--text-success,#007274)}.text-tertiary{color:var(--text-tertiary,#848e9c)}.text-transparent{color:transparent}.text-warning{color:var(--text-warning,#7f6300)}.text-warning-icon{color:var(--text-warning-icon,#eec840)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 8px 10px 0 var(--shadow-sm,#2764d914);--tw-shadow-colored:0 8px 10px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xs{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid;outline-width:1px}.outline-offset-0{outline-offset:0}.outline-offset-2{outline-offset:2px}.outline-accent-focus{outline-color:var(--stroke-accent-focus,#6785fb)}.outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-sky-400{--tw-ring-opacity:1;--tw-ring-color:rgb(56 189 248/var(--tw-ring-opacity,1))}.ring-offset-1{--tw-ring-offset-width:1px}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[writing-mode\:tb-rl\]{writing-mode:tb-rl}}.placeholder\:text-secondary::-moz-placeholder{color:var(--text-secondary,#57647a)}.placeholder\:text-secondary::placeholder{color:var(--text-secondary,#57647a)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-\[18px\]:before{content:var(--tw-content);height:18px}.before\:w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:rounded:before{content:var(--tw-content);border-radius:4px}.before\:border:before{content:var(--tw-content);border-width:1px}.before\:border-hover:before{content:var(--tw-content);border-color:var(--stroke-hover,#eef1f7)}.before\:bg-layer-4:before{content:var(--tw-content);background-color:var(--bg-layer-4,#d1dbea)}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.focus-within\:border-accent-focus:focus-within{border-color:var(--stroke-accent-focus,#6785fb)}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:\!border-transparent:hover{border-color:transparent!important}.hover\:border-accent:hover{border-color:var(--stroke-accent,#1d4ed8)}.hover\:border-accent-alpha:hover{border-color:var(--stroke-accent-alpha,#2764d933)}.hover\:border-error:hover{border-color:var(--stroke-error,#ae2f2f)}.hover\:border-hover:hover{border-color:var(--stroke-hover,#eef1f7)}.hover\:bg-accent-primary-alpha:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.hover\:bg-control-accent-alpha-hover:hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.hover\:bg-control-accent-hover:hover{background-color:var(--bg-control-accent-hover,#5976e9)}.hover\:bg-control-neutral-hover-strong:hover{background-color:var(--bg-control-neutral-hover-strong,#848e9c)}.hover\:bg-controls-accent-primary-alpha-active:hover{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.hover\:bg-layer-3:hover{background-color:var(--bg-layer-3,#fcfcfc)}.hover\:bg-layer-4:hover{background-color:var(--bg-layer-4,#d1dbea)}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-accent:hover{color:var(--text-accent,#1d4ed8)}.hover\:text-accent-primary:hover{color:var(--text-accent-primary,#7da4ff)}.hover\:text-accent-tertiary:hover{color:var(--text-accent-tertiary,#a972ff)}.hover\:text-control-accent-hover:hover{color:var(--text-control-accent-hover,#5976e9)}.hover\:text-controls-accent-primary-hover:hover{color:var(--controls-text-accent-primary-hover,#3664e2)}.hover\:text-error:hover{color:var(--text-error,#ae2f2f)}.hover\:text-primary:hover{color:var(--text-primary,#161b2d)}.hover\:shadow-lg:hover{--tw-shadow:0 8px 44px 0 var(--shadow-lg,#2764d914);--tw-shadow-colored:0 8px 44px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:bg-accent-primary-alpha:focus{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:relative:focus-visible{position:relative}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-none:focus-visible{border-style:none}.focus-visible\:border-focus:focus-visible{border-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid;outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\:bg-control-accent-alpha-active:active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.active\:text-control-accent-active:active{color:var(--text-control-accent-active,#6785fb)}.active\:text-controls-accent-primary-active:active{color:var(--controls-text-accent-primary-active,#7da4ff)}.enabled\:text-secondary:enabled{color:var(--text-secondary,#57647a)}.enabled\:hover\:bg-accent-primary-alpha:hover:enabled{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.enabled\:hover\:bg-control-accent-alpha-hover:hover:enabled{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.enabled\:hover\:text-accent-primary:hover:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:hover\:text-control-accent-hover:hover:enabled{color:var(--text-control-accent-hover,#5976e9)}.enabled\:active\:bg-control-accent-alpha-active:active:enabled{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.enabled\:active\:bg-controls-accent-primary-alpha-active:active:enabled{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}.enabled\:active\:text-accent-primary:active:enabled{color:var(--text-accent-primary,#7da4ff)}.enabled\:active\:text-control-accent-active:active:enabled{color:var(--text-control-accent-active,#6785fb)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-control-disable-primary:disabled{color:var(--text-control-disable-primary,#848e9c)}.disabled\:text-controls-secondary-disable:disabled{color:var(--controls-text-secondary-disable,#9fa6bd)}.disabled\:opacity-75:disabled{opacity:.75}.disabled\:hover\:cursor-default:hover:disabled{cursor:default}.group\/grid-row:hover .group-hover\/grid-row\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:visible,.group\/item:hover .group-hover\/item\:visible{visibility:visible}.group:hover .group-hover\:bg-accent-primary-alpha,.group\/grid-row:hover .group-hover\/grid-row\:bg-accent-primary-alpha,.group\/item:hover .group-hover\/item\:bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.group:hover .group-hover\:bg-layer-4{background-color:var(--bg-layer-4,#d1dbea)}.group:hover .group-hover\:text-primary{color:var(--text-primary,#161b2d)}.group:hover .group-hover\:opacity-100,.group\/grid-row:hover .group-hover\/grid-row\:opacity-100{opacity:1}.group:focus-visible .group-focus-visible\:bg-accent-primary-alpha{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}.group:disabled .group-disabled\:text-controls-secondary-disable{color:var(--controls-text-secondary-disable,#9fa6bd)}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid;outline-width:1px}.peer:focus-visible~.peer-focus-visible\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\:outline-focus{outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.has-\[\[data-menu-item-row\]\:focus-visible\]\:outline:has([data-menu-item-row]:focus-visible){outline-style:solid;outline-width:1px}.has-\[\[data-menu-item-row\]\:focus-visible\]\:outline-focus:has([data-menu-item-row]:focus-visible){outline-color:var(--stroke-focus,var(--stroke-focus-black,#161b2d))}.aria-expanded\:bg-control-accent-alpha-hover[aria-expanded=true]{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:\!h-\[800px\]{height:800px!important}.md\:h-auto{height:auto}.md\:min-h-\[266px\]{min-height:266px}.md\:max-w-\[1200px\]{max-width:1200px}.md\:max-w-\[400px\]{max-width:400px}.md\:max-w-\[800px\]{max-width:800px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-4{padding:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>div\]\:\!border-0>div{border-width:0!important}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var o=(r=>(r.dark="dark",r.light="light",r))(o||{});const e=()=>Promise.resolve().then(()=>require("./JsonEditor-BlaSMX26.cjs")),i=()=>Promise.resolve().then(()=>require("./MarkdownEditor-5kljDPcm.cjs")),a=()=>Promise.resolve().then(()=>require("./MarkdownEditor-C0_gU7Fi.cjs"));exports.EditorThemes=o;exports.LazyDialJsonEditor=e;exports.LazyDialMarkdownEditor=i;exports.LazyMarkdownEditor=a;
|
|
@@ -51,7 +51,14 @@ export interface DialAnalyticsBarGroupProps {
|
|
|
51
51
|
barTitleClassName?: string;
|
|
52
52
|
/** Additional CSS classes for each bar's value label. */
|
|
53
53
|
barValueClassName?: string;
|
|
54
|
-
/**
|
|
54
|
+
/**
|
|
55
|
+
* Additional CSS classes for each bar's outer container (e.g. for custom hover
|
|
56
|
+
* effects). In compare mode these classes apply to the shared container around
|
|
57
|
+
* both bars (one continuous block), and the entry wrapper is a Tailwind
|
|
58
|
+
* `group` — use `group-hover:` (not `hover:`) for pair hover. When `onBarClick`
|
|
59
|
+
* is set, that container also gets a default accent fill on group hover and
|
|
60
|
+
* `:focus-visible`.
|
|
61
|
+
*/
|
|
55
62
|
barClassName?: string;
|
|
56
63
|
/** Map of bar key to tooltip content. When provided, hovering each bar shows its description. */
|
|
57
64
|
barDescriptions?: Record<string, ReactNode>;
|
|
@@ -89,7 +96,7 @@ export interface DialAnalyticsBarGroupProps {
|
|
|
89
96
|
* @param [inline] - Renders every bar on a single row (50% title, 50% bar + value).
|
|
90
97
|
* @param [barTitleClassName] - Additional CSS classes for each bar's title label.
|
|
91
98
|
* @param [barValueClassName] - Additional CSS classes for each bar's value label.
|
|
92
|
-
* @param [barClassName] - Additional CSS classes for each bar's outer container.
|
|
99
|
+
* @param [barClassName] - Additional CSS classes for each bar's outer container. In compare mode they apply to the shared pair container (one continuous block); the entry is a Tailwind `group` — use `group-hover:` for pair hover; when `onBarClick` is set that container also gets a default accent fill on hover and `:focus-visible`.
|
|
93
100
|
* @param [barDescriptions] - Map of bar key to tooltip content. Hovering each bar shows its description.
|
|
94
101
|
* @param [className] - Additional CSS classes for the accordion container.
|
|
95
102
|
*/
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { TooltipPlacement } from '../../../types/tooltip';
|
|
3
|
+
export interface InteractiveTooltipProps {
|
|
4
|
+
/**
|
|
5
|
+
* The panel's content. Left fully open-ended — unlike a plain tooltip's
|
|
6
|
+
* text, this can be any markup, including its own buttons and links.
|
|
7
|
+
*/
|
|
8
|
+
content: ReactNode;
|
|
9
|
+
/** Side of the trigger the panel is placed on. */
|
|
10
|
+
placement?: TooltipPlacement;
|
|
11
|
+
/** The element the panel is anchored to and opened from. */
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
/** Render `children` as the trigger instead of wrapping it in a `<span>`. */
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
/** Suppress the panel while keeping the trigger rendered. */
|
|
16
|
+
hideTooltip?: boolean;
|
|
17
|
+
/** Whether the panel starts open (uncontrolled only). */
|
|
18
|
+
initialOpen?: boolean;
|
|
19
|
+
/** Controlled open state; disables the hover and focus triggers. */
|
|
20
|
+
open?: boolean;
|
|
21
|
+
/** Callback fired when the open state should change. */
|
|
22
|
+
onOpenChange?: (open: boolean) => void;
|
|
23
|
+
/** Additional CSS classes for the trigger element. */
|
|
24
|
+
triggerClassName?: string;
|
|
25
|
+
/** Additional CSS classes for the panel. */
|
|
26
|
+
contentClassName?: string;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* A hover panel that, unlike {@link Tooltip}, can hold its own interactive
|
|
30
|
+
* content.
|
|
31
|
+
* aliases: HoverCard|InfoPopover
|
|
32
|
+
* Design system 2.0
|
|
33
|
+
*
|
|
34
|
+
* Opens next to the trigger on hover or focus, the way a tooltip does, but
|
|
35
|
+
* stays open while the pointer moves into the panel so its content — links,
|
|
36
|
+
* buttons, anything — can be hovered and clicked. It carries no `role`, since
|
|
37
|
+
* ARIA's `tooltip` role forbids focusable content and this is meant to hold
|
|
38
|
+
* some; a panel with meaningfully interactive content should still be
|
|
39
|
+
* reachable without a mouse (Tab from the trigger reaches it), but a purely
|
|
40
|
+
* decorative one is fine to leave out of the tab order entirely.
|
|
41
|
+
*
|
|
42
|
+
* Renders nothing on a mobile screen, where there is no hover to reveal it —
|
|
43
|
+
* so, as with {@link Tooltip}, a control must never depend on this panel alone
|
|
44
|
+
* to be understood or operated.
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
* ```tsx
|
|
48
|
+
* <InteractiveTooltip
|
|
49
|
+
* placement={TooltipPlacement.Right}
|
|
50
|
+
* content={
|
|
51
|
+
* <>
|
|
52
|
+
* <p>Lets the model write and execute Python in an isolated sandbox.</p>
|
|
53
|
+
* <Button variant={ButtonVariant.Primary} appearance={ButtonAppearance.Link}>
|
|
54
|
+
* View details
|
|
55
|
+
* </Button>
|
|
56
|
+
* </>
|
|
57
|
+
* }
|
|
58
|
+
* >
|
|
59
|
+
* <MenuItem label="code-interpreter" />
|
|
60
|
+
* </InteractiveTooltip>
|
|
61
|
+
* ```
|
|
62
|
+
*
|
|
63
|
+
* @param content - The panel's content
|
|
64
|
+
* @param children - The element that triggers the panel
|
|
65
|
+
* @param [asChild=false] - Use the child as the trigger instead of wrapping it in a `<span>`
|
|
66
|
+
* @param [hideTooltip=false] - Suppress the panel while keeping the trigger rendered
|
|
67
|
+
* @param [triggerClassName] - Additional CSS classes for the trigger element
|
|
68
|
+
* @param [contentClassName] - Additional CSS classes for the panel
|
|
69
|
+
* @param [placement=TooltipPlacement.Right] - Side of the trigger the panel is placed on
|
|
70
|
+
* @param [initialOpen=false] - Whether the panel starts open (uncontrolled only)
|
|
71
|
+
* @param [open] - Controlled open state; disables the hover and focus triggers
|
|
72
|
+
* @param [onOpenChange] - Callback fired when the open state should change
|
|
73
|
+
*/
|
|
74
|
+
export declare const InteractiveTooltip: FC<InteractiveTooltipProps>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Interactive tooltip layout and styling constants.
|
|
3
|
+
* Design system 2.0
|
|
4
|
+
*/
|
|
5
|
+
/** Space left between the panel and the trigger, in px. */
|
|
6
|
+
export declare const INTERACTIVE_TOOLTIP_GAP = 8;
|
|
7
|
+
/**
|
|
8
|
+
* Delay before an on-hover interactive tooltip opens, in ms. Long enough that
|
|
9
|
+
* a pointer crossing the trigger on its way somewhere else does not flash it.
|
|
10
|
+
*/
|
|
11
|
+
export declare const INTERACTIVE_TOOLTIP_HOVER_OPEN_DELAY = 400;
|
|
12
|
+
/**
|
|
13
|
+
* The panel sits above the surface it is anchored to — a dropdown or select
|
|
14
|
+
* overlay, both `z-[53]` — since it can be opened from a row inside one of
|
|
15
|
+
* them.
|
|
16
|
+
*
|
|
17
|
+
* By style this is a neutral floating panel rather than the coloured
|
|
18
|
+
* `Notification` banner: it shares the raised-card shape a dropdown or the
|
|
19
|
+
* calendar use (`shadow-md`, `rounded-xl`), on the base `bg-layer-0` surface
|
|
20
|
+
* rather than their raised one — the panel is opened over content, not
|
|
21
|
+
* stacked inside another panel. `contentClassName` can still replace it with
|
|
22
|
+
* any other background: `twMerge` resolves the conflicting `bg-*` utility.
|
|
23
|
+
* Padding and width are the panel's own, sized for a block of copy and
|
|
24
|
+
* controls rather than a menu row.
|
|
25
|
+
*/
|
|
26
|
+
export declare const interactiveTooltipClassName = "z-[54] max-w-[320px] rounded-xl bg-layer-0 p-4 dial-small-text text-primary shadow-md";
|
package/dist/src/index.d.ts
CHANGED
|
@@ -241,6 +241,8 @@ export type { TooltipContentProps } from './components/New/Tooltip/TooltipConten
|
|
|
241
241
|
export { TooltipTrigger } from './components/New/Tooltip/TooltipTrigger';
|
|
242
242
|
export type { TooltipContainerOptions } from './components/New/Tooltip/TooltipContext';
|
|
243
243
|
export { TooltipPlacement } from './types/tooltip.ts';
|
|
244
|
+
export { InteractiveTooltip } from './components/New/InteractiveTooltip/InteractiveTooltip';
|
|
245
|
+
export type { InteractiveTooltipProps } from './components/New/InteractiveTooltip/InteractiveTooltip';
|
|
244
246
|
export { EllipsisTooltip } from './components/New/EllipsisTooltip/EllipsisTooltip';
|
|
245
247
|
export type { EllipsisTooltipProps } from './components/New/EllipsisTooltip/EllipsisTooltip';
|
|
246
248
|
export { CollapsibleSidebar } from './components/New/CollapsibleSidebar/CollapsibleSidebar';
|