haze-ui 1.12.0 → 1.12.2
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 +36 -24
- package/dist/components/Checkbox/Checkbox.js +13 -20
- package/dist/components/Checkbox/CheckboxCore.js +23 -0
- package/dist/components/ColorPicker/ColorPicker.js +13 -42
- package/dist/components/ColorPicker/ColorPickerCore.js +36 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +17 -35
- package/dist/components/DateRangePicker/DateRangePickerCore.js +31 -0
- package/dist/components/Datepicker/Datepicker.js +15 -39
- package/dist/components/Datepicker/DatepickerCore.js +42 -0
- package/dist/components/Input/Input.js +11 -22
- package/dist/components/Input/InputCore.js +26 -0
- package/dist/components/NumberInput/NumberInput.js +16 -53
- package/dist/components/NumberInput/NumberInputCore.js +56 -0
- package/dist/components/OTPInput/OTPInput.js +11 -45
- package/dist/components/OTPInput/OTPInputCore.js +43 -0
- package/dist/components/PasswordInput/PasswordInput.js +14 -29
- package/dist/components/PasswordInput/PasswordInputCore.js +30 -0
- package/dist/components/Radio/RadioGroup.js +12 -21
- package/dist/components/Radio/RadioGroupCore.js +24 -0
- package/dist/components/Rating/Rating.js +14 -46
- package/dist/components/Rating/RatingCore.js +48 -0
- package/dist/components/Segmented/Segmented.js +12 -37
- package/dist/components/Segmented/SegmentedCore.js +39 -0
- package/dist/components/Select/Select.js +12 -23
- package/dist/components/Select/SelectCore.js +27 -0
- package/dist/components/Slider/Slider.js +10 -15
- package/dist/components/Slider/SliderCore.js +19 -0
- package/dist/components/Switch/Switch.js +11 -38
- package/dist/components/Switch/SwitchCore.js +42 -0
- package/dist/components/TagInput/TagInput.js +18 -72
- package/dist/components/TagInput/TagInputCore.js +68 -0
- package/dist/components/Textarea/Textarea.js +11 -22
- package/dist/components/Textarea/TextareaCore.js +26 -0
- package/dist/components/TimePicker/TimePicker.js +10 -15
- package/dist/components/TimePicker/TimePickerCore.js +18 -0
- package/dist/css/checkbox.css +1 -1
- package/dist/css/color-picker.css +1 -1
- package/dist/css/date-range-picker.css +1 -1
- package/dist/css/datepicker.css +1 -1
- package/dist/css/input.css +1 -1
- package/dist/css/number-input.css +1 -1
- package/dist/css/otp-input.css +1 -1
- package/dist/css/password-input.css +1 -1
- package/dist/css/radio.css +1 -1
- package/dist/css/rating.css +1 -1
- package/dist/css/segmented.css +1 -1
- package/dist/css/select.css +1 -1
- package/dist/css/slider.css +1 -1
- package/dist/css/switch.css +1 -1
- package/dist/css/tag-input.css +1 -1
- package/dist/css/textarea.css +1 -1
- package/dist/css/time-picker.css +1 -1
- package/dist/form/FormItem.js +32 -32
- package/dist/haze-ui.css +17 -17
- package/dist/index.js +138 -122
- package/dist/types/components/Checkbox/CheckboxCore.d.ts +12 -0
- package/dist/types/components/Checkbox/index.d.ts +2 -0
- package/dist/types/components/ColorPicker/ColorPickerCore.d.ts +8 -0
- package/dist/types/components/ColorPicker/index.d.ts +2 -0
- package/dist/types/components/DateRangePicker/DateRangePickerCore.d.ts +11 -0
- package/dist/types/components/DateRangePicker/index.d.ts +2 -0
- package/dist/types/components/Datepicker/DatepickerCore.d.ts +12 -0
- package/dist/types/components/Datepicker/index.d.ts +2 -0
- package/dist/types/components/Input/InputCore.d.ts +13 -0
- package/dist/types/components/Input/index.d.ts +2 -0
- package/dist/types/components/NumberInput/NumberInputCore.d.ts +15 -0
- package/dist/types/components/NumberInput/index.d.ts +2 -0
- package/dist/types/components/OTPInput/OTPInputCore.d.ts +8 -0
- package/dist/types/components/OTPInput/index.d.ts +2 -0
- package/dist/types/components/PasswordInput/PasswordInputCore.d.ts +9 -0
- package/dist/types/components/PasswordInput/index.d.ts +2 -0
- package/dist/types/components/Radio/RadioContext.d.ts +1 -2
- package/dist/types/components/Radio/RadioGroupCore.d.ts +10 -0
- package/dist/types/components/Radio/index.d.ts +2 -0
- package/dist/types/components/Rating/RatingCore.d.ts +9 -0
- package/dist/types/components/Rating/index.d.ts +2 -0
- package/dist/types/components/Segmented/Segmented.d.ts +1 -6
- package/dist/types/components/Segmented/SegmentedCore.d.ts +15 -0
- package/dist/types/components/Segmented/index.d.ts +2 -0
- package/dist/types/components/Select/SelectCore.d.ts +13 -0
- package/dist/types/components/Select/index.d.ts +2 -0
- package/dist/types/components/Slider/SliderCore.d.ts +11 -0
- package/dist/types/components/Slider/index.d.ts +2 -0
- package/dist/types/components/Switch/Switch.d.ts +1 -1
- package/dist/types/components/Switch/SwitchCore.d.ts +12 -0
- package/dist/types/components/Switch/index.d.ts +2 -0
- package/dist/types/components/TagInput/TagInputCore.d.ts +20 -0
- package/dist/types/components/TagInput/index.d.ts +2 -0
- package/dist/types/components/Textarea/TextareaCore.d.ts +12 -0
- package/dist/types/components/Textarea/index.d.ts +2 -0
- package/dist/types/components/TimePicker/TimePickerCore.d.ts +9 -0
- package/dist/types/components/TimePicker/index.d.ts +2 -0
- package/dist/types/form/FormItem.d.ts +23 -12
- package/dist/types/form/index.d.ts +1 -2
- package/dist/types/index.d.ts +35 -35
- package/package.json +15 -15
- package/dist/form/useFormControl.js +0 -54
- package/dist/types/form/useFormControl.d.ts +0 -32
package/dist/haze-ui.css
CHANGED
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
.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}
|
|
22
22
|
.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}
|
|
23
23
|
.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,#dc2626)}
|
|
24
|
-
.haze-
|
|
24
|
+
.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}
|
|
25
25
|
.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}
|
|
26
26
|
.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}
|
|
27
27
|
.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}
|
|
28
|
-
.haze-
|
|
28
|
+
.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)}
|
|
29
29
|
.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{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.haze-Combobox__hidden{display:none}
|
|
30
30
|
.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)}
|
|
31
31
|
.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)}
|
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
.haze-ContextMenuTrigger__trigger{display:contents}
|
|
39
39
|
.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}
|
|
40
40
|
.haze-ConversationList__list{font-family:var(--haze-font-sans);flex-direction:column;display:flex;overflow-y:auto}
|
|
41
|
-
.haze-
|
|
41
|
+
.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)}
|
|
42
42
|
.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__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)}
|
|
43
|
-
.haze-
|
|
43
|
+
.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{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.haze-DatepickerCore__hiddenStyle{display:none}
|
|
44
44
|
.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)}
|
|
45
45
|
.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-light,#dcfce7)}.haze-DiffViewer__removed{background:var(--haze-color-danger-light,#fee2e2)}.haze-DiffViewer__addedPrefix{color:var(--haze-color-success,#16a34a)}.haze-DiffViewer__removedPrefix{color:var(--haze-color-danger,#dc2626)}
|
|
46
46
|
.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)}
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
.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}
|
|
60
60
|
.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}
|
|
61
61
|
.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}
|
|
62
|
-
.haze-
|
|
62
|
+
.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)}
|
|
63
63
|
.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}
|
|
64
64
|
.haze-ListItem__item{padding:var(--haze-space-1) 0}
|
|
65
65
|
.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,#eab308)}.haze-LogViewer__levelError{color:var(--haze-color-danger,#dc2626)}.haze-LogViewer__messageStyle{word-break:break-all;color:var(--haze-color-text);flex:1}
|
|
@@ -70,21 +70,21 @@
|
|
|
70
70
|
.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}
|
|
71
71
|
.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)}
|
|
72
72
|
.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}
|
|
73
|
-
.haze-
|
|
74
|
-
.haze-
|
|
73
|
+
.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)}
|
|
74
|
+
.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)}
|
|
75
75
|
.haze-Pagination__nav{align-items:center;gap:var(--haze-space-1);font-family:var(--haze-font-sans);display:flex}.haze-Pagination__btn{min-width:2.25rem;height:2.25rem;padding:0 var(--haze-space-2);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);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.haze-Pagination__btn:hover:not(:disabled){background:var(--haze-color-bg-subtle);border-color:var(--haze-color-border-hover)}.haze-Pagination__btn:disabled{opacity:.5;cursor:not-allowed}.haze-Pagination__btn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Pagination__activeBtn{background:var(--haze-color-primary);border-color:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Pagination__activeBtn:hover:not(:disabled){background:var(--haze-color-primary-hover);border-color:var(--haze-color-primary-hover)}.haze-Pagination__ellipsis{min-width:2.25rem;height:2.25rem;color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:inline-flex}.haze-Pagination__sm button{min-width:2rem;height:2rem;font-size:var(--haze-text-xs)}.haze-Pagination__lg button{min-width:40px;height:40px;font-size:var(--haze-text-base)}
|
|
76
|
-
.haze-
|
|
76
|
+
.haze-PasswordInputCore__wrapper{width:100%;font-family:var(--haze-font-sans);display:inline-flex;position:relative}.haze-PasswordInputCore__input{width:100%;padding:var(--haze-space-2) var(--haze-space-3);padding-right:var(--haze-space-10);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-PasswordInputCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-PasswordInputCore__input:disabled{opacity:.5;cursor:not-allowed}.haze-PasswordInputCore__toggle{right:var(--haze-space-2);padding:var(--haze-space-2);cursor:pointer;min-width:2.5rem;min-height:2.5rem;color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.haze-PasswordInputCore__toggle:hover{color:var(--haze-color-text)}
|
|
77
77
|
.haze-Popover__container{display:inline-flex;position:relative}.haze-Popover__panelVisuals{padding:var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);box-shadow:var(--haze-shadow-lg);min-width:200px}.haze-Popover__panelFallback{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-Popover__hidden{display:none}.haze-Popover__panelNative{margin:0;inset:auto}.haze-Popover__panelAnchored{position-anchor:var(--haze-popover-anchor);position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-Popover__panelJsPositioned{margin-top:var(--haze-space-1);position:fixed}
|
|
78
78
|
.haze-Progress__barBase{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-full);width:100%;overflow:hidden}.haze-Progress__sm{width:32px;height:32px}.haze-Progress__md{width:48px;height:48px}.haze-Progress__lg{width:64px;height:64px}.haze-Progress__barFill{border-radius:var(--haze-radius-full);height:100%;transition:width .3s}.haze-Progress__primary{stroke:var(--haze-color-primary)}.haze-Progress__success{stroke:var(--haze-color-success)}.haze-Progress__warning{stroke:var(--haze-color-warning)}.haze-Progress__danger{stroke:var(--haze-color-danger)}.haze-Progress__circleBase{transform:rotate(-90deg)}.haze-Progress__circleBg{fill:none;stroke:var(--haze-color-bg-muted)}.haze-Progress__circleFill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .3s}
|
|
79
79
|
.haze-Radio__radioInput{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-full);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-Radio__radioInput:hover{border-color:var(--haze-color-border-hover)}.haze-Radio__radioInput:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Radio__radioInput:checked{border-color:var(--haze-color-primary)}.haze-Radio__radioInput:checked:after{content:"";border-radius:var(--haze-radius-full);background:var(--haze-color-primary);width:10px;height:10px;position:absolute;top:3px;left:3px}.haze-Radio__radioInput:disabled{opacity:.5;cursor:not-allowed}.haze-Radio__labelStyle{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);cursor:pointer;display:inline-flex}
|
|
80
|
-
.haze-
|
|
81
|
-
.haze-
|
|
80
|
+
.haze-RadioGroupCore__base{gap:var(--haze-space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}
|
|
81
|
+
.haze-RatingCore__container{gap:var(--haze-space-1);font-family:var(--haze-font-sans);display:inline-flex}.haze-RatingCore__star{cursor:pointer;width:1.75rem;height:1.75rem;color:var(--haze-color-border);-webkit-transition:color .15s,-webkit-transform .15s;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:inline-flex;position:relative}.haze-RatingCore__star:hover{transform:scale(1.1)}.haze-RatingCore__starActive{color:var(--haze-color-warning)}
|
|
82
82
|
.haze-Resizable__groupBase{display:flex;overflow:hidden}.haze-Resizable__groupHorizontal{flex-direction:row;height:100%}.haze-Resizable__groupVertical{flex-direction:column;width:100%}.haze-Resizable__panelStyle{min-width:0;min-height:0;overflow:auto}.haze-Resizable__handleBase{background:var(--haze-color-border);cursor:col-resize;flex:none;transition:background .15s}.haze-Resizable__handleBase:hover{background:var(--haze-color-primary)}.haze-Resizable__handleHorizontal{cursor:col-resize;width:4px;height:100%}.haze-Resizable__handleVertical{cursor:row-resize;width:100%;height:4px}
|
|
83
83
|
.haze-ScrollArea__base{font-family:var(--haze-font-sans);scrollbar-width:thin;scrollbar-color:var(--haze-color-border) transparent;overflow:auto}.haze-ScrollArea__base::-webkit-scrollbar{width:6px;height:6px}.haze-ScrollArea__base::-webkit-scrollbar-track{background:0 0}.haze-ScrollArea__base::-webkit-scrollbar-thumb{background:var(--haze-color-border);border-radius:var(--haze-radius-full)}.haze-ScrollArea__base::-webkit-scrollbar-thumb:hover{background:var(--haze-color-border-hover)}
|
|
84
|
-
.haze-
|
|
85
|
-
.haze-
|
|
84
|
+
.haze-SegmentedCore__container{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);gap:2px;padding:2px;display:inline-flex;overflow-x:auto}.haze-SegmentedCore__sm button{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-SegmentedCore__md button{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SegmentedCore__lg button{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SegmentedCore__btn{border-radius:var(--haze-radius-sm);color:var(--haze-color-text-secondary);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);white-space:nowrap;background:0 0;border:none;transition:background .15s,color .15s}.haze-SegmentedCore__btn:hover:not(:disabled){color:var(--haze-color-text)}.haze-SegmentedCore__btn:disabled{opacity:.5;cursor:not-allowed}.haze-SegmentedCore__btn:focus-visible{box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-SegmentedCore__activeBtn{background:var(--haze-color-bg);color:var(--haze-color-text);box-shadow:var(--haze-shadow-sm)}
|
|
85
|
+
.haze-SelectCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;padding-right:var(--haze-space-8);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.haze-SelectCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-SelectCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-SelectCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
|
|
86
86
|
.haze-Skeleton__base{background:var(--haze-color-bg-muted);animation:1.5s ease-in-out infinite shimmer-haze-Skeleton__base;display:block}@keyframes shimmer-haze-Skeleton__base{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.haze-Skeleton__text{border-radius:var(--haze-radius-sm);height:1em}.haze-Skeleton__circular{border-radius:var(--haze-radius-full)}.haze-Skeleton__rectangular{border-radius:var(--haze-radius-md)}
|
|
87
|
-
.haze-
|
|
87
|
+
.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}
|
|
88
88
|
.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}
|
|
89
89
|
.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}
|
|
90
90
|
.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,#16a34a);background:var(--haze-color-success,#16a34a);color:#fff}.haze-StepTimeline__markerError{border-color:var(--haze-color-danger,#dc2626);background:var(--haze-color-danger,#dc2626);color:#fff}.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)}
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
.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}
|
|
93
93
|
.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}}
|
|
94
94
|
.haze-SwipeAction__wrapper{font-family:var(--haze-font-sans);position:relative;overflow:hidden}.haze-SwipeAction__actionsLeft{align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.haze-SwipeAction__actionsRight{align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.haze-SwipeAction__content{background:var(--haze-color-bg);-webkit-transition:-webkit-transform .2s;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .2s;position:relative}
|
|
95
|
-
.haze-
|
|
95
|
+
.haze-SwitchCore__track{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;align-items:center;padding:2px;transition:background .2s;display:inline-flex;position:relative}.haze-SwitchCore__track:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SwitchCore__track:disabled{opacity:.5;cursor:not-allowed}.haze-SwitchCore__trackChecked{background:var(--haze-color-primary)}.haze-SwitchCore__thumb{border-radius:var(--haze-radius-full);-webkit-transition:-webkit-transform .2s;box-shadow:var(--haze-shadow-sm);background:#fff;transition:transform .2s;display:block}.haze-SwitchCore__trackSm{width:2.25rem;height:1.25rem}.haze-SwitchCore__trackMd{width:40px;height:22px}.haze-SwitchCore__trackLg{width:48px;height:26px}.haze-SwitchCore__thumbSm{width:1rem;height:1rem}.haze-SwitchCore__thumbMd{width:18px;height:18px}.haze-SwitchCore__thumbLg{width:22px;height:22px}.haze-SwitchCore__thumbCheckedSm{transform:translate(1rem)}.haze-SwitchCore__thumbCheckedMd{transform:translate(18px)}.haze-SwitchCore__thumbCheckedLg{transform:translate(22px)}
|
|
96
96
|
.haze-Table__wrapper{overflow-x:auto}.haze-Table__base{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-Table__stripedStyle tbody tr:nth-child(2n){background:var(--haze-color-bg-subtle)}.haze-Table__borderedStyle th,.haze-Table__borderedStyle td{border:1px solid var(--haze-color-border)}
|
|
97
97
|
.haze-TableBody__body td{padding:var(--haze-space-2) var(--haze-space-3);border-bottom:1px solid var(--haze-color-border);color:var(--haze-color-text-secondary)}
|
|
98
98
|
.haze-TableHead__head{border-bottom:2px solid var(--haze-color-border)}.haze-TableHead__head th{text-align:left;padding:var(--haze-space-2) var(--haze-space-3);font-weight:var(--haze-weight-semibold);color:var(--haze-color-text)}
|
|
@@ -103,10 +103,10 @@
|
|
|
103
103
|
.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:color-mix(in srgb, var(--haze-color-success) 15%, transparent);color:var(--haze-color-success)}.haze-Tag__warning{background:color-mix(in srgb, var(--haze-color-warning) 15%, transparent);color:var(--haze-color-warning)}.haze-Tag__danger{background:color-mix(in srgb, var(--haze-color-danger) 15%, transparent);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}
|
|
104
104
|
.haze-TagGroup__group{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}
|
|
105
105
|
.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)}
|
|
106
|
-
.haze-
|
|
107
|
-
.haze-
|
|
106
|
+
.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}
|
|
107
|
+
.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)}
|
|
108
108
|
.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}
|
|
109
|
-
.haze-
|
|
109
|
+
.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)}
|
|
110
110
|
.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)}
|
|
111
111
|
.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:color-mix(in srgb, var(--haze-color-success) 10%, var(--haze-color-bg));color:var(--haze-color-success);border:1px solid color-mix(in srgb, var(--haze-color-success) 25%, transparent)}.haze-Toast__warning{background:color-mix(in srgb, var(--haze-color-warning) 10%, var(--haze-color-bg));color:var(--haze-color-warning);border:1px solid color-mix(in srgb, var(--haze-color-warning) 25%, transparent)}.haze-Toast__danger{background:color-mix(in srgb, var(--haze-color-danger) 10%, var(--haze-color-bg));color:var(--haze-color-danger);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;padding:0;line-height:1;transition:opacity .15s}.haze-Toast__closeBtn:hover{opacity:1}
|
|
112
112
|
.haze-ToastContainer__container{bottom:calc(var(--haze-space-4) + env(safe-area-inset-bottom));right:calc(var(--haze-space-4) + env(safe-area-inset-right));z-index:9999;gap:var(--haze-space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}
|
package/dist/index.js
CHANGED
|
@@ -3,125 +3,141 @@ import { spacing as n } from "./tokens/spacing.js";
|
|
|
3
3
|
import { typography as r } from "./tokens/typography.js";
|
|
4
4
|
import { COMPONENT_TOKENS as i, TOKEN_REGISTRY as a } from "./tokens/registry.js";
|
|
5
5
|
import o from "./components/Button/Button.js";
|
|
6
|
-
import s from "./components/Input/
|
|
7
|
-
import c from "./components/
|
|
8
|
-
import l from "./components/Select/
|
|
9
|
-
import u from "./components/
|
|
10
|
-
import d from "./components/
|
|
11
|
-
import f from "./components/
|
|
12
|
-
import p from "./components/
|
|
13
|
-
import m from "./components/
|
|
14
|
-
import h from "./components/
|
|
15
|
-
import g from "./components/
|
|
16
|
-
import _ from "./components/
|
|
17
|
-
import v from "./components/
|
|
18
|
-
import y from "./components/
|
|
19
|
-
import b from "./components/
|
|
20
|
-
import x from "./components/
|
|
21
|
-
import S from "./components/
|
|
22
|
-
import C from "./components/
|
|
23
|
-
import w from "./components/
|
|
24
|
-
import T from "./components/
|
|
25
|
-
import E from "./components/
|
|
26
|
-
import D from "./components/
|
|
27
|
-
import O from "./components/
|
|
28
|
-
import k from "./components/
|
|
29
|
-
import A from "./components/
|
|
30
|
-
import j from "./components/
|
|
31
|
-
import M from "./components/
|
|
32
|
-
import N from "./components/
|
|
33
|
-
import P from "./components/
|
|
34
|
-
import F from "./components/
|
|
35
|
-
import I from "./components/
|
|
36
|
-
import L from "./components/
|
|
37
|
-
import R from "./components/
|
|
38
|
-
import z from "./components/
|
|
39
|
-
import B from "./components/
|
|
40
|
-
import V from "./components/
|
|
41
|
-
import H from "./components/
|
|
42
|
-
import U from "./components/
|
|
43
|
-
import W from "./components/
|
|
44
|
-
import G from "./components/
|
|
45
|
-
import K from "./components/
|
|
46
|
-
import q from "./components/
|
|
47
|
-
import J from "./components/
|
|
48
|
-
import Y from "./components/
|
|
49
|
-
import X from "./components/
|
|
50
|
-
import Z from "./components/
|
|
51
|
-
import Q from "./components/
|
|
52
|
-
import $ from "./components/
|
|
53
|
-
import ee from "./components/
|
|
54
|
-
import te from "./components/
|
|
55
|
-
import ne from "./components/
|
|
56
|
-
import re from "./components/
|
|
57
|
-
import ie from "./components/
|
|
58
|
-
import ae from "./components/
|
|
59
|
-
import oe from "./components/
|
|
60
|
-
import se from "./components/
|
|
61
|
-
import ce from "./components/
|
|
62
|
-
import le from "./components/
|
|
63
|
-
import ue from "./components/
|
|
64
|
-
import de from "./components/
|
|
65
|
-
import fe from "./components/
|
|
66
|
-
import pe
|
|
67
|
-
import
|
|
68
|
-
import
|
|
69
|
-
import
|
|
70
|
-
import
|
|
71
|
-
import
|
|
72
|
-
import
|
|
73
|
-
import
|
|
74
|
-
import
|
|
75
|
-
import {
|
|
76
|
-
import
|
|
77
|
-
import
|
|
78
|
-
import
|
|
79
|
-
import
|
|
80
|
-
import
|
|
81
|
-
import
|
|
82
|
-
import
|
|
83
|
-
import
|
|
84
|
-
import
|
|
85
|
-
import
|
|
86
|
-
import We from "./components/
|
|
87
|
-
import Ge from "./components/
|
|
88
|
-
import Ke from "./components/
|
|
89
|
-
import qe from "./components/
|
|
90
|
-
import Je from "./components/
|
|
91
|
-
import Ye from "./components/
|
|
92
|
-
import Xe from "./components/
|
|
93
|
-
import Ze from "./components/
|
|
94
|
-
import Qe from "./components/
|
|
95
|
-
import $e from "./components/
|
|
96
|
-
import et from "./components/
|
|
97
|
-
import tt from "./components/
|
|
98
|
-
import nt from "./components/
|
|
99
|
-
import rt from "./components/
|
|
100
|
-
import it from "./components/
|
|
101
|
-
import at from "./components/
|
|
102
|
-
import ot from "./components/
|
|
103
|
-
import st from "./components/
|
|
104
|
-
import ct from "./components/
|
|
105
|
-
import lt from "./components/
|
|
106
|
-
import ut from "./components/
|
|
107
|
-
import dt from "./components/
|
|
108
|
-
import ft from "./components/
|
|
109
|
-
import pt from "./components/
|
|
110
|
-
import mt from "./components/
|
|
111
|
-
import ht from "./components/
|
|
112
|
-
import gt from "./components/
|
|
113
|
-
import _t from "./components/
|
|
114
|
-
import vt from "./components/
|
|
115
|
-
import yt from "./components/
|
|
116
|
-
import bt
|
|
117
|
-
import
|
|
118
|
-
import
|
|
119
|
-
import
|
|
120
|
-
import
|
|
121
|
-
import
|
|
122
|
-
import
|
|
123
|
-
import
|
|
124
|
-
import
|
|
125
|
-
import
|
|
126
|
-
import
|
|
127
|
-
|
|
6
|
+
import s from "./components/Input/InputCore.js";
|
|
7
|
+
import c from "./components/Input/Input.js";
|
|
8
|
+
import l from "./components/Select/SelectCore.js";
|
|
9
|
+
import u from "./components/Select/Select.js";
|
|
10
|
+
import d from "./components/Select/Option.js";
|
|
11
|
+
import f from "./components/Checkbox/CheckboxCore.js";
|
|
12
|
+
import p from "./components/Checkbox/Checkbox.js";
|
|
13
|
+
import m from "./components/Switch/SwitchCore.js";
|
|
14
|
+
import h from "./components/Switch/Switch.js";
|
|
15
|
+
import g from "./components/Badge/Badge.js";
|
|
16
|
+
import _ from "./components/Dialog/Dialog.js";
|
|
17
|
+
import v from "./components/Tooltip/Tooltip.js";
|
|
18
|
+
import y from "./components/Popover/Popover.js";
|
|
19
|
+
import b from "./components/Card/Card.js";
|
|
20
|
+
import x from "./components/Radio/Radio.js";
|
|
21
|
+
import S from "./components/Radio/RadioGroupCore.js";
|
|
22
|
+
import C from "./components/Radio/RadioGroup.js";
|
|
23
|
+
import w from "./components/Textarea/TextareaCore.js";
|
|
24
|
+
import T from "./components/Textarea/Textarea.js";
|
|
25
|
+
import E from "./components/Slider/SliderCore.js";
|
|
26
|
+
import D from "./components/Slider/Slider.js";
|
|
27
|
+
import O from "./components/Tabs/Tabs.js";
|
|
28
|
+
import k from "./components/Tabs/TabList.js";
|
|
29
|
+
import A from "./components/Tabs/Tab.js";
|
|
30
|
+
import j from "./components/Tabs/TabPanel.js";
|
|
31
|
+
import M from "./components/Accordion/Accordion.js";
|
|
32
|
+
import N from "./components/Accordion/AccordionItem.js";
|
|
33
|
+
import P from "./components/Alert/Alert.js";
|
|
34
|
+
import F from "./components/Avatar/Avatar.js";
|
|
35
|
+
import I from "./components/Tag/Tag.js";
|
|
36
|
+
import L from "./components/Skeleton/Skeleton.js";
|
|
37
|
+
import R from "./components/Icon/Icon.js";
|
|
38
|
+
import z from "./components/Image/Image.js";
|
|
39
|
+
import B from "./components/Flex/Flex.js";
|
|
40
|
+
import V from "./components/Breadcrumb/Breadcrumb.js";
|
|
41
|
+
import H from "./components/Breadcrumb/BreadcrumbItem.js";
|
|
42
|
+
import U from "./components/Disclosure/Disclosure.js";
|
|
43
|
+
import W from "./components/Menu/Menu.js";
|
|
44
|
+
import G from "./components/Menu/MenuItem.js";
|
|
45
|
+
import K from "./components/Menu/MenuDivider.js";
|
|
46
|
+
import q from "./components/NumberInput/NumberInputCore.js";
|
|
47
|
+
import J from "./components/NumberInput/NumberInput.js";
|
|
48
|
+
import Y from "./components/FileInput/FileInput.js";
|
|
49
|
+
import X from "./components/Toast/Toast.js";
|
|
50
|
+
import Z from "./components/Toast/ToastContainer.js";
|
|
51
|
+
import Q from "./components/Toast/useToast.js";
|
|
52
|
+
import $ from "./components/List/List.js";
|
|
53
|
+
import ee from "./components/List/ListItem.js";
|
|
54
|
+
import te from "./components/Combobox/Combobox.js";
|
|
55
|
+
import ne from "./components/Table/Table.js";
|
|
56
|
+
import re from "./components/Table/TableHead.js";
|
|
57
|
+
import ie from "./components/Table/TableBody.js";
|
|
58
|
+
import ae from "./components/Table/TableRow.js";
|
|
59
|
+
import oe from "./components/Table/TableCell.js";
|
|
60
|
+
import se from "./components/Carousel/Carousel.js";
|
|
61
|
+
import ce from "./components/Carousel/CarouselSlide.js";
|
|
62
|
+
import le from "./components/Datepicker/DatepickerCore.js";
|
|
63
|
+
import ue from "./components/Datepicker/Datepicker.js";
|
|
64
|
+
import de from "./components/Tree/Tree.js";
|
|
65
|
+
import fe from "./components/Divider/Divider.js";
|
|
66
|
+
import pe from "./components/Spinner/Spinner.js";
|
|
67
|
+
import me from "./components/Empty/Empty.js";
|
|
68
|
+
import he from "./components/Progress/Progress.js";
|
|
69
|
+
import ge from "./components/Pagination/Pagination.js";
|
|
70
|
+
import _e from "./components/Grid/Grid.js";
|
|
71
|
+
import ve from "./components/Grid/GridItem.js";
|
|
72
|
+
import ye from "./components/Drawer/Drawer.js";
|
|
73
|
+
import be from "./components/Stepper/Stepper.js";
|
|
74
|
+
import xe from "./components/Stepper/Step.js";
|
|
75
|
+
import Se, { CommandInput as Ce, CommandItem as we, CommandList as Te } from "./components/Command/Command.js";
|
|
76
|
+
import { ResizableGroup as Ee, ResizableHandle as De, ResizablePanel as Oe } from "./components/Resizable/Resizable.js";
|
|
77
|
+
import { Collapsible as ke, CollapsibleContent as Ae, CollapsibleTrigger as je } from "./components/Collapsible/Collapsible.js";
|
|
78
|
+
import Me from "./components/Transfer/Transfer.js";
|
|
79
|
+
import Ne from "./components/Upload/Upload.js";
|
|
80
|
+
import Pe from "./components/ColorPicker/ColorPickerCore.js";
|
|
81
|
+
import Fe from "./components/ColorPicker/ColorPicker.js";
|
|
82
|
+
import Ie from "./components/Rating/RatingCore.js";
|
|
83
|
+
import Le from "./components/Rating/Rating.js";
|
|
84
|
+
import { Timeline as Re, TimelineItem as ze } from "./components/Timeline/Timeline.js";
|
|
85
|
+
import { Paragraph as Be, Text as Ve, Title as He } from "./components/Typography/Typography.js";
|
|
86
|
+
import { Stat as Ue, StatGroup as We } from "./components/Stat/Stat.js";
|
|
87
|
+
import Ge from "./components/Segmented/SegmentedCore.js";
|
|
88
|
+
import Ke from "./components/Segmented/Segmented.js";
|
|
89
|
+
import qe from "./components/Chip/Chip.js";
|
|
90
|
+
import Je from "./components/ScrollArea/ScrollArea.js";
|
|
91
|
+
import Ye from "./components/TimePicker/TimePickerCore.js";
|
|
92
|
+
import Xe from "./components/TimePicker/TimePicker.js";
|
|
93
|
+
import Ze from "./components/DateRangePicker/DateRangePickerCore.js";
|
|
94
|
+
import Qe from "./components/DateRangePicker/DateRangePicker.js";
|
|
95
|
+
import $e from "./components/OTPInput/OTPInputCore.js";
|
|
96
|
+
import et from "./components/OTPInput/OTPInput.js";
|
|
97
|
+
import tt from "./components/PasswordInput/PasswordInputCore.js";
|
|
98
|
+
import nt from "./components/PasswordInput/PasswordInput.js";
|
|
99
|
+
import rt from "./components/TagInput/TagInputCore.js";
|
|
100
|
+
import it from "./components/TagInput/TagInput.js";
|
|
101
|
+
import at from "./components/InlineEdit/InlineEdit.js";
|
|
102
|
+
import ot from "./components/DropdownMenu/DropdownMenu.js";
|
|
103
|
+
import st from "./components/DropdownMenu/DropdownMenuTrigger.js";
|
|
104
|
+
import ct from "./components/DropdownMenu/DropdownMenuContent.js";
|
|
105
|
+
import lt from "./components/DropdownMenu/DropdownMenuItem.js";
|
|
106
|
+
import ut from "./components/DropdownMenu/DropdownMenuSeparator.js";
|
|
107
|
+
import dt from "./components/ContextMenu/ContextMenu.js";
|
|
108
|
+
import ft from "./components/ContextMenu/ContextMenuTrigger.js";
|
|
109
|
+
import pt from "./components/ContextMenu/ContextMenuContent.js";
|
|
110
|
+
import mt from "./components/ContextMenu/ContextMenuItem.js";
|
|
111
|
+
import ht from "./components/ContextMenu/ContextMenuSeparator.js";
|
|
112
|
+
import gt from "./components/NavigationBar/NavigationBar.js";
|
|
113
|
+
import _t from "./components/NavigationBar/NavLink.js";
|
|
114
|
+
import vt from "./components/BackToTop/BackToTop.js";
|
|
115
|
+
import yt from "./components/Affix/Affix.js";
|
|
116
|
+
import bt from "./components/Container/Container.js";
|
|
117
|
+
import xt from "./components/Banner/Banner.js";
|
|
118
|
+
import St from "./components/ConfirmDialog/ConfirmDialog.js";
|
|
119
|
+
import Ct from "./components/CodeBlock/CodeBlock.js";
|
|
120
|
+
import wt from "./components/AspectRatio/AspectRatio.js";
|
|
121
|
+
import Tt from "./components/VirtualList/VirtualList.js";
|
|
122
|
+
import Et from "./components/TagGroup/TagGroup.js";
|
|
123
|
+
import Dt from "./components/TagGroup/TagGroupItem.js";
|
|
124
|
+
import Ot from "./components/BottomSheet/BottomSheet.js";
|
|
125
|
+
import kt from "./components/SwipeAction/SwipeAction.js";
|
|
126
|
+
import At from "./components/ChatMessage/ChatMessage.js";
|
|
127
|
+
import jt from "./components/ChatContainer/ChatContainer.js";
|
|
128
|
+
import Mt from "./components/ChatInput/ChatInput.js";
|
|
129
|
+
import Nt from "./components/StreamingText/StreamingText.js";
|
|
130
|
+
import Pt from "./components/MarkdownRenderer/MarkdownRenderer.js";
|
|
131
|
+
import Ft from "./components/ToolCallCard/ToolCallCard.js";
|
|
132
|
+
import It from "./components/ThinkingIndicator/ThinkingIndicator.js";
|
|
133
|
+
import Lt, { StepTimelineItem as Rt } from "./components/StepTimeline/StepTimeline.js";
|
|
134
|
+
import zt from "./components/ApprovalCard/ApprovalCard.js";
|
|
135
|
+
import Bt from "./components/TokenCounter/TokenCounter.js";
|
|
136
|
+
import Vt from "./components/ModelPicker/ModelPicker.js";
|
|
137
|
+
import Ht from "./components/ConversationList/ConversationList.js";
|
|
138
|
+
import Ut from "./components/ConversationList/ConversationItem.js";
|
|
139
|
+
import Wt from "./components/DiffViewer/DiffViewer.js";
|
|
140
|
+
import Gt from "./components/LogViewer/LogViewer.js";
|
|
141
|
+
import Kt from "./form/FormItem.js";
|
|
142
|
+
import { useControl as qt } from "react-use-control";
|
|
143
|
+
export { M as Accordion, N as AccordionItem, yt as Affix, P as Alert, zt as ApprovalCard, wt as AspectRatio, F as Avatar, vt as BackToTop, g as Badge, xt as Banner, Ot as BottomSheet, V as Breadcrumb, H as BreadcrumbItem, o as Button, i as COMPONENT_TOKENS, b as Card, se as Carousel, ce as CarouselSlide, jt as ChatContainer, Mt as ChatInput, At as ChatMessage, p as Checkbox, f as CheckboxCore, qe as Chip, Ct as CodeBlock, ke as Collapsible, Ae as CollapsibleContent, je as CollapsibleTrigger, Fe as ColorPicker, Pe as ColorPickerCore, te as Combobox, Se as Command, Ce as CommandInput, we as CommandItem, Te as CommandList, St as ConfirmDialog, bt as Container, dt as ContextMenu, pt as ContextMenuContent, mt as ContextMenuItem, ht as ContextMenuSeparator, ft as ContextMenuTrigger, Ut as ConversationItem, Ht as ConversationList, Qe as DateRangePicker, Ze as DateRangePickerCore, ue as Datepicker, le as DatepickerCore, _ as Dialog, Wt as DiffViewer, U as Disclosure, fe as Divider, ye as Drawer, ot as DropdownMenu, ct as DropdownMenuContent, lt as DropdownMenuItem, ut as DropdownMenuSeparator, st as DropdownMenuTrigger, me as Empty, Y as FileInput, B as Flex, Kt as FormItem, _e as Grid, ve as GridItem, R as Icon, z as Image, at as InlineEdit, c as Input, s as InputCore, $ as List, ee as ListItem, Gt as LogViewer, Pt as MarkdownRenderer, W as Menu, K as MenuDivider, G as MenuItem, Vt as ModelPicker, _t as NavLink, gt as NavigationBar, J as NumberInput, q as NumberInputCore, et as OTPInput, $e as OTPInputCore, d as Option, ge as Pagination, Be as Paragraph, nt as PasswordInput, tt as PasswordInputCore, y as Popover, he as Progress, x as Radio, C as RadioGroup, S as RadioGroupCore, Le as Rating, Ie as RatingCore, Ee as ResizableGroup, De as ResizableHandle, Oe as ResizablePanel, Je as ScrollArea, Ke as Segmented, Ge as SegmentedCore, u as Select, l as SelectCore, L as Skeleton, D as Slider, E as SliderCore, pe as Spinner, Ue as Stat, We as StatGroup, xe as Step, Lt as StepTimeline, Rt as StepTimelineItem, be as Stepper, Nt as StreamingText, kt as SwipeAction, h as Switch, m as SwitchCore, a as TOKEN_REGISTRY, A as Tab, k as TabList, j as TabPanel, ne as Table, ie as TableBody, oe as TableCell, re as TableHead, ae as TableRow, O as Tabs, I as Tag, Et as TagGroup, Dt as TagGroupItem, it as TagInput, rt as TagInputCore, Ve as Text, T as Textarea, w as TextareaCore, It as ThinkingIndicator, Xe as TimePicker, Ye as TimePickerCore, Re as Timeline, ze as TimelineItem, He as Title, X as Toast, Z as ToastContainer, Bt as TokenCounter, Ft as ToolCallCard, v as Tooltip, Me as Transfer, de as Tree, Ne as Upload, Tt as VirtualList, e as darkTheme, t as lightTheme, n as spacing, r as typography, qt as useControl, Q as useToast };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
type CheckboxCoreProps = {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
onChange: (checked: boolean) => void;
|
|
5
|
+
/** Native change event passthrough — invoked with the DOM event after
|
|
6
|
+
* `onChange`, so a spread can never override the controlled callback. */
|
|
7
|
+
onNativeChange?: ComponentPropsWithoutRef<'input'>['onChange'];
|
|
8
|
+
label?: ReactNode;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & Omit<ComponentPropsWithoutRef<'input'>, 'checked' | 'onChange' | 'type'>;
|
|
11
|
+
export default function CheckboxCore({ checked, onChange, onNativeChange, className, label, ...rest }: CheckboxCoreProps): import("react").JSX.Element;
|
|
12
|
+
export type { CheckboxCoreProps };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
type ColorPickerCoreProps = {
|
|
2
|
+
value: string;
|
|
3
|
+
onChange: (value: string) => void;
|
|
4
|
+
presets?: string[];
|
|
5
|
+
className?: string;
|
|
6
|
+
};
|
|
7
|
+
export default function ColorPickerCore({ value, onChange, presets, className, }: ColorPickerCoreProps): import("react").JSX.Element;
|
|
8
|
+
export type { ColorPickerCoreProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
type DateRangePickerCoreProps = {
|
|
3
|
+
startDate: string;
|
|
4
|
+
endDate: string;
|
|
5
|
+
onStartChange: (value: string) => void;
|
|
6
|
+
onEndChange: (value: string) => void;
|
|
7
|
+
separator?: ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export default function DateRangePickerCore({ startDate, endDate, onStartChange, onEndChange, separator, className, }: DateRangePickerCoreProps): import("react").JSX.Element;
|
|
11
|
+
export type { DateRangePickerCoreProps };
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { default as DateRangePicker } from './DateRangePicker';
|
|
2
2
|
export type { DateRangePickerProps } from './DateRangePicker';
|
|
3
|
+
export { default as DateRangePickerCore } from './DateRangePickerCore';
|
|
4
|
+
export type { DateRangePickerCoreProps } from './DateRangePickerCore';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
type DatepickerCoreProps = {
|
|
2
|
+
value: string;
|
|
3
|
+
onChange: (value: string) => void;
|
|
4
|
+
open: boolean;
|
|
5
|
+
onOpenChange: (open: boolean) => void;
|
|
6
|
+
min?: string;
|
|
7
|
+
max?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
export default function DatepickerCore({ value, onChange, open, onOpenChange, min, max, placeholder, className, }: DatepickerCoreProps): import("react").JSX.Element;
|
|
12
|
+
export type { DatepickerCoreProps };
|