haze-ui 1.26.0 → 1.28.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 +420 -36
- package/dist/components/Anchor/Anchor.js +78 -0
- package/dist/components/Anchor/index.js +3 -0
- package/dist/components/AppShell/AppShell.js +44 -0
- package/dist/components/AppShell/index.js +3 -0
- package/dist/components/AspectRatio/AspectRatio.js +0 -1
- package/dist/components/AspectRatio/index.js +0 -1
- package/dist/components/Badge/Badge.js +5 -17
- package/dist/components/Badge/badge-styles.js +15 -0
- package/dist/components/Badge/index.js +3 -3
- package/dist/components/BottomSheet/BottomSheet.js +133 -22
- package/dist/components/Button/index.js +4 -3
- package/dist/components/Calendar/Calendar.js +525 -78
- package/dist/components/Calendar/date.js +35 -2
- package/dist/components/Card/Card.js +0 -1
- package/dist/components/Card/index.js +0 -1
- package/dist/components/Carousel/Carousel.js +64 -41
- package/dist/components/Cascader/Cascader.js +222 -140
- package/dist/components/Chart/Chart.js +34 -0
- package/dist/components/Chart/chart-elements.js +164 -0
- package/dist/components/Chart/index.js +3 -0
- package/dist/components/ChatContainer/ChatContainer.js +36 -16
- package/dist/components/ChatInput/ChatInput.js +49 -29
- package/dist/components/ChatMessage/ChatMessage.js +76 -29
- package/dist/components/Checkbox/Checkbox.js +6 -5
- package/dist/components/Checkbox/CheckboxCore.js +6 -5
- package/dist/components/CodeBlock/CodeBlock.js +39 -10
- package/dist/components/CodeBlock/index.js +0 -1
- package/dist/components/Collapsible/Collapsible.js +23 -10
- package/dist/components/ColorPicker/ColorPicker.js +5 -4
- package/dist/components/ColorPicker/ColorPickerCore.js +5 -4
- package/dist/components/Combobox/Combobox.js +202 -75
- package/dist/components/Combobox/ComboboxGroup.js +23 -0
- package/dist/components/Combobox/ComboboxOption.js +7 -6
- package/dist/components/Combobox/index.js +4 -3
- package/dist/components/Command/Command.js +102 -59
- package/dist/components/Command/CommandDialog.js +48 -0
- package/dist/components/Command/command-filter.js +16 -0
- package/dist/components/Command/index.js +3 -2
- package/dist/components/ConfirmDialog/ConfirmDialog.js +3 -3
- package/dist/components/Container/Container.js +0 -1
- package/dist/components/Container/index.js +0 -1
- package/dist/components/ContextMenu/ContextMenuContent.js +4 -4
- package/dist/components/DataTable/CellEditor.js +38 -0
- package/dist/components/DataTable/DataTable.js +394 -143
- package/dist/components/DataTable/csv.js +29 -0
- package/dist/components/DataTable/features.js +25 -0
- package/dist/components/DataTable/index.js +3 -1
- package/dist/components/DataTable/summary.js +17 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +31 -13
- package/dist/components/DateRangePicker/DateRangePickerCore.js +59 -27
- package/dist/components/DateRangePicker/presets.js +43 -0
- package/dist/components/Datepicker/Datepicker.js +17 -12
- package/dist/components/Datepicker/DatepickerCore.js +73 -39
- package/dist/components/Datepicker/datetime.js +23 -0
- package/dist/components/Descriptions/Descriptions.js +46 -0
- package/dist/components/Descriptions/index.js +3 -0
- package/dist/components/Dialog/Dialog.js +56 -32
- package/dist/components/DiffViewer/DiffViewer.js +31 -30
- package/dist/components/Divider/Divider.js +0 -1
- package/dist/components/Divider/index.js +0 -1
- package/dist/components/Drawer/Drawer.js +49 -29
- package/dist/components/DropdownMenu/DropdownMenu.js +38 -26
- package/dist/components/DropdownMenu/DropdownMenuSub.js +23 -0
- package/dist/components/DropdownMenu/DropdownMenuSubContent.js +24 -0
- package/dist/components/DropdownMenu/DropdownMenuSubTrigger.js +30 -0
- package/dist/components/DropdownMenu/index.js +4 -1
- package/dist/components/FilePreview/FilePreview.js +135 -0
- package/dist/components/FilePreview/file-preview-format.js +23 -0
- package/dist/components/FilePreview/index.js +3 -0
- package/dist/components/Flex/Flex.js +0 -1
- package/dist/components/Flex/index.js +0 -1
- package/dist/components/FloatButton/FloatButton.js +42 -0
- package/dist/components/FloatButton/FloatButtonGroup.js +58 -0
- package/dist/components/FloatButton/float-button-context.js +9 -0
- package/dist/components/FloatButton/float-button-glyphs.js +26 -0
- package/dist/components/FloatButton/float-button-styles.js +14 -0
- package/dist/components/FloatButton/index.js +4 -0
- package/dist/components/Fullscreen/Fullscreen.js +29 -0
- package/dist/components/Fullscreen/index.js +3 -0
- package/dist/components/Grid/Grid.js +0 -1
- package/dist/components/Grid/GridItem.js +0 -1
- package/dist/components/Grid/index.js +0 -1
- package/dist/components/Icon/Icon.js +0 -1
- package/dist/components/Icon/index.js +0 -1
- package/dist/components/Image/Image.js +37 -19
- package/dist/components/Image/ImagePreview.js +233 -0
- package/dist/components/InlineCompletion/InlineCompletion.js +81 -0
- package/dist/components/InlineCompletion/index.js +3 -0
- package/dist/components/Input/Input.js +6 -5
- package/dist/components/Input/InputCore.js +3 -2
- package/dist/components/JsonView/JsonView.js +209 -0
- package/dist/components/JsonView/index.js +3 -0
- package/dist/components/JsonView/json-view-utils.js +24 -0
- package/dist/components/Kbd/Kbd.js +0 -1
- package/dist/components/Kbd/index.js +0 -1
- package/dist/components/LocaleProvider/LocaleProvider.js +16 -13
- package/dist/components/LocaleProvider/index.js +5 -3
- package/dist/components/LocaleProvider/ja-jp.js +222 -0
- package/dist/components/LocaleProvider/locale.js +99 -5
- package/dist/components/LocaleProvider/strings.js +15 -0
- package/dist/components/LocaleProvider/useStrings.js +13 -11
- package/dist/components/LocaleProvider/zh-cn.js +99 -5
- package/dist/components/Masonry/Masonry.js +29 -0
- package/dist/components/Masonry/index.js +3 -0
- package/dist/components/Masonry/masonry-distribute.js +15 -0
- package/dist/components/Mentions/Mentions.js +6 -5
- package/dist/components/Mentions/MentionsCore.js +69 -68
- package/dist/components/Menu/Menu.js +5 -5
- package/dist/components/Menu/MenuSub.js +23 -0
- package/dist/components/Menu/MenuSubContent.js +24 -0
- package/dist/components/Menu/MenuSubTrigger.js +30 -0
- package/dist/components/Menu/index.js +4 -1
- package/dist/components/NumberInput/NumberInput.js +6 -5
- package/dist/components/NumberInput/NumberInputCore.js +9 -8
- package/dist/components/OTPInput/OTPInput.js +5 -4
- package/dist/components/OTPInput/OTPInputCore.js +34 -33
- package/dist/components/PasswordInput/PasswordInput.js +5 -4
- package/dist/components/PasswordInput/PasswordInputCore.js +8 -7
- package/dist/components/Popover/Popover.js +43 -31
- package/dist/components/PromptInput/PromptInput.js +213 -0
- package/dist/components/PromptInput/index.js +3 -0
- package/dist/components/Radio/Radio.js +7 -6
- package/dist/components/Radio/RadioGroup.js +5 -4
- package/dist/components/Radio/RadioGroupCore.js +23 -14
- package/dist/components/Rating/Rating.js +5 -4
- package/dist/components/Rating/RatingCore.js +62 -28
- package/dist/components/Resizable/index.js +1 -1
- package/dist/components/Segmented/Segmented.js +5 -4
- package/dist/components/Segmented/SegmentedCore.js +22 -18
- package/dist/components/Select/OptionGroup.js +12 -0
- package/dist/components/Select/Select.js +20 -9
- package/dist/components/Select/SelectCore.js +74 -13
- package/dist/components/Select/SelectFloating.js +256 -0
- package/dist/components/Select/index.js +5 -4
- package/dist/components/Select/select-options.js +57 -0
- package/dist/components/Sidebar/Sidebar.js +9 -9
- package/dist/components/Signature/Signature.js +165 -0
- package/dist/components/Signature/index.js +3 -0
- package/dist/components/Signature/signature-points.js +28 -0
- package/dist/components/Skeleton/Skeleton.js +0 -1
- package/dist/components/Skeleton/index.js +0 -1
- package/dist/components/Slider/Slider.js +16 -8
- package/dist/components/Slider/SliderCore.js +75 -12
- package/dist/components/Sources/Sources.js +109 -0
- package/dist/components/Sources/index.js +3 -0
- package/dist/components/Stat/Stat.js +0 -1
- package/dist/components/Stat/index.js +0 -1
- package/dist/components/Switch/Switch.js +6 -5
- package/dist/components/Switch/SwitchCore.js +3 -2
- package/dist/components/Tabs/Tab.js +7 -4
- package/dist/components/Tabs/TabList.js +38 -7
- package/dist/components/Tabs/TabPanel.js +4 -3
- package/dist/components/Tabs/Tabs.js +11 -6
- package/dist/components/TagGroup/SortableTagGroup.js +26 -0
- package/dist/components/TagGroup/TagGroup.js +4 -6
- package/dist/components/TagGroup/TagGroupItem.js +17 -11
- package/dist/components/TagGroup/index.js +2 -1
- package/dist/components/TagGroup/tag-group-styles.js +7 -0
- package/dist/components/TagInput/SortableTagInput.js +24 -0
- package/dist/components/TagInput/SortableTagInputCore.js +52 -0
- package/dist/components/TagInput/TagInput.js +5 -4
- package/dist/components/TagInput/TagInputCore.js +71 -57
- package/dist/components/TagInput/index.js +3 -1
- package/dist/components/TagInput/tag-input-styles.js +7 -0
- package/dist/components/Textarea/Textarea.js +6 -5
- package/dist/components/Textarea/TextareaCore.js +3 -2
- package/dist/components/TimePicker/TimePicker.js +6 -5
- package/dist/components/TimePicker/TimePickerCore.js +3 -2
- package/dist/components/Toast/Toast.js +44 -42
- package/dist/components/Toast/ToastContainer.js +67 -47
- package/dist/components/Toast/ToastContext.js +23 -4
- package/dist/components/Toast/toast2.js +63 -28
- package/dist/components/Toast/useToast.js +9 -7
- package/dist/components/Toggle/Toggle.js +20 -0
- package/dist/components/Toggle/ToggleCore.js +31 -0
- package/dist/components/Toggle/index.js +4 -0
- package/dist/components/Toolbar/Toolbar.js +33 -32
- package/dist/components/Toolbar/ToolbarToggle.js +31 -0
- package/dist/components/Toolbar/index.js +2 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tour/Tour.js +57 -53
- package/dist/components/Tree/Tree.js +265 -80
- package/dist/components/Tree/TreeItem.js +91 -55
- package/dist/components/Tree/utils.js +82 -10
- package/dist/components/Typography/Typography.js +0 -1
- package/dist/components/Typography/index.js +0 -1
- package/dist/components/Upload/Upload.js +24 -8
- package/dist/components/Upload/UploadCore.js +230 -37
- package/dist/components/Upload/UploadList.js +300 -0
- package/dist/components/Upload/xhr-upload.js +22 -0
- package/dist/components/VirtualList/VirtualList.js +84 -56
- package/dist/components/Watermark/Watermark.js +55 -0
- package/dist/components/Watermark/index.js +3 -0
- package/dist/css/anchor.css +2 -0
- package/dist/css/app-shell.css +2 -0
- package/dist/css/badge.css +1 -1
- package/dist/css/bottom-sheet.css +1 -1
- package/dist/css/button.css +1 -1
- package/dist/css/calendar.css +1 -1
- package/dist/css/cascader.css +1 -1
- package/dist/css/chart.css +2 -0
- package/dist/css/chat-container.css +1 -1
- package/dist/css/chat-message.css +1 -1
- package/dist/css/combobox.css +3 -2
- package/dist/css/command.css +2 -1
- package/dist/css/context-menu.css +1 -1
- package/dist/css/data-table.css +2 -1
- package/dist/css/date-range-picker.css +1 -1
- package/dist/css/datepicker.css +2 -2
- package/dist/css/descriptions.css +2 -0
- package/dist/css/dialog.css +1 -1
- package/dist/css/drawer.css +1 -1
- package/dist/css/dropdown-menu.css +4 -1
- package/dist/css/file-preview.css +2 -0
- package/dist/css/float-button.css +2 -0
- package/dist/css/image.css +2 -1
- package/dist/css/inline-completion.css +2 -0
- package/dist/css/json-view.css +2 -0
- package/dist/css/masonry.css +2 -0
- package/dist/css/menu.css +4 -1
- package/dist/css/popover.css +1 -1
- package/dist/css/prompt-input.css +2 -0
- package/dist/css/rating.css +1 -1
- package/dist/css/select.css +3 -1
- package/dist/css/signature.css +2 -0
- package/dist/css/slider.css +1 -1
- package/dist/css/sources.css +2 -0
- package/dist/css/tag-group.css +3 -1
- package/dist/css/tag-input.css +2 -1
- package/dist/css/toggle.css +2 -0
- package/dist/css/toolbar.css +1 -0
- package/dist/css/tooltip.css +1 -1
- package/dist/css/tree.css +2 -2
- package/dist/css/upload.css +2 -1
- package/dist/css/watermark.css +2 -0
- package/dist/css-manifest.json +75 -1
- package/dist/form/FormItem.js +55 -50
- package/dist/form/FormList.js +79 -0
- package/dist/form/index.js +5 -1
- package/dist/form/standard-schema.js +16 -0
- package/dist/haze-ui.css +61 -30
- package/dist/headless/index.js +19 -0
- package/dist/hooks/useClickOutside.js +24 -0
- package/dist/hooks/useDarkMode.js +27 -0
- package/dist/hooks/useFullscreen.js +42 -0
- package/dist/hooks/useHotkeys.js +77 -0
- package/dist/hooks/useInView.js +27 -0
- package/dist/hooks/useLocalStorage.js +8 -0
- package/dist/hooks/useMediaQuery.js +2 -1
- package/dist/hooks/usePrevious.js +11 -0
- package/dist/hooks/useSessionStorage.js +8 -0
- package/dist/hooks/useStorageState.js +80 -0
- package/dist/index.js +220 -171
- package/dist/registry.json +2435 -91
- package/dist/tokens/colors.js +0 -1
- package/dist/tokens/index.js +0 -1
- package/dist/tokens/motion.js +0 -1
- package/dist/tokens/oklch.js +0 -1
- package/dist/tokens/palette.js +0 -1
- package/dist/tokens/registry.js +17 -28
- package/dist/tokens/spacing.js +0 -1
- package/dist/tokens/typography.js +0 -1
- package/dist/types/components/Anchor/Anchor.d.ts +25 -0
- package/dist/types/components/Anchor/index.d.ts +2 -0
- package/dist/types/components/AppShell/AppShell.d.ts +17 -0
- package/dist/types/components/AppShell/index.d.ts +2 -0
- package/dist/types/components/Badge/badge-styles.d.ts +21 -0
- package/dist/types/components/Badge/index.d.ts +1 -0
- package/dist/types/components/BottomSheet/BottomSheet.d.ts +52 -3
- package/dist/types/components/BottomSheet/index.d.ts +1 -1
- package/dist/types/components/Button/Button.d.ts +7 -0
- package/dist/types/components/Button/ButtonLink.d.ts +3 -0
- package/dist/types/components/Button/index.d.ts +1 -0
- package/dist/types/components/Button/styles.d.ts +17 -0
- package/dist/types/components/Calendar/Calendar.d.ts +71 -7
- package/dist/types/components/Calendar/date.d.ts +52 -0
- package/dist/types/components/Calendar/index.d.ts +1 -1
- package/dist/types/components/Cascader/Cascader.d.ts +48 -3
- package/dist/types/components/Chart/Chart.d.ts +43 -0
- package/dist/types/components/Chart/chart-elements.d.ts +104 -0
- package/dist/types/components/Chart/index.d.ts +2 -0
- package/dist/types/components/ChatContainer/ChatContainer.d.ts +18 -3
- package/dist/types/components/ChatInput/ChatInput.d.ts +11 -1
- package/dist/types/components/ChatMessage/ChatMessage.d.ts +13 -1
- package/dist/types/components/Checkbox/Checkbox.d.ts +6 -2
- package/dist/types/components/Checkbox/CheckboxCore.d.ts +4 -2
- package/dist/types/components/CodeBlock/CodeBlock.d.ts +19 -2
- package/dist/types/components/CodeBlock/index.d.ts +1 -1
- package/dist/types/components/Collapsible/Collapsible.d.ts +24 -2
- package/dist/types/components/Collapsible/index.d.ts +1 -1
- package/dist/types/components/ColorPicker/ColorPicker.d.ts +7 -1
- package/dist/types/components/ColorPicker/ColorPickerCore.d.ts +7 -1
- package/dist/types/components/Combobox/Combobox.d.ts +111 -7
- package/dist/types/components/Combobox/ComboboxGroup.d.ts +22 -0
- package/dist/types/components/Combobox/ComboboxOption.d.ts +7 -2
- package/dist/types/components/Combobox/index.d.ts +3 -1
- package/dist/types/components/Command/Command.d.ts +70 -6
- package/dist/types/components/Command/CommandDialog.d.ts +36 -0
- package/dist/types/components/Command/command-filter.d.ts +34 -0
- package/dist/types/components/Command/index.d.ts +4 -2
- package/dist/types/components/DataTable/CellEditor.d.ts +24 -0
- package/dist/types/components/DataTable/DataTable.d.ts +184 -32
- package/dist/types/components/DataTable/csv.d.ts +36 -0
- package/dist/types/components/DataTable/features.d.ts +124 -0
- package/dist/types/components/DataTable/index.d.ts +4 -1
- package/dist/types/components/DataTable/summary.d.ts +19 -0
- package/dist/types/components/DateRangePicker/DateRangePicker.d.ts +28 -2
- package/dist/types/components/DateRangePicker/DateRangePickerCore.d.ts +26 -2
- package/dist/types/components/DateRangePicker/index.d.ts +2 -2
- package/dist/types/components/DateRangePicker/presets.d.ts +23 -0
- package/dist/types/components/Datepicker/Datepicker.d.ts +21 -1
- package/dist/types/components/Datepicker/DatepickerCore.d.ts +29 -2
- package/dist/types/components/Datepicker/datetime.d.ts +27 -0
- package/dist/types/components/Datepicker/index.d.ts +1 -1
- package/dist/types/components/Descriptions/Descriptions.d.ts +30 -0
- package/dist/types/components/Descriptions/index.d.ts +2 -0
- package/dist/types/components/Dialog/Dialog.d.ts +68 -3
- package/dist/types/components/Dialog/index.d.ts +1 -1
- package/dist/types/components/Drawer/Drawer.d.ts +33 -3
- package/dist/types/components/Drawer/index.d.ts +1 -1
- package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +23 -3
- package/dist/types/components/DropdownMenu/DropdownMenuSub.d.ts +18 -0
- package/dist/types/components/DropdownMenu/DropdownMenuSubContent.d.ts +13 -0
- package/dist/types/components/DropdownMenu/DropdownMenuSubTrigger.d.ts +14 -0
- package/dist/types/components/DropdownMenu/index.d.ts +7 -1
- package/dist/types/components/FilePreview/FilePreview.d.ts +35 -0
- package/dist/types/components/FilePreview/file-preview-format.d.ts +20 -0
- package/dist/types/components/FilePreview/index.d.ts +2 -0
- package/dist/types/components/FloatButton/FloatButton.d.ts +43 -0
- package/dist/types/components/FloatButton/FloatButtonGroup.d.ts +33 -0
- package/dist/types/components/FloatButton/float-button-context.d.ts +11 -0
- package/dist/types/components/FloatButton/float-button-glyphs.d.ts +3 -0
- package/dist/types/components/FloatButton/float-button-styles.d.ts +58 -0
- package/dist/types/components/FloatButton/index.d.ts +4 -0
- package/dist/types/components/Fullscreen/Fullscreen.d.ts +34 -0
- package/dist/types/components/Fullscreen/index.d.ts +3 -0
- package/dist/types/components/Image/Image.d.ts +20 -5
- package/dist/types/components/Image/ImagePreview.d.ts +13 -0
- package/dist/types/components/Image/index.d.ts +1 -1
- package/dist/types/components/InlineCompletion/InlineCompletion.d.ts +29 -0
- package/dist/types/components/InlineCompletion/index.d.ts +2 -0
- package/dist/types/components/Input/Input.d.ts +5 -2
- package/dist/types/components/Input/InputCore.d.ts +4 -2
- package/dist/types/components/JsonView/JsonView.d.ts +26 -0
- package/dist/types/components/JsonView/index.d.ts +2 -0
- package/dist/types/components/JsonView/json-view-utils.d.ts +22 -0
- package/dist/types/components/LocaleProvider/LocaleContext.d.ts +9 -0
- package/dist/types/components/LocaleProvider/LocaleProvider.d.ts +12 -1
- package/dist/types/components/LocaleProvider/index.d.ts +3 -0
- package/dist/types/components/LocaleProvider/ja-jp.d.ts +13 -0
- package/dist/types/components/LocaleProvider/locale.d.ts +100 -0
- package/dist/types/components/LocaleProvider/strings.d.ts +28 -0
- package/dist/types/components/Masonry/Masonry.d.ts +34 -0
- package/dist/types/components/Masonry/index.d.ts +2 -0
- package/dist/types/components/Masonry/masonry-distribute.d.ts +16 -0
- package/dist/types/components/Mentions/Mentions.d.ts +5 -2
- package/dist/types/components/Mentions/MentionsCore.d.ts +4 -2
- package/dist/types/components/Menu/MenuSub.d.ts +18 -0
- package/dist/types/components/Menu/MenuSubContent.d.ts +12 -0
- package/dist/types/components/Menu/MenuSubTrigger.d.ts +14 -0
- package/dist/types/components/Menu/index.d.ts +6 -0
- package/dist/types/components/NumberInput/NumberInput.d.ts +5 -2
- package/dist/types/components/NumberInput/NumberInputCore.d.ts +4 -2
- package/dist/types/components/OTPInput/OTPInput.d.ts +5 -1
- package/dist/types/components/OTPInput/OTPInputCore.d.ts +4 -1
- package/dist/types/components/PasswordInput/PasswordInput.d.ts +5 -1
- package/dist/types/components/PasswordInput/PasswordInputCore.d.ts +4 -1
- package/dist/types/components/Popover/Popover.d.ts +41 -3
- package/dist/types/components/Popover/index.d.ts +1 -1
- package/dist/types/components/PromptInput/PromptInput.d.ts +46 -0
- package/dist/types/components/PromptInput/index.d.ts +2 -0
- package/dist/types/components/Radio/Radio.d.ts +5 -2
- package/dist/types/components/Radio/RadioGroup.d.ts +8 -2
- package/dist/types/components/Radio/RadioGroupCore.d.ts +7 -2
- package/dist/types/components/Rating/Rating.d.ts +8 -1
- package/dist/types/components/Rating/RatingCore.d.ts +7 -1
- package/dist/types/components/Resizable/index.d.ts +2 -0
- package/dist/types/components/Segmented/Segmented.d.ts +8 -1
- package/dist/types/components/Segmented/SegmentedCore.d.ts +7 -2
- package/dist/types/components/Select/OptionGroup.d.ts +16 -0
- package/dist/types/components/Select/Select.d.ts +78 -4
- package/dist/types/components/Select/SelectCore.d.ts +79 -6
- package/dist/types/components/Select/SelectFloating.d.ts +94 -0
- package/dist/types/components/Select/index.d.ts +2 -0
- package/dist/types/components/Select/select-options.d.ts +53 -0
- package/dist/types/components/Signature/Signature.d.ts +51 -0
- package/dist/types/components/Signature/index.d.ts +2 -0
- package/dist/types/components/Signature/signature-points.d.ts +31 -0
- package/dist/types/components/Slider/Slider.d.ts +29 -4
- package/dist/types/components/Slider/SliderCore.d.ts +35 -6
- package/dist/types/components/Sources/Sources.d.ts +37 -0
- package/dist/types/components/Sources/index.d.ts +2 -0
- package/dist/types/components/Switch/Switch.d.ts +5 -2
- package/dist/types/components/Switch/SwitchCore.d.ts +4 -2
- package/dist/types/components/Tabs/TabList.d.ts +7 -0
- package/dist/types/components/Tabs/Tabs.d.ts +8 -1
- package/dist/types/components/Tabs/TabsContext.d.ts +20 -0
- package/dist/types/components/Tabs/index.d.ts +1 -0
- package/dist/types/components/TagGroup/SortableTagGroup.d.ts +20 -0
- package/dist/types/components/TagGroup/TagGroup.d.ts +3 -0
- package/dist/types/components/TagGroup/index.d.ts +2 -0
- package/dist/types/components/TagGroup/tag-group-styles.d.ts +7 -0
- package/dist/types/components/TagInput/SortableTagInput.d.ts +34 -0
- package/dist/types/components/TagInput/SortableTagInputCore.d.ts +18 -0
- package/dist/types/components/TagInput/TagInput.d.ts +5 -1
- package/dist/types/components/TagInput/TagInputCore.d.ts +6 -2
- package/dist/types/components/TagInput/index.d.ts +4 -0
- package/dist/types/components/TagInput/tag-input-styles.d.ts +12 -0
- package/dist/types/components/Textarea/Textarea.d.ts +5 -2
- package/dist/types/components/Textarea/TextareaCore.d.ts +4 -2
- package/dist/types/components/TimePicker/TimePicker.d.ts +5 -2
- package/dist/types/components/TimePicker/TimePickerCore.d.ts +4 -2
- package/dist/types/components/Toast/Toast.d.ts +31 -2
- package/dist/types/components/Toast/ToastContainer.d.ts +11 -1
- package/dist/types/components/Toast/ToastContext.d.ts +44 -3
- package/dist/types/components/Toast/index.d.ts +1 -1
- package/dist/types/components/Toast/toast.d.ts +35 -4
- package/dist/types/components/Toast/useToast.d.ts +16 -4
- package/dist/types/components/Toggle/Toggle.d.ts +19 -0
- package/dist/types/components/Toggle/ToggleCore.d.ts +23 -0
- package/dist/types/components/Toggle/index.d.ts +4 -0
- package/dist/types/components/Toolbar/ToolbarToggle.d.ts +19 -0
- package/dist/types/components/Toolbar/index.d.ts +2 -0
- package/dist/types/components/Tour/Tour.d.ts +3 -3
- package/dist/types/components/Tree/Tree.d.ts +3 -3
- package/dist/types/components/Tree/TreeItem.d.ts +16 -1
- package/dist/types/components/Tree/types.d.ts +51 -0
- package/dist/types/components/Tree/utils.d.ts +73 -0
- package/dist/types/components/Upload/Upload.d.ts +47 -3
- package/dist/types/components/Upload/UploadCore.d.ts +95 -4
- package/dist/types/components/Upload/UploadList.d.ts +18 -0
- package/dist/types/components/Upload/index.d.ts +1 -0
- package/dist/types/components/Upload/types.d.ts +60 -0
- package/dist/types/components/Upload/xhr-upload.d.ts +20 -0
- package/dist/types/components/VirtualList/VirtualList.d.ts +16 -1
- package/dist/types/components/Watermark/Watermark.d.ts +32 -0
- package/dist/types/components/Watermark/index.d.ts +2 -0
- package/dist/types/form/FormItem.d.ts +33 -8
- package/dist/types/form/FormList.d.ts +113 -0
- package/dist/types/form/index.d.ts +26 -0
- package/dist/types/form/standard-schema.d.ts +30 -0
- package/dist/types/headless/index.d.ts +399 -0
- package/dist/types/hooks/index.d.ts +13 -0
- package/dist/types/hooks/useClickOutside.d.ts +46 -0
- package/dist/types/hooks/useDarkMode.d.ts +40 -0
- package/dist/types/hooks/useFullscreen.d.ts +33 -0
- package/dist/types/hooks/useHotkeys.d.ts +53 -0
- package/dist/types/hooks/useInView.d.ts +32 -0
- package/dist/types/hooks/useLocalStorage.d.ts +33 -0
- package/dist/types/hooks/useMediaQuery.d.ts +3 -0
- package/dist/types/hooks/usePrevious.d.ts +18 -0
- package/dist/types/hooks/useSessionStorage.d.ts +26 -0
- package/dist/types/hooks/useStorageState.d.ts +12 -0
- package/dist/types/index.d.ts +79 -37
- package/dist/types/utils/collision.d.ts +39 -1
- package/dist/types/utils/direction.d.ts +22 -0
- package/dist/types/utils/floating.d.ts +32 -4
- package/dist/types/utils/focus-scope.d.ts +2 -1
- package/dist/types/utils/focus.d.ts +2 -1
- package/dist/types/utils/menuKeyboard.d.ts +19 -4
- package/dist/types/utils/refs.d.ts +16 -0
- package/dist/types/utils/sortable-handle.d.ts +25 -0
- package/dist/types/utils/sortable-shared.d.ts +30 -0
- package/dist/types/utils/sortable.d.ts +36 -0
- package/dist/types/utils/submenu.d.ts +63 -0
- package/dist/types/utils/view-transition.d.ts +28 -0
- package/dist/utils/classnames.js +0 -1
- package/dist/utils/collision.js +37 -26
- package/dist/utils/direction.js +34 -0
- package/dist/utils/floating.js +163 -143
- package/dist/utils/menuKeyboard.js +59 -46
- package/dist/utils/refs.js +9 -0
- package/dist/utils/sortable-handle.js +12 -0
- package/dist/utils/sortable-shared.js +16 -0
- package/dist/utils/sortable.js +47 -0
- package/dist/utils/submenu.js +106 -0
- package/dist/utils/view-transition.js +26 -0
- package/package.json +169 -16
package/dist/css/cascader.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui cascader — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Cascader__wrapper{box-sizing:border-box;width:100%;display:inline-block;position:relative}.haze-Cascader__trigger{align-items:center;gap:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-2) var(--haze-space-3);text-align:start;cursor:pointer;box-sizing:border-box;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:flex}.haze-Cascader__trigger:focus-visible{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Cascader__triggerValue{white-space:nowrap;text-overflow:ellipsis;text-align:start;flex:1;min-width:0;overflow:hidden}.haze-Cascader__triggerPlaceholder{color:var(--haze-color-text-muted)}.haze-Cascader__triggerCaret{color:var(--haze-color-text-muted);flex-shrink:0;display:inline-flex}.haze-Cascader__separator{color:var(--haze-color-text-muted)}.haze-Cascader__panel{padding:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-lg);align-items:stretch;display:flex}.haze-Cascader__column{min-width:160px;max-height:220px;padding-block:var(--haze-space-1);flex-direction:column;display:flex;overflow-y:auto}.haze-Cascader__column+.haze-Cascader__column{border-inline-start:1px solid var(--haze-color-border);-webkit-margin-start:var(--haze-space-1);-webkit-padding-start:var(--haze-space-1);margin-inline-start:var(--haze-space-1);padding-inline-start:var(--haze-space-1)}.haze-Cascader__item{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);border-radius:var(--haze-radius-sm);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);text-align:start;cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;display:flex}.haze-Cascader__item:hover{background:var(--haze-color-bg-subtle)}.haze-Cascader__item:active{background:var(--haze-color-bg-muted)}.haze-Cascader__item:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Cascader__itemInPath{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}.haze-Cascader__itemLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.haze-Cascader__chevron{color:var(--haze-color-text-muted);flex-shrink:0;display:inline-flex}
|
|
2
|
+
.haze-Cascader__wrapper{box-sizing:border-box;width:100%;display:inline-block;position:relative}.haze-Cascader__trigger{align-items:center;gap:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-2) var(--haze-space-3);text-align:start;cursor:pointer;box-sizing:border-box;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:flex}.haze-Cascader__trigger:focus-visible{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Cascader__triggerValue{white-space:nowrap;text-overflow:ellipsis;text-align:start;flex:1;min-width:0;overflow:hidden}.haze-Cascader__triggerPlaceholder{color:var(--haze-color-text-muted)}.haze-Cascader__triggerCaret{color:var(--haze-color-text-muted);flex-shrink:0;display:inline-flex}.haze-Cascader__separator{color:var(--haze-color-text-muted)}.haze-Cascader__panel{padding:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-lg);align-items:stretch;display:flex}.haze-Cascader__panel[popover]:not(:popover-open){display:none}.haze-Cascader__panelSearch{padding:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);box-shadow:var(--haze-shadow-lg)}.haze-Cascader__columnsStrip{align-items:stretch;display:flex}.haze-Cascader__searchInput{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-1) var(--haze-space-2);margin-block-end:var(--haze-space-2);display:block}.haze-Cascader__searchInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Cascader__loadingBlock{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-3);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);display:flex}.haze-Cascader__emptyBlock{padding:var(--haze-space-3);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:center}.haze-Cascader__column{min-width:160px;max-height:220px;padding-block:var(--haze-space-1);flex-direction:column;display:flex;overflow-y:auto}.haze-Cascader__column+.haze-Cascader__column{border-inline-start:1px solid var(--haze-color-border);-webkit-margin-start:var(--haze-space-1);-webkit-padding-start:var(--haze-space-1);margin-inline-start:var(--haze-space-1);padding-inline-start:var(--haze-space-1)}.haze-Cascader__columnVirtual{max-height:none;overflow-y:visible}.haze-Cascader__columnVirtual+.haze-Cascader__columnVirtual{border-inline-start:1px solid var(--haze-color-border);-webkit-margin-start:var(--haze-space-1);-webkit-padding-start:var(--haze-space-1);margin-inline-start:var(--haze-space-1);padding-inline-start:var(--haze-space-1)}.haze-Cascader__virtualRow{box-sizing:border-box;height:100%}.haze-Cascader__item{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);border-radius:var(--haze-radius-sm);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);text-align:start;cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;display:flex}.haze-Cascader__item:hover{background:var(--haze-color-bg-subtle)}.haze-Cascader__item:active{background:var(--haze-color-bg-muted)}.haze-Cascader__item:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Cascader__itemInPath{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}.haze-Cascader__itemLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.haze-Cascader__chevron{color:var(--haze-color-text-muted);flex-shrink:0;display:inline-flex}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui chat-container — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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}
|
|
2
|
+
.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}.haze-ChatContainer__jumpPill{bottom:var(--haze-space-2);z-index:1;-ms-grid-row-align:center;align-self:center;align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-md);color:var(--haze-color-primary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:inline-flex;position:sticky}.haze-ChatContainer__jumpPill:hover{border-color:var(--haze-color-primary)}.haze-ChatContainer__jumpPill:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui chat-message — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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-secondary);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-secondary);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-end-end-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-end-start-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-secondary);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-secondary);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger)}
|
|
2
|
+
.haze-ChatMessage__actionsRow{align-items:center;gap:var(--haze-space-1);margin-top:var(--haze-space-1);opacity:0;visibility:hidden;-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);display:flex}[data-chat-actions]:hover .haze-ChatMessage__actionsRow,[data-chat-actions]:focus-within .haze-ChatMessage__actionsRow{opacity:1;visibility:visible}.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-secondary);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-secondary);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-end-end-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleAssistant{background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-end-start-radius:var(--haze-radius-sm)}.haze-ChatMessage__bubbleSystem{color:var(--haze-color-text-secondary);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-secondary);margin-top:var(--haze-space-1)}.haze-ChatMessage__statusError{color:var(--haze-color-danger)}.haze-ChatMessage__actionBtn{width:var(--haze-space-5);height:var(--haze-space-5);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast),background-color var(--haze-duration-fast);transition:color var(--haze-duration-fast),background-color var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.haze-ChatMessage__actionBtn:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-ChatMessage__actionBtn:focus-visible{box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-ChatMessage__actionBtnCopied{color:var(--haze-color-success)}
|
package/dist/css/combobox.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* haze-ui combobox — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-Combobox__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-Combobox__virtualRow{box-sizing:border-box;height:100%}
|
|
2
|
+
.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__multiBox{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);cursor:text;width:100%;padding:var(--haze-space-1) var(--haze-space-2);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-Combobox__multiBox:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Combobox__multiInput{min-width:4rem;padding:var(--haze-space-1) 0;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);background:0 0;border:none;outline:none;flex:1}.haze-Combobox__multiInput::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__matchMark{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);border-radius:var(--haze-radius-sm);padding:0}.haze-Combobox__stateRow{justify-content:center;align-items:center;gap:var(--haze-space-2);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-muted);cursor:default;display:flex}.haze-Combobox__groupHeadingText{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-Combobox__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-Combobox__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-Combobox__virtualRow{box-sizing:border-box;height:100%}
|
|
3
|
+
.haze-ComboboxGroup__groupHeading{z-index:1;box-sizing:border-box;background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);position:sticky;top:0}
|
|
3
4
|
.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)}
|
|
4
|
-
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
5
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
package/dist/css/command.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
/* haze-ui command — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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);
|
|
2
|
+
.haze-Command__base{border:var(--haze-command-border,1px solid var(--haze-color-border));border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);font-family:var(--haze-font-sans);width:100%;max-width:var(--haze-command-width,400px);flex-direction:column;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__emptyStyle{padding:var(--haze-space-4) var(--haze-space-3);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);cursor:default;justify-content:center;align-items:center;display:flex}.haze-Command__groupHeading{z-index:1;box-sizing:border-box;background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);position:sticky;top:0}.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;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast)}.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}.haze-Command__itemWithShortcut{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-3);display:flex}
|
|
3
|
+
.haze-CommandDialog__panel{--haze-dialog-width:640px;--haze-dialog-padding:0;--haze-dialog-title-gap:0}.haze-CommandDialog__panelTitle{box-sizing:border-box;padding:var(--haze-space-4) var(--haze-space-4) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-CommandDialog__palette{--haze-command-width:none;--haze-command-border:none}
|
|
@@ -4,4 +4,4 @@
|
|
|
4
4
|
.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:start;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;align-items:center;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}
|
|
5
5
|
.haze-ContextMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
6
6
|
.haze-ContextMenuTrigger__trigger{display:contents}
|
|
7
|
-
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__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)}
|
|
7
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
package/dist/css/data-table.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
/* haze-ui data-table — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-
|
|
2
|
+
.haze-CellEditor__editorInput{min-width:0;margin-block:calc(-1 * var(--haze-space-1))}
|
|
3
|
+
.haze-DataTable__root{flex-direction:column;display:flex}.haze-DataTable__scrollArea{overflow-x:auto}.haze-DataTable__stickyScrollArea{flex:1;min-height:0;overflow:auto}.haze-DataTable__virtualArea{-webkit-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto hidden}.haze-DataTable__fixedLayout{table-layout:fixed}.haze-DataTable__virtualRowTable{height:100%}.haze-DataTable__tableBase{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-DataTable__stickyHead th{z-index:2;background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;top:0}.haze-DataTable__sortButton{align-items:center;gap:var(--haze-space-1);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-DataTable__sortButton:hover{color:var(--haze-color-primary)}.haze-DataTable__sortButton:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sortIcon{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-DataTable__rowHover:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__rowSelected,.haze-DataTable__rowSelected:hover{background:var(--haze-color-primary-subtle)}.haze-DataTable__clickableRow{cursor:pointer}.haze-DataTable__checkCell{white-space:nowrap;width:1%}.haze-DataTable__checkCellCol{white-space:nowrap}.haze-DataTable__fixedCell{z-index:1;background:var(--haze-color-bg);position:sticky}tr:hover .haze-DataTable__fixedCell{background:var(--haze-color-bg-subtle)}tr .haze-DataTable__fixedCellSelected,tr:hover .haze-DataTable__fixedCellSelected{background:var(--haze-color-primary-subtle)}.haze-DataTable__fixedHeadCell{z-index:3}.haze-DataTable__fixedLeftEdge{clip-path:inset(0 -8px 0 0);box-shadow:6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__fixedRightEdge{clip-path:inset(0 0 0 -8px);box-shadow:-6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__emptyCell{padding:0}.haze-DataTable__footer{margin-top:var(--haze-space-3);justify-content:flex-end;align-items:center;display:flex}.haze-DataTable__toolbar{margin-bottom:var(--haze-space-3);justify-content:flex-end;display:flex}.haze-DataTable__footerMenu{-webkit-margin-end:auto;margin-inline-end:auto}.haze-DataTable__columnsTrigger{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) 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);font-family:var(--haze-font-sans);display:inline-flex}.haze-DataTable__columnsTrigger:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-DataTable__toggleRow{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-sm);align-items:center;display:flex}.haze-DataTable__toggleRow:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__resizableHead{position:relative}.haze-DataTable__resizeHandle{top:0;bottom:0;z-index:1;cursor:col-resize;touch-action:none;border-radius:var(--haze-radius-sm);width:6px;position:absolute;inset-inline-end:-3px}.haze-DataTable__resizeHandle:after{content:"";top:25%;bottom:25%;background:var(--haze-color-border);width:1px;position:absolute;inset-inline-end:2.5px}.haze-DataTable__resizeHandle:hover:after,.haze-DataTable__resizeHandle:focus-visible:after{background:var(--haze-color-primary);top:0;bottom:0}.haze-DataTable__resizeHandle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expander{width:var(--haze-space-5);height:var(--haze-space-5);-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);vertical-align:middle;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;display:inline-flex}.haze-DataTable__expander:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-DataTable__expander:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expanderIcon{-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[aria-expanded=true] .haze-DataTable__expanderIcon{transform:rotate(90deg)}.haze-DataTable__panelCell{padding:var(--haze-space-3);background:var(--haze-color-bg-subtle)}.haze-DataTable__treeIndent{vertical-align:middle;display:inline-block}.haze-DataTable__summaryFoot td{padding:var(--haze-space-2) var(--haze-space-3);border-top:2px solid var(--haze-color-border);color:var(--haze-color-text);font-weight:var(--haze-weight-semibold);white-space:nowrap}.haze-DataTable__stickyFoot td{z-index:2;background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;bottom:0}.haze-DataTable__editableCell{cursor:text}.haze-DataTable__editableCell:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-primary);outline:none}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui date-range-picker — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);outline:none}.haze-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)}
|
|
2
|
+
.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__stackedContainer{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;flex-direction:column;align-items:flex-start}.haze-DateRangePickerCore__inputsRow{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);flex-wrap:wrap;display:inline-flex}.haze-DateRangePickerCore__panel{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-md);max-width:100%;margin-block-start:var(--haze-space-2)}.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);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);outline:none}.haze-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)}.haze-DateRangePickerCore__presetList{padding-block:var(--haze-space-1) 0;border-block-end:1px solid var(--haze-color-border);flex-direction:column;margin-block-end:var(--haze-space-2);display:flex}.haze-DateRangePickerCore__presetRow{appearance:none;width:100%;padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;display:flex}.haze-DateRangePickerCore__presetRow:hover{background:var(--haze-color-bg-subtle)}.haze-DateRangePickerCore__presetRow:active{background:var(--haze-color-bg-muted)}.haze-DateRangePickerCore__presetRow:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
|
package/dist/css/datepicker.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui datepicker — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;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)}
|
|
3
|
-
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__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)}
|
|
2
|
+
.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;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;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)}.haze-DatepickerCore__presetList{padding-block:var(--haze-space-1) 0;border-block-end:1px solid var(--haze-color-border);flex-direction:column;margin-block-end:var(--haze-space-2);display:flex}.haze-DatepickerCore__presetRow{appearance:none;width:100%;padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;display:flex}.haze-DatepickerCore__presetRow:hover{background:var(--haze-color-bg-subtle)}.haze-DatepickerCore__presetRow:active{background:var(--haze-color-bg-muted)}.haze-DatepickerCore__presetRow:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DatepickerCore__timeRow{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);border-block-start:1px solid var(--haze-color-border);display:flex}.haze-DatepickerCore__timeLabel{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted)}.haze-DatepickerCore__timeInput{appearance:none;padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);outline:none}.haze-DatepickerCore__timeInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}
|
|
3
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui descriptions — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-Descriptions__root{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-Descriptions__titleStyle{margin:0 0 var(--haze-space-3);font-size:var(--haze-text-base);font-weight:var(--haze-weight-semibold)}.haze-Descriptions__listDefault{display:-ms-grid;-webkit-column-gap:var(--haze-space-3);column-gap:var(--haze-space-3);row-gap:var(--haze-space-1);margin:0;display:grid}.haze-Descriptions__listBordered{display:-ms-grid;-webkit-column-gap:1px;background:var(--haze-color-border);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);gap:1px;margin:0;display:grid;overflow:hidden}.haze-Descriptions__group{display:contents}.haze-Descriptions__labelCell{color:var(--haze-color-text-secondary);font-weight:var(--haze-weight-medium)}.haze-Descriptions__valueCell{overflow-wrap:anywhere;min-width:0;margin:0}.haze-Descriptions__labelCellBordered{background:var(--haze-color-bg-subtle)}.haze-Descriptions__valueCellBordered{background:var(--haze-color-bg)}.haze-Descriptions__sizeSm{padding:var(--haze-space-1) var(--haze-space-2)}.haze-Descriptions__sizeMd{padding:var(--haze-space-2) var(--haze-space-3)}
|
package/dist/css/dialog.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui dialog — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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
|
|
2
|
+
.haze-Dialog__overlay{box-sizing:border-box;border-radius:var(--haze-dialog-radius,var(--haze-radius-xl));padding:var(--haze-dialog-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);max-width:var(--haze-dialog-width,480px);border:none;width:100%}.haze-Dialog__overlay[open][data-state=open]{-webkit-animation:haze-dialog-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-dialog-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Dialog__overlay[open][data-state=closed]{-webkit-animation:haze-dialog-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-dialog-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Dialog__overlay::backdrop{background:#0006}.haze-Dialog__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-dialog-backdrop-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-dialog-backdrop-in-haze-Dialog__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Dialog__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-dialog-backdrop-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-dialog-backdrop-out-haze-Dialog__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Dialog__overlay:focus-visible{box-shadow:var(--haze-shadow-xl),0 0 0 3px var(--haze-color-focus-ring);outline:none}@keyframes haze-dialog-in-haze-Dialog__overlay{0%{opacity:0;transform:scale(.97)}}@keyframes haze-dialog-out-haze-Dialog__overlay{to{opacity:0;transform:scale(.97)}}@keyframes haze-dialog-backdrop-in-haze-Dialog__overlay{0%{opacity:0}}@keyframes haze-dialog-backdrop-out-haze-Dialog__overlay{to{opacity:0}}.haze-Dialog__titleText{margin:0 0 var(--haze-dialog-title-gap,var(--haze-space-4));font-size:var(--haze-dialog-title-font-size,var(--haze-text-lg));font-weight:var(--haze-weight-semibold)}
|
package/dist/css/drawer.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui drawer — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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[open][data-state=open]{-webkit-animation:haze-drawer-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-drawer-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Drawer__overlay[open][data-state=closed]{-webkit-animation:haze-drawer-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-drawer-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Drawer__overlay::backdrop{background:#0006}.haze-Drawer__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-drawer-backdrop-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-drawer-backdrop-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Drawer__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-drawer-backdrop-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-drawer-backdrop-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Drawer__overlay:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}@keyframes haze-drawer-in-haze-Drawer__overlay{0%{-webkit-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-moz-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-ms-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0))}}@keyframes haze-drawer-out-haze-Drawer__overlay{to{-webkit-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-moz-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-ms-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0))}}@keyframes haze-drawer-backdrop-in-haze-Drawer__overlay{0%{opacity:0}}@keyframes haze-drawer-backdrop-out-haze-Drawer__overlay{to{opacity:0}}.haze-Drawer__left{--haze-drawer-from-x:-100%;--haze-drawer-from-y:0;width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:0}.haze-Drawer__right{--haze-drawer-from-x:100%;--haze-drawer-from-y:0;width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:auto}.haze-Drawer__top{--haze-drawer-from-x:0;--haze-drawer-from-y:-100%;width:100vw;height:320px;margin-top:0}.haze-Drawer__bottom{--haze-drawer-from-x:0;--haze-drawer-from-y:100%;width:100vw;height:320px;margin-top:auto}
|
|
2
|
+
.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[open][data-state=open]{-webkit-animation:haze-drawer-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-drawer-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Drawer__overlay[open][data-state=closed]{-webkit-animation:haze-drawer-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-drawer-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Drawer__overlay::backdrop{background:#0006}.haze-Drawer__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-drawer-backdrop-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-drawer-backdrop-in-haze-Drawer__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-Drawer__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-drawer-backdrop-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-drawer-backdrop-out-haze-Drawer__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-Drawer__overlay:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}@keyframes haze-drawer-in-haze-Drawer__overlay{0%{-webkit-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-moz-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-ms-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0))}}@keyframes haze-drawer-out-haze-Drawer__overlay{to{-webkit-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-moz-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));-ms-transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0));transform:translate(var(--haze-drawer-from-x,0), var(--haze-drawer-from-y,0))}}@keyframes haze-drawer-backdrop-in-haze-Drawer__overlay{0%{opacity:0}}@keyframes haze-drawer-backdrop-out-haze-Drawer__overlay{to{opacity:0}}.haze-Drawer__left{--haze-drawer-from-x:-100%;--haze-drawer-from-y:0;width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:0;margin-right:auto}.haze-Drawer__right{--haze-drawer-from-x:100%;--haze-drawer-from-y:0;width:320px;min-width:280px;max-width:85vw;height:100vh;margin-left:auto;margin-right:0}.haze-Drawer__top{--haze-drawer-from-x:0;--haze-drawer-from-y:-100%;width:100vw;height:320px;margin-top:0;margin-bottom:auto}.haze-Drawer__bottom{--haze-drawer-from-x:0;--haze-drawer-from-y:100%;width:100vw;height:320px;margin-top:auto;margin-bottom:0}
|
|
@@ -3,5 +3,8 @@
|
|
|
3
3
|
.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)}
|
|
4
4
|
.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:start;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;align-items:center;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}
|
|
5
5
|
.haze-DropdownMenuSeparator__separator{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
6
|
+
.haze-DropdownMenuSub__wrapper{display:block;position:relative}
|
|
7
|
+
.haze-DropdownMenuSubContent__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)}
|
|
8
|
+
.haze-DropdownMenuSubTrigger__trigger{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:start;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;align-items:center;display:flex}.haze-DropdownMenuSubTrigger__trigger:after{content:"›";-webkit-margin-start:auto;color:var(--haze-color-text-muted);margin-inline-start:auto}[dir=rtl] .haze-DropdownMenuSubTrigger__trigger:after{content:"‹"}.haze-DropdownMenuSubTrigger__trigger:hover,.haze-DropdownMenuSubTrigger__trigger[aria-expanded=true]{background:var(--haze-color-bg-muted)}.haze-DropdownMenuSubTrigger__trigger:active{background:var(--haze-color-bg-subtle)}.haze-DropdownMenuSubTrigger__trigger:disabled{opacity:.5;cursor:not-allowed}
|
|
6
9
|
.haze-DropdownMenuTrigger__trigger{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}
|
|
7
|
-
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__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)}
|
|
10
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui file-preview — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-FilePreview__card{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-3);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;max-width:22rem;display:flex}.haze-FilePreview__thumbWrap{border-radius:var(--haze-radius-sm);background:var(--haze-color-bg-muted);width:2.5rem;height:2.5rem;color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.haze-FilePreview__thumb{object-fit:cover;width:100%;height:100%;display:block}.haze-FilePreview__extBadge{font-family:var(--haze-font-mono);font-size:.5rem;line-height:var(--haze-leading-tight);text-align:center;padding:0 var(--haze-space-1);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.haze-FilePreview__info{gap:var(--haze-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.haze-FilePreview__nameClass{font-size:var(--haze-text-sm);color:var(--haze-color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.haze-FilePreview__meta{-webkit-box-flex-wrap:wrap;-webkit-column-gap:var(--haze-space-2);align-items:center;column-gap:var(--haze-space-2);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);flex-wrap:wrap;display:flex}.haze-FilePreview__statusUploading{color:var(--haze-color-text-muted)}.haze-FilePreview__statusError{color:var(--haze-color-danger)}.haze-FilePreview__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.haze-FilePreview__actions{align-items:center;gap:var(--haze-space-1);-webkit-margin-start:auto;margin-inline-start:auto;display:flex}.haze-FilePreview__actionBtn{border-radius:var(--haze-radius-sm);width:1.5rem;height:1.5rem;color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.haze-FilePreview__actionBtn:hover{color:var(--haze-color-text)}.haze-FilePreview__actionBtnRetry:hover{color:var(--haze-color-primary)}.haze-FilePreview__progressRow{align-items:center;gap:var(--haze-space-2);flex-basis:100%;display:flex}.haze-FilePreview__percentClass{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);flex-shrink:0}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui float-button — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-float-button-styles__fab{justify-content:center;align-items:center;gap:var(--haze-space-1);min-width:var(--haze-float-button-size,2.5rem);height:var(--haze-float-button-size,2.5rem);padding-inline:var(--haze-space-3);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;box-shadow:var(--haze-shadow-lg);-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);border:1px solid #0000;-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.haze-float-button-styles__fab:hover{box-shadow:var(--haze-shadow-xl)}.haze-float-button-styles__fab:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-float-button-styles__fab:disabled,.haze-float-button-styles__fab[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-float-button-styles__circle{border-radius:var(--haze-radius-full)}.haze-float-button-styles__square{border-radius:var(--haze-float-button-radius,var(--haze-radius-lg))}.haze-float-button-styles__solid{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-float-button-styles__solid:hover{background:var(--haze-color-primary-hover)}.haze-float-button-styles__solid:active{background:var(--haze-color-primary-active)}.haze-float-button-styles__outline{background:var(--haze-color-bg);color:var(--haze-color-text)}.haze-float-button-styles__outline:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-float-button-styles__outline:active{background:var(--haze-color-bg-muted)}.haze-float-button-styles__ghost{color:var(--haze-color-text);box-shadow:none;background:0 0}.haze-float-button-styles__ghost:hover{background:var(--haze-color-bg-subtle)}.haze-float-button-styles__ghost:active{background:var(--haze-color-bg-muted)}.haze-float-button-styles__anchored{position:fixed;inset-block-end:calc(var(--haze-float-button-offset,var(--haze-space-6)) + env(safe-area-inset-bottom,0px));inset-inline-end:var(--haze-float-button-offset,var(--haze-space-6))}.haze-float-button-styles__groupAnchor{align-items:center;gap:var(--haze-space-3);flex-direction:column;display:flex}.haze-float-button-styles__menuList{display:-ms-grid;-ms-grid-rows:1fr;-webkit-transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear 0s;transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear 0s;grid-template-rows:1fr;display:grid}.haze-float-button-styles__menuList>*{align-items:center;gap:var(--haze-space-3);flex-direction:column;min-height:0;display:flex;overflow:hidden}.haze-float-button-styles__menuList>*>*{-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease),opacity var(--haze-duration-fast) linear;transition:transform var(--haze-duration-normal) var(--haze-ease),opacity var(--haze-duration-fast) linear}.haze-float-button-styles__menuList[data-state=closed]{-ms-grid-rows:0fr;visibility:hidden;-webkit-transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);grid-template-rows:0fr}.haze-float-button-styles__menuList[data-state=closed]>*>*{opacity:0;transform:translateY(30%)scale(.4)}.haze-float-button-styles__iconBox{-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:transform var(--haze-duration-normal) var(--haze-ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-float-button-styles__iconBox>svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.haze-float-button-styles__iconOpen{transform:rotate(45deg)}.haze-float-button-styles__descBox{white-space:nowrap}
|
package/dist/css/image.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
/* haze-ui image — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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}
|
|
2
|
+
.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}.haze-Image__previewTrigger{cursor:-webkit-zoom-in;cursor:zoom-in}
|
|
3
|
+
.haze-ImagePreview__overlay{border-radius:var(--haze-radius-none);color:var(--haze-color-text);font-family:var(--haze-font-sans);background:0 0;border:none;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;overflow:hidden}.haze-ImagePreview__overlay[open]{justify-content:center;align-items:center;display:flex}.haze-ImagePreview__overlay::backdrop{background:#000000b8}.haze-ImagePreview__overlay[open][data-state=open]{-webkit-animation:haze-image-preview-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-image-preview-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-ImagePreview__overlay[open][data-state=closed]{-webkit-animation:haze-image-preview-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-image-preview-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease)}.haze-ImagePreview__overlay[open][data-state=open]::backdrop{-webkit-animation:haze-image-backdrop-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease);animation:haze-image-backdrop-in-haze-ImagePreview__overlay var(--haze-duration-normal) var(--haze-ease)}.haze-ImagePreview__overlay[open][data-state=closed]::backdrop{-webkit-animation:haze-image-backdrop-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease);animation:haze-image-backdrop-out-haze-ImagePreview__overlay var(--haze-duration-fast) var(--haze-ease)}@keyframes haze-image-preview-in-haze-ImagePreview__overlay{0%{opacity:0}}@keyframes haze-image-preview-out-haze-ImagePreview__overlay{to{opacity:0}}@keyframes haze-image-backdrop-in-haze-ImagePreview__overlay{0%{opacity:0}}@keyframes haze-image-backdrop-out-haze-ImagePreview__overlay{to{opacity:0}}.haze-ImagePreview__previewImg{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;touch-action:none;max-width:90%;max-height:90%}.haze-ImagePreview__imgPannable{cursor:-webkit-grab;cursor:grab}.haze-ImagePreview__imgPanning{cursor:-webkit-grabbing;cursor:grabbing}.haze-ImagePreview__imgAnimated{-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:transform var(--haze-duration-normal) var(--haze-ease)}.haze-ImagePreview__toolbar{top:var(--haze-space-4);align-items:center;gap:var(--haze-space-1);width:fit-content;padding: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);margin-inline:auto;display:flex;position:absolute;left:0;right:0}.haze-ImagePreview__toolButton{width:var(--haze-space-8);height:var(--haze-space-8);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);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.haze-ImagePreview__toolButton svg{width:var(--haze-space-5);height:var(--haze-space-5)}.haze-ImagePreview__toolButton:hover:not(:disabled){background:var(--haze-color-bg-muted)}.haze-ImagePreview__toolButton:disabled{color:var(--haze-color-text-muted);cursor:not-allowed}.haze-ImagePreview__toolButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui inline-completion — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-InlineCompletion__wrapper{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-mono);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:flex;position:relative}.haze-InlineCompletion__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-InlineCompletion__host{width:100%;min-width:0;color:var(--haze-color-text);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-2) var(--haze-space-3);resize:vertical;background:0 0;border:none;outline:none;flex:1;position:relative}.haze-InlineCompletion__host:disabled{opacity:.5;cursor:not-allowed}.haze-InlineCompletion__host::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-InlineCompletion__host::placeholder{color:var(--haze-color-text-muted)}.haze-InlineCompletion__host:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-InlineCompletion__host::placeholder{color:var(--haze-color-text-muted)}.haze-InlineCompletion__ghost{padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-mono);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);white-space:pre;pointer-events:none;color:var(--haze-color-text-muted);position:absolute;inset:0;overflow:hidden}.haze-InlineCompletion__ghostMultiline{white-space:pre-wrap;overflow-wrap:break-word}.haze-InlineCompletion__ghostTyped{color:#0000}.haze-InlineCompletion__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui json-view — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-JsonView__wrapper{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);background:var(--haze-color-bg);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);padding:var(--haze-space-3);position:relative;overflow-x:auto}.haze-JsonView__line{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;display:block}.haze-JsonView__keyStyle{color:var(--haze-color-text-secondary)}.haze-JsonView__punct{color:var(--haze-color-text-muted)}.haze-JsonView__leafString{color:var(--haze-color-success)}.haze-JsonView__leafNumber{color:var(--haze-color-primary)}.haze-JsonView__leafBoolean{color:var(--haze-color-warning)}.haze-JsonView__leafNullish{color:var(--haze-color-text-muted)}.haze-JsonView__toggle{align-items:baseline;gap:var(--haze-space-1);font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-JsonView__toggle:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:2px;border-radius:var(--haze-radius-sm)}.haze-JsonView__chevron{-ms-grid-row-align:center;-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease);flex-shrink:0;align-self:center}.haze-JsonView__chevronCollapsed{transform:rotate(0)}.haze-JsonView__chevronExpanded{transform:rotate(90deg)}.haze-JsonView__childrenBlock{-webkit-padding-start:var(--haze-space-4);border-inline-start:1px solid var(--haze-color-border);padding-inline-start:var(--haze-space-4)}.haze-JsonView__moreRow{color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none}.haze-JsonView__copyBtn{top:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:26px;height:26px;color:var(--haze-color-text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:var(--haze-space-2)}.haze-JsonView__copyBtn:hover{color:var(--haze-color-text);border-color:var(--haze-color-border-hover)}.haze-JsonView__copyBtn:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-JsonView__copyBtnCopied{color:var(--haze-color-success);border-color:var(--haze-color-success)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui masonry — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-Masonry__base{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:100%;display:flex}.haze-Masonry__column{gap:inherit;flex-direction:column;flex:1 1 0;min-width:0;display:flex}.haze-Masonry__item{break-inside:avoid}
|
package/dist/css/menu.css
CHANGED
|
@@ -2,4 +2,7 @@
|
|
|
2
2
|
.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)}
|
|
3
3
|
.haze-MenuDivider__divider{height:1px;margin:var(--haze-space-1) 0;background:var(--haze-color-border)}
|
|
4
4
|
.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:start;cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;align-items:center;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}
|
|
5
|
-
.haze-
|
|
5
|
+
.haze-MenuSub__wrapper{display:block;position:relative}
|
|
6
|
+
.haze-MenuSubContent__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)}
|
|
7
|
+
.haze-MenuSubTrigger__trigger{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:start;cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);background:0 0;border:none;align-items:center;display:flex}.haze-MenuSubTrigger__trigger:after{content:"›";-webkit-margin-start:auto;color:var(--haze-color-text-muted);margin-inline-start:auto}[dir=rtl] .haze-MenuSubTrigger__trigger:after{content:"‹"}.haze-MenuSubTrigger__trigger:hover,.haze-MenuSubTrigger__trigger[aria-expanded=true]{background:var(--haze-color-bg-subtle)}.haze-MenuSubTrigger__trigger:active{background:var(--haze-color-bg-muted)}.haze-MenuSubTrigger__trigger:focus-visible{background:var(--haze-color-bg-subtle);box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-MenuSubTrigger__trigger:disabled{opacity:.5;cursor:not-allowed}
|
|
8
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
package/dist/css/popover.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui popover — generated by scripts/split-css.mjs, do not edit */
|
|
2
2
|
.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}
|
|
3
|
-
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__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)}
|
|
3
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui prompt-input — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-PromptInput__container{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);box-sizing:border-box;width:100%;min-height:2.25rem;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);font-size:var(--haze-text-sm);color:var(--haze-color-text);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex;position:relative}.haze-PromptInput__container:hover{border-color:var(--haze-color-border-hover)}.haze-PromptInput__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-PromptInput__containerDisabled{opacity:.5;cursor:not-allowed}.haze-PromptInput__containerDisabled:hover{border-color:var(--haze-color-border)}.haze-PromptInput__tagList{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-PromptInput__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-PromptInput__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-PromptInput__removeBtn:hover:not(:disabled){color:var(--haze-color-text)}.haze-PromptInput__removeBtn:disabled{cursor:not-allowed}.haze-PromptInput__textareaClass{resize:none;min-width:8rem;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0;overflow-y:auto}.haze-PromptInput__textareaClass::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-PromptInput__textareaClass::placeholder{color:var(--haze-color-text-muted)}.haze-PromptInput__textareaClass:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-PromptInput__textareaClass::placeholder{color:var(--haze-color-text-muted)}.haze-PromptInput__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-PromptInput__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;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);align-items:center;display:flex}.haze-PromptInput__option:hover{background:var(--haze-color-bg-subtle)}.haze-PromptInput__option:active{background:var(--haze-color-bg-muted)}.haze-PromptInput__highlightedStyle{background:var(--haze-color-bg-subtle)}.haze-PromptInput__hintRow{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-muted);align-items:center;display:flex}
|
package/dist/css/rating.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui rating — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.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 var(--haze-duration-fast),-webkit-transform var(--haze-duration-fast);transition:color var(--haze-duration-fast),transform var(--haze-duration-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-RatingCore__star:hover{transform:scale(1.1)}.haze-RatingCore__starActive{color:var(--haze-color-warning)}
|
|
2
|
+
.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 var(--haze-duration-fast),-webkit-transform var(--haze-duration-fast);transition:color var(--haze-duration-fast),transform var(--haze-duration-fast);justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-RatingCore__star:hover{transform:scale(1.1)}.haze-RatingCore__star:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-RatingCore__starActive{color:var(--haze-color-warning)}
|
package/dist/css/select.css
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
/* haze-ui select — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-SelectCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;-webkit-padding-end:var(--haze-space-8);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);padding-inline-end:var(--haze-space-8);display:block}[dir=rtl] .haze-SelectCore__base{-webkit-background-position:left var(--haze-space-3) center;background-position:left var(--haze-space-3) center}.haze-SelectCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-SelectCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-SelectCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
|
|
2
|
+
.haze-SelectCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;-webkit-padding-end:var(--haze-space-8);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);padding-inline-end:var(--haze-space-8);display:block}[dir=rtl] .haze-SelectCore__base{-webkit-background-position:left var(--haze-space-3) center;background-position:left var(--haze-space-3) center}.haze-SelectCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-SelectCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-SelectCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SelectCore__nativeClearWrap{width:100%;display:block;position:relative}.haze-SelectCore__nativeClear{inset-inline-end:var(--haze-space-3);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;z-index:1;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}[data-clearable]:hover .haze-SelectCore__nativeClear,[data-clearable]:focus-within .haze-SelectCore__nativeClear{opacity:1;visibility:visible;pointer-events:auto}.haze-SelectCore__nativeClear:hover{color:var(--haze-color-text)}
|
|
3
|
+
.haze-SelectFloating__wrapper{width:100%;display:inline-block;position:relative}.haze-SelectFloating__trigger{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;text-align:start;cursor:pointer;box-sizing:border-box;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-SelectFloating__trigger:hover{border-color:var(--haze-color-border-hover)}.haze-SelectFloating__trigger:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectFloating__trigger:disabled{opacity:.5;cursor:not-allowed}.haze-SelectFloating__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectFloating__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectFloating__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SelectFloating__placeholderText{color:var(--haze-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.haze-SelectFloating__triggerLabel{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.haze-SelectFloating__chipItem{align-items:center;display:inline-flex}.haze-SelectFloating__chipRemove{border-radius:var(--haze-radius-full);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;-webkit-margin-start:var(--haze-space-1);opacity:.6;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-start:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-SelectFloating__chipRemove:hover{opacity:1}.haze-SelectFloating__overflowBadge{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);white-space:nowrap;padding:var(--haze-space-1) var(--haze-space-2);cursor:default;align-items:center;line-height:1;display:inline-flex}.haze-SelectFloating__clearBtn{border-radius:var(--haze-radius-full);background:var(--haze-color-bg);width:1.25rem;height:1.25rem;color:var(--haze-color-text-secondary);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:opacity var(--haze-duration-fast);transition:opacity var(--haze-duration-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}[data-clearable]:hover .haze-SelectFloating__clearBtn,[data-clearable]:focus-within .haze-SelectFloating__clearBtn{opacity:1;visibility:visible;pointer-events:auto}.haze-SelectFloating__clearBtn:hover{color:var(--haze-color-text)}.haze-SelectFloating__caret{-webkit-margin-start:auto;color:var(--haze-color-text-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.haze-SelectFloating__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-SelectFloating__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-SelectFloating__panelSearch{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);padding:var(--haze-space-2)}.haze-SelectFloating__listboxInner{max-height:200px;overflow-y:auto}.haze-SelectFloating__searchInput{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);padding:var(--haze-space-1) var(--haze-space-2);margin-block-end:var(--haze-space-2);display:block}.haze-SelectFloating__searchInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectFloating__loadingBlock{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-3);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);display:flex}.haze-SelectFloating__emptyBlock{padding:var(--haze-space-3);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);text-align:center}.haze-SelectFloating__groupLabelText{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted)}.haze-SelectFloating__groupLabelRow{padding:var(--haze-space-1) var(--haze-space-3)}.haze-SelectFloating__virtualRow{box-sizing:border-box;height:100%}.haze-SelectFloating__optionRow{padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;align-items:center;display:flex}.haze-SelectFloating__optionRow:hover{background:var(--haze-color-bg-subtle)}.haze-SelectFloating__optionRow:active{background:var(--haze-color-bg-muted)}.haze-SelectFloating__optionActive{background:var(--haze-color-bg-subtle)}.haze-SelectFloating__optionSelected{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-SelectFloating__checkboxVisual{box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);width:1.125rem;height:1.125rem;-webkit-transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast);transition:background var(--haze-duration-fast),border-color var(--haze-duration-fast);flex-shrink:0;display:inline-block;position:relative}[role=option]:hover .haze-SelectFloating__checkboxVisual{border-color:var(--haze-color-border-hover)}.haze-SelectFloating__checkboxVisual:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;display:none;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.haze-SelectFloating__checkboxChecked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-SelectFloating__checkboxChecked:after{display:block}
|
|
4
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui signature — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-Signature__root{gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-direction:column;display:inline-flex}.haze-Signature__canvasFrame{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);-webkit-transition:border-color var(--haze-duration-fast);transition:border-color var(--haze-duration-fast);overflow:hidden}.haze-Signature__canvasFrame:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Signature__canvasClass{cursor:crosshair;touch-action:none;display:block}.haze-Signature__canvasClass[data-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.6}.haze-Signature__toolbar{gap:var(--haze-space-2);display:flex}.haze-Signature__toolButton{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text-secondary);font-size:var(--haze-text-sm);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast);display:inline-flex}.haze-Signature__toolButton:hover:enabled{border-color:var(--haze-color-border-hover);color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-Signature__toolButton:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Signature__toolButton:disabled{opacity:.5;cursor:not-allowed}.haze-Signature__unsupportedNotice{border:1px dashed var(--haze-color-border);border-radius:var(--haze-radius-md);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);justify-content:center;align-items:center;display:flex}
|
package/dist/css/slider.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* haze-ui slider — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-SliderCore__base{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;width:100%;height:6px;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);outline:none}.haze-SliderCore__base::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),box-shadow var(--haze-duration-fast)}.haze-SliderCore__base::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer}.haze-SliderCore__base:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:disabled{opacity:.5;cursor:not-allowed}
|
|
2
|
+
.haze-SliderCore__base{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;width:100%;height:6px;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);outline:none}.haze-SliderCore__base::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer;-webkit-transition:background var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),box-shadow var(--haze-duration-fast)}.haze-SliderCore__base::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer}.haze-SliderCore__base:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-SliderCore__rangeWrapper{width:100%;display:block;position:relative}.haze-SliderCore__rangeWrapper:has(input:disabled){cursor:not-allowed;opacity:.5}.haze-SliderCore__rangeRail{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);height:6px;display:block}.haze-SliderCore__rangeFill{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);height:6px;position:absolute;inset-block-start:0}.haze-SliderCore__rangeInput{pointer-events:none;background:0 0;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}.haze-SliderCore__rangeInput::-webkit-slider-thumb{pointer-events:auto}.haze-SliderCore__rangeInput::-moz-range-thumb{pointer-events:auto}.haze-SliderCore__rangeInput:disabled{opacity:1}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui sources — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-Sources__list{gap:var(--haze-space-1);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Sources__item{-webkit-box-flex-wrap:wrap;-webkit-column-gap:var(--haze-space-2);align-items:baseline;column-gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-Sources__badge{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.haze-Sources__link{color:var(--haze-color-primary);-webkit-text-decoration:none;text-decoration:none}.haze-Sources__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.haze-Sources__title{color:var(--haze-color-text)}.haze-Sources__toggleBtn{-ms-grid-row-align:center;border-radius:var(--haze-radius-sm);width:1.25rem;height:1.25rem;color:var(--haze-color-text-muted);cursor:pointer;-webkit-transition:color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease);background:0 0;border:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.haze-Sources__toggleBtn:hover{color:var(--haze-color-text)}.haze-Sources__toggleBtn[aria-expanded=true] svg{transform:rotate(90deg)}.haze-Sources__snippetBase{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:2px solid var(--haze-color-border);color:var(--haze-color-text-secondary);font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease),visibility var(--haze-duration-fast) var(--haze-ease);flex-basis:100%}.haze-Sources__snippetHidden{opacity:0;visibility:hidden}[data-haze-sources-item]:hover .haze-Sources__snippetHidden,[data-haze-sources-item]:focus-within .haze-Sources__snippetHidden,.haze-Sources__snippetShown{opacity:1;visibility:visible}.haze-Sources__compactNav{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);flex-wrap:wrap;display:inline-flex}.haze-Sources__compactBadge{font-family:var(--haze-font-mono);font-size:var(--haze-text-xs);padding:0 var(--haze-space-1);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);-webkit-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none}.haze-Sources__compactBadge:hover{color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}
|
package/dist/css/tag-group.css
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
/* haze-ui tag-group — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-TagGroup__group{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}
|
|
3
2
|
.haze-TagGroupItem__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-3);background:var(--haze-color-bg-muted);color:var(--haze-color-text);border-radius:var(--haze-radius-full);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);line-height:var(--haze-leading-tight);display:inline-flex}.haze-TagGroupItem__closeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagGroupItem__closeBtn:hover{color:var(--haze-color-text)}
|
|
3
|
+
.haze-tag-group-styles__group{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:flex}
|
|
4
|
+
.haze-sortable__sortableNode{display:inline-flex}.haze-sortable__sortableNodeDragging{z-index:1;position:relative}
|
|
5
|
+
.haze-sortable-handle__sortableHandle{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
|
package/dist/css/tag-input.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
/* haze-ui tag-input — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-TagInputCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);min-height:2.25rem;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;align-items:center;display:flex}.haze-TagInputCore__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-
|
|
2
|
+
.haze-TagInputCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);min-height:2.25rem;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;align-items:center;display:flex}.haze-TagInputCore__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TagInputCore__inputEl{min-width:4rem;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0}
|
|
3
|
+
.haze-tag-input-styles__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-tag-input-styles__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);display:inline-flex}.haze-tag-input-styles__removeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-tag-input-styles__removeBtn:hover{color:var(--haze-color-text)}.haze-tag-input-styles__tagHandle{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.haze-tag-input-styles__tagDragging{z-index:1;position:relative}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* haze-ui toggle — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
+
.haze-ToggleCore__rest{color:var(--haze-color-text);background:0 0}.haze-ToggleCore__rest:hover{background:var(--haze-color-bg-subtle)}.haze-ToggleCore__rest:active{background:var(--haze-color-bg-muted)}.haze-ToggleCore__pressed{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-ToggleCore__pressed:hover{background:var(--haze-color-primary-hover)}.haze-ToggleCore__pressed:active{background:var(--haze-color-primary-active)}
|
package/dist/css/toolbar.css
CHANGED
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
.haze-Toolbar__toolbar{align-items:center;gap:var(--haze-space-1);display:inline-flex}.haze-Toolbar__vertical{flex-direction:column;align-items:stretch}
|
|
3
3
|
.haze-ToolbarButton__toolbarItem[aria-pressed=true]{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-ToolbarButton__toolbarItem[aria-pressed=true]:hover,.haze-ToolbarButton__toolbarItem[aria-pressed=true]:active{background:var(--haze-color-bg-muted)}
|
|
4
4
|
.haze-ToolbarSeparator__separator{-ms-grid-row-align:stretch;inline-size:1px;margin-block:var(--haze-space-1);background:var(--haze-color-border);flex:none;align-self:stretch}.haze-ToolbarSeparator__horizontalRule{block-size:1px;inline-size:auto;margin-block:0;margin-inline:var(--haze-space-1)}
|
|
5
|
+
.haze-ToolbarToggle__toolbarItem[aria-pressed=true]{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary)}.haze-ToolbarToggle__toolbarItem[aria-pressed=true]:hover,.haze-ToolbarToggle__toolbarItem[aria-pressed=true]:active{background:var(--haze-color-bg-muted)}
|
package/dist/css/tooltip.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui tooltip — generated by scripts/split-css.mjs, do not edit */
|
|
2
2
|
.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}
|
|
3
|
-
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__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)}
|
|
3
|
+
.haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:1000;margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:1000;margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:1000;margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:1000;margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
|
package/dist/css/tree.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* haze-ui tree — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-Tree__base{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);overflow:auto}.haze-Tree__group{min-width:0}
|
|
3
|
-
.haze-TreeItem__item{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:2rem;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);border-radius:var(--haze-radius-sm);align-items:center;padding:2px 0;display:flex}.haze-TreeItem__item:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__item:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-TreeItem__blockItem{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm)}.haze-TreeItem__blockItem:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__selectedStyle{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-TreeItem__disabledStyle{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-TreeItem__switcher{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--haze-color-text-muted);-webkit-transition:-webkit-transform var(--haze-duration-normal);transition:transform var(--haze-duration-normal);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-TreeItem__switcher:hover{color:var(--haze-color-text)}.haze-TreeItem__switcher svg{width:12px;height:12px}.haze-TreeItem__switcherExpanded{transform:rotate(90deg)}.haze-TreeItem__checkbox{-webkit-margin-end:var(--haze-space-2);width:1.25rem;height:1.25rem;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;-webkit-transition:all var(--haze-duration-fast);transition:all var(--haze-duration-fast);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-2);display:inline-flex}.haze-TreeItem__checkbox:hover{border-color:var(--haze-color-primary)}.haze-TreeItem__checkbox svg{color:#fff;width:12px;height:12px}.haze-TreeItem__checkboxChecked,.haze-TreeItem__checkboxHalfChecked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-TreeItem__nodeIcon{-webkit-margin-end:var(--haze-space-2);width:16px;height:16px;color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-2);display:inline-flex}.haze-TreeItem__nodeIcon svg{width:16px;height:16px}.haze-TreeItem__title{font-size:var(--haze-text-sm);color:var(--haze-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.haze-TreeItem__loadingIcon{animation:1s linear infinite spin-haze-TreeItem__loadingIcon;display:inline-flex}@keyframes spin-haze-TreeItem__loadingIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-TreeItem__indentLine{flex-shrink:0;width:24px;display:inline-block}.haze-TreeItem__indentLineWithBorder{border-inline-start:1px solid var(--haze-color-border)}
|
|
2
|
+
.haze-Tree__base{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);overflow:auto}.haze-Tree__virtualTree{font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-Tree__group{min-width:0}.haze-Tree__emptyBlock{padding:var(--haze-space-3);color:var(--haze-color-text-muted);font-size:var(--haze-text-sm)}
|
|
3
|
+
.haze-TreeItem__item{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:2rem;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);border-radius:var(--haze-radius-sm);align-items:center;padding:2px 0;display:flex}.haze-TreeItem__item:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__item:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-TreeItem__blockItem{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm)}.haze-TreeItem__blockItem:hover{background:var(--haze-color-bg-subtle)}.haze-TreeItem__selectedStyle{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-TreeItem__disabledStyle{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-TreeItem__switcher{cursor:pointer;width:1.5rem;height:1.5rem;color:var(--haze-color-text-muted);-webkit-transition:-webkit-transform var(--haze-duration-normal);transition:transform var(--haze-duration-normal);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-TreeItem__switcher:hover{color:var(--haze-color-text)}.haze-TreeItem__switcher svg{width:12px;height:12px}.haze-TreeItem__switcherExpanded{transform:rotate(90deg)}.haze-TreeItem__checkbox{-webkit-margin-end:var(--haze-space-2);width:1.25rem;height:1.25rem;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;-webkit-transition:all var(--haze-duration-fast);transition:all var(--haze-duration-fast);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-2);display:inline-flex}.haze-TreeItem__checkbox:hover{border-color:var(--haze-color-primary)}.haze-TreeItem__checkbox svg{color:#fff;width:12px;height:12px}.haze-TreeItem__checkboxChecked,.haze-TreeItem__checkboxHalfChecked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-TreeItem__nodeIcon{-webkit-margin-end:var(--haze-space-2);width:16px;height:16px;color:var(--haze-color-text-muted);flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-2);display:inline-flex}.haze-TreeItem__nodeIcon svg{width:16px;height:16px}.haze-TreeItem__title{font-size:var(--haze-text-sm);color:var(--haze-color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.haze-TreeItem__loadingIcon{animation:1s linear infinite spin-haze-TreeItem__loadingIcon;display:inline-flex}@keyframes spin-haze-TreeItem__loadingIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haze-TreeItem__mark{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning);border-radius:var(--haze-radius-sm);padding:0 var(--haze-space-1)}.haze-TreeItem__loadFailedNote{align-items:center;gap:var(--haze-space-1);-webkit-margin-start:var(--haze-space-2);font-size:var(--haze-text-xs);color:var(--haze-color-danger);cursor:pointer;flex-shrink:0;margin-inline-start:var(--haze-space-2);display:inline-flex}.haze-TreeItem__loadFailedNote:hover{color:var(--haze-color-danger-hover)}.haze-TreeItem__loadFailedNote svg{width:12px;height:12px}.haze-TreeItem__indentLine{flex-shrink:0;width:24px;display:inline-block}.haze-TreeItem__indentLineWithBorder{border-inline-start:1px solid var(--haze-color-border)}
|
package/dist/css/upload.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
/* haze-ui upload — generated by scripts/split-css.mjs, do not edit */
|
|
2
|
-
.haze-
|
|
2
|
+
.haze-UploadCore__zoneBase{padding:var(--haze-space-8) var(--haze-space-4);border-radius:var(--haze-radius-lg);color:var(--haze-color-text-muted);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);cursor:pointer;-webkit-transition:border-color var(--haze-duration-fast),background var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),background var(--haze-duration-fast);text-align:center;border:2px dashed #0000;flex-direction:column;justify-content:center;align-items:center;display:flex}.haze-UploadCore__dropArea{border-color:var(--haze-color-border);background:var(--haze-color-bg-subtle)}.haze-UploadCore__dropArea:hover,.haze-UploadCore__dropArea[data-dragover=true]{border-color:var(--haze-color-primary);background:var(--haze-color-primary-subtle)}.haze-UploadCore__clickArea{background:var(--haze-color-bg-subtle)}.haze-UploadCore__clickArea:hover{background:var(--haze-color-primary-subtle)}.haze-UploadCore__iconStyle{margin-bottom:var(--haze-space-3);color:var(--haze-color-text-muted)}.haze-UploadCore__hiddenInput{display:none}
|
|
3
|
+
.haze-UploadList__listBase{gap:var(--haze-space-2);margin:var(--haze-space-3) 0 0;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);flex-direction:column;padding:0;list-style:none;display:flex}.haze-UploadList__itemBase{gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);flex-direction:column;display:flex}.haze-UploadList__rowBase{align-items:center;gap:var(--haze-space-2);min-width:0;display:flex}.haze-UploadList__nameClass{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.haze-UploadList__statusIcon{flex-shrink:0;display:inline-flex}.haze-UploadList__successIcon{color:var(--haze-color-success)}.haze-UploadList__errorIcon{color:var(--haze-color-danger)}.haze-UploadList__percentClass{color:var(--haze-color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.haze-UploadList__actionButton{padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);color:var(--haze-color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-UploadList__actionButton:hover{background:var(--haze-color-bg-subtle);color:var(--haze-color-text)}.haze-UploadList__actionButton:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-UploadList__cardGrid{display:-ms-grid;-ms-grid-columns:repeat(auto-fill, minmax(96px, 1fr));gap:var(--haze-space-2);margin:var(--haze-space-3) 0 0;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding:0;list-style:none;display:grid}.haze-UploadList__cardRemove{top:var(--haze-space-1);z-index:2;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);background:color-mix(in srgb, var(--haze-color-bg) 78%, transparent);color:var(--haze-color-text);cursor:pointer;opacity:0;-webkit-transition:opacity var(--haze-duration-fast) var(--haze-ease);transition:opacity var(--haze-duration-fast) var(--haze-ease);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--haze-space-1)}.haze-UploadList__cardRemove:hover{background:var(--haze-color-bg);color:var(--haze-color-danger)}.haze-UploadList__cardRemove:focus-visible{opacity:1;outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-UploadList__cardBase{aspect-ratio:1;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.haze-UploadList__cardBase[data-status=error]{border-color:var(--haze-color-danger)}.haze-UploadList__cardBase:hover [data-card-remove],.haze-UploadList__cardBase:focus-within [data-card-remove]{opacity:1}.haze-UploadList__cardImage{object-fit:cover;width:100%;height:100%;display:block}.haze-UploadList__cardFallback{justify-content:center;align-items:center;gap:var(--haze-space-1);width:100%;height:100%;padding:var(--haze-space-2);box-sizing:border-box;color:var(--haze-color-text-muted);text-align:center;flex-direction:column;min-width:0;display:flex}.haze-UploadList__cardFallbackName{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);overflow:hidden}.haze-UploadList__cardMask{z-index:1;justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-3);box-sizing:border-box;background:color-mix(in srgb, var(--haze-color-bg) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;display:flex;position:absolute;inset:0}.haze-UploadList__cardMaskPercent{font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);font-variant-numeric:tabular-nums}.haze-UploadList__cardErrorOverlay{z-index:1;justify-content:center;align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-2);box-sizing:border-box;background:var(--haze-color-danger-subtle);color:var(--haze-color-danger);font-size:var(--haze-text-xs);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}
|