haze-ui 1.31.0 → 1.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +32 -0
- package/dist/components/Button/Button.js +33 -15
- package/dist/components/Button/ButtonLink.js +12 -21
- package/dist/components/Button/styles.js +2 -2
- package/dist/components/Cascader/Cascader.js +11 -11
- package/dist/components/ColorPicker/ColorPicker.js +4 -4
- package/dist/components/Combobox/Combobox.js +128 -119
- package/dist/components/Command/Command.js +9 -9
- package/dist/components/ConfigProvider/ConfigContext.js +16 -0
- package/dist/components/ConfirmDialog/confirm.js +41 -0
- package/dist/components/ConfirmDialog/index.js +2 -1
- package/dist/components/DataTable/DataTable.js +24 -24
- package/dist/components/DateTimePicker/DateTimePicker.js +25 -0
- package/dist/components/DateTimePicker/index.js +3 -0
- package/dist/components/Datepicker/Datepicker.js +8 -7
- package/dist/components/Datepicker/DatepickerCore.js +60 -59
- package/dist/components/Drawer/Drawer.js +45 -40
- package/dist/components/Fieldset/Fieldset.js +25 -0
- package/dist/components/Fieldset/index.js +2 -0
- package/dist/components/Highlight/Highlight.js +19 -0
- package/dist/components/Highlight/index.js +2 -0
- package/dist/components/Indicator/Indicator.js +37 -0
- package/dist/components/Indicator/index.js +2 -0
- package/dist/components/InlineCompletion/InlineCompletion.js +4 -4
- package/dist/components/Input/Input.js +9 -7
- package/dist/components/Input/InputCore.js +32 -13
- package/dist/components/LoadingOverlay/LoadingOverlay.js +30 -0
- package/dist/components/LoadingOverlay/index.js +3 -0
- package/dist/components/LocaleProvider/ar-sa.js +4 -0
- package/dist/components/LocaleProvider/de-de.js +4 -0
- package/dist/components/LocaleProvider/es-es.js +4 -0
- package/dist/components/LocaleProvider/fr-fr.js +4 -0
- package/dist/components/LocaleProvider/it-it.js +4 -0
- package/dist/components/LocaleProvider/ja-jp.js +4 -0
- package/dist/components/LocaleProvider/ko-kr.js +4 -0
- package/dist/components/LocaleProvider/locale.js +4 -0
- package/dist/components/LocaleProvider/pt-br.js +4 -0
- package/dist/components/LocaleProvider/ru-ru.js +4 -0
- package/dist/components/LocaleProvider/zh-cn.js +4 -0
- package/dist/components/Mark/Mark.js +20 -0
- package/dist/components/Mark/index.js +2 -0
- package/dist/components/Mentions/MentionsCore.js +3 -3
- package/dist/components/Menu/MenuItem.js +6 -4
- package/dist/components/NumberFormatter/NumberFormatter.js +16 -0
- package/dist/components/NumberFormatter/index.js +2 -0
- package/dist/components/OTPInput/OTPInputCore.js +6 -6
- package/dist/components/PasswordInput/PasswordInputCore.js +27 -26
- package/dist/components/Rating/RatingCore.js +18 -18
- package/dist/components/Select/Select.js +28 -23
- package/dist/components/Select/SelectCore.js +26 -23
- package/dist/components/Select/SelectFloating.js +157 -153
- package/dist/components/Spoiler/Spoiler.js +36 -0
- package/dist/components/Spoiler/index.js +3 -0
- package/dist/components/TagGroup/SortableTagGroup.js +32 -20
- package/dist/components/TagGroup/TagGroup.js +23 -9
- package/dist/components/TagGroup/TagGroupItem.js +21 -15
- package/dist/components/TagInput/TagInputCore.js +10 -10
- package/dist/components/TimePicker/TimePickerPanel.js +3 -3
- package/dist/components/Toast/ToastContainer.js +4 -4
- package/dist/components/TreeSelect/TreeSelect.js +6 -6
- package/dist/components/VisuallyHidden/VisuallyHidden.js +15 -0
- package/dist/components/VisuallyHidden/index.js +2 -0
- package/dist/css/accordion.css +2 -0
- package/dist/css/activity-rail.css +2 -0
- package/dist/css/affix.css +2 -0
- package/dist/css/alert.css +2 -0
- package/dist/css/anchor.css +2 -0
- package/dist/css/app-shell.css +2 -0
- package/dist/css/approval-card.css +2 -0
- package/dist/css/aspect-ratio.css +2 -0
- package/dist/css/async-section.css +2 -0
- package/dist/css/avatar-group.css +2 -0
- package/dist/css/avatar.css +2 -0
- package/dist/css/back-to-top.css +2 -0
- package/dist/css/badge.css +2 -0
- package/dist/css/banner.css +2 -0
- package/dist/css/bottom-sheet.css +2 -0
- package/dist/css/breadcrumb.css +2 -0
- package/dist/css/button.css +3 -2
- package/dist/css/calendar.css +2 -0
- package/dist/css/card.css +2 -0
- package/dist/css/carousel.css +2 -0
- package/dist/css/cascader.css +2 -0
- package/dist/css/chart.css +2 -0
- package/dist/css/chat-container.css +2 -0
- package/dist/css/chat-input.css +2 -0
- package/dist/css/chat-message.css +2 -0
- package/dist/css/checkbox.css +2 -0
- package/dist/css/chip.css +2 -0
- package/dist/css/code-block.css +2 -0
- package/dist/css/collapsible.css +2 -0
- package/dist/css/color-picker.css +2 -0
- package/dist/css/combobox.css +2 -0
- package/dist/css/command.css +2 -0
- package/dist/css/confirm-dialog.css +2 -0
- package/dist/css/container.css +2 -0
- package/dist/css/context-menu.css +2 -0
- package/dist/css/conversation-list.css +2 -0
- package/dist/css/count-up.css +2 -0
- package/dist/css/data-table.css +2 -0
- package/dist/css/date-range-picker.css +2 -0
- package/dist/css/datepicker.css +2 -0
- package/dist/css/descriptions.css +2 -0
- package/dist/css/dialog.css +2 -0
- package/dist/css/diff-viewer.css +2 -0
- package/dist/css/disclosure.css +2 -0
- package/dist/css/divider.css +2 -0
- package/dist/css/drawer.css +2 -0
- package/dist/css/dropdown-menu.css +2 -0
- package/dist/css/ellipsis.css +2 -0
- package/dist/css/empty.css +2 -0
- package/dist/css/fieldset.css +4 -0
- package/dist/css/file-input.css +2 -0
- package/dist/css/file-preview.css +2 -0
- package/dist/css/flex.css +2 -0
- package/dist/css/float-button.css +2 -0
- package/dist/css/form.css +2 -0
- package/dist/css/grid.css +2 -0
- package/dist/css/hover-card.css +2 -0
- package/dist/css/icon.css +2 -0
- package/dist/css/image.css +2 -0
- package/dist/css/indicator.css +4 -0
- package/dist/css/inline-completion.css +2 -0
- package/dist/css/inline-edit.css +2 -0
- package/dist/css/input.css +3 -1
- package/dist/css/json-view.css +2 -0
- package/dist/css/kbd.css +2 -0
- package/dist/css/list.css +2 -0
- package/dist/css/loading-overlay.css +4 -0
- package/dist/css/log-viewer.css +2 -0
- package/dist/css/mark.css +4 -0
- package/dist/css/markdown-renderer.css +2 -0
- package/dist/css/masonry.css +2 -0
- package/dist/css/mentions.css +2 -0
- package/dist/css/menu.css +3 -1
- package/dist/css/model-picker.css +2 -0
- package/dist/css/navigation-bar.css +2 -0
- package/dist/css/number-input.css +2 -0
- package/dist/css/otp-input.css +2 -0
- package/dist/css/pagination.css +2 -0
- package/dist/css/password-input.css +3 -1
- package/dist/css/popover.css +2 -0
- package/dist/css/progress.css +2 -0
- package/dist/css/prompt-input.css +2 -0
- package/dist/css/qr-code.css +2 -0
- package/dist/css/radio.css +2 -0
- package/dist/css/rating.css +2 -0
- package/dist/css/resizable.css +2 -0
- package/dist/css/result.css +2 -0
- package/dist/css/scroll-area.css +2 -0
- package/dist/css/segmented.css +2 -0
- package/dist/css/select.css +2 -0
- package/dist/css/sidebar.css +2 -0
- package/dist/css/signature.css +2 -0
- package/dist/css/skeleton.css +2 -0
- package/dist/css/slider.css +2 -0
- package/dist/css/sources.css +2 -0
- package/dist/css/sparkline.css +2 -0
- package/dist/css/spinner.css +2 -0
- package/dist/css/spoiler.css +4 -0
- package/dist/css/stat.css +2 -0
- package/dist/css/status-bar.css +2 -0
- package/dist/css/step-timeline.css +2 -0
- package/dist/css/stepper.css +2 -0
- package/dist/css/streaming-text.css +2 -0
- package/dist/css/swipe-action.css +2 -0
- package/dist/css/switch.css +2 -0
- package/dist/css/tab-bar.css +2 -0
- package/dist/css/table.css +2 -0
- package/dist/css/tabs.css +2 -0
- package/dist/css/tag-group.css +2 -0
- package/dist/css/tag-input.css +2 -0
- package/dist/css/tag.css +2 -0
- package/dist/css/textarea.css +2 -0
- package/dist/css/thinking-indicator.css +2 -0
- package/dist/css/time-picker.css +2 -0
- package/dist/css/timeline.css +2 -0
- package/dist/css/toast.css +2 -0
- package/dist/css/toggle.css +2 -0
- package/dist/css/token-counter.css +2 -0
- package/dist/css/tokens.css +2 -0
- package/dist/css/tool-call-card.css +2 -0
- package/dist/css/toolbar.css +2 -0
- package/dist/css/tooltip.css +2 -0
- package/dist/css/tour.css +2 -0
- package/dist/css/transfer.css +2 -0
- package/dist/css/tree-select.css +2 -0
- package/dist/css/tree.css +2 -0
- package/dist/css/typography.css +2 -0
- package/dist/css/upload.css +2 -0
- package/dist/css/virtual-list.css +2 -0
- package/dist/css/visually-hidden.css +4 -0
- package/dist/css/watermark.css +2 -0
- package/dist/css/workbench.css +2 -0
- package/dist/css-manifest.json +186 -1
- package/dist/haze-ui.css +405 -5
- package/dist/headless/index.js +18 -17
- package/dist/hooks/useBusyPressable.js +10 -0
- package/dist/index.js +112 -102
- package/dist/mcp-docs.json +498 -3
- package/dist/registry.json +142 -10
- package/dist/types/components/Button/Button.d.ts +50 -5
- package/dist/types/components/Button/ButtonLink.d.ts +27 -15
- package/dist/types/components/Button/styles.d.ts +34 -0
- package/dist/types/components/Combobox/Combobox.d.ts +20 -2
- package/dist/types/components/Combobox/index.d.ts +1 -1
- package/dist/types/components/ConfigProvider/ConfigContext.d.ts +20 -0
- package/dist/types/components/ConfirmDialog/ConfirmDialog.d.ts +1 -1
- package/dist/types/components/ConfirmDialog/confirm.d.ts +33 -0
- package/dist/types/components/ConfirmDialog/index.d.ts +2 -0
- package/dist/types/components/DateTimePicker/DateTimePicker.d.ts +36 -0
- package/dist/types/components/DateTimePicker/index.d.ts +2 -0
- package/dist/types/components/Datepicker/Datepicker.d.ts +3 -3
- package/dist/types/components/Datepicker/DatepickerCore.d.ts +3 -3
- package/dist/types/components/Drawer/Drawer.d.ts +15 -2
- package/dist/types/components/Drawer/index.d.ts +1 -1
- package/dist/types/components/Fieldset/Fieldset.d.ts +16 -0
- package/dist/types/components/Fieldset/index.d.ts +2 -0
- package/dist/types/components/Highlight/Highlight.d.ts +27 -0
- package/dist/types/components/Highlight/index.d.ts +2 -0
- package/dist/types/components/Indicator/Indicator.d.ts +24 -0
- package/dist/types/components/Indicator/index.d.ts +2 -0
- package/dist/types/components/Input/Input.d.ts +8 -2
- package/dist/types/components/Input/InputCore.d.ts +11 -2
- package/dist/types/components/LoadingOverlay/LoadingOverlay.d.ts +25 -0
- package/dist/types/components/LoadingOverlay/index.d.ts +2 -0
- package/dist/types/components/LocaleProvider/locale.d.ts +4 -0
- package/dist/types/components/Mark/Mark.d.ts +12 -0
- package/dist/types/components/Mark/index.d.ts +2 -0
- package/dist/types/components/Menu/MenuItem.d.ts +15 -4
- package/dist/types/components/NumberFormatter/NumberFormatter.d.ts +23 -0
- package/dist/types/components/NumberFormatter/index.d.ts +2 -0
- package/dist/types/components/Select/Select.d.ts +23 -2
- package/dist/types/components/Select/SelectCore.d.ts +4 -1
- package/dist/types/components/Select/SelectFloating.d.ts +6 -1
- package/dist/types/components/Select/index.d.ts +1 -1
- package/dist/types/components/Spoiler/Spoiler.d.ts +20 -0
- package/dist/types/components/Spoiler/index.d.ts +2 -0
- package/dist/types/components/TagGroup/SortableTagGroup.d.ts +5 -1
- package/dist/types/components/TagGroup/TagGroup.d.ts +24 -2
- package/dist/types/components/TagGroup/index.d.ts +1 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts +4 -0
- package/dist/types/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/types/headless/index.d.ts +9 -0
- package/dist/types/hooks/index.d.ts +13 -0
- package/dist/types/hooks/useBusyPressable.d.ts +33 -0
- package/dist/types/hooks/useElementSize.d.ts +38 -0
- package/dist/types/hooks/useIdle.d.ts +45 -0
- package/dist/types/hooks/useMutationObserver.d.ts +35 -0
- package/dist/types/hooks/useNetwork.d.ts +31 -0
- package/dist/types/hooks/useOrientation.d.ts +23 -0
- package/dist/types/hooks/useResizeObserver.d.ts +48 -0
- package/dist/types/index.d.ts +24 -6
- package/package.json +5 -5
package/dist/css/result.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui result — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Result__base{padding:var(--haze-space-8) var(--haze-space-4);text-align:center;font-family:var(--haze-font-sans);flex-direction:column;justify-content:center;align-items:center;display:flex}.haze-Result__iconStyle{margin-bottom:var(--haze-space-4)}.haze-Result__titleStyle{font-size:var(--haze-text-xl);font-weight:var(--haze-weight-semibold);color:var(--haze-color-text)}.haze-Result__subTitleStyle{margin-top:var(--haze-space-2);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary)}.haze-Result__extraStyle{align-items:center;gap:var(--haze-space-3);margin-top:var(--haze-space-6);display:flex}
|
|
4
|
+
}
|
package/dist/css/scroll-area.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui scroll-area — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-ScrollArea__base{font-family:var(--haze-font-sans);scrollbar-width:thin;scrollbar-color:var(--haze-color-border) transparent;overflow:auto}.haze-ScrollArea__base::-webkit-scrollbar{width:6px;height:6px}.haze-ScrollArea__base::-webkit-scrollbar-track{background:0 0}.haze-ScrollArea__base::-webkit-scrollbar-thumb{background:var(--haze-color-border);border-radius:var(--haze-radius-full)}.haze-ScrollArea__base::-webkit-scrollbar-thumb:hover{background:var(--haze-color-border-hover)}
|
|
4
|
+
}
|
package/dist/css/segmented.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui segmented — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-SegmentedCore__container{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);gap:2px;padding:2px;display:inline-flex;overflow-x:auto}.haze-SegmentedCore__sm button{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-SegmentedCore__md button{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SegmentedCore__lg button{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SegmentedCore__btn{border-radius:var(--haze-radius-sm);color:var(--haze-color-text-secondary);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);min-height:var(--haze-space-6);-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast);white-space:nowrap;background:0 0;border:none}.haze-SegmentedCore__btn:hover:not(:disabled){color:var(--haze-color-text)}.haze-SegmentedCore__btn:disabled{opacity:.5;cursor:not-allowed}.haze-SegmentedCore__btn:focus-visible{box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}@media (forced-colors:active){.haze-SegmentedCore__btn{outline-offset:-1px;outline:1px solid canvastext}.haze-SegmentedCore__btn:focus-visible{outline-offset:-2px;outline:2px solid highlight}.haze-SegmentedCore__btn:disabled{opacity:1;color:graytext;outline-color:graytext}}.haze-SegmentedCore__activeBtn{background:var(--haze-color-bg);color:var(--haze-color-text);box-shadow:var(--haze-shadow-sm)}@media (forced-colors:active){.haze-SegmentedCore__activeBtn{color:highlighttext;background:highlight}}
|
|
4
|
+
}
|
package/dist/css/select.css
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/* haze-ui select — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-SelectCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;-webkit-padding-end:var(--haze-space-8);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);padding-inline-end:var(--haze-space-8);display:block}[dir=rtl] .haze-SelectCore__base{-webkit-background-position:left var(--haze-space-3) center;background-position:left var(--haze-space-3) center}.haze-SelectCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-SelectCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-SelectCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SelectCore__nativeClearWrap{width:100%;display:block;position:relative}.haze-SelectCore__nativeClear{inset-inline-end:var(--haze-space-3);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;z-index:1;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}[data-clearable]:hover .haze-SelectCore__nativeClear,[data-clearable]:focus-within .haze-SelectCore__nativeClear{opacity:1;visibility:visible;pointer-events:auto}.haze-SelectCore__nativeClear:hover{color:var(--haze-color-text)}
|
|
3
4
|
.haze-SelectFloating__wrapper{width:100%;display:inline-block;position:relative}.haze-SelectFloating__trigger{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;text-align:start;cursor:pointer;box-sizing:border-box;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-SelectFloating__trigger:hover{border-color:var(--haze-color-border-hover)}.haze-SelectFloating__trigger:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectFloating__trigger:disabled{opacity:.5;cursor:not-allowed}.haze-SelectFloating__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectFloating__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectFloating__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SelectFloating__placeholderText{color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-SelectFloating__triggerLabel{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.haze-SelectFloating__chipItem{align-items:center;display:inline-flex}.haze-SelectFloating__chipRemove{border-radius:var(--haze-radius-full);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;-webkit-margin-start:var(--haze-space-1);opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-start:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-SelectFloating__chipRemove:hover{opacity:1}.haze-SelectFloating__overflowBadge{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);white-space:nowrap;padding:var(--haze-space-1) var(--haze-space-2);cursor:default;align-items:center;line-height:1;display:inline-flex}.haze-SelectFloating__clearBtn{border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-clearable]:hover .haze-SelectFloating__clearBtn,[data-clearable]:focus-within .haze-SelectFloating__clearBtn{opacity:1;visibility:visible;pointer-events:auto}.haze-SelectFloating__clearBtn:hover{color:var(--haze-color-text)}.haze-SelectFloating__caret{-webkit-margin-start:auto;color:var(--haze-color-text-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.haze-SelectFloating__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-SelectFloating__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-SelectFloating__panelSearch{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);padding:var(--haze-space-2)}.haze-SelectFloating__listboxInner{max-height:200px;overflow-y:auto}.haze-SelectFloating__searchInput{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-1) var(--haze-space-2);margin-block-end:var(--haze-space-2);display:block}.haze-SelectFloating__searchInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectFloating__loadingBlock{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-3);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);display:flex}.haze-SelectFloating__emptyBlock{padding:var(--haze-space-3);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:center}.haze-SelectFloating__groupLabelText{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted)}.haze-SelectFloating__groupLabelRow{padding:var(--haze-space-1) var(--haze-space-3)}.haze-SelectFloating__virtualRow{box-sizing:border-box;height:100%}.haze-SelectFloating__optionRow{padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;align-items:center;display:flex}.haze-SelectFloating__optionRow:hover{background:var(--haze-color-bg-subtle)}.haze-SelectFloating__optionRow:active{background:var(--haze-color-bg-muted)}.haze-SelectFloating__optionActive{background:var(--haze-color-bg-subtle)}.haze-SelectFloating__optionSelected{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-SelectFloating__checkboxVisual{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:1.125rem;height:1.125rem;-webkit-transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast);transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast);flex-shrink:0;display:inline-block;position:relative}[role=option]:hover .haze-SelectFloating__checkboxVisual{border-color:var(--haze-color-border-hover)}.haze-SelectFloating__checkboxVisual:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.haze-SelectFloating__checkboxChecked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-SelectFloating__checkboxChecked:after{display:block}
|
|
4
5
|
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
6
|
+
}
|
package/dist/css/sidebar.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui sidebar — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Sidebar__sidebar{box-sizing:border-box;width:var(--haze-sidebar-width,16rem);background:var(--haze-color-bg);height:100%;color:var(--haze-color-text);border-inline-end:1px solid var(--haze-color-border);font-family:var(--haze-font-sans);-webkit-transition:width var(--haze-duration-normal) var(--haze-ease);transition:width var(--haze-duration-normal) var(--haze-ease);flex-direction:column;display:flex;overflow:hidden}.haze-Sidebar__sidebar[data-state=collapsed]{width:var(--haze-sidebar-width-collapsed,3.5rem)}.haze-Sidebar__nav{gap:var(--haze-space-4);min-height:0;padding:var(--haze-space-3);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.haze-Sidebar__group{gap:var(--haze-space-1);flex-direction:column;display:flex}.haze-Sidebar__groupTitle{padding:var(--haze-space-2);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-Sidebar__item{align-items:center;gap:var(--haze-space-3);min-width:0;padding:var(--haze-space-2);border-radius:var(--haze-radius-md);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);white-space:nowrap;cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);-webkit-text-decoration:none;text-decoration:none;display:flex;position:relative}.haze-Sidebar__item:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-Sidebar__item:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}[data-state=collapsed] .haze-Sidebar__item{flex:1;justify-content:center;padding-inline:0}.haze-Sidebar__itemActive{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium);background:var(--haze-color-primary-subtle)}.haze-Sidebar__itemActive:hover{color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-Sidebar__itemIcon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.haze-Sidebar__itemIcon>svg{width:100%;height:100%}.haze-Sidebar__itemLabel{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}[data-state=collapsed] .haze-Sidebar__itemLabel{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.haze-Sidebar__footer{gap:var(--haze-space-1);padding:var(--haze-space-3);border-block-start:1px solid var(--haze-color-border);flex-direction:column;display:flex}.haze-Sidebar__toggle{width:var(--haze-space-8);height:var(--haze-space-8);border-radius:var(--haze-radius-md);color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.haze-Sidebar__toggle:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-Sidebar__toggle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Sidebar__toggleIcon{width:16px;height:16px;-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[data-state=collapsed] .haze-Sidebar__toggleIcon{transform:rotate(180deg)}
|
|
4
|
+
}
|
package/dist/css/signature.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui signature — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Signature__root{gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-direction:column;display:inline-flex}.haze-Signature__canvasFrame{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);-webkit-transition:border-color var(--haze-duration-fast);transition:border-color var(--haze-duration-fast);overflow:hidden}.haze-Signature__canvasFrame:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Signature__canvasClass{cursor:crosshair;touch-action:none;display:block}.haze-Signature__canvasClass[data-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.6}.haze-Signature__toolbar{gap:var(--haze-space-2);display:flex}.haze-Signature__toolButton{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text-secondary);font-size:var(--haze-text-sm);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast);display:inline-flex}.haze-Signature__toolButton:hover:enabled{border-color:var(--haze-color-border-hover);color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-Signature__toolButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Signature__toolButton:disabled{opacity:.5;cursor:not-allowed}.haze-Signature__unsupportedNotice{border:1px dashed var(--haze-color-border);border-radius:var(--haze-radius-md);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}
|
|
4
|
+
}
|
package/dist/css/skeleton.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui skeleton — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Skeleton__base{background:var(--haze-color-bg-muted);animation:1.5s ease-in-out infinite shimmer-haze-Skeleton__base;display:block}@media (prefers-reduced-motion:reduce){.haze-Skeleton__base{animation-duration:.01ms;animation-iteration-count:1}}@keyframes shimmer-haze-Skeleton__base{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (forced-colors:active){.haze-Skeleton__base{background:graytext}}.haze-Skeleton__text{border-radius:var(--haze-radius-sm);height:1em}.haze-Skeleton__circular{border-radius:var(--haze-radius-full)}.haze-Skeleton__rectangular{border-radius:var(--haze-radius-md)}
|
|
4
|
+
}
|
package/dist/css/slider.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui slider — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-SliderCore__base{appearance:none;width:100%;height:var(--haze-space-6);background:var(--haze-color-bg-muted) center/100% 6px no-repeat;cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);outline:none}.haze-SliderCore__base::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),box-shadow var(--haze-duration-fast)}.haze-SliderCore__base::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer}.haze-SliderCore__base:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.haze-SliderCore__base{background:canvastext 50%/100% 6px no-repeat}.haze-SliderCore__base::-webkit-slider-thumb{background:highlight;border-color:highlighttext}.haze-SliderCore__base::-moz-range-thumb{background:highlight;border-color:highlighttext}.haze-SliderCore__base:focus-visible{outline-offset:2px;outline:2px solid highlight}}.haze-SliderCore__rangeWrapper{width:100%;display:block;position:relative}.haze-SliderCore__rangeWrapper:has(input:disabled){cursor:not-allowed;opacity:.5}.haze-SliderCore__singleWrapper{width:100%;display:flex;position:relative}.haze-SliderCore__rangeRail{height:var(--haze-space-6);background:var(--haze-color-bg-muted) center/100% 6px no-repeat;display:block}@media (forced-colors:active){.haze-SliderCore__rangeRail{background:canvastext 50%/100% 6px no-repeat}}.haze-SliderCore__rangeFill{height:var(--haze-space-6);background:var(--haze-color-primary) center/100% 6px no-repeat;position:absolute;inset-block-start:0}@media (forced-colors:active){.haze-SliderCore__rangeFill{background:highlight 50%/100% 6px no-repeat}}.haze-SliderCore__rangeInput{pointer-events:none;background:0 0;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.haze-SliderCore__rangeInput::-webkit-slider-thumb{pointer-events:auto}.haze-SliderCore__rangeInput::-moz-range-thumb{pointer-events:auto}.haze-SliderCore__rangeInput:disabled{opacity:1}.haze-SliderCore__verticalWrapper{--haze-slider-track:calc(var(--haze-space-16) * 2);inline-size:max-content;display:inline-flex;position:relative}.haze-SliderCore__verticalInput{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb;writing-mode:vertical-lr;width:var(--haze-space-6);height:var(--haze-slider-track);-webkit-background-size:6px 100%;direction:rtl;background-size:6px 100%}@media (forced-colors:active){.haze-SliderCore__verticalInput{background:canvastext 50%/6px 100% no-repeat}}.haze-SliderCore__verticalRail{width:var(--haze-space-6);height:var(--haze-slider-track);background:var(--haze-color-bg-muted) center/6px 100% no-repeat}@media (forced-colors:active){.haze-SliderCore__verticalRail{background:canvastext 50%/6px 100% no-repeat}}.haze-SliderCore__verticalFill{width:var(--haze-space-6);background:var(--haze-color-primary) center/6px 100% no-repeat}@media (forced-colors:active){.haze-SliderCore__verticalFill{background:highlight 50%/6px 100% no-repeat}}.haze-SliderCore__marksHorizontal{padding-block-end:var(--haze-space-6)}.haze-SliderCore__marksVertical{-webkit-padding-end:var(--haze-space-12);padding-inline-end:var(--haze-space-12)}.haze-SliderCore__markBase{cursor:pointer;padding-inline:var(--haze-space-1);align-items:center;display:flex;position:absolute}.haze-SliderCore__markHorizontal{flex-direction:column;inset-block-start:calc((var(--haze-space-6) - 6px) / 2);transform:translate(-50%)}.haze-SliderCore__markHorizontal>span:first-child{margin-block-start:1px}.haze-SliderCore__markVertical{gap:var(--haze-space-2);inset-inline-start:calc((var(--haze-space-6) - 6px) / 2);transform:translateY(50%)}.haze-SliderCore__markTick{border-radius:var(--haze-radius-full);background:var(--haze-color-text-muted);flex:none;width:4px;height:4px}@media (forced-colors:active){.haze-SliderCore__markTick{background:canvastext}}.haze-SliderCore__markLabel{font-size:var(--haze-text-xs);line-height:var(--haze-leading-normal);color:var(--haze-color-text-secondary);white-space:nowrap}.haze-SliderCore__tooltipBubble{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);background:var(--haze-color-text);color:var(--haze-color-text-inverse);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);line-height:var(--haze-leading-normal);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);position:absolute;inset-block-start:calc((var(--haze-space-6) - 6px) / 2 - var(--haze-space-1));transform:translate(-50%,-100%)}.haze-SliderCore__tooltipBubble[data-state=open]{opacity:1;visibility:visible}@media (forced-colors:active){.haze-SliderCore__tooltipBubble{color:canvastext;background:canvas;border:1px solid canvastext}}.haze-SliderCore__tooltipBubbleVertical{inset-block-start:auto;inset-inline-start:calc((var(--haze-space-6) + 6px) / 2 + var(--haze-space-2));transform:translateY(-50%)}
|
|
4
|
+
}
|
package/dist/css/sources.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui sources — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Sources__list{gap:var(--haze-space-1);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Sources__item{-webkit-box-flex-wrap:wrap;-webkit-column-gap:var(--haze-space-2);align-items:baseline;column-gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-Sources__badge{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.haze-Sources__link{color:var(--haze-color-primary);-webkit-text-decoration:none;text-decoration:none}.haze-Sources__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.haze-Sources__title{color:var(--haze-color-text)}.haze-Sources__toggleBtn{-ms-grid-row-align:center;border-radius:var(--haze-radius-sm);width:1.25rem;height:1.25rem;color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.haze-Sources__toggleBtn:hover{color:var(--haze-color-text)}.haze-Sources__toggleBtn[aria-expanded=true] svg{transform:rotate(90deg)}.haze-Sources__snippetBase{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:2px solid var(--haze-color-border);color:var(--haze-color-text-secondary);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);flex-basis:100%}.haze-Sources__snippetHidden{opacity:0;visibility:hidden}[data-haze-sources-item]:hover .haze-Sources__snippetHidden,[data-haze-sources-item]:focus-within .haze-Sources__snippetHidden,.haze-Sources__snippetShown{opacity:1;visibility:visible}.haze-Sources__compactNav{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);flex-wrap:wrap;display:inline-flex}.haze-Sources__compactBadge{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);padding:0 var(--haze-space-1);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none}.haze-Sources__compactBadge:hover{color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}
|
|
4
|
+
}
|
package/dist/css/sparkline.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui sparkline — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-sparkline-styles__base{vertical-align:middle;display:inline-block;overflow:visible}.haze-sparkline-styles__primary{fill:color-mix(in oklab, var(--haze-color-primary) 12%, transparent)}.haze-sparkline-styles__success{fill:color-mix(in oklab, var(--haze-color-success) 12%, transparent)}.haze-sparkline-styles__danger{fill:color-mix(in oklab, var(--haze-color-danger) 12%, transparent)}.haze-sparkline-styles__warning{fill:color-mix(in oklab, var(--haze-color-warning) 12%, transparent)}.haze-sparkline-styles__info{fill:color-mix(in oklab, var(--haze-color-info) 12%, transparent)}
|
|
4
|
+
}
|
package/dist/css/spinner.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui spinner — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Spinner__base{animation:.8s linear infinite spin-haze-Spinner__base;display:inline-flex}@media (prefers-reduced-motion:reduce){.haze-Spinner__base{animation-duration:.01ms;animation-iteration-count:1}}@keyframes spin-haze-Spinner__base{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (forced-colors:active){.haze-Spinner__base svg circle{stroke:graytext}.haze-Spinner__base svg path{stroke:canvastext}}.haze-Spinner__sm{width:16px;height:16px}.haze-Spinner__md{width:24px;height:24px}.haze-Spinner__lg{width:32px;height:32px}
|
|
4
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/* haze-ui spoiler — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
3
|
+
.haze-Spoiler__root{display:block}.haze-Spoiler__clip{position:relative;overflow:hidden}.haze-Spoiler__clip:after{content:"";inset-inline:0;height:var(--haze-space-8);background:linear-gradient(transparent, var(--haze-spoiler-fade-bg,var(--haze-color-bg)));pointer-events:none;position:absolute;bottom:0}@media (forced-colors:active){.haze-Spoiler__clip:after{background:0 0;border-top:1px dotted graytext}}.haze-Spoiler__toggle{appearance:none;padding:var(--haze-space-1) 0;margin-top:var(--haze-space-1);cursor:pointer;color:var(--haze-color-primary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);background:0 0;border:none}.haze-Spoiler__toggle:hover{color:var(--haze-color-primary-hover);-webkit-text-decoration:underline;text-decoration:underline}
|
|
4
|
+
}
|
package/dist/css/stat.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui stat — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Stat__base{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-Stat__titleStyle{font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-1)}.haze-Stat__valueRow{align-items:baseline;gap:var(--haze-space-2);display:flex}.haze-Stat__valueStyle{font-size:var(--haze-text-2xl);font-weight:var(--haze-weight-bold);color:var(--haze-color-text);line-height:var(--haze-leading-tight)}.haze-Stat__up{color:var(--haze-color-success)}.haze-Stat__down{color:var(--haze-color-danger)}.haze-Stat__neutral{color:var(--haze-color-text-muted)}.haze-Stat__trendStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium)}.haze-Stat__descStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}.haze-Stat__groupStyle{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-6);flex-wrap:wrap;display:flex}
|
|
4
|
+
}
|
package/dist/css/status-bar.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui status-bar — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-StatusBar__bar{box-sizing:border-box;align-items:stretch;gap:var(--haze-space-1);min-height:var(--haze-space-6);background:var(--haze-color-bg-subtle);border-block-start:1px solid var(--haze-color-border);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);line-height:var(--haze-leading-tight);display:flex}.haze-StatusBar__group{align-items:stretch;gap:var(--haze-space-1);min-width:0;display:flex}.haze-StatusBar__groupEnd{-webkit-margin-start:auto;margin-inline-start:auto}.haze-StatusBar__item{box-sizing:border-box;align-items:center;gap:var(--haze-space-1);padding-inline:var(--haze-space-2);color:inherit;font-family:inherit;font-size:inherit;white-space:nowrap;-webkit-transition:background var(--haze-duration-fast) var(--haze-ease),color var(--haze-duration-fast) var(--haze-ease);transition:background var(--haze-duration-fast) var(--haze-ease),color var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;display:inline-flex}.haze-StatusBar__item:hover{background:var(--haze-color-bg-muted);color:var(--haze-color-text)}.haze-StatusBar__item:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}@media (width<=768px){.haze-StatusBar__item:not([data-priority]){display:none}}.haze-StatusBar__itemAction{cursor:pointer}
|
|
4
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui step-timeline — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-StepTimeline__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-StepTimeline__item{gap:var(--haze-space-3);padding-bottom:var(--haze-space-4);display:flex;position:relative}.haze-StepTimeline__item:last-child{padding-bottom:0}.haze-StepTimeline__item:not(:last-child):before{content:"";inset-inline-start:.5625rem;background:var(--haze-color-border);width:2px;position:absolute;top:1.5rem;bottom:0}.haze-StepTimeline__marker{border-radius:var(--haze-radius-full);border:2px solid var(--haze-color-border);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.5rem;display:flex}.haze-StepTimeline__markerPending{border-color:var(--haze-color-border);background:var(--haze-color-bg)}.haze-StepTimeline__markerActive{border-color:var(--haze-color-primary);background:var(--haze-color-primary)}.haze-StepTimeline__markerDone{border-color:var(--haze-color-success);background:var(--haze-color-success);color:var(--haze-color-text-inverse)}.haze-StepTimeline__markerError{border-color:var(--haze-color-danger);background:var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-StepTimeline__body{flex:1;min-width:0;padding-top:.0625rem}.haze-StepTimeline__labelStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-StepTimeline__descriptionStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}
|
|
4
|
+
}
|
package/dist/css/stepper.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui stepper — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Step__step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.haze-Step__stepConnector{top:16px;background:var(--haze-color-border);width:100%;height:2px;position:absolute;inset-inline-start:50%}@media (forced-colors:active){.haze-Step__stepConnector{background:canvastext}}.haze-Step__stepActiveConnector{background:var(--haze-color-primary)}@media (forced-colors:active){.haze-Step__stepActiveConnector{background:highlight}}.haze-Step__circle{border-radius:var(--haze-radius-full);width:2.25rem;height:2.25rem;font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);border:2px solid var(--haze-color-border);background:var(--haze-color-bg);color:var(--haze-color-text-muted);-webkit-transition:all var(--haze-duration-normal);transition:all var(--haze-duration-normal);justify-content:center;align-items:center;display:flex}.haze-Step__activeCircle{border-color:var(--haze-color-primary);background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}@media (forced-colors:active){.haze-Step__activeCircle{color:highlighttext;background:highlight;border-color:highlight}}.haze-Step__completedCircle{border-color:var(--haze-color-primary);background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}@media (forced-colors:active){.haze-Step__completedCircle{color:highlighttext;background:highlight;border-color:highlight}}.haze-Step__titleStyle{margin-top:var(--haze-space-2);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);text-align:center}.haze-Step__activeTitle{color:var(--haze-color-text);font-weight:var(--haze-weight-medium)}.haze-Step__completedTitle{color:var(--haze-color-primary)}.haze-Step__descStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);text-align:center;margin-top:var(--haze-space-1)}
|
|
3
4
|
.haze-Stepper__stepper{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;font-family:var(--haze-font-sans);flex-wrap:wrap;align-items:flex-start;display:flex}
|
|
5
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui streaming-text — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-StreamingText__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);white-space:pre-wrap}.haze-StreamingText__cursor{background:var(--haze-color-primary);-webkit-margin-start:1px;vertical-align:text-bottom;width:.5em;height:1em;margin-inline-start:1px;animation:1s step-end infinite blink-haze-StreamingText__cursor;display:inline-block}@media (prefers-reduced-motion:reduce){.haze-StreamingText__cursor{animation-duration:.01ms;animation-iteration-count:1}}@keyframes blink-haze-StreamingText__cursor{50%{opacity:0}}.haze-StreamingText__srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
4
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui swipe-action — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-SwipeAction__wrapper{font-family:var(--haze-font-sans);position:relative;overflow:hidden}.haze-SwipeAction__actionsLeft{align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.haze-SwipeAction__actionsRight{align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.haze-SwipeAction__content{background:var(--haze-color-bg);-webkit-transition:-webkit-transform var(--haze-duration-normal) ease;transition:transform var(--haze-duration-normal) ease;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}
|
|
4
|
+
}
|
package/dist/css/switch.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui switch — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-SwitchCore__track{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;-webkit-transition:background var(--haze-duration-normal);transition:background var(--haze-duration-normal);border:none;align-items:center;padding:2px;display:inline-flex;position:relative}.haze-SwitchCore__track:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SwitchCore__track:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.haze-SwitchCore__track{border:1px solid canvastext}.haze-SwitchCore__track:focus-visible{outline-offset:2px;outline:2px solid highlight}.haze-SwitchCore__track:disabled{opacity:1;border-color:graytext}.haze-SwitchCore__track:disabled [data-slot=thumb]{background:graytext}}.haze-SwitchCore__trackChecked{background:var(--haze-color-primary)}@media (forced-colors:active){.haze-SwitchCore__trackChecked{background:highlight;border-color:highlight}.haze-SwitchCore__trackChecked [data-slot=thumb]{background:highlighttext}.haze-SwitchCore__trackChecked:disabled{background:graytext;border-color:graytext}.haze-SwitchCore__trackChecked:disabled [data-slot=thumb]{background:canvas}}.haze-SwitchCore__thumb{border-radius:var(--haze-radius-full);-webkit-transition:-webkit-transform var(--haze-duration-normal);transition:transform var(--haze-duration-normal);box-shadow:var(--haze-shadow-sm);background:#fff;display:block}.haze-SwitchCore__trackSm{width:2.25rem;height:var(--haze-space-6)}.haze-SwitchCore__trackMd{width:40px;height:var(--haze-space-6)}.haze-SwitchCore__trackLg{width:48px;height:26px}.haze-SwitchCore__thumbSm{width:1rem;height:1rem}.haze-SwitchCore__thumbMd{width:18px;height:18px}.haze-SwitchCore__thumbLg{width:22px;height:22px}.haze-SwitchCore__thumbCheckedSm{transform:translate(1rem)}.haze-SwitchCore__thumbCheckedMd{transform:translate(18px)}.haze-SwitchCore__thumbCheckedLg{transform:translate(22px)}
|
|
4
|
+
}
|
package/dist/css/tab-bar.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui tab-bar — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TabBar__bar{box-sizing:border-box;min-height:calc(var(--haze-space-12) + var(--haze-space-2));border-block-start:1px solid var(--haze-color-border);background:var(--haze-color-bg);flex-direction:row;align-items:stretch;padding-block-end:calc(var(--haze-space-1) + env(safe-area-inset-bottom));display:flex;overflow-x:auto}.haze-TabBar__item{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--haze-space-1);min-width:max-content;min-height:calc(var(--haze-space-10) + var(--haze-space-1));padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);font-family:inherit;font-size:var(--haze-text-xs);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),background var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;flex-direction:column;flex:1 1 0;display:inline-flex;position:relative}.haze-TabBar__item:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-TabBar__item:focus-visible{box-shadow:0 0 0 var(--haze-space-1) var(--haze-color-focus-ring);outline:none}.haze-TabBar__itemActive{color:var(--haze-color-primary)}.haze-TabBar__itemActive:hover{color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-TabBar__indicator{height:calc(var(--haze-space-1) / 2);background:var(--haze-color-primary);position:absolute;inset-block-start:0;inset-inline:0}.haze-TabBar__itemIcon{width:var(--haze-space-5);height:var(--haze-space-5);justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-TabBar__itemIcon>svg{width:100%;height:100%}.haze-TabBar__itemLabel{line-height:var(--haze-leading-tight);white-space:nowrap}.haze-TabBar__itemBadge{pointer-events:none;position:absolute;inset-block-start:calc(var(--haze-space-1) / -2);inset-inline-end:calc(var(--haze-space-1) / -2)}
|
|
4
|
+
}
|
package/dist/css/table.css
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/* haze-ui table — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Table__wrapper{overflow-x:auto}.haze-Table__base{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-Table__stripedStyle tbody tr:nth-child(2n){background:var(--haze-color-bg-subtle)}.haze-Table__borderedStyle th,.haze-Table__borderedStyle td{border:1px solid var(--haze-color-border)}
|
|
3
4
|
.haze-TableBody__body td{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);color:var(--haze-color-text-secondary)}
|
|
4
5
|
.haze-TableHead__head{border-bottom:2px solid var(--haze-color-border)}.haze-TableHead__head th{text-align:start;padding:var(--haze-space-2) var(--haze-space-3);font-weight:var(--haze-weight-semibold);color:var(--haze-color-text)}
|
|
6
|
+
}
|
package/dist/css/tabs.css
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/* haze-ui tabs — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-SortableTabList__sortableTab{min-width:calc(var(--haze-space-8) * 2);max-width:calc(var(--haze-space-16) * 4);cursor:-webkit-grab;cursor:grab;touch-action:none;flex:0 auto;display:flex;position:relative}.haze-SortableTabList__sortableTab [role=tab]{cursor:inherit}.haze-SortableTabList__sortableTabActive{min-width:calc(var(--haze-space-10) * 3)}.haze-SortableTabList__sortableTabDragging{z-index:1}
|
|
3
4
|
.haze-Tab__base{box-sizing:border-box;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-4);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;-webkit-transition:color var(--haze-duration-fast),border-color var(--haze-duration-fast);transition:color var(--haze-duration-fast),border-color var(--haze-duration-fast);min-width:calc(var(--haze-space-8) * 2);max-width:calc(var(--haze-space-16) * 4);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:0 auto;margin-bottom:-1px;display:inline-flex;position:relative;overflow:hidden}.haze-Tab__base:hover{color:var(--haze-color-text)}.haze-Tab__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}@media (forced-colors:active){.haze-Tab__base:focus-visible{outline-offset:-2px;outline:2px solid highlight}}.haze-Tab__active{color:var(--haze-color-primary);border-bottom-color:var(--haze-color-primary);min-width:calc(var(--haze-space-10) * 3)}@media (forced-colors:active){.haze-Tab__active{color:highlighttext;background:highlight;border-bottom-color:highlight}}.haze-Tab__iconSlot{flex:none;align-items:center;display:inline-flex}.haze-Tab__iconSlot svg{width:1em;height:1em}.haze-Tab__statusDot{width:var(--haze-space-2);height:var(--haze-space-2);border-radius:var(--haze-radius-full);flex:none;display:inline-block}.haze-Tab__dirty{background:var(--haze-color-text-secondary)}.haze-Tab__error{background:var(--haze-color-danger)}.haze-Tab__syncing{background:var(--haze-color-primary)}.haze-Tab__srOnly{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.haze-Tab__labelContent{align-items:center;gap:var(--haze-space-2);min-width:0;display:inline-flex;overflow:hidden}.haze-Tab__closeGlyph{box-sizing:border-box;top:50%;width:var(--haze-space-6);height:var(--haze-space-6);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-lg);cursor:pointer;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;inset-inline-end:var(--haze-space-4);transform:translateY(-50%)}.haze-Tab__closeGlyph:hover{background:var(--haze-color-bg-muted);color:var(--haze-color-text)}.haze-Tab__closablePad{-webkit-padding-end:calc(var(--haze-space-4) + var(--haze-space-6) + var(--haze-space-2));padding-inline-end:calc(var(--haze-space-4) + var(--haze-space-6) + var(--haze-space-2))}
|
|
4
5
|
.haze-TabList__base{border-bottom:1px solid var(--haze-color-border);scrollbar-width:none;gap:0;display:flex;position:relative;overflow:auto hidden}.haze-TabList__base::-webkit-scrollbar{display:none}.haze-TabList__grow{flex:auto;min-width:0}.haze-TabList__bar{align-items:stretch;display:flex}.haze-TabList__overflowArea{padding-inline:var(--haze-space-1);border-bottom:1px solid var(--haze-color-border);flex:none;align-items:center;display:flex}.haze-TabList__overflowButton{box-sizing:border-box;min-width:var(--haze-space-6);height:var(--haze-space-6);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-lg);cursor:pointer;padding:0 var(--haze-space-1);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.haze-TabList__overflowButton:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-TabList__overflowButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}@media (forced-colors:active){.haze-TabList__overflowButton:focus-visible{outline-offset:-2px;outline:2px solid highlight}}.haze-TabList__menuTabLabel{align-items:center;gap:var(--haze-space-2);display:inline-flex}
|
|
5
6
|
.haze-TabPanel__base{padding:var(--haze-space-4) 0}.haze-TabPanel__hidden{display:none}
|
|
6
7
|
.haze-Tabs__base{font-family:var(--haze-font-sans);flex-direction:column;display:flex}
|
|
8
|
+
}
|
package/dist/css/tag-group.css
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/* haze-ui tag-group — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TagGroupItem__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-radius:var(--haze-radius-full);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);line-height:var(--haze-leading-tight);display:inline-flex}.haze-TagGroupItem__closeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagGroupItem__closeBtn:hover{color:var(--haze-color-text)}
|
|
3
4
|
.haze-tag-group-styles__group{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}
|
|
4
5
|
.haze-sortable__sortableNode{display:inline-flex}.haze-sortable__sortableNodeDragging{z-index:1;position:relative}
|
|
5
6
|
.haze-sortable-handle__sortableHandle{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
|
|
7
|
+
}
|
package/dist/css/tag-input.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui tag-input — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TagInputCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);min-height:2.25rem;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;align-items:center;display:flex}.haze-TagInputCore__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TagInputCore__inputEl{min-width:4rem;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0}
|
|
3
4
|
.haze-tag-input-styles__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-tag-input-styles__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);display:inline-flex}.haze-tag-input-styles__removeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-tag-input-styles__removeBtn:hover{color:var(--haze-color-text)}.haze-tag-input-styles__tagHandle{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.haze-tag-input-styles__tagDragging{z-index:1;position:relative}
|
|
5
|
+
}
|
package/dist/css/tag.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui tag — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Tag__base{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;display:inline-flex}.haze-Tag__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Tag__primary{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-Tag__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Tag__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Tag__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Tag__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-Tag__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-Tag__closeBtn{appearance:none;color:inherit;cursor:pointer;min-width:var(--haze-space-6);min-height:var(--haze-space-6);font-size:inherit;opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.haze-Tag__closeBtn:hover{opacity:1}.haze-Tag__closeBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}
|
|
4
|
+
}
|
package/dist/css/textarea.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui textarea — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TextareaCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);resize:vertical;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:block}.haze-TextareaCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-TextareaCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-TextareaCore__base:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.haze-TextareaCore__base{border-color:canvastext}.haze-TextareaCore__base:focus{outline:2px solid highlight}.haze-TextareaCore__base:disabled{opacity:1;color:graytext}}.haze-TextareaCore__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-TextareaCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-TextareaCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-TextareaCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
|
|
4
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui thinking-indicator — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-ThinkingIndicator__wrapper{align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);padding:var(--haze-space-2) 0;display:inline-flex}.haze-ThinkingIndicator__dots{gap:var(--haze-space-1);display:inline-flex}@keyframes bounce-haze-ThinkingIndicator__dots{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-.375rem)}}.haze-ThinkingIndicator__dot{border-radius:var(--haze-radius-full);background:var(--haze-color-text-muted);width:.375rem;height:.375rem;animation:1.4s ease-in-out infinite bounce}@media (prefers-reduced-motion:reduce){.haze-ThinkingIndicator__dot{animation-duration:.01ms;animation-iteration-count:1}}.haze-ThinkingIndicator__dot2{animation-delay:.16s}.haze-ThinkingIndicator__dot3{animation-delay:.32s}
|
|
4
|
+
}
|
package/dist/css/time-picker.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui time-picker — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TimePickerCore__input{width:100%;padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);outline:none}.haze-TimePickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TimePickerCore__input:disabled{opacity:.5;cursor:not-allowed}.haze-TimePickerCore__input::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-TimePickerCore__input::placeholder{color:var(--haze-color-text-muted)}.haze-TimePickerCore__input:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-TimePickerCore__input::placeholder{color:var(--haze-color-text-muted)}
|
|
3
4
|
.haze-time-picker-styles__wrapper{display:inline-block;position:relative}.haze-time-picker-styles__trigger{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;font-variant-numeric:tabular-nums;display:block}.haze-time-picker-styles__trigger:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-time-picker-styles__trigger:disabled{opacity:.5;cursor:not-allowed}.haze-time-picker-styles__trigger::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-time-picker-styles__trigger::placeholder{color:var(--haze-color-text-muted)}.haze-time-picker-styles__trigger:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-time-picker-styles__trigger::placeholder{color:var(--haze-color-text-muted)}.haze-time-picker-styles__panel{padding:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);flex-direction:column;display:flex}.haze-time-picker-styles__columns{gap:var(--haze-space-1);display:flex}.haze-time-picker-styles__columnWrap{min-width:var(--haze-space-12);height:calc(var(--haze-space-8) * 7);flex:1;position:relative}.haze-time-picker-styles__columnWrap:before{content:"";inset-inline:var(--haze-space-1);top:calc(50% - var(--haze-space-8) / 2);height:var(--haze-space-8);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg-subtle);pointer-events:none;position:absolute}.haze-time-picker-styles__columnList{z-index:1;scrollbar-width:thin;overscroll-behavior:contain;height:100%;padding-block:calc(var(--haze-space-8) * 3);outline:none;position:relative;overflow-y:auto}.haze-time-picker-styles__columnList:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring)}.haze-time-picker-styles__columnOption{height:var(--haze-space-8);border-radius:var(--haze-radius-sm);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;display:flex}.haze-time-picker-styles__columnOption:hover{background:var(--haze-color-bg-subtle)}.haze-time-picker-styles__columnOptionSelected{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-time-picker-styles__columnOptionDisabled{color:var(--haze-color-text-muted);cursor:not-allowed}.haze-time-picker-styles__columnOptionDisabled:hover{background:0 0}.haze-time-picker-styles__footer{justify-content:flex-end;margin-block-start:var(--haze-space-2);display:flex}.haze-time-picker-styles__nowButton{appearance:none;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-primary);cursor:pointer;background:0 0;border:none}.haze-time-picker-styles__nowButton:hover{background:var(--haze-color-bg-subtle)}.haze-time-picker-styles__nowButton:active{background:var(--haze-color-bg-muted)}.haze-time-picker-styles__nowButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
|
|
5
|
+
}
|
package/dist/css/timeline.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui timeline — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Timeline__base{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-Timeline__item{gap:var(--haze-space-3);padding-bottom:var(--haze-space-6);display:flex;position:relative}.haze-Timeline__item:last-child{padding-bottom:0}.haze-Timeline__dotWrapper{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.haze-Timeline__dot{border-radius:var(--haze-radius-full);background:var(--haze-color-border);z-index:1;flex-shrink:0;width:12px;height:12px}.haze-Timeline__primary{background:var(--haze-color-primary)}.haze-Timeline__success{background:var(--haze-color-success)}.haze-Timeline__warning{background:var(--haze-color-warning)}.haze-Timeline__danger{background:var(--haze-color-danger)}.haze-Timeline__line{background:var(--haze-color-border);width:2px;margin-top:var(--haze-space-1);flex:1}.haze-Timeline__content{flex:1;min-width:0}.haze-Timeline__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-Timeline__descStyle,.haze-Timeline__timeStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}
|
|
4
|
+
}
|
package/dist/css/toast.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui toast — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Toast__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);box-shadow:var(--haze-shadow-lg);pointer-events:auto;display:flex}.haze-Toast__base[data-state=open]{-webkit-animation:toastIn-haze-Toast__base var(--haze-duration-normal) var(--haze-ease);animation:toastIn-haze-Toast__base var(--haze-duration-normal) var(--haze-ease)}.haze-Toast__base[data-state=closed]{-webkit-animation:toastOut-haze-Toast__base var(--haze-duration-fast) var(--haze-ease);animation:toastOut-haze-Toast__base var(--haze-duration-fast) var(--haze-ease)}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut-haze-Toast__base{to{opacity:0;transform:translateY(-8px)}}.haze-Toast__info{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__success{background:var(--haze-color-success-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Toast__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Toast__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-text);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Toast__loading{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__contentStyle{flex:1}.haze-Toast__spinnerIcon{width:var(--haze-text-base);height:var(--haze-text-base);flex-shrink:0;animation:.8s linear infinite toastSpin-haze-Toast__spinnerIcon}@media (prefers-reduced-motion:reduce){.haze-Toast__spinnerIcon{animation-duration:.01ms;animation-iteration-count:1}}@keyframes toastSpin-haze-Toast__spinnerIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-Toast__titleStyle{font-weight:var(--haze-weight-medium)}.haze-Toast__descriptionStyle{color:var(--haze-color-text-secondary)}.haze-Toast__actionBtn{appearance:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--haze-weight-medium);line-height:inherit;color:inherit;text-underline-offset:calc(var(--haze-space-1) / 2);-ms-grid-row-align:center;-webkit-transition:color var(--haze-duration-fast);transition:color var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;min-width:24px;min-height:24px;padding:0;-webkit-text-decoration:underline;text-decoration:underline;display:inline-flex}.haze-Toast__actionBtn:hover{color:var(--haze-color-primary)}.haze-Toast__actionBtn:active{color:var(--haze-color-primary-active)}.haze-Toast__actionBtn:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:2px}.haze-Toast__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:0;line-height:1;display:inline-flex}.haze-Toast__closeBtn:hover{opacity:1}
|
|
3
4
|
.haze-ToastContainer__containerBase{z-index:9999;gap:var(--haze-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.haze-ToastContainer__top-left{top:calc(var(--haze-space-4) + env(safe-area-inset-top));left:calc(var(--haze-space-4) + env(safe-area-inset-left))}.haze-ToastContainer__top-right{top:calc(var(--haze-space-4) + env(safe-area-inset-top));right:calc(var(--haze-space-4) + env(safe-area-inset-right))}.haze-ToastContainer__bottom-left{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));left:calc(var(--haze-space-4) + env(safe-area-inset-left))}.haze-ToastContainer__bottom-right{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));right:calc(var(--haze-space-4) + env(safe-area-inset-right))}
|
|
5
|
+
}
|
package/dist/css/toggle.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui toggle — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-ToggleCore__rest{color:var(--haze-color-text);background:0 0}.haze-ToggleCore__rest:hover{background:var(--haze-color-bg-subtle)}.haze-ToggleCore__rest:active{background:var(--haze-color-bg-muted)}.haze-ToggleCore__pressed{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-ToggleCore__pressed:hover{background:var(--haze-color-primary-hover)}.haze-ToggleCore__pressed:active{background:var(--haze-color-primary-active)}@media (forced-colors:active){.haze-ToggleCore__pressed{color:highlighttext;background:highlight}.haze-ToggleCore__pressed:hover,.haze-ToggleCore__pressed:active{background:highlight}}
|
|
4
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui token-counter — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TokenCounter__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-TokenCounter__bar{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-full);height:.25rem;margin-top:var(--haze-space-1);overflow:hidden}.haze-TokenCounter__fill{border-radius:var(--haze-radius-full);height:100%;-webkit-transition:width var(--haze-duration-slow) ease;transition:width var(--haze-duration-slow) ease}.haze-TokenCounter__fillNormal{background:var(--haze-color-primary)}.haze-TokenCounter__fillWarning{background:var(--haze-color-warning)}.haze-TokenCounter__fillDanger{background:var(--haze-color-danger)}.haze-TokenCounter__info{-webkit-box-pack:justify;-ms-flex-pack:space-between;justify-content:space-between;align-items:baseline;display:flex}.haze-TokenCounter__count{font-variant-numeric:tabular-nums}
|
|
4
|
+
}
|
package/dist/css/tokens.css
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/* haze-ui tokens — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-brands__violetLight{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-violet-1:oklch(98.2% .009 293);--haze-violet-2:oklch(92.7% .038 293);--haze-violet-3:oklch(87.2% .069 293);--haze-violet-4:oklch(81.7% .101 293);--haze-violet-5:oklch(76.2% .132 293);--haze-violet-6:oklch(70.7% .161 293);--haze-violet-7:oklch(65.2% .189 293);--haze-violet-8:oklch(59.6% .218 293);--haze-violet-9:oklch(54.1% .247 293);--haze-violet-10:oklch(49.1% .241 292.6);--haze-violet-11:oklch(32.5% .143 292.6);--haze-violet-12:oklch(16% .045 292.6);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-violet-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-violet-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__violetDark{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-violet-1:oklch(15.5% .03 293.5);--haze-violet-2:oklch(22.8% .053 293.5);--haze-violet-3:oklch(30% .076 293.5);--haze-violet-4:oklch(37.3% .098 293.5);--haze-violet-5:oklch(44.5% .121 293.5);--haze-violet-6:oklch(51.8% .144 293.5);--haze-violet-7:oklch(59% .167 293.5);--haze-violet-8:oklch(66.3% .189 293.5);--haze-violet-9:oklch(70.9% .159 293.5);--haze-violet-10:oklch(80% .11 293.5);--haze-violet-11:oklch(89.1% .058 293.5);--haze-violet-12:oklch(98.2% .009 293.5);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-violet-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-violet-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__tealLight{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-teal-1:oklch(98.2% .018 186.4);--haze-teal-2:oklch(92.3% .027 186.4);--haze-teal-3:oklch(86.4% .035 186.4);--haze-teal-4:oklch(80.5% .044 186.4);--haze-teal-5:oklch(74.6% .052 186.4);--haze-teal-6:oklch(68.8% .061 186.4);--haze-teal-7:oklch(62.9% .069 186.4);--haze-teal-8:oklch(57% .078 186.4);--haze-teal-9:oklch(51.1% .086 186.4);--haze-teal-10:oklch(38.6% .059 188.4);--haze-teal-11:oklch(27.3% .047 188.4);--haze-teal-12:oklch(16% .028 188.4);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-teal-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-teal-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__tealDark{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-teal-1:oklch(15.5% .028 182.5);--haze-teal-2:oklch(23.3% .042 182.5);--haze-teal-3:oklch(31.2% .056 182.5);--haze-teal-4:oklch(39% .07 182.5);--haze-teal-5:oklch(46.9% .083 182.5);--haze-teal-6:oklch(54.7% .096 182.5);--haze-teal-7:oklch(62.5% .11 182.5);--haze-teal-8:oklch(70.4% .123 182.5);--haze-teal-9:oklch(78.5% .133 181.9);--haze-teal-10:oklch(85% .092 181.9);--haze-teal-11:oklch(91.6% .052 181.9);--haze-teal-12:oklch(98.2% .012 181.9);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-teal-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-teal-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__cyanLight{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-cyan-1:oklch(98.2% .012 223.1);--haze-cyan-2:oklch(92.4% .027 223.1);--haze-cyan-3:oklch(86.6% .037 223.1);--haze-cyan-4:oklch(80.9% .046 223.1);--haze-cyan-5:oklch(75.1% .056 223.1);--haze-cyan-6:oklch(69.3% .065 223.1);--haze-cyan-7:oklch(63.5% .075 223.1);--haze-cyan-8:oklch(57.8% .084 223.1);--haze-cyan-9:oklch(52% .094 223.1);--haze-cyan-10:oklch(45% .077 224.3);--haze-cyan-11:oklch(30.5% .057 224.3);--haze-cyan-12:oklch(16% .03 224.3);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-cyan-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-cyan-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__cyanDark{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-cyan-1:oklch(15.5% .027 215.2);--haze-cyan-2:oklch(23.5% .042 215.2);--haze-cyan-3:oklch(31.5% .056 215.2);--haze-cyan-4:oklch(39.5% .07 215.2);--haze-cyan-5:oklch(47.5% .084 215.2);--haze-cyan-6:oklch(55.5% .098 215.2);--haze-cyan-7:oklch(63.5% .112 215.2);--haze-cyan-8:oklch(71.5% .126 215.2);--haze-cyan-9:oklch(79.7% .134 211.5);--haze-cyan-10:oklch(85.9% .093 211.5);--haze-cyan-11:oklch(92% .053 211.5);--haze-cyan-12:oklch(98.2% .012 211.5);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-cyan-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-cyan-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__orangeLight{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-orange-1:oklch(98.2% .009 38.4);--haze-orange-2:oklch(92.8% .037 38.4);--haze-orange-3:oklch(87.5% .057 38.4);--haze-orange-4:oklch(82.1% .076 38.4);--haze-orange-5:oklch(76.8% .096 38.4);--haze-orange-6:oklch(71.4% .115 38.4);--haze-orange-7:oklch(66.1% .135 38.4);--haze-orange-8:oklch(60.7% .154 38.4);--haze-orange-9:oklch(55.3% .174 38.4);--haze-orange-10:oklch(47% .143 37.3);--haze-orange-11:oklch(31.5% .094 37.3);--haze-orange-12:oklch(16% .045 37.3);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-orange-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-orange-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__orangeDark{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-orange-1:oklch(15.5% .03 47.6);--haze-orange-2:oklch(23.4% .052 47.6);--haze-orange-3:oklch(31.2% .075 47.6);--haze-orange-4:oklch(39.1% .097 47.6);--haze-orange-5:oklch(46.9% .12 47.6);--haze-orange-6:oklch(54.8% .142 47.6);--haze-orange-7:oklch(62.6% .164 47.6);--haze-orange-8:oklch(70.5% .187 47.6);--haze-orange-9:oklch(75.8% .159 55.9);--haze-orange-10:oklch(83.2% .109 55.9);--haze-orange-11:oklch(90.7% .057 55.9);--haze-orange-12:oklch(98.2% .01 55.9);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-orange-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-orange-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__roseLight{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-rose-1:oklch(98.2% .009 17.6);--haze-rose-2:oklch(93.1% .035 17.6);--haze-rose-3:oklch(88% .064 17.6);--haze-rose-4:oklch(82.9% .094 17.6);--haze-rose-5:oklch(77.9% .12 17.6);--haze-rose-6:oklch(72.8% .145 17.6);--haze-rose-7:oklch(67.7% .171 17.6);--haze-rose-8:oklch(62.6% .196 17.6);--haze-rose-9:oklch(57.5% .222 17.6);--haze-rose-10:oklch(51.4% .198 16.9);--haze-rose-11:oklch(33.7% .121 16.9);--haze-rose-12:oklch(16% .045 16.9);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-rose-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-rose-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-brands__roseDark{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-rose-1:oklch(15.5% .03 16.4);--haze-rose-2:oklch(22.5% .056 16.4);--haze-rose-3:oklch(29.5% .083 16.4);--haze-rose-4:oklch(36.5% .109 16.4);--haze-rose-5:oklch(43.5% .136 16.4);--haze-rose-6:oklch(50.5% .162 16.4);--haze-rose-7:oklch(57.5% .189 16.4);--haze-rose-8:oklch(64.5% .215 16.4);--haze-rose-9:oklch(71.9% .169 13.4);--haze-rose-10:oklch(80.7% .111 13.4);--haze-rose-11:oklch(89.4% .056 13.4);--haze-rose-12:oklch(98.2% .009 13.4);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-rose-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-rose-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}
|
|
3
4
|
.haze-colors__lightTheme{--haze-gray-1:oklch(100% 0 0);--haze-gray-2:oklch(97.9% 0 0);--haze-gray-3:oklch(95.5% 0 0);--haze-gray-4:oklch(90.7% 0 0);--haze-gray-5:oklch(85% 0 0);--haze-gray-6:oklch(79.4% 0 0);--haze-gray-7:oklch(73.8% 0 0);--haze-gray-8:oklch(68.2% 0 0);--haze-gray-9:oklch(62.5% 0 0);--haze-gray-10:oklch(51.7% 0 0);--haze-gray-11:oklch(40.9% 0 0);--haze-gray-12:oklch(21.8% 0 0);--haze-blue-1:oklch(98.2% .008 260.8);--haze-blue-2:oklch(93% .034 260.8);--haze-blue-3:oklch(87.7% .06 260.8);--haze-blue-4:oklch(82.5% .087 260.8);--haze-blue-5:oklch(77.3% .116 260.8);--haze-blue-6:oklch(72% .145 260.8);--haze-blue-7:oklch(66.8% .176 260.8);--haze-blue-8:oklch(61.6% .208 260.8);--haze-blue-9:oklch(56.3% .241 260.8);--haze-blue-10:oklch(54.6% .215 262.9);--haze-blue-11:oklch(35.3% .13 262.9);--haze-blue-12:oklch(16% .045 262.9);--haze-green-1:oklch(98.2% .018 150.1);--haze-green-2:oklch(92.5% .033 150.1);--haze-green-3:oklch(86.8% .048 150.1);--haze-green-4:oklch(81.1% .063 150.1);--haze-green-5:oklch(75.5% .078 150.1);--haze-green-6:oklch(69.8% .092 150.1);--haze-green-7:oklch(64.1% .107 150.1);--haze-green-8:oklch(58.4% .122 150.1);--haze-green-9:oklch(52.7% .137 150.1);--haze-green-10:oklch(40.5% .106 150.1);--haze-green-11:oklch(28.2% .076 150.1);--haze-green-12:oklch(16% .044 150.1);--haze-amber-1:oklch(98.2% .013 70.1);--haze-amber-2:oklch(95.5% .033 70.1);--haze-amber-3:oklch(92.9% .053 70.1);--haze-amber-4:oklch(90.2% .073 70.1);--haze-amber-5:oklch(87.5% .091 70.1);--haze-amber-6:oklch(84.9% .11 70.1);--haze-amber-7:oklch(82.2% .128 70.1);--haze-amber-8:oklch(79.5% .146 70.1);--haze-amber-9:oklch(76.9% .165 70.1);--haze-amber-10:oklch(56.6% .123 70.1);--haze-amber-11:oklch(36.3% .079 70.1);--haze-amber-12:oklch(16% .035 70.1);--haze-red-1:oklch(98.2% .009 27.3);--haze-red-2:oklch(93.1% .035 27.3);--haze-red-3:oklch(88.1% .063 27.3);--haze-red-4:oklch(83% .092 27.3);--haze-red-5:oklch(78% .117 27.3);--haze-red-6:oklch(72.9% .141 27.3);--haze-red-7:oklch(67.8% .166 27.3);--haze-red-8:oklch(62.8% .191 27.3);--haze-red-9:oklch(57.7% .215 27.3);--haze-red-10:oklch(43.8% .158 27.3);--haze-red-11:oklch(29.9% .102 27.3);--haze-red-12:oklch(16% .045 27.3);--haze-color-primary:var(--haze-blue-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l - .045) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l - .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .945 calc(c * .2) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(100% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l - .09) c h);--haze-color-success:var(--haze-green-9);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l - .045) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l - .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .945 calc(c * .2) h);--haze-color-warning:var(--haze-amber-9);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l - .045) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l - .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .945 calc(c * .2) h);--haze-color-danger:var(--haze-red-9);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l - .045) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l - .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .945 calc(c * .2) h);--haze-color-info:var(--haze-blue-10);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l - .045) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l - .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .945 calc(c * .2) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}.haze-colors__darkTheme{--haze-gray-1:oklch(18.2% 0 0);--haze-gray-2:oklch(23.5% 0 0);--haze-gray-3:oklch(28.5% 0 0);--haze-gray-4:oklch(32.1% 0 0);--haze-gray-5:oklch(36.9% 0 0);--haze-gray-6:oklch(41.6% 0 0);--haze-gray-7:oklch(46.4% 0 0);--haze-gray-8:oklch(51.2% 0 0);--haze-gray-9:oklch(55.9% 0 0);--haze-gray-10:oklch(65.8% 0 0);--haze-gray-11:oklch(75.7% 0 0);--haze-gray-12:oklch(93.1% 0 0);--haze-blue-1:oklch(15.5% .03 259.8);--haze-blue-2:oklch(22.2% .053 259.8);--haze-blue-3:oklch(28.9% .075 259.8);--haze-blue-4:oklch(35.6% .098 259.8);--haze-blue-5:oklch(42.2% .12 259.8);--haze-blue-6:oklch(48.9% .143 259.8);--haze-blue-7:oklch(55.6% .165 259.8);--haze-blue-8:oklch(62.3% .188 259.8);--haze-blue-9:oklch(67.3% .174 258.5);--haze-blue-10:oklch(77.6% .115 258.5);--haze-blue-11:oklch(87.9% .059 258.5);--haze-blue-12:oklch(98.2% .008 258.5);--haze-green-1:oklch(15.5% .03 149.6);--haze-green-2:oklch(23.6% .053 149.6);--haze-green-3:oklch(31.7% .076 149.6);--haze-green-4:oklch(39.8% .099 149.6);--haze-green-5:oklch(47.9% .123 149.6);--haze-green-6:oklch(56.1% .146 149.6);--haze-green-7:oklch(64.2% .169 149.6);--haze-green-8:oklch(72.3% .192 149.6);--haze-green-9:oklch(78.8% .147 149.6);--haze-green-10:oklch(85.2% .102 149.6);--haze-green-11:oklch(91.7% .057 149.6);--haze-green-12:oklch(98.2% .012 149.6);--haze-amber-1:oklch(15.5% .03 84.4);--haze-amber-2:oklch(25.2% .049 84.4);--haze-amber-3:oklch(35% .068 84.4);--haze-amber-4:oklch(44.7% .088 84.4);--haze-amber-5:oklch(54.5% .107 84.4);--haze-amber-6:oklch(64.2% .126 84.4);--haze-amber-7:oklch(73.9% .145 84.4);--haze-amber-8:oklch(83.7% .164 84.4);--haze-amber-9:oklch(87.3% .126 84.4);--haze-amber-10:oklch(90.9% .088 84.4);--haze-amber-11:oklch(94.6% .05 84.4);--haze-amber-12:oklch(98.2% .012 84.4);--haze-red-1:oklch(15.5% .03 25.3);--haze-red-2:oklch(22.4% .055 25.3);--haze-red-3:oklch(29.3% .081 25.3);--haze-red-4:oklch(36.2% .106 25.3);--haze-red-5:oklch(43% .132 25.3);--haze-red-6:oklch(49.9% .157 25.3);--haze-red-7:oklch(56.8% .182 25.3);--haze-red-8:oklch(63.7% .208 25.3);--haze-red-9:oklch(72.3% .159 25.3);--haze-red-10:oklch(80.9% .108 25.3);--haze-red-11:oklch(89.6% .054 25.3);--haze-red-12:oklch(98.2% .009 25.3);--haze-color-primary:var(--haze-blue-9);--haze-color-primary-hover:oklch(from var(--haze-color-primary) calc(l + .05) c h);--haze-color-primary-active:oklch(from var(--haze-color-primary) calc(l + .09) c h);--haze-color-primary-subtle:oklch(from var(--haze-color-primary) .26 calc(c * .35) h);--haze-color-bg:var(--haze-gray-1);--haze-color-bg-subtle:var(--haze-gray-2);--haze-color-bg-muted:var(--haze-gray-3);--haze-color-text:var(--haze-gray-12);--haze-color-text-secondary:var(--haze-gray-11);--haze-color-text-muted:var(--haze-gray-9);--haze-color-text-inverse:oklch(21.8% 0 0);--haze-color-border:var(--haze-gray-4);--haze-color-border-hover:oklch(from var(--haze-color-border) calc(l + .08) c h);--haze-color-success:var(--haze-green-8);--haze-color-success-hover:oklch(from var(--haze-color-success) calc(l + .05) c h);--haze-color-success-active:oklch(from var(--haze-color-success) calc(l + .09) c h);--haze-color-success-subtle:oklch(from var(--haze-color-success) .26 calc(c * .35) h);--haze-color-warning:var(--haze-amber-8);--haze-color-warning-hover:oklch(from var(--haze-color-warning) calc(l + .05) c h);--haze-color-warning-active:oklch(from var(--haze-color-warning) calc(l + .09) c h);--haze-color-warning-subtle:oklch(from var(--haze-color-warning) .26 calc(c * .35) h);--haze-color-danger:var(--haze-red-8);--haze-color-danger-hover:oklch(from var(--haze-color-danger) calc(l + .05) c h);--haze-color-danger-active:oklch(from var(--haze-color-danger) calc(l + .09) c h);--haze-color-danger-subtle:oklch(from var(--haze-color-danger) .26 calc(c * .35) h);--haze-color-info:var(--haze-blue-8);--haze-color-info-hover:oklch(from var(--haze-color-info) calc(l + .05) c h);--haze-color-info-active:oklch(from var(--haze-color-info) calc(l + .09) c h);--haze-color-info-subtle:oklch(from var(--haze-color-info) .26 calc(c * .35) h);--haze-color-focus-ring:oklch(from var(--haze-color-primary) l c h / .4)}
|
|
4
5
|
.haze-density__compact{--haze-density-space-1:3px;--haze-density-space-2:6px;--haze-density-space-3:9px;--haze-density-space-4:12px;--haze-density-space-5:15px;--haze-density-space-6:18px;--haze-density-space-8:24px;--haze-density-space-10:30px;--haze-density-space-12:36px;--haze-density-space-16:48px}
|
|
5
6
|
.haze-motion__motion{--haze-duration-fast:.12s;--haze-duration-normal:.2s;--haze-duration-slow:.3s;--haze-ease:cubic-bezier(.2, 0, 0, 1);--haze-ease-in-out:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:reduce){.haze-motion__motion{--haze-duration-fast:0s;--haze-duration-normal:0s;--haze-duration-slow:0s}}.haze-motion__fade[data-state=open]{-webkit-animation:haze-motion-fade-in-haze-motion__fade var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-fade-in-haze-motion__fade var(--haze-duration-normal) var(--haze-ease)}.haze-motion__fade[data-state=closed]{-webkit-animation:haze-motion-fade-out-haze-motion__fade var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-fade-out-haze-motion__fade var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__fade[data-state=open],.haze-motion__fade[data-state=closed]{animation:none}}@keyframes haze-motion-fade-in-haze-motion__fade{0%{opacity:0}}@keyframes haze-motion-fade-out-haze-motion__fade{to{opacity:0}}.haze-motion__fadeScale[data-state=open]{-webkit-animation:haze-motion-fade-scale-in-haze-motion__fadeScale var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-fade-scale-in-haze-motion__fadeScale var(--haze-duration-normal) var(--haze-ease)}.haze-motion__fadeScale[data-state=closed]{-webkit-animation:haze-motion-fade-scale-out-haze-motion__fadeScale var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-fade-scale-out-haze-motion__fadeScale var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__fadeScale[data-state=open],.haze-motion__fadeScale[data-state=closed]{animation:none}}@keyframes haze-motion-fade-scale-in-haze-motion__fadeScale{0%{opacity:0;transform:scale(.97)}}@keyframes haze-motion-fade-scale-out-haze-motion__fadeScale{to{opacity:0;transform:scale(.97)}}.haze-motion__slideUp[data-state=open]{-webkit-animation:haze-motion-slide-up-in-haze-motion__slideUp var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-up-in-haze-motion__slideUp var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideUp[data-state=closed]{-webkit-animation:haze-motion-slide-up-out-haze-motion__slideUp var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-up-out-haze-motion__slideUp var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideUp[data-state=open],.haze-motion__slideUp[data-state=closed]{animation:none}}@keyframes haze-motion-slide-up-in-haze-motion__slideUp{0%{opacity:0;-webkit-transform:translateY(var(--haze-space-4));-moz-transform:translateY(var(--haze-space-4));-ms-transform:translateY(var(--haze-space-4));transform:translateY(var(--haze-space-4))}}@keyframes haze-motion-slide-up-out-haze-motion__slideUp{to{opacity:0;-webkit-transform:translateY(var(--haze-space-4));-moz-transform:translateY(var(--haze-space-4));-ms-transform:translateY(var(--haze-space-4));transform:translateY(var(--haze-space-4))}}.haze-motion__slideDown[data-state=open]{-webkit-animation:haze-motion-slide-down-in-haze-motion__slideDown var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-down-in-haze-motion__slideDown var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideDown[data-state=closed]{-webkit-animation:haze-motion-slide-down-out-haze-motion__slideDown var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-down-out-haze-motion__slideDown var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideDown[data-state=open],.haze-motion__slideDown[data-state=closed]{animation:none}}@keyframes haze-motion-slide-down-in-haze-motion__slideDown{0%{opacity:0;-webkit-transform:translateY(calc(-1 * var(--haze-space-4)));-moz-transform:translateY(calc(-1 * var(--haze-space-4)));-ms-transform:translateY(calc(-1 * var(--haze-space-4)));transform:translateY(calc(-1 * var(--haze-space-4)))}}@keyframes haze-motion-slide-down-out-haze-motion__slideDown{to{opacity:0;-webkit-transform:translateY(calc(-1 * var(--haze-space-4)));-moz-transform:translateY(calc(-1 * var(--haze-space-4)));-ms-transform:translateY(calc(-1 * var(--haze-space-4)));transform:translateY(calc(-1 * var(--haze-space-4)))}}.haze-motion__slideLeft[data-state=open]{-webkit-animation:haze-motion-slide-left-in-haze-motion__slideLeft var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-left-in-haze-motion__slideLeft var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideLeft[data-state=closed]{-webkit-animation:haze-motion-slide-left-out-haze-motion__slideLeft var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-left-out-haze-motion__slideLeft var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideLeft[data-state=open],.haze-motion__slideLeft[data-state=closed]{animation:none}}@keyframes haze-motion-slide-left-in-haze-motion__slideLeft{0%{opacity:0;-webkit-transform:translateX(var(--haze-space-4));-moz-transform:translateX(var(--haze-space-4));-ms-transform:translateX(var(--haze-space-4));transform:translateX(var(--haze-space-4))}}@keyframes haze-motion-slide-left-out-haze-motion__slideLeft{to{opacity:0;-webkit-transform:translateX(var(--haze-space-4));-moz-transform:translateX(var(--haze-space-4));-ms-transform:translateX(var(--haze-space-4));transform:translateX(var(--haze-space-4))}}.haze-motion__slideRight[data-state=open]{-webkit-animation:haze-motion-slide-right-in-haze-motion__slideRight var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-right-in-haze-motion__slideRight var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideRight[data-state=closed]{-webkit-animation:haze-motion-slide-right-out-haze-motion__slideRight var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-right-out-haze-motion__slideRight var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideRight[data-state=open],.haze-motion__slideRight[data-state=closed]{animation:none}}@keyframes haze-motion-slide-right-in-haze-motion__slideRight{0%{opacity:0;-webkit-transform:translateX(calc(-1 * var(--haze-space-4)));-moz-transform:translateX(calc(-1 * var(--haze-space-4)));-ms-transform:translateX(calc(-1 * var(--haze-space-4)));transform:translateX(calc(-1 * var(--haze-space-4)))}}@keyframes haze-motion-slide-right-out-haze-motion__slideRight{to{opacity:0;-webkit-transform:translateX(calc(-1 * var(--haze-space-4)));-moz-transform:translateX(calc(-1 * var(--haze-space-4)));-ms-transform:translateX(calc(-1 * var(--haze-space-4)));transform:translateX(calc(-1 * var(--haze-space-4)))}}
|
|
6
7
|
.haze-spacing__spacing{--haze-space-0:0;--haze-space-1:var(--haze-density-space-1,4px);--haze-space-2:var(--haze-density-space-2,8px);--haze-space-3:var(--haze-density-space-3,12px);--haze-space-4:var(--haze-density-space-4,16px);--haze-space-5:var(--haze-density-space-5,20px);--haze-space-6:var(--haze-density-space-6,24px);--haze-space-8:var(--haze-density-space-8,32px);--haze-space-10:var(--haze-density-space-10,40px);--haze-space-12:var(--haze-density-space-12,48px);--haze-space-16:var(--haze-density-space-16,64px);--haze-radius-none:0;--haze-radius-sm:4px;--haze-radius-md:6px;--haze-radius-lg:8px;--haze-radius-xl:12px;--haze-radius-2xl:16px;--haze-radius-full:9999px;--haze-shadow-sm:0 1px 2px #0000000d;--haze-shadow-md:0 4px 6px #00000012;--haze-shadow-lg:0 10px 15px #0000001a;--haze-shadow-xl:0 20px 25px #0000001a}
|
|
7
8
|
.haze-typography__typography{--haze-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--haze-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--haze-text-xs:12px;--haze-text-sm:14px;--haze-text-base:16px;--haze-text-lg:18px;--haze-text-xl:20px;--haze-text-2xl:24px;--haze-text-3xl:30px;--haze-leading-tight:1.25;--haze-leading-normal:1.5;--haze-leading-relaxed:1.75;--haze-weight-normal:400;--haze-weight-medium:500;--haze-weight-semibold:600;--haze-weight-bold:700}
|
|
9
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui tool-call-card — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-ToolCallCard__card{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);overflow:hidden}.haze-ToolCallCard__header{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-bg-muted);font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);display:flex}.haze-ToolCallCard__statusIcon{border-radius:var(--haze-radius-full);flex-shrink:0;width:.5rem;height:.5rem}.haze-ToolCallCard__statusPending{background:var(--haze-color-text-muted)}.haze-ToolCallCard__statusRunning{background:var(--haze-color-primary)}.haze-ToolCallCard__statusDone{background:var(--haze-color-success)}.haze-ToolCallCard__statusError{background:var(--haze-color-danger)}.haze-ToolCallCard__body{padding:var(--haze-space-3)}.haze-ToolCallCard__section{margin-bottom:var(--haze-space-2)}.haze-ToolCallCard__sectionLabel{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-1);text-transform:uppercase;letter-spacing:.05em}.haze-ToolCallCard__content{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);white-space:pre-wrap;word-break:break-all;color:var(--haze-color-text)}
|
|
4
|
+
}
|
package/dist/css/toolbar.css
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/* haze-ui toolbar — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Toolbar__toolbar{align-items:center;gap:var(--haze-space-1);display:inline-flex}.haze-Toolbar__vertical{flex-direction:column;align-items:stretch}
|
|
3
4
|
.haze-ToolbarButton__toolbarItem[aria-pressed=true]{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-ToolbarButton__toolbarItem[aria-pressed=true]:hover,.haze-ToolbarButton__toolbarItem[aria-pressed=true]:active{background:var(--haze-color-bg-muted)}
|
|
4
5
|
.haze-ToolbarSeparator__separator{-ms-grid-row-align:stretch;inline-size:1px;margin-block:var(--haze-space-1);background:var(--haze-color-border);flex:none;align-self:stretch}.haze-ToolbarSeparator__horizontalRule{block-size:1px;inline-size:auto;margin-block:0;margin-inline:var(--haze-space-1)}
|
|
5
6
|
.haze-ToolbarToggle__toolbarItem[aria-pressed=true]{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-ToolbarToggle__toolbarItem[aria-pressed=true]:hover,.haze-ToolbarToggle__toolbarItem[aria-pressed=true]:active{background:var(--haze-color-bg-muted)}
|
|
7
|
+
}
|
package/dist/css/tooltip.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui tooltip — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Tooltip__wrapper{display:inline-flex;position:relative}.haze-Tooltip__bubble{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);background:var(--haze-color-text);color:var(--haze-color-text-inverse);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);line-height:var(--haze-leading-normal);white-space:nowrap;pointer-events:none}@media (forced-colors:active){.haze-Tooltip__bubble{color:canvastext;background:canvas;border:1px solid canvastext}}
|
|
3
4
|
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
5
|
+
}
|
package/dist/css/tour.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui tour — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Tour__overlay{z-index:100;font-family:var(--haze-font-sans);color:var(--haze-color-text);position:fixed;inset:0}.haze-Tour__overlay[data-state=open]{-webkit-animation:haze-tour-in-haze-Tour__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-tour-in-haze-Tour__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Tour__overlay[data-state=closed]{-webkit-animation:haze-tour-out-haze-Tour__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-tour-out-haze-Tour__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-tour-in-haze-Tour__overlay{0%{opacity:0}}@keyframes haze-tour-out-haze-Tour__overlay{to{opacity:0}}.haze-Tour__spotlight{border-radius:var(--haze-radius-md);pointer-events:none;box-shadow:0 0 0 3px var(--haze-color-focus-ring),0 0 0 9999px #0006;-webkit-transition:top var(--haze-duration-normal) var(--haze-ease),left var(--haze-duration-normal) var(--haze-ease),width var(--haze-duration-normal) var(--haze-ease),height var(--haze-duration-normal) var(--haze-ease);transition:top var(--haze-duration-normal) var(--haze-ease),left var(--haze-duration-normal) var(--haze-ease),width var(--haze-duration-normal) var(--haze-ease),height var(--haze-duration-normal) var(--haze-ease);position:absolute}.haze-Tour__mask{pointer-events:none;background:#0006;position:absolute;inset:0}.haze-Tour__card{z-index:1;max-width:360px;padding:var(--haze-space-4);background:var(--haze-color-bg);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);box-shadow:var(--haze-shadow-xl);position:fixed;top:0;left:0}[data-state=open] .haze-Tour__card{-webkit-animation:haze-tour-card-in-haze-Tour__card var(--haze-duration-normal) var(--haze-ease);animation:haze-tour-card-in-haze-Tour__card var(--haze-duration-normal) var(--haze-ease)}[data-state=closed] .haze-Tour__card{-webkit-animation:haze-tour-card-out-haze-Tour__card var(--haze-duration-fast) var(--haze-ease);animation:haze-tour-card-out-haze-Tour__card var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-tour-card-in-haze-Tour__card{0%{opacity:0}}@keyframes haze-tour-card-out-haze-Tour__card{to{opacity:0}}.haze-Tour__card:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Tour__centeredCard{-webkit-translate:-50% -50%;-moz-translate:-50% -50%;-ms-translate:-50% -50%;top:50%;left:50%;translate:-50% -50%}.haze-Tour__titleStyle{margin:0 0 var(--haze-space-2);font-size:var(--haze-text-base);font-weight:var(--haze-weight-semibold)}.haze-Tour__bodyStyle{font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-relaxed);margin-block-end:var(--haze-space-4)}.haze-Tour__footerStyle{justify-content:flex-end;align-items:center;gap:var(--haze-space-2);display:flex}.haze-Tour__counterStyle{-webkit-margin-end:auto;font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-inline-end:auto}.haze-Tour__btn{padding:var(--haze-space-2) var(--haze-space-4);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);cursor:pointer;-webkit-transition:background var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:background var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease)}.haze-Tour__subtleBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-Tour__subtleBtn:hover{background:var(--haze-color-bg-muted)}.haze-Tour__subtleBtn:disabled{cursor:not-allowed;opacity:.5}.haze-Tour__primaryBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Tour__primaryBtn:hover{opacity:.9}
|
|
4
|
+
}
|
package/dist/css/transfer.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui transfer — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TransferCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-4);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-TransferCore__panel{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);flex:1;min-width:200px;overflow:hidden}.haze-TransferCore__panelHeader{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);background:var(--haze-color-bg-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-secondary)}.haze-TransferCore__panelBody{max-height:200px;padding:var(--haze-space-1);overflow-y:auto}.haze-TransferCore__itemStyle{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);cursor:pointer;display:flex}.haze-TransferCore__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-TransferCore__actions{justify-content:center;align-items:center;gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-TransferCore__actionBtn{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:2.25rem;height:2.25rem;color:var(--haze-color-text);font-size:var(--haze-text-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.haze-TransferCore__actionBtn:hover:not(:disabled){background:var(--haze-color-bg-subtle);border-color:var(--haze-color-border-hover)}.haze-TransferCore__actionBtn:disabled{opacity:.5;cursor:not-allowed}
|
|
4
|
+
}
|
package/dist/css/tree-select.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui tree-select — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-TreeSelect__wrapper{box-sizing:border-box;width:100%;display:inline-block;position:relative}.haze-TreeSelect__trigger{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-2) var(--haze-space-3);text-align:start;cursor:pointer;box-sizing:border-box;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-TreeSelect__trigger:hover{border-color:var(--haze-color-border-hover)}.haze-TreeSelect__trigger:focus-visible{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-TreeSelect__trigger:disabled{opacity:.5;cursor:not-allowed}.haze-TreeSelect__triggerValue{white-space:nowrap;text-overflow:ellipsis;text-align:start;flex:1;min-width:0;overflow:hidden}.haze-TreeSelect__placeholderText{color:var(--haze-color-text-muted)}.haze-TreeSelect__chipItem{align-items:center;display:inline-flex}.haze-TreeSelect__chipRemove{border-radius:var(--haze-radius-full);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;-webkit-margin-start:var(--haze-space-1);opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-start:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-TreeSelect__chipRemove:hover{opacity:1}.haze-TreeSelect__overflowBadge{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);white-space:nowrap;padding:var(--haze-space-1) var(--haze-space-2);cursor:default;align-items:center;line-height:1;display:inline-flex}.haze-TreeSelect__clearBtn{border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-clearable]:hover .haze-TreeSelect__clearBtn,[data-clearable]:focus-within .haze-TreeSelect__clearBtn{opacity:1;visibility:visible;pointer-events:auto}.haze-TreeSelect__clearBtn:hover{color:var(--haze-color-text)}.haze-TreeSelect__triggerCaret{-webkit-margin-start:auto;color:var(--haze-color-text-muted);pointer-events:none;flex-shrink:0;margin-inline-start:auto;display:inline-flex}.haze-TreeSelect__panel{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);padding:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-lg)}.haze-TreeSelect__panel[popover]:not(:popover-open){display:none}.haze-TreeSelect__searchInput{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-1) var(--haze-space-2);margin-block-end:var(--haze-space-2);display:block}.haze-TreeSelect__searchInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-TreeSelect__treeHost{min-width:180px;max-height:280px}
|
|
3
4
|
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
5
|
+
}
|
package/dist/css/tree.css
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/* haze-ui tree — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Tree__base{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);overflow:auto}.haze-Tree__virtualTree{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-Tree__group{min-width:0}.haze-Tree__emptyBlock{padding:var(--haze-space-3);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm)}
|
|
3
4
|
.haze-TreeItem__item{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:2rem;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);border-radius:var(--haze-radius-sm);align-items:center;padding:2px 0;display:flex}.haze-TreeItem__item:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__item:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-TreeItem__blockItem{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm)}.haze-TreeItem__blockItem:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__selectedStyle{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-TreeItem__disabledStyle{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-TreeItem__switcher{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--haze-color-text-muted);-webkit-transition:-webkit-transform var(--haze-duration-normal);transition:transform var(--haze-duration-normal);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-TreeItem__switcher:hover{color:var(--haze-color-text)}.haze-TreeItem__switcher svg{width:12px;height:12px}.haze-TreeItem__switcherExpanded{transform:rotate(90deg)}.haze-TreeItem__checkbox{width:var(--haze-space-6);height:var(--haze-space-6);-webkit-margin-end:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;-webkit-transition:all var(--haze-duration-fast);transition:all var(--haze-duration-fast);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-2);display:inline-flex}.haze-TreeItem__checkbox:hover{border-color:var(--haze-color-primary)}.haze-TreeItem__checkbox svg{color:#fff;width:12px;height:12px}.haze-TreeItem__checkboxChecked,.haze-TreeItem__checkboxHalfChecked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-TreeItem__nodeIcon{-webkit-margin-end:var(--haze-space-2);width:16px;height:16px;color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-2);display:inline-flex}.haze-TreeItem__nodeIcon svg{width:16px;height:16px}.haze-TreeItem__title{font-size:var(--haze-text-sm);color:var(--haze-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.haze-TreeItem__loadingIcon{animation:1s linear infinite spin-haze-TreeItem__loadingIcon;display:inline-flex}@media (prefers-reduced-motion:reduce){.haze-TreeItem__loadingIcon{animation-duration:.01ms;animation-iteration-count:1}}@keyframes spin-haze-TreeItem__loadingIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-TreeItem__mark{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning);border-radius:var(--haze-radius-sm);padding:0 var(--haze-space-1)}.haze-TreeItem__loadFailedNote{align-items:center;gap:var(--haze-space-1);-webkit-margin-start:var(--haze-space-2);font-size:var(--haze-text-xs);color:var(--haze-color-danger);cursor:pointer;flex-shrink:0;margin-inline-start:var(--haze-space-2);display:inline-flex}.haze-TreeItem__loadFailedNote:hover{color:var(--haze-color-danger-hover)}.haze-TreeItem__loadFailedNote svg{width:12px;height:12px}.haze-TreeItem__indentLine{flex-shrink:0;width:24px;display:inline-block}.haze-TreeItem__indentLineWithBorder{border-inline-start:1px solid var(--haze-color-border)}
|
|
4
5
|
.haze-sortable-tree-styles__row{position:relative}.haze-sortable-tree-styles__rowDraggable{cursor:-webkit-grab;cursor:grab;touch-action:none}.haze-sortable-tree-styles__rowDraggable [role=treeitem]{cursor:inherit}.haze-sortable-tree-styles__rowDragging{z-index:1}.haze-sortable-tree-styles__rowInSubtree{opacity:.35}.haze-sortable-tree-styles__grip{-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);cursor:-webkit-grab;cursor:grab;touch-action:none;flex-shrink:0;align-items:center;margin-inline-end:var(--haze-space-1);display:inline-flex}.haze-sortable-tree-styles__grip svg{width:10px;height:14px}
|
|
6
|
+
}
|