haze-ui 1.30.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 +67 -1
- package/dist/components/ActivityRail/ActivityRail.js +76 -0
- package/dist/components/ActivityRail/index.js +3 -0
- package/dist/components/BottomSheet/BottomSheet.js +12 -26
- 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/ConversationList/ConversationList.js +16 -7
- 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/List/List.js +14 -10
- package/dist/components/LoadingOverlay/LoadingOverlay.js +30 -0
- package/dist/components/LoadingOverlay/index.js +3 -0
- package/dist/components/LocaleProvider/ar-sa.js +11 -0
- package/dist/components/LocaleProvider/de-de.js +11 -0
- package/dist/components/LocaleProvider/es-es.js +11 -0
- package/dist/components/LocaleProvider/fr-fr.js +11 -0
- package/dist/components/LocaleProvider/it-it.js +11 -0
- package/dist/components/LocaleProvider/ja-jp.js +11 -0
- package/dist/components/LocaleProvider/ko-kr.js +11 -0
- package/dist/components/LocaleProvider/locale.js +11 -0
- package/dist/components/LocaleProvider/pt-br.js +11 -0
- package/dist/components/LocaleProvider/ru-ru.js +11 -0
- package/dist/components/LocaleProvider/zh-cn.js +11 -0
- package/dist/components/LogViewer/LogViewer.js +45 -38
- 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 +7 -6
- package/dist/components/PasswordInput/PasswordInputCore.js +27 -26
- package/dist/components/Rating/RatingCore.js +18 -18
- package/dist/components/Resizable/Resizable.js +266 -36
- 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/Sparkline/Sparkline.js +45 -0
- package/dist/components/Sparkline/index.js +3 -0
- package/dist/components/Sparkline/sparkline-styles.js +18 -0
- package/dist/components/Spoiler/Spoiler.js +36 -0
- package/dist/components/Spoiler/index.js +3 -0
- package/dist/components/StatusBar/StatusBar.js +47 -0
- package/dist/components/StatusBar/index.js +3 -0
- package/dist/components/TabBar/TabBar.js +60 -0
- package/dist/components/TabBar/index.js +3 -0
- package/dist/components/Tabs/SortableTabList.js +116 -0
- package/dist/components/Tabs/Tab.js +83 -16
- package/dist/components/Tabs/TabList.js +94 -38
- package/dist/components/Tabs/edge-scroll.js +6 -0
- package/dist/components/Tabs/index.js +4 -3
- package/dist/components/Tabs/tab-metas.js +24 -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/SortableTagInputCore.js +11 -11
- package/dist/components/TagInput/TagInputCore.js +10 -10
- package/dist/components/TimePicker/TimePickerPanel.js +3 -3
- package/dist/components/Toast/ToastContainer.js +5 -5
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Toast/{toast2.js → toast-channel.js} +1 -1
- package/dist/components/Toast/useToast.js +1 -1
- package/dist/components/Tree/SortableTree.js +39 -39
- package/dist/components/TreeSelect/TreeSelect.js +6 -6
- package/dist/components/VirtualList/VirtualList.js +133 -121
- package/dist/components/VisuallyHidden/VisuallyHidden.js +15 -0
- package/dist/components/VisuallyHidden/index.js +2 -0
- package/dist/components/Workbench/Workbench.js +144 -0
- package/dist/components/Workbench/index.js +3 -0
- package/dist/css/accordion.css +2 -0
- package/dist/css/activity-rail.css +4 -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 +3 -1
- 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 +3 -1
- 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 +3 -1
- 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 +3 -1
- package/dist/css/confirm-dialog.css +2 -0
- package/dist/css/container.css +2 -0
- package/dist/css/context-menu.css +3 -1
- 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 +3 -1
- 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 +3 -1
- package/dist/css/dropdown-menu.css +4 -2
- 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 +3 -1
- 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 +3 -1
- 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 +5 -3
- 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 +3 -1
- 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 +3 -1
- package/dist/css/rating.css +2 -0
- package/dist/css/resizable.css +3 -1
- package/dist/css/result.css +2 -0
- package/dist/css/scroll-area.css +2 -0
- package/dist/css/segmented.css +3 -1
- package/dist/css/select.css +2 -0
- package/dist/css/sidebar.css +3 -1
- package/dist/css/signature.css +2 -0
- package/dist/css/skeleton.css +2 -0
- package/dist/css/slider.css +3 -1
- package/dist/css/sources.css +2 -0
- package/dist/css/sparkline.css +4 -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 +4 -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 +3 -1
- package/dist/css/tab-bar.css +4 -0
- package/dist/css/table.css +2 -0
- package/dist/css/tabs.css +5 -2
- package/dist/css/tag-group.css +2 -0
- package/dist/css/tag-input.css +2 -0
- package/dist/css/tag.css +3 -1
- 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 +3 -1
- 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 +4 -0
- package/dist/css-manifest.json +202 -1
- package/dist/dates/adapter.js +9 -1
- package/dist/dates/buddhist.js +43 -0
- package/dist/dates/ethiopic.js +67 -0
- package/dist/dates/hebrew.js +95 -0
- package/dist/dates/japanese.js +41 -0
- package/dist/dates/persian.js +121 -0
- package/dist/dates/registry.js +14 -4
- package/dist/haze-ui.css +435 -29
- package/dist/headless/index.js +18 -17
- package/dist/hooks/useBusyPressable.js +10 -0
- package/dist/index.js +263 -241
- package/dist/mcp-docs.json +1073 -33
- package/dist/registry.json +256 -14
- package/dist/types/components/ActivityRail/ActivityRail.d.ts +30 -0
- package/dist/types/components/ActivityRail/index.d.ts +4 -0
- 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/ConversationList/ConversationList.d.ts +10 -1
- 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/List/List.d.ts +10 -1
- 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 +11 -0
- package/dist/types/components/LogViewer/LogViewer.d.ts +10 -1
- 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/Resizable/Resizable.d.ts +24 -7
- package/dist/types/components/Resizable/index.d.ts +1 -1
- 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/Sparkline/Sparkline.d.ts +31 -0
- package/dist/types/components/Sparkline/index.d.ts +3 -0
- package/dist/types/components/Sparkline/sparkline-styles.d.ts +26 -0
- package/dist/types/components/Spoiler/Spoiler.d.ts +20 -0
- package/dist/types/components/Spoiler/index.d.ts +2 -0
- package/dist/types/components/StatusBar/StatusBar.d.ts +18 -0
- package/dist/types/components/StatusBar/index.d.ts +3 -0
- package/dist/types/components/TabBar/TabBar.d.ts +23 -0
- package/dist/types/components/TabBar/index.d.ts +4 -0
- package/dist/types/components/Tabs/SortableTabList.d.ts +46 -0
- package/dist/types/components/Tabs/Tab.d.ts +54 -3
- package/dist/types/components/Tabs/TabList.d.ts +26 -2
- package/dist/types/components/Tabs/edge-scroll.d.ts +17 -0
- package/dist/types/components/Tabs/index.d.ts +3 -1
- package/dist/types/components/Tabs/tab-metas.d.ts +20 -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/Toast/index.d.ts +2 -2
- package/dist/types/components/Toast/useToast.d.ts +1 -1
- package/dist/types/components/VirtualList/VirtualList.d.ts +20 -1
- package/dist/types/components/VisuallyHidden/VisuallyHidden.d.ts +4 -0
- package/dist/types/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/types/components/Workbench/Workbench.d.ts +50 -0
- package/dist/types/components/Workbench/index.d.ts +2 -0
- package/dist/types/dates/adapter.d.ts +33 -6
- package/dist/types/dates/buddhist.d.ts +14 -0
- package/dist/types/dates/ethiopic.d.ts +15 -0
- package/dist/types/dates/hebrew.d.ts +19 -0
- package/dist/types/dates/index.d.ts +5 -0
- package/dist/types/dates/japanese.d.ts +16 -0
- package/dist/types/dates/persian.d.ts +18 -0
- package/dist/types/dates/registry.d.ts +1 -1
- 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 +37 -9
- package/dist/types/utils/sortable.d.ts +8 -1
- package/dist/types/utils/use-end-reached.d.ts +56 -0
- package/dist/types/utils/viewport.d.ts +12 -0
- package/dist/utils/sortable-shared.js +3 -3
- package/dist/utils/sortable.js +15 -14
- package/dist/utils/use-end-reached.js +46 -0
- package/dist/utils/viewport.js +20 -0
- package/package.json +13 -5
- /package/dist/types/components/Toast/{toast.d.ts → toast-channel.d.ts} +0 -0
package/dist/css/tabs.css
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
/* haze-ui tabs — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
|
|
3
|
-
.haze-
|
|
2
|
+
@layer haze {
|
|
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}
|
|
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))}
|
|
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}
|
|
4
6
|
.haze-TabPanel__base{padding:var(--haze-space-4) 0}.haze-TabPanel__hidden{display:none}
|
|
5
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
|
-
|
|
2
|
+
@layer haze {
|
|
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
|
-
.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{-webkit-margin-end:var(--haze-space-2);
|
|
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
|
+
}
|
package/dist/css/typography.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui typography — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-Typography__titleBase{font-family:var(--haze-font-sans);font-weight:var(--haze-weight-bold);color:var(--haze-color-text);margin:0}.haze-Typography__1{font-size:var(--haze-text-3xl);line-height:var(--haze-leading-tight)}.haze-Typography__2{font-size:var(--haze-text-2xl);line-height:var(--haze-leading-tight)}.haze-Typography__3{font-size:var(--haze-text-xl);line-height:var(--haze-leading-tight)}.haze-Typography__4{font-size:var(--haze-text-lg);line-height:var(--haze-leading-normal)}.haze-Typography__5{font-size:var(--haze-text-base);line-height:var(--haze-leading-normal)}.haze-Typography__textBase{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal)}.haze-Typography__default{color:var(--haze-color-text)}.haze-Typography__secondary{color:var(--haze-color-text-secondary)}.haze-Typography__muted{color:var(--haze-color-text-muted)}.haze-Typography__textStrong{font-weight:var(--haze-weight-bold)}.haze-Typography__textCode{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);padding:var(--haze-space-0) var(--haze-space-1);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm)}.haze-Typography__textMark{background:color-mix(in srgb, var(--haze-color-warning) 25%, transparent);padding:0 var(--haze-space-1)}.haze-Typography__ellipsisSingle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.haze-Typography__paragraphBase{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);margin:0 0 var(--haze-space-4)}
|
|
4
|
+
}
|
package/dist/css/upload.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui upload — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-UploadCore__zoneBase{padding:var(--haze-space-8) var(--haze-space-4);border-radius:var(--haze-radius-lg);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),background var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),background var(--haze-duration-fast);text-align:center;border:2px dashed #0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.haze-UploadCore__dropArea{border-color:var(--haze-color-border);background:var(--haze-color-bg-subtle)}.haze-UploadCore__dropArea:hover,.haze-UploadCore__dropArea[data-dragover=true]{border-color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-UploadCore__clickArea{background:var(--haze-color-bg-subtle)}.haze-UploadCore__clickArea:hover{background:var(--haze-color-primary-subtle)}.haze-UploadCore__iconStyle{margin-bottom:var(--haze-space-3);color:var(--haze-color-text-muted)}.haze-UploadCore__hiddenInput{display:none}
|
|
3
4
|
.haze-UploadList__listBase{gap:var(--haze-space-2);margin:var(--haze-space-3) 0 0;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);flex-direction:column;padding:0;list-style:none;display:flex}.haze-UploadList__itemBase{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);flex-direction:column;display:flex}.haze-UploadList__rowBase{align-items:center;gap:var(--haze-space-2);min-width:0;display:flex}.haze-UploadList__nameClass{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.haze-UploadList__statusIcon{flex-shrink:0;display:inline-flex}.haze-UploadList__successIcon{color:var(--haze-color-success)}.haze-UploadList__errorIcon{color:var(--haze-color-danger)}.haze-UploadList__percentClass{color:var(--haze-color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.haze-UploadList__actionButton{padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-UploadList__actionButton:hover{background:var(--haze-color-bg-subtle);color:var(--haze-color-text)}.haze-UploadList__actionButton:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-UploadList__cardGrid{display:-ms-grid;-ms-grid-columns:repeat(auto-fill, minmax(96px, 1fr));gap:var(--haze-space-2);margin:var(--haze-space-3) 0 0;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding:0;list-style:none;display:grid}.haze-UploadList__cardRemove{top:var(--haze-space-1);z-index:2;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);background:color-mix(in srgb, var(--haze-color-bg) 78%, transparent);color:var(--haze-color-text);cursor:pointer;opacity:0;-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--haze-space-1)}.haze-UploadList__cardRemove:hover{background:var(--haze-color-bg);color:var(--haze-color-danger)}.haze-UploadList__cardRemove:focus-visible{opacity:1;outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-UploadList__cardBase{aspect-ratio:1;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.haze-UploadList__cardBase[data-status=error]{border-color:var(--haze-color-danger)}.haze-UploadList__cardBase:hover [data-card-remove],.haze-UploadList__cardBase:focus-within [data-card-remove]{opacity:1}.haze-UploadList__cardImage{object-fit:cover;width:100%;height:100%;display:block}.haze-UploadList__cardFallback{justify-content:center;align-items:center;gap:var(--haze-space-1);width:100%;height:100%;padding:var(--haze-space-2);box-sizing:border-box;color:var(--haze-color-text-muted);text-align:center;flex-direction:column;min-width:0;display:flex}.haze-UploadList__cardFallbackName{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);overflow:hidden}.haze-UploadList__cardMask{z-index:1;justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-3);box-sizing:border-box;background:color-mix(in srgb, var(--haze-color-bg) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;display:flex;position:absolute;inset:0}.haze-UploadList__cardMaskPercent{font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);font-variant-numeric:tabular-nums}.haze-UploadList__cardErrorOverlay{z-index:1;justify-content:center;align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-2);box-sizing:border-box;background:var(--haze-color-danger-subtle);color:var(--haze-color-danger);font-size:var(--haze-text-xs);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.haze-UploadList__picThumb{width:var(--haze-space-8);height:var(--haze-space-8);padding:var(--haze-space-1);box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg-subtle);color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.haze-UploadList__picThumbImg{object-fit:cover;width:100%;height:100%;display:block}.haze-UploadList__previewHit{border-radius:inherit;width:100%;height:100%;cursor:-webkit-zoom-in;cursor:zoom-in;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.haze-UploadList__previewHit:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}
|
|
5
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui virtual-list — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
2
3
|
.haze-VirtualList__container{font-family:var(--haze-font-sans);overflow-y:auto}.haze-VirtualList__containerHorizontal{font-family:var(--haze-font-sans);overflow:auto hidden}.haze-VirtualList__viewport{width:100%;position:relative}.haze-VirtualList__viewportHorizontal{height:100%;position:relative}.haze-VirtualList__groupHeader{z-index:1;box-sizing:border-box;background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);padding:var(--haze-space-1) var(--haze-space-2);position:absolute;inset-inline:0}.haze-VirtualList__groupHeaderHorizontal{z-index:1;box-sizing:border-box;background:var(--haze-color-bg);border-inline-end:1px solid var(--haze-color-border);padding:var(--haze-space-2) var(--haze-space-1);position:absolute;inset-block:0}
|
|
4
|
+
}
|
package/dist/css/watermark.css
CHANGED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/* haze-ui workbench — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
@layer haze {
|
|
3
|
+
.haze-Workbench__workbench{display:-ms-grid;-ms-grid-rows:minmax(0, 1fr) auto auto;-ms-grid-columns:minmax(0, 1fr);box-sizing:border-box;grid-template:"body"minmax(0,1fr)"status""tabs"/minmax(0,1fr);width:100%;display:grid;position:relative;overflow:hidden;container:workbench/inline-size}.haze-Workbench__body{grid-area:body}@container workbench (width<=768px){.haze-Workbench__body{flex-direction:column}.haze-Workbench__body>[data-panel-id=main]{flex:1 1 0;min-height:0}}.haze-Workbench__activityBar{-webkit-flex:0 0 var(--haze-space-12);-ms-flex:0 0 var(--haze-space-12);flex:0 0 var(--haze-space-12);box-sizing:border-box;overflow:hidden;container:rail-track/inline-size}.haze-Workbench__activityBarDocked{box-sizing:border-box;flex:none;width:100%;overflow:hidden;container:rail-track/inline-size}.haze-Workbench__activityBarDockedEnd{order:1}.haze-Workbench__sidebarColumn{box-sizing:border-box;flex-direction:column;min-height:0;display:flex}.haze-Workbench__regionFill{flex:auto;height:auto;min-height:0}.haze-Workbench__region{box-sizing:border-box;height:100%;overflow:auto}.haze-Workbench__editor{box-sizing:border-box;flex:1 1 0;min-height:0;overflow:auto}.haze-Workbench__verticalFill{height:100%}.haze-Workbench__statusBarRegion{box-sizing:border-box;z-index:110;grid-area:status}.haze-Workbench__tabBarRegion{box-sizing:border-box;grid-area:tabs;display:none}@container workbench (width<=768px){.haze-Workbench__tabBarRegion{z-index:110;display:block}}.haze-Workbench__scrim{box-sizing:border-box;display:none}@container workbench (width<=768px){.haze-Workbench__scrim{z-index:90;background:#0006;display:none;position:absolute;inset:0}.haze-Workbench__scrim[data-open]{display:block}.haze-Workbench__sidenavOverlay{z-index:100;background:var(--haze-color-bg);width:100%;box-shadow:var(--haze-shadow-lg);visibility:hidden;-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);transition:transform var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);position:absolute;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.haze-Workbench__sidenavOverlay[data-open]{visibility:visible;-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease),visibility 0s;transition:transform var(--haze-duration-normal) var(--haze-ease),visibility 0s;transform:none}html[dir=rtl] .haze-Workbench__sidenavOverlay:not([data-open]){transform:translate(100%)}.haze-Workbench__auxOverlay{z-index:100;width:min(var(--haze-workbench-auxiliary-width,300px), 85%);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:transform var(--haze-duration-normal) var(--haze-ease);position:absolute;inset-block:0;inset-inline-end:0}.haze-Workbench__auxOverlay[data-collapsed]{visibility:hidden;-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);transition:transform var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);transform:translate(100%)}html[dir=rtl] .haze-Workbench__auxOverlay[data-collapsed]{transform:translate(-100%)}.haze-Workbench__mobileHidden{display:none}}
|
|
4
|
+
}
|