haze-ui 1.22.0 → 1.23.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 +7 -0
- package/dist/css/alert.css +1 -1
- package/dist/css/approval-card.css +1 -1
- package/dist/css/async-section.css +1 -1
- package/dist/css/badge.css +1 -1
- package/dist/css/banner.css +1 -1
- package/dist/css/chat-message.css +1 -1
- package/dist/css/code-block.css +1 -1
- package/dist/css/confirm-dialog.css +1 -1
- package/dist/css/context-menu.css +1 -1
- package/dist/css/conversation-list.css +1 -1
- package/dist/css/diff-viewer.css +1 -1
- package/dist/css/dropdown-menu.css +1 -1
- package/dist/css/inline-edit.css +1 -1
- package/dist/css/log-viewer.css +1 -1
- package/dist/css/markdown-renderer.css +1 -1
- package/dist/css/navigation-bar.css +1 -1
- package/dist/css/step-timeline.css +1 -1
- package/dist/css/tag-group.css +1 -1
- package/dist/css/tag-input.css +1 -1
- package/dist/css/tag.css +1 -1
- package/dist/css/toast.css +1 -1
- package/dist/css/token-counter.css +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/css/tool-call-card.css +1 -1
- package/dist/haze-ui.css +24 -24
- package/dist/tokens/index.js +3 -1
- package/dist/tokens/oklch.js +117 -0
- package/dist/tokens/palette.js +327 -0
- package/dist/tokens/registry.js +154 -145
- package/dist/types/tokens/index.d.ts +4 -0
- package/dist/types/tokens/oklch.d.ts +35 -0
- package/dist/types/tokens/palette.d.ts +28 -0
- package/package.json +3 -1
package/dist/haze-ui.css
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
.haze-colors__lightTheme{--haze-color-primary
|
|
1
|
+
.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)}
|
|
2
2
|
.haze-spacing__spacing{--haze-space-0:0;--haze-space-1:4px;--haze-space-2:8px;--haze-space-3:12px;--haze-space-4:16px;--haze-space-5:20px;--haze-space-6:24px;--haze-space-8:32px;--haze-space-10:40px;--haze-space-12:48px;--haze-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}
|
|
3
3
|
.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}
|
|
4
4
|
.haze-Accordion__base{width:100%}
|
|
5
5
|
.haze-AccordionItem__item{border-bottom:1px solid var(--haze-color-border)}.haze-AccordionItem__item:first-of-type{border-top:1px solid var(--haze-color-border)}.haze-AccordionItem__summary{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.haze-AccordionItem__summary:hover{background:var(--haze-color-bg-subtle)}.haze-AccordionItem__summary:active{background:var(--haze-color-bg-muted)}.haze-AccordionItem__summary:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-AccordionItem__summary::marker{display:none}.haze-AccordionItem__summary::-webkit-details-marker{display:none}.haze-AccordionItem__summary:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.haze-AccordionItem__summary:after{transform:rotate(45deg)}.haze-AccordionItem__content{padding:0 var(--haze-space-4) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}
|
|
6
6
|
.haze-Affix__affix{z-index:100;position:fixed}.haze-Affix__posTop{top:0;left:0;right:0}.haze-Affix__posBottom{bottom:0;left:0;right:0}
|
|
7
|
-
.haze-Alert__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);display:flex}.haze-Alert__info{background:
|
|
8
|
-
.haze-ApprovalCard__card{border:1px solid var(--haze-color-warning
|
|
7
|
+
.haze-Alert__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);display:flex}.haze-Alert__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info);border:1px solid color-mix(in srgb, var(--haze-color-info) 25%, transparent)}.haze-Alert__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Alert__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Alert__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent)}.haze-Alert__contentStyle{flex:1}.haze-Alert__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.haze-Alert__closeBtn:hover{opacity:1}.haze-Alert__closeBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}
|
|
8
|
+
.haze-ApprovalCard__card{border:1px solid var(--haze-color-warning);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);background:var(--haze-color-bg);overflow:hidden}.haze-ApprovalCard__header{padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-warning-subtle);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-ApprovalCard__body{padding:var(--haze-space-3) var(--haze-space-4)}.haze-ApprovalCard__desc{font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__content{margin-bottom:var(--haze-space-3)}.haze-ApprovalCard__actions{gap:var(--haze-space-2);padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);display:flex}.haze-ApprovalCard__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;flex:1;transition:background .15s}.haze-ApprovalCard__denyBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ApprovalCard__denyBtn:hover{background:var(--haze-color-bg-muted)}.haze-ApprovalCard__approveBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ApprovalCard__approveBtn:hover{opacity:.9}
|
|
9
9
|
.haze-AspectRatio__wrapper{width:100%;position:relative}.haze-AspectRatio__inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}
|
|
10
|
-
.haze-AsyncSection__base{font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-AsyncSection__placeholder{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-8) var(--haze-space-4);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);flex-direction:column;display:flex}.haze-AsyncSection__spin{width:24px;height:24px;animation:.8s linear infinite spin-haze-AsyncSection__spin;display:inline-flex}@keyframes spin-haze-AsyncSection__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-AsyncSection__errorBox{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);background:
|
|
10
|
+
.haze-AsyncSection__base{font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-AsyncSection__placeholder{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-8) var(--haze-space-4);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);flex-direction:column;display:flex}.haze-AsyncSection__spin{width:24px;height:24px;animation:.8s linear infinite spin-haze-AsyncSection__spin;display:inline-flex}@keyframes spin-haze-AsyncSection__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-AsyncSection__errorBox{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-md);background:var(--haze-color-danger-subtle);border:1px solid color-mix(in srgb, var(--haze-color-danger) 25%, transparent);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);flex-direction:column;display:flex}.haze-AsyncSection__errorMessage{color:var(--haze-color-danger);margin:0}.haze-AsyncSection__retryButton{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;transition:background .15s,border-color .15s;display:inline-flex}.haze-AsyncSection__retryButton:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-AsyncSection__retryButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
|
|
11
11
|
.haze-Avatar__base{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-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.haze-Avatar__sm{width:32px;height:32px;font-size:var(--haze-text-xs)}.haze-Avatar__md{width:40px;height:40px;font-size:var(--haze-text-sm)}.haze-Avatar__lg{width:56px;height:56px;font-size:var(--haze-text-lg)}.haze-Avatar__imgStyle{object-fit:cover;width:100%;height:100%}
|
|
12
12
|
.haze-BackToTop__button{bottom:calc(var(--haze-space-6) + env(safe-area-inset-bottom));right:calc(var(--haze-space-6) + env(safe-area-inset-right));border-radius:var(--haze-radius-full);background:var(--haze-color-primary);width:2.5rem;height:2.5rem;color:var(--haze-color-bg);cursor:pointer;box-shadow:var(--haze-shadow-lg);font-size:var(--haze-text-lg);-webkit-transition:opacity .2s,-webkit-transform .2s;border:none;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:fixed}.haze-BackToTop__button:hover{transform:translateY(-2px)}.haze-BackToTop__hidden{opacity:0;pointer-events:none;transform:translateY(1rem)}
|
|
13
|
-
.haze-Badge__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-Badge__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Badge__success{background:
|
|
14
|
-
.haze-Banner__banner{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);border-radius:var(--haze-radius-md);justify-content:space-between;display:flex}.haze-Banner__info{background:var(--haze-color-info-
|
|
13
|
+
.haze-Badge__base{border-radius:var(--haze-radius-full);font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.haze-Badge__default{background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary)}.haze-Badge__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Badge__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Badge__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Badge__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-Badge__sm{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-Badge__md{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}
|
|
14
|
+
.haze-Banner__banner{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);border-radius:var(--haze-radius-md);justify-content:space-between;display:flex}.haze-Banner__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-Banner__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-Banner__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-Banner__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-Banner__closeBtn{cursor:pointer;color:inherit;opacity:.7;font-size:var(--haze-text-lg);padding:var(--haze-space-2);background:0 0;border:none;min-width:2.5rem;min-height:2.5rem;line-height:1}.haze-Banner__closeBtn:hover{opacity:1}.haze-Banner__content{flex:1}
|
|
15
15
|
.haze-BottomSheet__overlay{z-index:100;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.haze-BottomSheet__sheet{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl) var(--haze-radius-xl) 0 0;padding:var(--haze-space-4) var(--haze-space-6) calc(var(--haze-space-4) + env(safe-area-inset-bottom));width:100%;max-width:640px;max-height:80vh;font-family:var(--haze-font-sans);color:var(--haze-color-text);box-shadow:var(--haze-shadow-xl);overflow-y:auto}.haze-BottomSheet__handle{background:var(--haze-color-border);border-radius:var(--haze-radius-full);width:2rem;height:.25rem;margin:0 auto var(--haze-space-4)}
|
|
16
16
|
.haze-Breadcrumb__nav{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Breadcrumb__list{align-items:center;gap:var(--haze-space-2);white-space:nowrap;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.haze-Breadcrumb__sep{color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none}
|
|
17
17
|
.haze-BreadcrumbItem__link{color:var(--haze-color-primary);-webkit-text-decoration:none;text-decoration:none;transition:color .15s}.haze-BreadcrumbItem__link:hover{color:var(--haze-color-primary-hover);-webkit-text-decoration:underline;text-decoration:underline}.haze-BreadcrumbItem__link:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);border-radius:var(--haze-radius-sm);outline:none}.haze-BreadcrumbItem__current{color:var(--haze-color-text);font-weight:var(--haze-weight-medium)}
|
|
@@ -22,38 +22,38 @@
|
|
|
22
22
|
.haze-CarouselSlide__slide{scroll-snap-snap-align:start;scroll-snap-align:start;flex:0 0 100%;min-width:0}
|
|
23
23
|
.haze-ChatContainer__container{font-family:var(--haze-font-sans);padding:var(--haze-space-4);gap:var(--haze-space-1);flex-direction:column;display:flex;overflow-y:auto}
|
|
24
24
|
.haze-ChatInput__wrapper{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;gap:var(--haze-space-2);padding:var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);font-family:var(--haze-font-sans);transition:border-color .15s,box-shadow .15s;display:flex}.haze-ChatInput__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ChatInput__textarea{resize:none;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);background:0 0;border:none;outline:none;flex:1;min-height:1.5rem;max-height:10rem;padding:0}.haze-ChatInput__sendBtn{border-radius:var(--haze-radius-md);background:var(--haze-color-primary);width:2rem;height:2rem;color:var(--haze-color-bg);cursor:pointer;font-size:var(--haze-text-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.haze-ChatInput__sendBtn:disabled{opacity:.5;cursor:not-allowed}.haze-ChatInput__sendBtn:hover:not(:disabled){opacity:.9}
|
|
25
|
-
.haze-ChatMessage__wrapper{gap:var(--haze-space-3);font-family:var(--haze-font-sans);padding:var(--haze-space-3) 0;display:flex}.haze-ChatMessage__wrapperUser{flex-direction:row-reverse}.haze-ChatMessage__avatarSlot{border-radius:var(--haze-radius-full);background:var(--haze-color-muted);width:2rem;height:2rem;font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.haze-ChatMessage__body{min-width:0;max-width:75%}.haze-ChatMessage__header{align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-1);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);display:flex}.haze-ChatMessage__headerUser{flex-direction:row-reverse}.haze-ChatMessage__bubble{padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-lg);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);word-break:break-word}.haze-ChatMessage__bubbleUser{background:var(--haze-color-primary);color:var(--haze-color-bg);border-bottom-right-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-muted);color:var(--haze-color-text);border-bottom-left-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);text-align:center;padding:var(--haze-space-2);background:0 0}.haze-ChatMessage__statusText{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger
|
|
25
|
+
.haze-ChatMessage__wrapper{gap:var(--haze-space-3);font-family:var(--haze-font-sans);padding:var(--haze-space-3) 0;display:flex}.haze-ChatMessage__wrapperUser{flex-direction:row-reverse}.haze-ChatMessage__avatarSlot{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);width:2rem;height:2rem;font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.haze-ChatMessage__body{min-width:0;max-width:75%}.haze-ChatMessage__header{align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-1);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);display:flex}.haze-ChatMessage__headerUser{flex-direction:row-reverse}.haze-ChatMessage__bubble{padding:var(--haze-space-3) var(--haze-space-4);border-radius:var(--haze-radius-lg);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);word-break:break-word}.haze-ChatMessage__bubbleUser{background:var(--haze-color-primary);color:var(--haze-color-bg);border-bottom-right-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-bottom-left-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);text-align:center;padding:var(--haze-space-2);background:0 0}.haze-ChatMessage__statusText{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger)}
|
|
26
26
|
.haze-CheckboxCore__base{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:1.125rem;height:1.125rem;margin:.4375rem;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.haze-CheckboxCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-CheckboxCore__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-CheckboxCore__base:checked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-CheckboxCore__base:checked:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.haze-CheckboxCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-CheckboxCore__labelText{align-items:center;gap:var(--haze-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}
|
|
27
27
|
.haze-Chip__base{align-items:center;gap:var(--haze-space-1);border-radius:var(--haze-radius-full);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-3);line-height:1;display:inline-flex}.haze-Chip__default{border:1px solid var(--haze-color-border);color:var(--haze-color-text-secondary)}.haze-Chip__primary{border:1px solid var(--haze-color-primary);color:var(--haze-color-primary)}.haze-Chip__success{border:1px solid var(--haze-color-success);color:var(--haze-color-success)}.haze-Chip__warning{border:1px solid var(--haze-color-warning);color:var(--haze-color-warning)}.haze-Chip__danger{border:1px solid var(--haze-color-danger);color:var(--haze-color-danger)}.haze-Chip__iconStyle{align-items:center;display:inline-flex}.haze-Chip__closeBtn{border-radius:var(--haze-radius-full);width:1.25rem;height:1.25rem;color:inherit;cursor:pointer;opacity:.6;margin-left:var(--haze-space-1);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.haze-Chip__closeBtn:hover{opacity:1}
|
|
28
|
-
.haze-CodeBlock__block{background:var(--haze-color-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);position:relative;overflow-x:auto}.haze-CodeBlock__pre{padding:var(--haze-space-4);margin:0}.haze-CodeBlock__lang{top:var(--haze-space-2);right:var(--haze-space-3);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;position:absolute}
|
|
28
|
+
.haze-CodeBlock__block{background:var(--haze-color-bg-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);position:relative;overflow-x:auto}.haze-CodeBlock__pre{padding:var(--haze-space-4);margin:0}.haze-CodeBlock__lang{top:var(--haze-space-2);right:var(--haze-space-3);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);text-transform:uppercase;-webkit-user-select:none;user-select:none;position:absolute}
|
|
29
29
|
.haze-Collapsible__base{font-family:var(--haze-font-sans)}.haze-Collapsible__triggerStyle{cursor:pointer;-webkit-user-select:none;user-select:none}.haze-Collapsible__contentStyle{overflow:hidden}
|
|
30
30
|
.haze-ColorPickerCore__container{gap:var(--haze-space-3);font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-ColorPickerCore__previewRow{align-items:center;gap:var(--haze-space-3);display:flex}.haze-ColorPickerCore__colorInput{border:2px solid var(--haze-color-border);border-radius:var(--haze-radius-md);cursor:pointer;background:0 0;width:40px;height:40px;padding:0}.haze-ColorPickerCore__colorInput::-webkit-color-swatch-wrapper{padding:0}.haze-ColorPickerCore__colorInput::-webkit-color-swatch{border-radius:var(--haze-radius-sm);border:none}.haze-ColorPickerCore__textInput{height:40px;padding:0 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-size:var(--haze-text-sm);font-family:var(--haze-font-mono);outline:none;flex:1}.haze-ColorPickerCore__textInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ColorPickerCore__presetsRow{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-ColorPickerCore__presetBtn{border-radius:var(--haze-radius-full);cursor:pointer;-webkit-transition:border-color .15s,-webkit-transform .15s;border:2px solid #0000;width:1.75rem;height:1.75rem;transition:border-color .15s,transform .15s}.haze-ColorPickerCore__presetBtn:hover{transform:scale(1.1)}.haze-ColorPickerCore__activePreset{border-color:var(--haze-color-text);box-shadow:0 0 0 2px var(--haze-color-bg)}
|
|
31
31
|
.haze-Combobox__wrapper{width:100%;display:inline-block;position:relative}.haze-Combobox__input{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);box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.haze-Combobox__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Combobox__listbox{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);min-width:100%;max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}
|
|
32
32
|
.haze-ComboboxOption__option{padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;align-items:center;transition:background .1s;display:flex}.haze-ComboboxOption__option:hover{background:var(--haze-color-bg-subtle)}.haze-ComboboxOption__option:active{background:var(--haze-color-bg-muted)}.haze-ComboboxOption__highlightedStyle{background:var(--haze-color-bg-subtle)}.haze-ComboboxOption__selectedStyle{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}
|
|
33
33
|
.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
|
|
34
34
|
.haze-Command__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);font-family:var(--haze-font-sans);flex-direction:column;width:100%;max-width:400px;display:flex;overflow:hidden}.haze-Command__inputStyle{width:100%;padding:var(--haze-space-3) var(--haze-space-4);border:none;border-bottom:1px solid var(--haze-color-border);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);background:0 0;outline:none}.haze-Command__inputStyle::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Command__inputStyle::placeholder{color:var(--haze-color-text-muted)}.haze-Command__inputStyle:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Command__inputStyle::placeholder{color:var(--haze-color-text-muted)}.haze-Command__listStyle{max-height:300px;padding:var(--haze-space-1);overflow-y:auto}.haze-Command__itemStyle{padding:var(--haze-space-2) var(--haze-space-3);border-radius:var(--haze-radius-md);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;transition:background .15s}.haze-Command__itemStyle:hover{background:var(--haze-color-bg-subtle)}.haze-Command__itemStyle:active{background:var(--haze-color-bg-muted)}.haze-Command__itemStyle:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}
|
|
35
|
-
.haze-ConfirmDialog__overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.haze-ConfirmDialog__dialog{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);box-shadow:var(--haze-shadow-xl);width:100%;max-width:480px;font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-ConfirmDialog__header{margin-bottom:var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}.haze-ConfirmDialog__body{margin-bottom:var(--haze-space-6);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);line-height:var(--haze-leading-relaxed)}.haze-ConfirmDialog__footer{justify-content:flex-end;gap:var(--haze-space-3);display:flex}.haze-ConfirmDialog__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;transition:background .15s,border-color .15s}.haze-ConfirmDialog__cancelBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ConfirmDialog__cancelBtn:hover{background:var(--haze-color-muted)}.haze-ConfirmDialog__confirmBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ConfirmDialog__confirmBtn:hover{opacity:.9}.haze-ConfirmDialog__dangerBtn{background:var(--haze-color-danger
|
|
35
|
+
.haze-ConfirmDialog__overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.haze-ConfirmDialog__dialog{background:var(--haze-color-bg);border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);box-shadow:var(--haze-shadow-xl);width:100%;max-width:480px;font-family:var(--haze-font-sans);color:var(--haze-color-text)}.haze-ConfirmDialog__header{margin-bottom:var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}.haze-ConfirmDialog__body{margin-bottom:var(--haze-space-6);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);line-height:var(--haze-leading-relaxed)}.haze-ConfirmDialog__footer{justify-content:flex-end;gap:var(--haze-space-3);display:flex}.haze-ConfirmDialog__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;transition:background .15s,border-color .15s}.haze-ConfirmDialog__cancelBtn{background:var(--haze-color-bg);border:1px solid var(--haze-color-border);color:var(--haze-color-text)}.haze-ConfirmDialog__cancelBtn:hover{background:var(--haze-color-bg-muted)}.haze-ConfirmDialog__confirmBtn{background:var(--haze-color-primary);border:1px solid var(--haze-color-primary);color:var(--haze-color-bg)}.haze-ConfirmDialog__confirmBtn:hover{opacity:.9}.haze-ConfirmDialog__dangerBtn{background:var(--haze-color-danger);border:1px solid var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-ConfirmDialog__dangerBtn:hover{background:var(--haze-color-danger-hover);border-color:var(--haze-color-danger-hover)}.haze-ConfirmDialog__dangerBtn:active{background:var(--haze-color-danger-active);border-color:var(--haze-color-danger-active)}
|
|
36
36
|
.haze-Container__container{width:100%;padding-left:var(--haze-space-4);padding-right:var(--haze-space-4);font-family:var(--haze-font-sans);margin-left:auto;margin-right:auto}.haze-Container__sm{max-width:640px}.haze-Container__md{max-width:768px}.haze-Container__lg{max-width:1024px}.haze-Container__xl{max-width:1280px}.haze-Container__full{max-width:100%}
|
|
37
37
|
.haze-ContextMenu__wrapper{display:inline-block;position:relative}
|
|
38
38
|
.haze-ContextMenuContent__content{min-width:10rem;padding:var(--haze-space-1);background:var(--haze-color-bg);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);box-shadow:var(--haze-shadow-md);z-index:100;position:fixed}
|
|
39
|
-
.haze-ContextMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-ContextMenuItem__item:hover{background:var(--haze-color-muted)}.haze-ContextMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-ContextMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
39
|
+
.haze-ContextMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-ContextMenuItem__item:hover{background:var(--haze-color-bg-muted)}.haze-ContextMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-ContextMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
40
40
|
.haze-ContextMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
41
41
|
.haze-ContextMenuTrigger__trigger{display:contents}
|
|
42
42
|
.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
|
|
43
|
-
.haze-ConversationItem__item{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);cursor:pointer;border-radius:var(--haze-radius-md);text-align:left;width:100%;font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;transition:background .15s;display:flex}.haze-ConversationItem__item:hover,.haze-ConversationItem__activeItem{background:var(--haze-color-muted)}.haze-ConversationItem__body{flex:1;min-width:0}.haze-ConversationItem__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-ConversationItem__subtitleStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--haze-space-0);overflow:hidden}.haze-ConversationItem__endSlot{flex-shrink:0}
|
|
43
|
+
.haze-ConversationItem__item{align-items:center;gap:var(--haze-space-3);padding:var(--haze-space-3) var(--haze-space-4);cursor:pointer;border-radius:var(--haze-radius-md);text-align:left;width:100%;font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;transition:background .15s;display:flex}.haze-ConversationItem__item:hover,.haze-ConversationItem__activeItem{background:var(--haze-color-bg-muted)}.haze-ConversationItem__body{flex:1;min-width:0}.haze-ConversationItem__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-ConversationItem__subtitleStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:var(--haze-space-0);overflow:hidden}.haze-ConversationItem__endSlot{flex-shrink:0}
|
|
44
44
|
.haze-ConversationList__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex;overflow-y:auto}
|
|
45
45
|
.haze-DateRangePickerCore__container{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:inline-flex}.haze-DateRangePickerCore__input{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-size:var(--haze-text-sm);font-family:var(--haze-font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.haze-DateRangePickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-DateRangePickerCore__input:disabled{opacity:.5;cursor:not-allowed}.haze-DateRangePickerCore__sep{color:var(--haze-color-text-muted);font-size:var(--haze-text-sm)}
|
|
46
46
|
.haze-Calendar__calendarWrapper{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Calendar__header{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;margin-bottom:var(--haze-space-2);justify-content:space-between;display:flex}.haze-Calendar__headerBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1}.haze-Calendar__headerBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__headerBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-Calendar__grid{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.haze-Calendar__rowContents,.haze-Calendar__cellContents{display:contents}.haze-Calendar__weekday{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__dayBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1.5;transition:background .1s}.haze-Calendar__dayBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__dayBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__dayBtn:disabled{opacity:.3;cursor:not-allowed}.haze-Calendar__daySelected{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Calendar__daySelected:hover{background:var(--haze-color-primary-hover)}.haze-Calendar__dayOutside{color:var(--haze-color-text-muted)}
|
|
47
47
|
.haze-DatepickerCore__wrapper{display:inline-block;position:relative}.haze-DatepickerCore__input{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;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.haze-DatepickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DatepickerCore__dropdown{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}
|
|
48
48
|
.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
|
|
49
49
|
.haze-Dialog__overlay{border-radius:var(--haze-radius-xl);padding:var(--haze-space-6);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-xl);border:none;width:100%;max-width:480px}.haze-Dialog__overlay::backdrop{background:#0006}.haze-Dialog__overlay:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Dialog__titleText{margin:0 0 var(--haze-space-4);font-size:var(--haze-text-lg);font-weight:var(--haze-weight-semibold)}
|
|
50
|
-
.haze-DiffViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-DiffViewer__header{padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-muted);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-DiffViewer__body{overflow-x:auto}.haze-DiffViewer__line{min-height:1.25rem;display:flex}.haze-DiffViewer__lineNum{width:3rem;padding:0 var(--haze-space-2);text-align:right;color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--haze-color-border);flex-shrink:0}.haze-DiffViewer__lineContent{padding:0 var(--haze-space-3);white-space:pre;flex:1}.haze-DiffViewer__added{background:var(--haze-color-success-
|
|
50
|
+
.haze-DiffViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-DiffViewer__header{padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-bg-muted);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-DiffViewer__body{overflow-x:auto}.haze-DiffViewer__line{min-height:1.25rem;display:flex}.haze-DiffViewer__lineNum{width:3rem;padding:0 var(--haze-space-2);text-align:right;color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--haze-color-border);flex-shrink:0}.haze-DiffViewer__lineContent{padding:0 var(--haze-space-3);white-space:pre;flex:1}.haze-DiffViewer__added{background:var(--haze-color-success-subtle)}.haze-DiffViewer__removed{background:var(--haze-color-danger-subtle)}.haze-DiffViewer__addedPrefix{color:var(--haze-color-success)}.haze-DiffViewer__removedPrefix{color:var(--haze-color-danger)}
|
|
51
51
|
.haze-Disclosure__details{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-Disclosure__summaryStyle{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--haze-space-3) var(--haze-space-4);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.haze-Disclosure__summaryStyle:hover{background:var(--haze-color-bg-subtle)}.haze-Disclosure__summaryStyle:focus-visible{box-shadow:inset 0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Disclosure__summaryStyle::marker{display:none}.haze-Disclosure__summaryStyle::-webkit-details-marker{display:none}.haze-Disclosure__summaryStyle:after{content:"";border-right:2px solid var(--haze-color-text-muted);border-bottom:2px solid var(--haze-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.haze-Disclosure__summaryStyle:after{transform:rotate(45deg)}.haze-Disclosure__content{padding:var(--haze-space-3) var(--haze-space-4);border-top:1px solid var(--haze-color-border);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}
|
|
52
52
|
.haze-Divider__base{background:var(--haze-color-border);border:none}.haze-Divider__horizontal{width:100%;height:1px}.haze-Divider__vertical{-ms-grid-row-align:stretch;align-self:stretch;width:1px;height:1em}
|
|
53
53
|
.haze-Drawer__overlay{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);border:none;max-width:100vw;max-height:100vh;padding:0;overflow:auto}.haze-Drawer__overlay::backdrop{background:#0006}.haze-Drawer__overlay:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Drawer__left{width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:0}.haze-Drawer__right{width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:auto}.haze-Drawer__top{width:100vw;height:320px;margin-top:0}.haze-Drawer__bottom{width:100vw;height:320px;margin-top:auto}
|
|
54
54
|
.haze-DropdownMenu__wrapper{display:inline-block;position:relative}
|
|
55
55
|
.haze-DropdownMenuContent__content{min-width:10rem;padding:var(--haze-space-1);background:var(--haze-color-bg);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);box-shadow:var(--haze-shadow-md)}
|
|
56
|
-
.haze-DropdownMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-DropdownMenuItem__item:hover{background:var(--haze-color-muted)}.haze-DropdownMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-DropdownMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
56
|
+
.haze-DropdownMenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);cursor:pointer;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);border-radius:var(--haze-radius-sm);text-align:left;background:0 0;border:none;align-items:center;transition:background .15s;display:flex}.haze-DropdownMenuItem__item:hover{background:var(--haze-color-bg-muted)}.haze-DropdownMenuItem__item:active{background:var(--haze-color-bg-subtle)}.haze-DropdownMenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
57
57
|
.haze-DropdownMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
58
58
|
.haze-DropdownMenuTrigger__trigger{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}
|
|
59
59
|
.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
|
|
@@ -64,18 +64,18 @@
|
|
|
64
64
|
.haze-Grid__base{display:-ms-grid;display:grid}
|
|
65
65
|
.haze-Icon__base{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-Icon__base>svg{fill:currentColor;stroke:currentColor;width:100%;height:100%}.haze-Icon__strokeOnly>svg{fill:none}.haze-Icon__sm{width:16px;height:16px}.haze-Icon__md{width:20px;height:20px}.haze-Icon__lg{width:24px;height:24px}
|
|
66
66
|
.haze-Image__wrapper{display:block;position:relative;overflow:hidden}.haze-Image__imgStyle{width:100%;height:100%;display:block}.haze-Image__fallbackStyle{background:var(--haze-color-bg-muted);width:100%;height:100%;color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}
|
|
67
|
-
.haze-InlineEdit__display{cursor:text;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);border:1px solid #0000;min-width:2rem;min-height:1.75rem;transition:background .15s}.haze-InlineEdit__display:hover{background:var(--haze-color-muted)}.haze-InlineEdit__editing{padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none;min-width:2rem}.haze-InlineEdit__placeholderStyle{color:var(--haze-color-text-muted);font-style:italic}
|
|
67
|
+
.haze-InlineEdit__display{cursor:text;padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);border:1px solid #0000;min-width:2rem;min-height:1.75rem;transition:background .15s}.haze-InlineEdit__display:hover{background:var(--haze-color-bg-muted)}.haze-InlineEdit__editing{padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-primary);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none;min-width:2rem}.haze-InlineEdit__placeholderStyle{color:var(--haze-color-text-muted);font-style:italic}
|
|
68
68
|
.haze-InputCore__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);transition:border-color .15s,box-shadow .15s;display:block}.haze-InputCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-InputCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-InputCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-InputCore__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-InputCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-InputCore__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-InputCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-InputCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-InputCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-InputCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
|
|
69
69
|
.haze-List__base{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-normal);padding-left:var(--haze-space-5);margin:0}.haze-List__unordered{list-style-type:disc}.haze-List__ordered{list-style-type:decimal}.haze-List__none{padding-left:0;list-style-type:none}
|
|
70
70
|
.haze-ListItem__item{padding:var(--haze-space-1) 0}
|
|
71
|
-
.haze-LogViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-LogViewer__toolbar{gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-LogViewer__filterBtn{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-xs);font-family:var(--haze-font-mono);color:var(--haze-color-text-muted);background:0 0;border:1px solid #0000;transition:background .15s,border-color .15s}.haze-LogViewer__filterBtn:hover{background:var(--haze-color-bg)}.haze-LogViewer__filterActive{background:var(--haze-color-bg);border-color:var(--haze-color-border);color:var(--haze-color-text)}.haze-LogViewer__body{max-height:24rem;padding:var(--haze-space-2) 0;overflow-y:auto}.haze-LogViewer__entry{gap:var(--haze-space-3);padding:var(--haze-space-0) var(--haze-space-3);display:flex}.haze-LogViewer__timestamp{color:var(--haze-color-text-muted);flex-shrink:0}.haze-LogViewer__levelBadge{text-align:center;text-transform:uppercase;width:3rem;font-weight:var(--haze-weight-medium);flex-shrink:0}.haze-LogViewer__levelDebug{color:var(--haze-color-text-muted)}.haze-LogViewer__levelInfo{color:var(--haze-color-primary)}.haze-LogViewer__levelWarn{color:var(--haze-color-warning
|
|
72
|
-
.haze-MarkdownRenderer__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);word-break:break-word}.haze-MarkdownRenderer__wrapper h1,.haze-MarkdownRenderer__wrapper h2,.haze-MarkdownRenderer__wrapper h3,.haze-MarkdownRenderer__wrapper h4,.haze-MarkdownRenderer__wrapper h5,.haze-MarkdownRenderer__wrapper h6{font-weight:var(--haze-weight-semibold);margin-top:var(--haze-space-4);margin-bottom:var(--haze-space-2);line-height:var(--haze-leading-tight)}.haze-MarkdownRenderer__wrapper h1{font-size:var(--haze-text-2xl)}.haze-MarkdownRenderer__wrapper h2{font-size:var(--haze-text-xl)}.haze-MarkdownRenderer__wrapper h3{font-size:var(--haze-text-lg)}.haze-MarkdownRenderer__wrapper h4{font-size:var(--haze-text-base)}.haze-MarkdownRenderer__wrapper p{margin-bottom:var(--haze-space-3)}.haze-MarkdownRenderer__wrapper ul,.haze-MarkdownRenderer__wrapper ol{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-6)}.haze-MarkdownRenderer__wrapper li{margin-bottom:var(--haze-space-1)}.haze-MarkdownRenderer__wrapper code{font-family:var(--haze-font-mono);background:var(--haze-color-muted);border-radius:var(--haze-radius-sm);padding:.125em .375em;font-size:.875em}.haze-MarkdownRenderer__wrapper pre{margin-bottom:var(--haze-space-3);padding:var(--haze-space-4);background:var(--haze-color-muted);border-radius:var(--haze-radius-md);overflow-x:auto}.haze-MarkdownRenderer__wrapper pre code{background:0 0;padding:0}.haze-MarkdownRenderer__wrapper blockquote{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-4);border-left:3px solid var(--haze-color-border);color:var(--haze-color-text-muted)}.haze-MarkdownRenderer__wrapper a{color:var(--haze-color-primary);-webkit-text-decoration:underline;text-decoration:underline}.haze-MarkdownRenderer__wrapper table{width:100%;margin-bottom:var(--haze-space-3);border-collapse:collapse}.haze-MarkdownRenderer__wrapper th,.haze-MarkdownRenderer__wrapper td{padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);text-align:left}.haze-MarkdownRenderer__wrapper th{background:var(--haze-color-muted);font-weight:var(--haze-weight-medium)}.haze-MarkdownRenderer__wrapper hr{margin:var(--haze-space-4) 0;border:none;border-top:1px solid var(--haze-color-border)}.haze-MarkdownRenderer__wrapper img{border-radius:var(--haze-radius-md);max-width:100%}
|
|
71
|
+
.haze-LogViewer__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);overflow:hidden}.haze-LogViewer__toolbar{gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);background:var(--haze-color-bg-muted);border-bottom:1px solid var(--haze-color-border);display:flex}.haze-LogViewer__filterBtn{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-xs);font-family:var(--haze-font-mono);color:var(--haze-color-text-muted);background:0 0;border:1px solid #0000;transition:background .15s,border-color .15s}.haze-LogViewer__filterBtn:hover{background:var(--haze-color-bg)}.haze-LogViewer__filterActive{background:var(--haze-color-bg);border-color:var(--haze-color-border);color:var(--haze-color-text)}.haze-LogViewer__body{max-height:24rem;padding:var(--haze-space-2) 0;overflow-y:auto}.haze-LogViewer__entry{gap:var(--haze-space-3);padding:var(--haze-space-0) var(--haze-space-3);display:flex}.haze-LogViewer__timestamp{color:var(--haze-color-text-muted);flex-shrink:0}.haze-LogViewer__levelBadge{text-align:center;text-transform:uppercase;width:3rem;font-weight:var(--haze-weight-medium);flex-shrink:0}.haze-LogViewer__levelDebug{color:var(--haze-color-text-muted)}.haze-LogViewer__levelInfo{color:var(--haze-color-primary)}.haze-LogViewer__levelWarn{color:var(--haze-color-warning)}.haze-LogViewer__levelError{color:var(--haze-color-danger)}.haze-LogViewer__messageStyle{word-break:break-all;color:var(--haze-color-text);flex:1}
|
|
72
|
+
.haze-MarkdownRenderer__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);word-break:break-word}.haze-MarkdownRenderer__wrapper h1,.haze-MarkdownRenderer__wrapper h2,.haze-MarkdownRenderer__wrapper h3,.haze-MarkdownRenderer__wrapper h4,.haze-MarkdownRenderer__wrapper h5,.haze-MarkdownRenderer__wrapper h6{font-weight:var(--haze-weight-semibold);margin-top:var(--haze-space-4);margin-bottom:var(--haze-space-2);line-height:var(--haze-leading-tight)}.haze-MarkdownRenderer__wrapper h1{font-size:var(--haze-text-2xl)}.haze-MarkdownRenderer__wrapper h2{font-size:var(--haze-text-xl)}.haze-MarkdownRenderer__wrapper h3{font-size:var(--haze-text-lg)}.haze-MarkdownRenderer__wrapper h4{font-size:var(--haze-text-base)}.haze-MarkdownRenderer__wrapper p{margin-bottom:var(--haze-space-3)}.haze-MarkdownRenderer__wrapper ul,.haze-MarkdownRenderer__wrapper ol{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-6)}.haze-MarkdownRenderer__wrapper li{margin-bottom:var(--haze-space-1)}.haze-MarkdownRenderer__wrapper code{font-family:var(--haze-font-mono);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm);padding:.125em .375em;font-size:.875em}.haze-MarkdownRenderer__wrapper pre{margin-bottom:var(--haze-space-3);padding:var(--haze-space-4);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-md);overflow-x:auto}.haze-MarkdownRenderer__wrapper pre code{background:0 0;padding:0}.haze-MarkdownRenderer__wrapper blockquote{margin-bottom:var(--haze-space-3);padding-left:var(--haze-space-4);border-left:3px solid var(--haze-color-border);color:var(--haze-color-text-muted)}.haze-MarkdownRenderer__wrapper a{color:var(--haze-color-primary);-webkit-text-decoration:underline;text-decoration:underline}.haze-MarkdownRenderer__wrapper table{width:100%;margin-bottom:var(--haze-space-3);border-collapse:collapse}.haze-MarkdownRenderer__wrapper th,.haze-MarkdownRenderer__wrapper td{padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);text-align:left}.haze-MarkdownRenderer__wrapper th{background:var(--haze-color-bg-muted);font-weight:var(--haze-weight-medium)}.haze-MarkdownRenderer__wrapper hr{margin:var(--haze-space-4) 0;border:none;border-top:1px solid var(--haze-color-border)}.haze-MarkdownRenderer__wrapper img{border-radius:var(--haze-radius-md);max-width:100%}
|
|
73
73
|
.haze-Menu__container{display:inline-flex;position:relative}.haze-Menu__panel{min-width:160px;padding:var(--haze-space-1) 0;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}
|
|
74
74
|
.haze-MenuDivider__divider{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
75
75
|
.haze-MenuItem__item{width:100%;padding:var(--haze-space-2) var(--haze-space-3);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;transition:background .1s;display:flex}.haze-MenuItem__item:hover{background:var(--haze-color-bg-subtle)}.haze-MenuItem__item:active{background:var(--haze-color-bg-muted)}.haze-MenuItem__item:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-MenuItem__item:disabled{opacity:.5;cursor:not-allowed}
|
|
76
76
|
.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
|
|
77
77
|
.haze-ModelPicker__wrapper{font-family:var(--haze-font-sans)}.haze-ModelPicker__select{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-size:var(--haze-text-sm);font-family:var(--haze-font-sans);cursor:pointer;appearance:none;-webkit-background-position:right .75rem center;padding-right:var(--haze-space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;transition:border-color .15s,box-shadow .15s}.haze-ModelPicker__select:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ModelPicker__select:disabled{opacity:.5;cursor:not-allowed}
|
|
78
|
-
.haze-NavLink__link{font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text-muted);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;transition:color .15s,background .15s}.haze-NavLink__link:hover{color:var(--haze-color-text);background:var(--haze-color-muted)}.haze-NavLink__activeLink{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
|
|
78
|
+
.haze-NavLink__link{font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text-muted);padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;transition:color .15s,background .15s}.haze-NavLink__link:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-NavLink__activeLink{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
|
|
79
79
|
.haze-NavigationBar__nav{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-4);padding:var(--haze-space-3) var(--haze-space-4);background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}.haze-NavigationBar__brand{font-size:var(--haze-text-lg);font-weight:var(--haze-weight-bold);color:var(--haze-color-text);white-space:nowrap;-webkit-text-decoration:none;text-decoration:none}.haze-NavigationBar__links{align-items:center;gap:var(--haze-space-3);flex:1;display:flex}.haze-NavigationBar__endSlot{align-items:center;gap:var(--haze-space-2);margin-left:auto;display:flex}
|
|
80
80
|
.haze-NumberInputCore__wrapper{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.haze-NumberInputCore__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-NumberInputCore__input{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);text-align:center;-moz-appearance:textfield;border:none;outline:none;width:100%;min-width:0}.haze-NumberInputCore__input::-webkit-inner-spin-button{appearance:none;margin:0}.haze-NumberInputCore__input::-webkit-outer-spin-button{appearance:none;margin:0}.haze-NumberInputCore__stepBtn{appearance:none;background:var(--haze-color-bg-subtle);color:var(--haze-color-text);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;transition:background .1s;display:flex}.haze-NumberInputCore__stepBtn:hover{background:var(--haze-color-bg-muted)}.haze-NumberInputCore__stepBtn:active{background:var(--haze-color-border)}.haze-NumberInputCore__stepBtn:disabled{opacity:.5;cursor:not-allowed}.haze-NumberInputCore__inputSm{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.haze-NumberInputCore__inputMd{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-NumberInputCore__inputLg{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.haze-NumberInputCore__btnSm{padding:0 var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-NumberInputCore__btnMd{padding:0 var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-NumberInputCore__btnLg{padding:0 var(--haze-space-3);font-size:var(--haze-text-base)}
|
|
81
81
|
.haze-OTPInputCore__container{gap:var(--haze-space-2);font-family:var(--haze-font-sans);display:inline-flex}.haze-OTPInputCore__cell{text-align:center;width:2.5rem;height:2.75rem;font-size:var(--haze-text-lg);font-family:var(--haze-font-mono);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);outline:none;transition:border-color .15s,box-shadow .15s}.haze-OTPInputCore__cell:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
.haze-SliderCore__base{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;outline:none;width:100%;height:6px;transition:background .15s}.haze-SliderCore__base::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.haze-SliderCore__base::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer}.haze-SliderCore__base:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:disabled{opacity:.5;cursor:not-allowed}
|
|
96
96
|
.haze-Spinner__base{animation:.8s linear infinite spin-haze-Spinner__base;display:inline-flex}@keyframes spin-haze-Spinner__base{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-Spinner__sm{width:16px;height:16px}.haze-Spinner__md{width:24px;height:24px}.haze-Spinner__lg{width:32px;height:32px}
|
|
97
97
|
.haze-Stat__base{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-Stat__titleStyle{font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);margin-bottom:var(--haze-space-1)}.haze-Stat__valueRow{align-items:baseline;gap:var(--haze-space-2);display:flex}.haze-Stat__valueStyle{font-size:var(--haze-text-2xl);font-weight:var(--haze-weight-bold);color:var(--haze-color-text);line-height:var(--haze-leading-tight)}.haze-Stat__up{color:var(--haze-color-success)}.haze-Stat__down{color:var(--haze-color-danger)}.haze-Stat__neutral{color:var(--haze-color-text-muted)}.haze-Stat__trendStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium)}.haze-Stat__descStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}.haze-Stat__groupStyle{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-6);flex-wrap:wrap;display:flex}
|
|
98
|
-
.haze-StepTimeline__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-StepTimeline__item{gap:var(--haze-space-3);padding-bottom:var(--haze-space-4);display:flex;position:relative}.haze-StepTimeline__item:last-child{padding-bottom:0}.haze-StepTimeline__item:not(:last-child):before{content:"";background:var(--haze-color-border);width:2px;position:absolute;top:1.5rem;bottom:0;left:.5625rem}.haze-StepTimeline__marker{border-radius:var(--haze-radius-full);border:2px solid var(--haze-color-border);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.5rem;display:flex}.haze-StepTimeline__markerPending{border-color:var(--haze-color-border);background:var(--haze-color-bg)}.haze-StepTimeline__markerActive{border-color:var(--haze-color-primary);background:var(--haze-color-primary)}.haze-StepTimeline__markerDone{border-color:var(--haze-color-success
|
|
98
|
+
.haze-StepTimeline__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-StepTimeline__item{gap:var(--haze-space-3);padding-bottom:var(--haze-space-4);display:flex;position:relative}.haze-StepTimeline__item:last-child{padding-bottom:0}.haze-StepTimeline__item:not(:last-child):before{content:"";background:var(--haze-color-border);width:2px;position:absolute;top:1.5rem;bottom:0;left:.5625rem}.haze-StepTimeline__marker{border-radius:var(--haze-radius-full);border:2px solid var(--haze-color-border);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;font-size:.5rem;display:flex}.haze-StepTimeline__markerPending{border-color:var(--haze-color-border);background:var(--haze-color-bg)}.haze-StepTimeline__markerActive{border-color:var(--haze-color-primary);background:var(--haze-color-primary)}.haze-StepTimeline__markerDone{border-color:var(--haze-color-success);background:var(--haze-color-success);color:var(--haze-color-text-inverse)}.haze-StepTimeline__markerError{border-color:var(--haze-color-danger);background:var(--haze-color-danger);color:var(--haze-color-text-inverse)}.haze-StepTimeline__body{flex:1;min-width:0;padding-top:.0625rem}.haze-StepTimeline__labelStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-StepTimeline__descriptionStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-top:var(--haze-space-1)}
|
|
99
99
|
.haze-Step__step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.haze-Step__stepConnector{background:var(--haze-color-border);width:100%;height:2px;position:absolute;top:16px;left:50%}.haze-Step__stepActiveConnector{background:var(--haze-color-primary)}.haze-Step__circle{border-radius:var(--haze-radius-full);width:2.25rem;height:2.25rem;font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);border:2px solid var(--haze-color-border);background:var(--haze-color-bg);color:var(--haze-color-text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex}.haze-Step__activeCircle,.haze-Step__completedCircle{border-color:var(--haze-color-primary);background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Step__titleStyle{margin-top:var(--haze-space-2);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);text-align:center}.haze-Step__activeTitle{color:var(--haze-color-text);font-weight:var(--haze-weight-medium)}.haze-Step__completedTitle{color:var(--haze-color-primary)}.haze-Step__descStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);text-align:center;margin-top:var(--haze-space-1)}
|
|
100
100
|
.haze-Stepper__stepper{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;font-family:var(--haze-font-sans);flex-wrap:wrap;align-items:flex-start;display:flex}
|
|
101
101
|
.haze-StreamingText__wrapper{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);white-space:pre-wrap}.haze-StreamingText__cursor{background:var(--haze-color-primary);vertical-align:text-bottom;width:.5em;height:1em;margin-left:1px;animation:1s step-end infinite blink-haze-StreamingText__cursor;display:inline-block}@keyframes blink-haze-StreamingText__cursor{50%{opacity:0}}
|
|
@@ -108,18 +108,18 @@
|
|
|
108
108
|
.haze-TabList__base{border-bottom:1px solid var(--haze-color-border);gap:0;display:flex;overflow-x:auto}
|
|
109
109
|
.haze-TabPanel__base{padding:var(--haze-space-4) 0}.haze-TabPanel__hidden{display:none}
|
|
110
110
|
.haze-Tabs__base{font-family:var(--haze-font-sans);flex-direction:column;display:flex}
|
|
111
|
-
.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:
|
|
111
|
+
.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;font-size:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:opacity .15s;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}
|
|
112
112
|
.haze-TagGroup__group{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}
|
|
113
|
-
.haze-TagGroupItem__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);background:var(--haze-color-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)}
|
|
114
|
-
.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);flex-wrap:wrap;align-items:center;min-height:2.25rem;transition:border-color .15s,box-shadow .15s;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__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-TagInputCore__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-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-TagInputCore__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-TagInputCore__removeBtn:hover{color:var(--haze-color-text)}.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}
|
|
113
|
+
.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)}
|
|
114
|
+
.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);flex-wrap:wrap;align-items:center;min-height:2.25rem;transition:border-color .15s,box-shadow .15s;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__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-TagInputCore__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-TagInputCore__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-TagInputCore__removeBtn:hover{color:var(--haze-color-text)}.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}
|
|
115
115
|
.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;transition:border-color .15s,box-shadow .15s;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}.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)}
|
|
116
116
|
.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}.haze-ThinkingIndicator__dot2{animation-delay:.16s}.haze-ThinkingIndicator__dot3{animation-delay:.32s}
|
|
117
117
|
.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);outline:none;transition:border-color .15s,box-shadow .15s}.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)}
|
|
118
118
|
.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)}
|
|
119
|
-
.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;animation:.2s ease-out toastIn-haze-Toast__base;display:flex}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.haze-Toast__info{background:var(--haze-color-bg);color:var(--haze-color-text);border:1px solid var(--haze-color-border)}.haze-Toast__success{background:
|
|
119
|
+
.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;animation:.2s ease-out toastIn-haze-Toast__base;display:flex}@keyframes toastIn-haze-Toast__base{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.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__contentStyle{flex:1}.haze-Toast__closeBtn{appearance:none;color:inherit;cursor:pointer;font-size:var(--haze-text-lg);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:0;line-height:1;transition:opacity .15s;display:inline-flex}.haze-Toast__closeBtn:hover{opacity:1}
|
|
120
120
|
.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))}
|
|
121
|
-
.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-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%;transition:width .3s}.haze-TokenCounter__fillNormal{background:var(--haze-color-primary)}.haze-TokenCounter__fillWarning{background:var(--haze-color-warning
|
|
122
|
-
.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-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);animation:1.5s infinite pulse}.haze-ToolCallCard__statusDone{background:var(--haze-color-success
|
|
121
|
+
.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%;transition:width .3s}.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}
|
|
122
|
+
.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);animation:1.5s infinite pulse}.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)}
|
|
123
123
|
.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}
|
|
124
124
|
.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__anchoredBottom{position-area:bottom left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomSpan{position-area:bottom span-left;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 right;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__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)}
|
|
125
125
|
.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}
|
package/dist/tokens/index.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { darkTheme as e, lightTheme as t } from "./colors.js";
|
|
2
2
|
import { spacing as n } from "./spacing.js";
|
|
3
3
|
import { typography as r } from "./typography.js";
|
|
4
|
-
|
|
4
|
+
import { deltaE as i, formatOklch as a, oklchToHex as o, parseHex as s, parseOklch as c, wcagContrast as l } from "./oklch.js";
|
|
5
|
+
import { PRIMITIVES as u, SEMANTIC_COLOR_TOKENS as d } from "./palette.js";
|
|
6
|
+
export { u as PRIMITIVES, d as SEMANTIC_COLOR_TOKENS, e as darkTheme, i as deltaE, a as formatOklch, t as lightTheme, o as oklchToHex, s as parseHex, c as parseOklch, n as spacing, r as typography, l as wcagContrast };
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
function e(e) {
|
|
2
|
+
return e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
|
|
3
|
+
}
|
|
4
|
+
function t(e) {
|
|
5
|
+
return e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055;
|
|
6
|
+
}
|
|
7
|
+
function n({ r: e, g: t, b: n }) {
|
|
8
|
+
let r = Math.cbrt(.4122214708 * e + .5363325363 * t + .0514459929 * n), i = Math.cbrt(.2119034982 * e + .6806995451 * t + .1073969566 * n), a = Math.cbrt(.0883024619 * e + .2817188376 * t + .6299787005 * n);
|
|
9
|
+
return {
|
|
10
|
+
L: .2104542553 * r + .793617785 * i - .0040720468 * a,
|
|
11
|
+
a: 1.9779984951 * r - 2.428592205 * i + .4505937099 * a,
|
|
12
|
+
b: .0259040371 * r + .7827717662 * i - .808675766 * a
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
function r({ L: e, a: t, b: n }) {
|
|
16
|
+
let r = e + .3963377774 * t + .2158037573 * n, i = e - .1055613458 * t - .0638541728 * n, a = e - .0894841775 * t - 1.291485548 * n, o = r * r * r, s = i * i * i, c = a * a * a;
|
|
17
|
+
return {
|
|
18
|
+
r: 4.0767416621 * o - 3.3077115913 * s + .2309699292 * c,
|
|
19
|
+
g: -1.2684380046 * o + 2.6097574011 * s - .3413193965 * c,
|
|
20
|
+
b: -.0041960863 * o - .7034186147 * s + 1.707614701 * c
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
function i({ l: e, c: t, h: n }) {
|
|
24
|
+
let r = n * Math.PI / 180;
|
|
25
|
+
return {
|
|
26
|
+
L: e,
|
|
27
|
+
a: t * Math.cos(r),
|
|
28
|
+
b: t * Math.sin(r)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function a({ L: e, a: t, b: n }) {
|
|
32
|
+
let r = Math.atan2(n, t) * 180 / Math.PI;
|
|
33
|
+
return {
|
|
34
|
+
l: e,
|
|
35
|
+
c: Math.sqrt(t * t + n * n),
|
|
36
|
+
h: r < 0 ? r + 360 : r
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
function o(e) {
|
|
40
|
+
return e.r >= -1e-5 && e.r <= 1.00001 && e.g >= -1e-5 && e.g <= 1.00001 && e.b >= -1e-5 && e.b <= 1.00001;
|
|
41
|
+
}
|
|
42
|
+
function s(e) {
|
|
43
|
+
return r(i(c(e)));
|
|
44
|
+
}
|
|
45
|
+
function c(e) {
|
|
46
|
+
let t = Math.min(1, Math.max(0, e.l)), n = e.h * Math.PI / 180, i = 0, a = Math.max(e.c, 0);
|
|
47
|
+
for (let e = 0; e < 20; e++) {
|
|
48
|
+
let e = (i + a) / 2;
|
|
49
|
+
o(r({
|
|
50
|
+
L: t,
|
|
51
|
+
a: e * Math.cos(n),
|
|
52
|
+
b: e * Math.sin(n)
|
|
53
|
+
})) ? i = e : a = e;
|
|
54
|
+
}
|
|
55
|
+
return e.alpha === void 0 ? {
|
|
56
|
+
l: t,
|
|
57
|
+
c: i,
|
|
58
|
+
h: e.h
|
|
59
|
+
} : {
|
|
60
|
+
l: t,
|
|
61
|
+
c: i,
|
|
62
|
+
h: e.h,
|
|
63
|
+
alpha: e.alpha
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
function l(e) {
|
|
67
|
+
return Math.round(Math.min(1, Math.max(0, e)) * 255).toString(16).padStart(2, "0");
|
|
68
|
+
}
|
|
69
|
+
function u(t) {
|
|
70
|
+
let r = /^#([0-9a-f]{3,8})$/i.exec(t.trim())?.[1];
|
|
71
|
+
if (r === void 0 || r.length !== 3 && r.length !== 4 && r.length !== 6 && r.length !== 8) throw Error(`Invalid hex color: ${t}`);
|
|
72
|
+
let i = r.length === 3 || r.length === 4 ? r.split("").map((e) => e + e).join("") : r, o = i.length === 8 ? parseInt(i.slice(6, 8), 16) / 255 : void 0, s = a(n({
|
|
73
|
+
r: e(parseInt(i.slice(0, 2), 16) / 255),
|
|
74
|
+
g: e(parseInt(i.slice(2, 4), 16) / 255),
|
|
75
|
+
b: e(parseInt(i.slice(4, 6), 16) / 255)
|
|
76
|
+
}));
|
|
77
|
+
return o === void 0 ? s : {
|
|
78
|
+
...s,
|
|
79
|
+
alpha: o
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
function d(e) {
|
|
83
|
+
let t = /^oklch\(\s*(none|[+-]?[\d.]+%?)\s+(none|[+-]?[\d.]+%?)\s+(none|[+-]?[\d.]+(?:deg)?)\s*(?:\/\s*(none|[+-]?[\d.]+%?)\s*)?\)$/i.exec(e.trim());
|
|
84
|
+
if (!t) throw Error(`Invalid oklch color: ${e}`);
|
|
85
|
+
let n = (e, t = 1) => e === void 0 || e.toLowerCase() === "none" ? 0 : e.endsWith("%") ? parseFloat(e) / 100 * t : parseFloat(e), r = Math.min(1, Math.max(0, n(t[1]))), i = Math.max(0, n(t[2])), a = (n(t[3]) % 360 + 360) % 360, o = t[4];
|
|
86
|
+
return o === void 0 ? {
|
|
87
|
+
l: r,
|
|
88
|
+
c: i,
|
|
89
|
+
h: a
|
|
90
|
+
} : {
|
|
91
|
+
l: r,
|
|
92
|
+
c: i,
|
|
93
|
+
h: a,
|
|
94
|
+
alpha: Math.min(1, Math.max(0, n(o)))
|
|
95
|
+
};
|
|
96
|
+
}
|
|
97
|
+
function f(e) {
|
|
98
|
+
let n = s(e), r = `#${l(t(n.r))}${l(t(n.g))}${l(t(n.b))}`;
|
|
99
|
+
return e.alpha === void 0 ? r : r + l(e.alpha);
|
|
100
|
+
}
|
|
101
|
+
function p(e) {
|
|
102
|
+
let t = `${e.l.toFixed(3)} ${e.c.toFixed(3)} ${e.h.toFixed(1)}`;
|
|
103
|
+
return e.alpha === void 0 ? `oklch(${t})` : `oklch(${t} / ${e.alpha.toFixed(3)})`;
|
|
104
|
+
}
|
|
105
|
+
function m(e, t) {
|
|
106
|
+
let n = (e) => {
|
|
107
|
+
let { r: t, g: n, b: a } = r(i(e));
|
|
108
|
+
return .2126 * t + .7152 * n + .0722 * a;
|
|
109
|
+
}, a = n(e), o = n(t), s = Math.max(a, o), c = Math.min(a, o);
|
|
110
|
+
return (s + .05) / (c + .05);
|
|
111
|
+
}
|
|
112
|
+
function h(e, t) {
|
|
113
|
+
let n = i(e), r = i(t);
|
|
114
|
+
return Math.sqrt((n.L - r.L) ** 2 + (n.a - r.a) ** 2 + (n.b - r.b) ** 2);
|
|
115
|
+
}
|
|
116
|
+
//#endregion
|
|
117
|
+
export { c as clampChroma, h as deltaE, p as formatOklch, f as oklchToHex, u as parseHex, d as parseOklch, m as wcagContrast };
|