@epam/ai-dial-ui-kit 0.14.0-dev.4 → 0.14.0-dev.41
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 +22 -0
- package/dist/CHANGELOG.md +26 -4
- package/dist/DateCellRenderer-DNPEX0I7.cjs +1 -0
- package/dist/DateCellRenderer-p6k-mVZt.cjs +63 -0
- package/dist/IconButton-DWqoaBWf.cjs +1 -0
- package/dist/JsonEditor-BZCyPc2D.cjs +1 -0
- package/dist/MarkdownEditor-CBH7ILah.cjs +1 -0
- package/dist/MarkdownEditor-CMRC_XsQ.cjs +1 -0
- package/dist/MarkdownEditorContainer-B_6-Gd-T.cjs +1 -0
- package/dist/Switch-CUKClcEz.cjs +1 -0
- package/dist/_virtual/___vite-browser-external.js +6 -0
- package/dist/_virtual/__vite-browser-external.js +4 -0
- package/dist/_virtual/_commonjsHelpers.js +31 -0
- package/dist/_virtual/index.js +5 -0
- package/dist/_virtual/index2.js +4 -0
- package/dist/_virtual/index3.js +7 -0
- package/dist/assets/icons/add-child.svg.js +5 -0
- package/dist/assets/icons/add-sibling.svg.js +5 -0
- package/dist/assets/icons/copy-to.svg.js +5 -0
- package/dist/assets/icons/file/c.svg.js +5 -0
- package/dist/assets/icons/file/cpp.svg.js +5 -0
- package/dist/assets/icons/file/cs.svg.js +5 -0
- package/dist/assets/icons/file/ini.svg.js +5 -0
- package/dist/assets/icons/file/json.svg.js +5 -0
- package/dist/assets/icons/file/md.svg.js +5 -0
- package/dist/assets/icons/file/py.svg.js +5 -0
- package/dist/assets/icons/loader.svg.js +5 -0
- package/dist/assets/icons/move-to.svg.js +5 -0
- package/dist/assets/icons/open-popup.svg.js +5 -0
- package/dist/assets/icons/unshare.svg.js +5 -0
- package/dist/components/Accordion/Accordion.js +70 -0
- package/dist/components/Analytics/Bar/Bar.js +80 -0
- package/dist/components/Analytics/Bar/utils.js +24 -0
- package/dist/components/Analytics/BarGroup/BarGroup.js +140 -0
- package/dist/components/Analytics/Card/Card.js +87 -0
- package/dist/components/Analytics/ErrorTag/ErrorTag.js +19 -0
- package/dist/components/Analytics/Histogram/Histogram.js +200 -0
- package/dist/components/Analytics/Histogram/utils.js +45 -0
- package/dist/components/AutocompleteInput/AutocompleteInputValue.js +21 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +126 -0
- package/dist/components/Breadcrumb/BreadcrumbItem.js +83 -0
- package/dist/components/Breadcrumb/constants.js +20 -0
- package/dist/components/Button/Button.js +53 -0
- package/dist/components/Button/ButtonWrappers.js +40 -0
- package/dist/components/Button/constants.js +29 -0
- package/dist/components/Button/utils.js +11 -0
- package/dist/components/ButtonDropdown/ButtonDropdown.js +33 -0
- package/dist/components/ButtonDropdown/constants.js +8 -0
- package/dist/components/CaptionText/CaptionText.js +27 -0
- package/dist/components/Checkbox/Checkbox.js +64 -0
- package/dist/components/Checkbox/constants.js +4 -0
- package/dist/components/CloseButton/CloseButton.js +27 -0
- package/dist/components/CollapsibleSidebar/CollapsibleSidebar.js +84 -0
- package/dist/components/ConfirmationPopup/ConfirmationPopup.js +75 -0
- package/dist/components/ConfirmationPopup/constants.js +32 -0
- package/dist/components/DraggableItem/DraggableItem.js +61 -0
- package/dist/components/DraggableItem/constants.js +6 -0
- package/dist/components/Dropdown/Dropdown.js +293 -0
- package/dist/components/Dropdown/DropdownSubMenuItem.js +121 -0
- package/dist/components/Dropdown/constants.js +24 -0
- package/dist/components/DropdownIcon/DropdownIcon.js +92 -0
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +75 -0
- package/dist/components/EllipsisTooltip/constants.js +4 -0
- package/dist/components/FabButton/FabButton.js +35 -0
- package/dist/components/FileIcon/FileIcon.js +37 -0
- package/dist/components/FileIcon/constants.js +60 -0
- package/dist/components/FileManager/FileManager.js +887 -0
- package/dist/components/FileManager/FileManagerContext.js +5 -0
- package/dist/components/FileManager/FileManagerProvider.js +770 -0
- package/dist/components/FileManager/FileManagerTooltip.js +92 -0
- package/dist/components/FileManager/components/ConflictResolutionPopup/ConflictResolutionPopup.js +293 -0
- package/dist/components/FileManager/components/DestinationFolderPopup/DestinationFolderPopup.js +194 -0
- package/dist/components/FileManager/components/DialFileManagerItemSummaryCell/DialFileManagerItemSummaryCell.js +52 -0
- package/dist/components/FileManager/components/FileManagerBulkActionsToolbar/FileManagerBulkActionsToolbar.js +103 -0
- package/dist/components/FileManager/components/FileManagerBulkActionsToolbar/constants.js +5 -0
- package/dist/components/FileManager/components/FileManagerDeleteConfirmationPopup/FileManagerDeleteConfirmationPopup.js +56 -0
- package/dist/components/FileManager/components/FileManagerItemIcon/FileManagerItemIcon.js +69 -0
- package/dist/components/FileManager/components/FileManagerItemName/FileManagerItemName.js +100 -0
- package/dist/components/FileManager/components/FileManagerItemNameInput/FileManagerItemNameInput.js +93 -0
- package/dist/components/FileManager/components/FileManagerNavigationPanel/FileManagerNavigationPanel.js +165 -0
- package/dist/components/FileManager/components/FileManagerNavigationPanel/constants.js +6 -0
- package/dist/components/FileManager/components/FileManagerToolbar/DialFileManagerToolbar.js +120 -0
- package/dist/components/FileManager/components/FileMetadataPopup/FileMetadataPopup.js +119 -0
- package/dist/components/FileManager/components/FileMetadataPopup/constants.js +9 -0
- package/dist/components/FileManager/components/FoldersTree/FoldersTree.js +180 -0
- package/dist/components/FileManager/components/FoldersTree/constants.js +9 -0
- package/dist/components/FileManager/components/FoldersTree/hooks/use-expanded-paths.js +51 -0
- package/dist/components/FileManager/constants.js +28 -0
- package/dist/components/FileManager/errors.js +10 -0
- package/dist/components/FileManager/hooks/use-bulk-actions.js +143 -0
- package/dist/components/FileManager/hooks/use-collapse-tree.js +22 -0
- package/dist/components/FileManager/hooks/use-conflict-resolution.js +158 -0
- package/dist/components/FileManager/hooks/use-current-path.js +29 -0
- package/dist/components/FileManager/hooks/use-file-clipboard.js +154 -0
- package/dist/components/FileManager/hooks/use-file-delete.js +39 -0
- package/dist/components/FileManager/hooks/use-file-download.js +16 -0
- package/dist/components/FileManager/hooks/use-file-manager-columns.js +106 -0
- package/dist/components/FileManager/hooks/use-file-manager-context.js +13 -0
- package/dist/components/FileManager/hooks/use-file-manager-tabs.js +23 -0
- package/dist/components/FileManager/hooks/use-file-metadata.js +20 -0
- package/dist/components/FileManager/hooks/use-file-search.js +90 -0
- package/dist/components/FileManager/hooks/use-file-upload.js +338 -0
- package/dist/components/FileManager/hooks/use-folder-creation.js +151 -0
- package/dist/components/FileManager/hooks/use-grid-actions-column.js +65 -0
- package/dist/components/FileManager/hooks/use-grid-context-menu.js +188 -0
- package/dist/components/FileManager/hooks/use-item-renaming.js +124 -0
- package/dist/components/FileManager/hooks/use-new-actions.js +67 -0
- package/dist/components/FileManager/hooks/use-paths-selection.js +28 -0
- package/dist/components/FileManager/hooks/use-show-hidden-files.js +20 -0
- package/dist/components/FileManager/hooks/use-tree-additional-buttons.js +39 -0
- package/dist/components/FileManager/hooks/use-trigger-view-create-folder.js +42 -0
- package/dist/components/FileManager/hooks/use-trigger-view-rename.js +25 -0
- package/dist/components/FileManager/utils.js +121 -0
- package/dist/components/FileName/FileName.js +68 -0
- package/dist/components/FolderName/FolderName.js +57 -0
- package/dist/components/FormItem/FormItem.js +90 -0
- package/dist/components/FormItem/constants.js +9 -0
- package/dist/components/FormPopup/FormPopup.js +59 -0
- package/dist/components/FormPopup/constants.js +6 -0
- package/dist/components/Grid/Grid.js +333 -0
- package/dist/components/Grid/constants.js +33 -0
- package/dist/components/Grid/renderers/DateCellRenderer.js +27 -0
- package/dist/components/Grid/renderers/constants.js +25 -0
- package/dist/components/Icon/Icon.js +6 -0
- package/dist/components/IconButton/IconButton.js +40 -0
- package/dist/components/IconButton/IconButtonWrappers.js +48 -0
- package/dist/components/InfoButton/InfoButton.js +32 -0
- package/dist/components/InfoButton/constants.js +4 -0
- package/dist/components/Input/Button/InputButton.js +37 -0
- package/dist/components/Input/Button/constants.js +4 -0
- package/dist/components/Input/Input.js +120 -0
- package/dist/components/Input/utils.js +37 -0
- package/dist/components/InputPopup/InputPopup.js +174 -0
- package/dist/components/JsonEditor/JsonEditor.js +64 -0
- package/dist/components/JsonEditor/lazy.js +4 -0
- package/dist/components/Label/Label.js +27 -0
- package/dist/components/LabelledText/LabelledText.js +37 -0
- package/dist/components/LoadFileArea/EmptyFileArea.js +130 -0
- package/dist/components/LoadFileArea/FilledDropZone.js +80 -0
- package/dist/components/LoadFileArea/FilledInput.js +29 -0
- package/dist/components/LoadFileArea/LoadFileArea.js +70 -0
- package/dist/components/LoadFileArea/LoadFileAreaField.js +128 -0
- package/dist/components/Loader/Loader.js +40 -0
- package/dist/components/Loader/constants.js +5 -0
- package/dist/components/MarkdownEditor/MarkdownEditor.js +37 -0
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +82 -0
- package/dist/components/MarkdownEditor/lazy.js +4 -0
- package/dist/components/New/Accordion/Accordion.js +103 -0
- package/dist/components/New/Button/Button.js +76 -0
- package/dist/components/New/Button/ButtonWrappers.js +44 -0
- package/dist/components/New/Button/constants.js +27 -0
- package/dist/components/New/Button/utils.js +11 -0
- package/dist/components/New/ButtonDropdown/ButtonDropdown.js +28 -0
- package/dist/components/New/ButtonDropdown/constants.js +17 -0
- package/dist/components/New/Calendar/Calendar.js +343 -0
- package/dist/components/New/Calendar/constants.js +57 -0
- package/dist/components/New/Calendar/utils.js +77 -0
- package/dist/components/New/CaptionText/CaptionText.js +27 -0
- package/dist/components/New/CardShell/CardShell.js +22 -0
- package/dist/components/New/Checkbox/Checkbox.js +92 -0
- package/dist/components/New/Checkbox/CheckboxBox.js +34 -0
- package/dist/components/New/Checkbox/constants.js +8 -0
- package/dist/components/New/CloseButton/CloseButton.js +33 -0
- package/dist/components/New/CollapsibleSidebar/CollapsibleSidebar.js +108 -0
- package/dist/components/New/ConfirmationPopup/ConfirmationPopup.js +78 -0
- package/dist/components/New/ConfirmationPopup/constants.js +27 -0
- package/dist/components/New/Dropdown/Dropdown.js +304 -0
- package/dist/components/New/Dropdown/DropdownSubMenuItem.js +85 -0
- package/dist/components/New/Dropdown/constants.js +28 -0
- package/dist/components/New/Dropdown/item-mark.js +6 -0
- package/dist/components/New/EllipsisTooltip/EllipsisTooltip.js +45 -0
- package/dist/components/New/EllipsisTooltip/use-truncation.js +18 -0
- package/dist/components/New/FileDropzone/FileDropzone.js +135 -0
- package/dist/components/New/FolderPath/FolderPath.js +64 -0
- package/dist/components/New/Grid/Grid.js +301 -0
- package/dist/components/New/Grid/components/SelectionCell.js +50 -0
- package/dist/components/New/Grid/components/SelectionHeader.js +46 -0
- package/dist/components/New/Grid/constants.js +44 -0
- package/dist/components/New/Grid/renderers/DateCellRenderer.js +27 -0
- package/dist/components/New/Grid/renderers/constants.js +25 -0
- package/dist/components/New/Highlight/Highlight.js +50 -0
- package/dist/components/New/IconButton/IconButton.js +46 -0
- package/dist/components/New/IconButton/IconButtonWrappers.js +40 -0
- package/dist/components/New/InfoButton/InfoButton.js +39 -0
- package/dist/components/New/InlineSelect/InlineSelect.js +96 -0
- package/dist/components/New/Input/Button/InputButton.js +38 -0
- package/dist/components/New/Input/Button/constants.js +4 -0
- package/dist/components/New/Input/Input.js +169 -0
- package/dist/components/New/Input/utils.js +37 -0
- package/dist/components/New/InteractiveTooltip/InteractiveTooltip.js +101 -0
- package/dist/components/New/InteractiveTooltip/constants.js +6 -0
- package/dist/components/New/Label/Label.js +42 -0
- package/dist/components/New/MarkdownEditor/MarkdownEditor.js +41 -0
- package/dist/components/New/MarkdownEditor/constants.js +43 -0
- package/dist/components/New/MarkdownEditor/lazy.js +4 -0
- package/dist/components/New/MenuItem/MenuItem.js +108 -0
- package/dist/components/New/MenuItem/constants.js +16 -0
- package/dist/components/New/NoDataContent/NoDataContent.js +54 -0
- package/dist/components/New/Notification/Notification.js +67 -0
- package/dist/components/New/Notification/NotificationWrapper.js +61 -0
- package/dist/components/New/Notification/constants.js +32 -0
- package/dist/components/New/NumberInput/NumberInput.js +41 -0
- package/dist/components/New/PasswordInput/PasswordInput.js +54 -0
- package/dist/components/New/Popup/Popup.js +164 -0
- package/dist/components/New/Popup/constants.js +17 -0
- package/dist/components/New/Radio/Radio.js +100 -0
- package/dist/components/New/RadioGroup/RadioGroup.js +81 -0
- package/dist/components/New/RadioGroup/constants.js +11 -0
- package/dist/components/New/RadioGroupPopupField/RadioGroupPopupField.js +138 -0
- package/dist/components/New/RadioGroupPopupField/constants.js +11 -0
- package/dist/components/New/ResizableContainer/ConditionalResizableContainer.js +6 -0
- package/dist/components/New/ResizableContainer/ResizableContainer.js +106 -0
- package/dist/components/New/ResizableContainer/components/ResizeHandle.js +85 -0
- package/dist/components/New/Search/Search.js +74 -0
- package/dist/components/New/SegmentedControl/SegmentedControl.js +92 -0
- package/dist/components/New/SegmentedControl/constants.js +19 -0
- package/dist/components/New/Select/MultiSelectTags.js +23 -0
- package/dist/components/New/Select/Select.js +379 -0
- package/dist/components/New/Select/SelectSubMenuItem.js +101 -0
- package/dist/components/New/Select/constants.js +42 -0
- package/dist/components/New/Slider/Slider.js +112 -0
- package/dist/components/New/Switch/Switch.js +95 -0
- package/dist/components/New/Tabs/Tabs.js +95 -0
- package/dist/components/New/Tag/Tag.js +76 -0
- package/dist/components/New/Tag/constants.js +17 -0
- package/dist/components/New/TagInput/TagInput.js +197 -0
- package/dist/components/New/TagInput/utils.js +21 -0
- package/dist/components/New/Textarea/Textarea.js +55 -0
- package/dist/components/New/ThemeScope/ThemeScope.js +14 -0
- package/dist/components/New/ToggleIconButton/ToggleIconButton.js +54 -0
- package/dist/components/New/Tooltip/Tooltip.js +19 -0
- package/dist/components/New/Tooltip/TooltipContainer.js +12 -0
- package/dist/components/New/Tooltip/TooltipContent.js +45 -0
- package/dist/components/New/Tooltip/TooltipContext.js +67 -0
- package/dist/components/New/Tooltip/TooltipTrigger.js +45 -0
- package/dist/components/New/Tooltip/constants.js +8 -0
- package/dist/components/New/constants/icon.js +4 -0
- package/dist/components/New/constants/overlay.js +27 -0
- package/dist/components/NoDataContent/NoDataContent.js +45 -0
- package/dist/components/Notification/Notification.js +67 -0
- package/dist/components/Notification/constants.js +24 -0
- package/dist/components/NumberInput/NumberInput.js +41 -0
- package/dist/components/Pagination/Pagination.js +80 -0
- package/dist/components/Pagination/utils.js +10 -0
- package/dist/components/PasswordInput/Icons/HideIcon.js +16 -0
- package/dist/components/PasswordInput/Icons/ShowIcon.js +16 -0
- package/dist/components/PasswordInput/PasswordInput.js +21 -0
- package/dist/components/Popup/Popup.js +110 -0
- package/dist/components/Popup/constants.js +12 -0
- package/dist/components/ProgressBar/ProgressBar.js +58 -0
- package/dist/components/RadioButton/RadioButton.js +103 -0
- package/dist/components/RadioGroup/RadioGroup.js +92 -0
- package/dist/components/RadioGroup/constants.js +10 -0
- package/dist/components/RadioGroupPopupField/RadioGroupPopupField.js +101 -0
- package/dist/components/RemoveButton/RemoveButton.js +30 -0
- package/dist/components/ResizableContainer/ConditionalResizableContainer.js +6 -0
- package/dist/components/ResizableContainer/ResizableContainer.js +79 -0
- package/dist/components/ResizableContainer/components/ResizeHandle.js +20 -0
- package/dist/components/ResizableContainer/components/ResizeIcon.js +11 -0
- package/dist/components/SchemaRenderer/SchemaRenderer.js +150 -0
- package/dist/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.js +41 -0
- package/dist/components/SchemaRenderer/components/SchemaAnyOfEditor.js +74 -0
- package/dist/components/SchemaRenderer/components/SchemaArrayEditor.js +118 -0
- package/dist/components/SchemaRenderer/components/SchemaField.js +78 -0
- package/dist/components/SchemaRenderer/components/SchemaFieldContent.js +114 -0
- package/dist/components/SchemaRenderer/components/SchemaKeyValueEditor.js +184 -0
- package/dist/components/SchemaRenderer/components/SchemaObjectEditor.js +36 -0
- package/dist/components/SchemaRenderer/components/SchemaOneOfEditor.js +192 -0
- package/dist/components/SchemaRenderer/components/SchemaPrimitiveField.js +161 -0
- package/dist/components/SchemaRenderer/components/SchemaSection.js +81 -0
- package/dist/components/SchemaRenderer/context.js +12 -0
- package/dist/components/SchemaRenderer/types.js +27 -0
- package/dist/components/SchemaRenderer/utils.js +258 -0
- package/dist/components/Search/Search.js +63 -0
- package/dist/components/Search/constants.js +27 -0
- package/dist/components/SegmentedControl/SegmentedControl.js +87 -0
- package/dist/components/SegmentedControl/constants.js +8 -0
- package/dist/components/Select/MultiSelectTags.js +23 -0
- package/dist/components/Select/Select.js +435 -0
- package/dist/components/Select/SelectSubMenuItem.js +90 -0
- package/dist/components/Select/constants.js +15 -0
- package/dist/components/SelectField/SelectField.js +66 -0
- package/dist/components/SharedEntityIndicator/SharedEntityIndicator.js +34 -0
- package/dist/components/Skeleton/Skeleton.js +90 -0
- package/dist/components/Skeleton/utils.js +16 -0
- package/dist/components/Slider/Slider.js +158 -0
- package/dist/components/Spinner/Spinner.js +30 -0
- package/dist/components/Steps/Step.js +34 -0
- package/dist/components/Steps/Steps.js +27 -0
- package/dist/components/Steps/utils.js +42 -0
- package/dist/components/Switch/Switch.js +70 -0
- package/dist/components/Tab/Tab.js +65 -0
- package/dist/components/Tabs/Tabs.js +213 -0
- package/dist/components/Tabs/constants.js +4 -0
- package/dist/components/Tag/Tag.js +37 -0
- package/dist/components/TagInput/TagInput.js +179 -0
- package/dist/components/Textarea/Textarea.js +43 -0
- package/dist/components/Tooltip/Tooltip.js +30 -0
- package/dist/components/Tooltip/TooltipContainer.js +12 -0
- package/dist/components/Tooltip/TooltipContent.js +40 -0
- package/dist/components/Tooltip/TooltipContext.js +66 -0
- package/dist/components/Tooltip/TooltipTrigger.js +33 -0
- package/dist/components-manifest.json +1260 -172
- package/dist/{JsonEditor-CFkmn69x.js → constants/editor.js} +5 -63
- package/dist/constants/file-grid-columns.js +176 -0
- package/dist/constants/icon.js +10 -0
- package/dist/constants/validation.js +11 -0
- package/dist/dial-ui-kit.cjs +2 -0
- package/dist/dial-ui-kit.js +416 -0
- package/dist/editor-BKQqPhwX.cjs +1 -0
- package/dist/editors.cjs +1 -0
- package/dist/editors.js +12 -0
- package/dist/file-manager.cjs +1 -0
- package/dist/file-manager.js +22 -0
- package/dist/grid.cjs +1 -0
- package/dist/grid.js +30 -0
- package/dist/hooks/use-editable-item.js +94 -0
- package/dist/hooks/use-flexible-actions.js +72 -0
- package/dist/hooks/use-has-hover.js +17 -0
- package/dist/hooks/use-is-mobile-screen.js +12 -0
- package/dist/hooks/use-is-tablet-screen.js +12 -0
- package/dist/hooks/use-screen-type.js +14 -0
- package/dist/hooks/use-width-breakpoint.js +15 -0
- package/dist/icon-CrGVkVpG.cjs +1 -0
- package/dist/icon-DhjrDQ8I.cjs +1 -0
- package/dist/index.css +2 -2
- package/dist/lazy-CJ-0Pjkj.cjs +1 -0
- package/dist/merge-classes-Dipy1Ih1.cjs +1 -0
- package/dist/migration-guides/0.14.0/button-tooltip-2-0.md +111 -0
- package/dist/migration-guides/0.14.0/select-multiselect-option-row.md +99 -0
- package/dist/migration-guides/0.14.0/shadow-token-per-step-rename.md +139 -0
- package/dist/migration-guides/0.14.0/tag-single-size.md +121 -0
- package/dist/migration-guides/README.md +4 -0
- package/dist/models/file.js +6 -0
- package/dist/models/selection-mode.js +4 -0
- package/dist/models/step.js +4 -0
- package/dist/node_modules/@react-dnd/asap/dist/AsapQueue.js +39 -0
- package/dist/node_modules/@react-dnd/asap/dist/RawTask.js +17 -0
- package/dist/node_modules/@react-dnd/asap/dist/TaskFactory.js +16 -0
- package/dist/node_modules/@react-dnd/asap/dist/asap.js +9 -0
- package/dist/node_modules/@react-dnd/asap/dist/makeRequestCall.js +62 -0
- package/dist/node_modules/@react-dnd/invariant/dist/index.js +22 -0
- package/dist/node_modules/@react-dnd/shallowequal/dist/index.js +25 -0
- package/dist/node_modules/ag-grid-community/dist/package/main.esm.js +39799 -0
- package/dist/node_modules/ag-grid-react/dist/package/index.esm.js +1989 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/beginDrag.js +70 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/drop.js +54 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/endDrag.js +18 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/hover.js +42 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/index.js +17 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/local/setClientOffset.js +13 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/publishDragSource.js +12 -0
- package/dist/node_modules/dnd-core/dist/actions/dragDrop/types.js +9 -0
- package/dist/node_modules/dnd-core/dist/actions/registry.js +43 -0
- package/dist/node_modules/dnd-core/dist/classes/DragDropManagerImpl.js +41 -0
- package/dist/node_modules/dnd-core/dist/classes/DragDropMonitorImpl.js +115 -0
- package/dist/node_modules/dnd-core/dist/classes/HandlerRegistryImpl.js +96 -0
- package/dist/node_modules/dnd-core/dist/contracts.js +21 -0
- package/dist/node_modules/dnd-core/dist/createDragDropManager.js +19 -0
- package/dist/node_modules/dnd-core/dist/interfaces.js +7 -0
- package/dist/node_modules/dnd-core/dist/reducers/dirtyHandlerIds.js +30 -0
- package/dist/node_modules/dnd-core/dist/reducers/dragOffset.js +50 -0
- package/dist/node_modules/dnd-core/dist/reducers/dragOperation.js +78 -0
- package/dist/node_modules/dnd-core/dist/reducers/index.js +42 -0
- package/dist/node_modules/dnd-core/dist/reducers/refCount.js +16 -0
- package/dist/node_modules/dnd-core/dist/reducers/stateId.js +6 -0
- package/dist/node_modules/dnd-core/dist/utils/coords.js +26 -0
- package/dist/node_modules/dnd-core/dist/utils/dirtiness.js +12 -0
- package/dist/node_modules/dnd-core/dist/utils/equality.js +17 -0
- package/dist/node_modules/dnd-core/dist/utils/getNextUniqueId.js +7 -0
- package/dist/node_modules/dnd-core/dist/utils/js_utils.js +36 -0
- package/dist/node_modules/dnd-core/dist/utils/matchesType.js +8 -0
- package/dist/node_modules/fast-deep-equal/index.js +31 -0
- package/dist/node_modules/mime-db/db.json.js +2527 -0
- package/dist/node_modules/mime-db/index.js +8 -0
- package/dist/node_modules/mime-types/index.js +70 -0
- package/dist/node_modules/mime-types/mimeScore.js +38 -0
- package/dist/node_modules/re-resizable/lib/index.js +424 -0
- package/dist/node_modules/re-resizable/lib/resizer.js +49 -0
- package/dist/node_modules/react-dnd/dist/core/DndContext.js +7 -0
- package/dist/node_modules/react-dnd/dist/core/DndProvider.js +66 -0
- package/dist/node_modules/react-dnd/dist/hooks/useCollectedProps.js +11 -0
- package/dist/node_modules/react-dnd/dist/hooks/useCollector.js +22 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/DragSourceImpl.js +25 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/connectors.js +21 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDrag.js +20 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSource.js +19 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceConnector.js +22 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceMonitor.js +15 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragType.js +13 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrag/useRegisteredDragSource.js +23 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDragDropManager.js +10 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/DropTargetImpl.js +21 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/connectors.js +12 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/useAccept.js +13 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/useDrop.js +16 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/useDropTarget.js +18 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/useDropTargetConnector.js +18 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/useDropTargetMonitor.js +15 -0
- package/dist/node_modules/react-dnd/dist/hooks/useDrop/useRegisteredDropTarget.js +23 -0
- package/dist/node_modules/react-dnd/dist/hooks/useIsomorphicLayoutEffect.js +5 -0
- package/dist/node_modules/react-dnd/dist/hooks/useMonitorOutput.js +20 -0
- package/dist/node_modules/react-dnd/dist/hooks/useOptionalFactory.js +10 -0
- package/dist/node_modules/react-dnd/dist/internals/DragSourceMonitorImpl.js +88 -0
- package/dist/node_modules/react-dnd/dist/internals/DropTargetMonitorImpl.js +59 -0
- package/dist/node_modules/react-dnd/dist/internals/SourceConnector.js +87 -0
- package/dist/node_modules/react-dnd/dist/internals/TargetConnector.js +57 -0
- package/dist/node_modules/react-dnd/dist/internals/isRef.js +9 -0
- package/dist/node_modules/react-dnd/dist/internals/registration.js +18 -0
- package/dist/node_modules/react-dnd/dist/internals/wrapConnectorHooks.js +46 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/BrowserDetector.js +10 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/EnterLeaveCounter.js +22 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/HTML5BackendImpl.js +274 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/MonotonicInterpolant.js +59 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/NativeDragSources/NativeDragSource.js +43 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/NativeDragSources/getDataFromDataTransfer.js +10 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/NativeDragSources/index.js +24 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/NativeDragSources/nativeTypesConfig.js +48 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/NativeTypes.js +7 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/OffsetUtils.js +70 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/OptionsReader.js +22 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/index.js +7 -0
- package/dist/node_modules/react-dnd-html5-backend/dist/utils/js_utils.js +22 -0
- package/dist/node_modules/redux/es/redux.js +158 -0
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +2924 -0
- package/dist/src/components/FileManager/hooks/use-file-upload.d.ts +4 -2
- package/dist/src/components/Grid/comparators/base-column-comparator.d.ts +1 -4
- package/dist/src/components/Grid/renderers/utils.d.ts +1 -2
- package/dist/src/components/JsonEditor/lazy.d.ts +14 -0
- package/dist/src/components/MarkdownEditor/lazy.d.ts +7 -0
- package/dist/src/components/New/Button/Button.d.ts +4 -3
- package/dist/src/components/New/Checkbox/Checkbox.d.ts +4 -0
- package/dist/src/components/New/Checkbox/CheckboxBox.d.ts +30 -0
- package/dist/src/components/New/CollapsibleSidebar/CollapsibleSidebar.d.ts +82 -0
- package/dist/src/components/New/Dropdown/Dropdown.d.ts +10 -0
- package/dist/src/components/New/Dropdown/constants.d.ts +5 -2
- package/dist/src/components/New/Dropdown/item-mark.d.ts +15 -0
- package/dist/src/components/New/EllipsisTooltip/EllipsisTooltip.d.ts +1 -1
- package/dist/src/components/New/EllipsisTooltip/use-truncation.d.ts +5 -0
- package/dist/src/components/New/Grid/Grid.d.ts +124 -0
- package/dist/src/components/New/Grid/components/SelectionCell.d.ts +21 -0
- package/dist/src/components/New/Grid/components/SelectionHeader.d.ts +14 -0
- package/dist/src/components/New/Grid/constants.d.ts +61 -0
- package/dist/src/components/New/Grid/renderers/DateCellRenderer.d.ts +48 -0
- package/dist/src/components/New/Grid/renderers/constants.d.ts +5 -0
- package/dist/src/components/New/IconButton/IconButton.d.ts +4 -4
- package/dist/src/components/New/InteractiveTooltip/InteractiveTooltip.d.ts +74 -0
- package/dist/src/components/New/InteractiveTooltip/constants.d.ts +26 -0
- package/dist/src/components/New/MarkdownEditor/MarkdownEditor.d.ts +6 -0
- package/dist/src/components/New/MarkdownEditor/lazy.d.ts +7 -0
- package/dist/src/components/New/MenuItem/MenuItem.d.ts +68 -0
- package/dist/src/components/New/MenuItem/constants.d.ts +5 -0
- package/dist/src/components/New/NoDataContent/NoDataContent.d.ts +48 -0
- package/dist/src/components/New/Popup/Popup.d.ts +48 -9
- package/dist/src/components/New/Popup/constants.d.ts +7 -0
- package/dist/src/components/New/ResizableContainer/ConditionalResizableContainer.d.ts +34 -0
- package/dist/src/components/New/ResizableContainer/ResizableContainer.d.ts +77 -0
- package/dist/src/components/New/ResizableContainer/components/ResizeHandle.d.ts +21 -0
- package/dist/src/components/New/SegmentedControl/constants.d.ts +2 -2
- package/dist/src/components/New/Select/Select.d.ts +14 -2
- package/dist/src/components/New/Select/SelectSubMenuItem.d.ts +3 -0
- package/dist/src/components/New/Select/constants.d.ts +12 -5
- package/dist/src/components/New/Slider/Slider.d.ts +70 -0
- package/dist/src/components/New/Tag/Tag.d.ts +26 -4
- package/dist/src/components/New/Tag/constants.d.ts +23 -0
- package/dist/src/components/New/Textarea/Textarea.d.ts +8 -2
- package/dist/src/components/New/ThemeScope/ThemeScope.d.ts +46 -0
- package/dist/src/components/New/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/components/New/Tooltip/TooltipContent.d.ts +4 -3
- package/dist/src/components/New/Tooltip/constants.d.ts +15 -1
- package/dist/src/components/New/constants/icon.d.ts +22 -0
- package/dist/src/components/New/constants/overlay.d.ts +19 -3
- package/dist/src/components/Tooltip/TooltipContent.d.ts +4 -0
- package/dist/src/hooks/use-has-hover.d.ts +20 -0
- package/dist/src/index.d.ts +33 -4
- package/dist/src/models/dropdown.d.ts +26 -0
- package/dist/src/models/select.d.ts +30 -0
- package/dist/src/subpaths/editors.d.ts +22 -0
- package/dist/src/subpaths/file-manager.d.ts +21 -0
- package/dist/src/subpaths/grid.d.ts +25 -0
- package/dist/src/types/menu-item.d.ts +21 -0
- package/dist/src/types/tag.d.ts +4 -0
- package/dist/src/utils/__tests__/element-size-observer.spec.d.ts +1 -0
- package/dist/src/utils/__tests__/pointer.spec.d.ts +1 -0
- package/dist/src/utils/element-size-observer.d.ts +26 -0
- package/dist/src/utils/grid-comparators.d.ts +4 -0
- package/dist/src/utils/grid-date.d.ts +7 -0
- package/dist/src/utils/grid-registration.d.ts +16 -0
- package/dist/src/utils/grid-registration.spec.d.ts +1 -0
- package/dist/src/utils/pointer.d.ts +29 -0
- package/dist/types/analytics.js +4 -0
- package/dist/types/button.js +5 -0
- package/dist/types/calendar.js +4 -0
- package/dist/types/caption.js +4 -0
- package/dist/types/confirmation-popup.js +4 -0
- package/dist/types/dropdown.js +6 -0
- package/dist/types/editor.js +4 -0
- package/dist/types/file-manager.js +12 -0
- package/dist/types/flexible-actions.js +4 -0
- package/dist/types/form-item.js +4 -0
- package/dist/types/item.js +4 -0
- package/dist/types/menu-item.js +4 -0
- package/dist/types/notification.js +5 -0
- package/dist/types/popup.js +4 -0
- package/dist/types/radio-group.js +4 -0
- package/dist/types/resizable-container.js +4 -0
- package/dist/types/screen.js +4 -0
- package/dist/types/select.js +5 -0
- package/dist/types/size.js +4 -0
- package/dist/types/skeleton.js +6 -0
- package/dist/types/tab.js +6 -0
- package/dist/types/tag.js +4 -0
- package/dist/types/tooltip.js +4 -0
- package/dist/use-file-manager-tabs-CIQjiyK-.cjs +3 -0
- package/dist/utils/accessible-name.js +6 -0
- package/dist/utils/debounce.js +9 -0
- package/dist/utils/element-size-observer.js +24 -0
- package/dist/utils/file-accept.js +16 -0
- package/dist/utils/flat-to-hierarchy-convertor.js +86 -0
- package/dist/utils/grid-comparators.js +17 -0
- package/dist/utils/grid-date.js +20 -0
- package/dist/utils/grid-registration.js +8 -0
- package/dist/utils/merge-classes.js +8 -0
- package/dist/utils/mobile.js +11 -0
- package/dist/utils/path.js +4 -0
- package/dist/utils/pointer.js +5 -0
- package/dist/utils/sub-menu-floating.js +78 -0
- package/package.json +21 -8
- package/dist/JsonEditor-CPk58Te4.cjs +0 -1
- package/dist/MarkdownEditor-ALJ17x82.js +0 -75
- package/dist/MarkdownEditor-CqMQgd-3.js +0 -35
- package/dist/MarkdownEditor-Cz2HKRcy.cjs +0 -1
- package/dist/MarkdownEditor-DgPlyntV.cjs +0 -1
- package/dist/dial-ui-kit.cjs.js +0 -1
- package/dist/dial-ui-kit.es.js +0 -218
- package/dist/index-BnqboA_3.js +0 -66738
- package/dist/index-CBaBO6e_.cjs +0 -71
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const Ne=require("classnames"),je=(e,t)=>{const o=new Array(e.length+t.length);for(let r=0;r<e.length;r++)o[r]=e[r];for(let r=0;r<t.length;r++)o[e.length+r]=t[r];return o},Ee=(e,t)=>({classGroupId:e,validator:t}),ye=(e=new Map,t=null,o)=>({nextPart:e,validators:t,classGroupId:o}),K="-",fe=[],Ve="arbitrary..",Fe=e=>{const t=_e(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:a=>{if(a.startsWith("[")&&a.endsWith("]"))return We(a);const b=a.split(K),d=b[0]===""&&b.length>1?1:0;return ve(b,d,t)},getConflictingClassGroupIds:(a,b)=>{if(b){const d=r[a],u=o[a];return d?u?je(u,d):d:u||fe}return o[a]||fe}}},ve=(e,t,o)=>{if(e.length-t===0)return o.classGroupId;const c=e[t],m=o.nextPart.get(c);if(m){const u=ve(e,t+1,m);if(u)return u}const a=o.validators;if(a===null)return;const b=t===0?e.join(K):e.slice(t).join(K),d=a.length;for(let u=0;u<d;u++){const h=a[u];if(h.validator(b))return h.classGroupId}},We=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const t=e.slice(1,-1),o=t.indexOf(":"),r=t.slice(0,o);return r?Ve+r:void 0})(),_e=e=>{const{theme:t,classGroups:o}=e;return Be(o,t)},Be=(e,t)=>{const o=ye();for(const r in e){const c=e[r];ne(c,o,r,t)}return o},ne=(e,t,o,r)=>{const c=e.length;for(let m=0;m<c;m++){const a=e[m];$e(a,t,o,r)}},$e=(e,t,o,r)=>{if(typeof e=="string"){Ue(e,t,o);return}if(typeof e=="function"){De(e,t,o,r);return}Ye(e,t,o,r)},Ue=(e,t,o)=>{const r=e===""?t:ze(t,e);r.classGroupId=o},De=(e,t,o,r)=>{if(qe(e)){ne(e(r),t,o,r);return}t.validators===null&&(t.validators=[]),t.validators.push(Ee(o,e))},Ye=(e,t,o,r)=>{const c=Object.entries(e),m=c.length;for(let a=0;a<m;a++){const[b,d]=c[a];ne(d,ze(t,b),o,r)}},ze=(e,t)=>{let o=e;const r=t.split(K),c=r.length;for(let m=0;m<c;m++){const a=r[m];let b=o.nextPart.get(a);b||(b=ye(),o.nextPart.set(a,b)),o=b}return o},qe=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,Xe=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,o=Object.create(null),r=Object.create(null);const c=(m,a)=>{o[m]=a,t++,t>e&&(t=0,r=o,o=Object.create(null))};return{get(m){let a=o[m];if(a!==void 0)return a;if((a=r[m])!==void 0)return c(m,a),a},set(m,a){m in o?o[m]=a:c(m,a)}}},se="!",ge=":",Je=[],he=(e,t,o,r,c)=>({modifiers:e,hasImportantModifier:t,baseClassName:o,maybePostfixModifierPosition:r,isExternal:c}),He=e=>{const{prefix:t,experimentalParseClassName:o}=e;let r=c=>{const m=[];let a=0,b=0,d=0,u;const h=c.length;for(let z=0;z<h;z++){const x=c[z];if(a===0&&b===0){if(x===ge){m.push(c.slice(d,z)),d=z+1;continue}if(x==="/"){u=z;continue}}x==="["?a++:x==="]"?a--:x==="("?b++:x===")"&&b--}const v=m.length===0?c:c.slice(d);let A=v,P=!1;v.endsWith(se)?(A=v.slice(0,-1),P=!0):v.startsWith(se)&&(A=v.slice(1),P=!0);const G=u&&u>d?u-d:void 0;return he(m,P,A,G)};if(t){const c=t+ge,m=r;r=a=>a.startsWith(c)?m(a.slice(c.length)):he(Je,!1,a,void 0,!0)}if(o){const c=r;r=m=>o({className:m,parseClassName:c})}return r},Ke=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((o,r)=>{t.set(o,1e6+r)}),o=>{const r=[];let c=[];for(let m=0;m<o.length;m++){const a=o[m],b=a[0]==="[",d=t.has(a);b||d?(c.length>0&&(c.sort(),r.push(...c),c=[]),r.push(a)):c.push(a)}return c.length>0&&(c.sort(),r.push(...c)),r}},Qe=e=>({cache:Xe(e.cacheSize),parseClassName:He(e),sortModifiers:Ke(e),...Fe(e)}),Ze=/\s+/,eo=(e,t)=>{const{parseClassName:o,getClassGroupId:r,getConflictingClassGroupIds:c,sortModifiers:m}=t,a=[],b=e.trim().split(Ze);let d="";for(let u=b.length-1;u>=0;u-=1){const h=b[u],{isExternal:v,modifiers:A,hasImportantModifier:P,baseClassName:G,maybePostfixModifierPosition:z}=o(h);if(v){d=h+(d.length>0?" "+d:d);continue}let x=!!z,T=r(x?G.substring(0,z):G);if(!T){if(!x){d=h+(d.length>0?" "+d:d);continue}if(T=r(G),!T){d=h+(d.length>0?" "+d:d);continue}x=!1}const $=A.length===0?"":A.length===1?A[0]:m(A).join(":"),W=P?$+se:$,E=W+T;if(a.indexOf(E)>-1)continue;a.push(E);const V=c(T,x);for(let O=0;O<V.length;++O){const _=V[O];a.push(W+_)}d=h+(d.length>0?" "+d:d)}return d},oo=(...e)=>{let t=0,o,r,c="";for(;t<e.length;)(o=e[t++])&&(r=Ce(o))&&(c&&(c+=" "),c+=r);return c},Ce=e=>{if(typeof e=="string")return e;let t,o="";for(let r=0;r<e.length;r++)e[r]&&(t=Ce(e[r]))&&(o&&(o+=" "),o+=t);return o},ro=(e,...t)=>{let o,r,c,m;const a=d=>{const u=t.reduce((h,v)=>v(h),e());return o=Qe(u),r=o.cache.get,c=o.cache.set,m=b,b(d)},b=d=>{const u=r(d);if(u)return u;const h=eo(d,o);return c(d,h),h};return m=a,(...d)=>m(oo(...d))},to=[],f=e=>{const t=o=>o[e]||to;return t.isThemeGetter=!0,t},Ae=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Se=/^\((?:(\w[\w-]*):)?(.+)\)$/i,so=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,no=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,ao=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,io=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,lo=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,co=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,R=e=>so.test(e),p=e=>!!e&&!Number.isNaN(Number(e)),I=e=>!!e&&Number.isInteger(Number(e)),te=e=>e.endsWith("%")&&p(e.slice(0,-1)),S=e=>no.test(e),Re=()=>!0,mo=e=>ao.test(e)&&!io.test(e),ae=()=>!1,po=e=>lo.test(e),bo=e=>co.test(e),uo=e=>!s(e)&&!n(e),fo=e=>M(e,Pe,ae),s=e=>Ae.test(e),N=e=>M(e,Ge,mo),we=e=>M(e,zo,p),go=e=>M(e,Oe,Re),ho=e=>M(e,Te,ae),ke=e=>M(e,Ie,ae),wo=e=>M(e,Me,bo),J=e=>M(e,Le,po),n=e=>Se.test(e),B=e=>j(e,Ge),ko=e=>j(e,Te),xe=e=>j(e,Ie),xo=e=>j(e,Pe),yo=e=>j(e,Me),H=e=>j(e,Le,!0),vo=e=>j(e,Oe,!0),M=(e,t,o)=>{const r=Ae.exec(e);return r?r[1]?t(r[1]):o(r[2]):!1},j=(e,t,o=!1)=>{const r=Se.exec(e);return r?r[1]?t(r[1]):o:!1},Ie=e=>e==="position"||e==="percentage",Me=e=>e==="image"||e==="url",Pe=e=>e==="length"||e==="size"||e==="bg-size",Ge=e=>e==="length",zo=e=>e==="number",Te=e=>e==="family-name",Oe=e=>e==="number"||e==="weight",Le=e=>e==="shadow",Co=()=>{const e=f("color"),t=f("font"),o=f("text"),r=f("font-weight"),c=f("tracking"),m=f("leading"),a=f("breakpoint"),b=f("container"),d=f("spacing"),u=f("radius"),h=f("shadow"),v=f("inset-shadow"),A=f("text-shadow"),P=f("drop-shadow"),G=f("blur"),z=f("perspective"),x=f("aspect"),T=f("ease"),$=f("animate"),W=()=>["auto","avoid","all","avoid-page","page","left","right","column"],E=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],V=()=>[...E(),n,s],O=()=>["auto","hidden","clip","visible","scroll"],_=()=>["auto","contain","none"],i=()=>[n,s,d],y=()=>[R,"full","auto",...i()],ie=()=>[I,"none","subgrid",n,s],le=()=>["auto",{span:["full",I,n,s]},I,n,s],U=()=>[I,"auto",n,s],ce=()=>["auto","min","max","fr",n,s],Q=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],F=()=>["start","end","center","stretch","center-safe","end-safe"],C=()=>["auto",...i()],L=()=>[R,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...i()],Z=()=>[R,"screen","full","dvw","lvw","svw","min","max","fit",...i()],ee=()=>[R,"screen","full","lh","dvh","lvh","svh","min","max","fit",...i()],l=()=>[e,n,s],de=()=>[...E(),xe,ke,{position:[n,s]}],me=()=>["no-repeat",{repeat:["","x","y","space","round"]}],pe=()=>["auto","cover","contain",xo,fo,{size:[n,s]}],oe=()=>[te,B,N],w=()=>["","none","full",u,n,s],k=()=>["",p,B,N],D=()=>["solid","dashed","dotted","double"],be=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],g=()=>[p,te,xe,ke],ue=()=>["","none",G,n,s],Y=()=>["none",p,n,s],q=()=>["none",p,n,s],re=()=>[p,n,s],X=()=>[R,"full",...i()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[S],breakpoint:[S],color:[Re],container:[S],"drop-shadow":[S],ease:["in","out","in-out"],font:[uo],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[S],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[S],shadow:[S],spacing:["px",p],text:[S],"text-shadow":[S],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",R,s,n,x]}],container:["container"],columns:[{columns:[p,s,n,b]}],"break-after":[{"break-after":W()}],"break-before":[{"break-before":W()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:V()}],overflow:[{overflow:O()}],"overflow-x":[{"overflow-x":O()}],"overflow-y":[{"overflow-y":O()}],overscroll:[{overscroll:_()}],"overscroll-x":[{"overscroll-x":_()}],"overscroll-y":[{"overscroll-y":_()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:y()}],"inset-x":[{"inset-x":y()}],"inset-y":[{"inset-y":y()}],start:[{"inset-s":y(),start:y()}],end:[{"inset-e":y(),end:y()}],"inset-bs":[{"inset-bs":y()}],"inset-be":[{"inset-be":y()}],top:[{top:y()}],right:[{right:y()}],bottom:[{bottom:y()}],left:[{left:y()}],visibility:["visible","invisible","collapse"],z:[{z:[I,"auto",n,s]}],basis:[{basis:[R,"full","auto",b,...i()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[p,R,"auto","initial","none",s]}],grow:[{grow:["",p,n,s]}],shrink:[{shrink:["",p,n,s]}],order:[{order:[I,"first","last","none",n,s]}],"grid-cols":[{"grid-cols":ie()}],"col-start-end":[{col:le()}],"col-start":[{"col-start":U()}],"col-end":[{"col-end":U()}],"grid-rows":[{"grid-rows":ie()}],"row-start-end":[{row:le()}],"row-start":[{"row-start":U()}],"row-end":[{"row-end":U()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":ce()}],"auto-rows":[{"auto-rows":ce()}],gap:[{gap:i()}],"gap-x":[{"gap-x":i()}],"gap-y":[{"gap-y":i()}],"justify-content":[{justify:[...Q(),"normal"]}],"justify-items":[{"justify-items":[...F(),"normal"]}],"justify-self":[{"justify-self":["auto",...F()]}],"align-content":[{content:["normal",...Q()]}],"align-items":[{items:[...F(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...F(),{baseline:["","last"]}]}],"place-content":[{"place-content":Q()}],"place-items":[{"place-items":[...F(),"baseline"]}],"place-self":[{"place-self":["auto",...F()]}],p:[{p:i()}],px:[{px:i()}],py:[{py:i()}],ps:[{ps:i()}],pe:[{pe:i()}],pbs:[{pbs:i()}],pbe:[{pbe:i()}],pt:[{pt:i()}],pr:[{pr:i()}],pb:[{pb:i()}],pl:[{pl:i()}],m:[{m:C()}],mx:[{mx:C()}],my:[{my:C()}],ms:[{ms:C()}],me:[{me:C()}],mbs:[{mbs:C()}],mbe:[{mbe:C()}],mt:[{mt:C()}],mr:[{mr:C()}],mb:[{mb:C()}],ml:[{ml:C()}],"space-x":[{"space-x":i()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":i()}],"space-y-reverse":["space-y-reverse"],size:[{size:L()}],"inline-size":[{inline:["auto",...Z()]}],"min-inline-size":[{"min-inline":["auto",...Z()]}],"max-inline-size":[{"max-inline":["none",...Z()]}],"block-size":[{block:["auto",...ee()]}],"min-block-size":[{"min-block":["auto",...ee()]}],"max-block-size":[{"max-block":["none",...ee()]}],w:[{w:[b,"screen",...L()]}],"min-w":[{"min-w":[b,"screen","none",...L()]}],"max-w":[{"max-w":[b,"screen","none","prose",{screen:[a]},...L()]}],h:[{h:["screen","lh",...L()]}],"min-h":[{"min-h":["screen","lh","none",...L()]}],"max-h":[{"max-h":["screen","lh",...L()]}],"font-size":[{text:["base",o,B,N]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,vo,go]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",te,s]}],"font-family":[{font:[ko,ho,t]}],"font-features":[{"font-features":[s]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[c,n,s]}],"line-clamp":[{"line-clamp":[p,"none",n,we]}],leading:[{leading:[m,...i()]}],"list-image":[{"list-image":["none",n,s]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",n,s]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:l()}],"text-color":[{text:l()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...D(),"wavy"]}],"text-decoration-thickness":[{decoration:[p,"from-font","auto",n,N]}],"text-decoration-color":[{decoration:l()}],"underline-offset":[{"underline-offset":[p,"auto",n,s]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:i()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",n,s]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",n,s]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:de()}],"bg-repeat":[{bg:me()}],"bg-size":[{bg:pe()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},I,n,s],radial:["",n,s],conic:[I,n,s]},yo,wo]}],"bg-color":[{bg:l()}],"gradient-from-pos":[{from:oe()}],"gradient-via-pos":[{via:oe()}],"gradient-to-pos":[{to:oe()}],"gradient-from":[{from:l()}],"gradient-via":[{via:l()}],"gradient-to":[{to:l()}],rounded:[{rounded:w()}],"rounded-s":[{"rounded-s":w()}],"rounded-e":[{"rounded-e":w()}],"rounded-t":[{"rounded-t":w()}],"rounded-r":[{"rounded-r":w()}],"rounded-b":[{"rounded-b":w()}],"rounded-l":[{"rounded-l":w()}],"rounded-ss":[{"rounded-ss":w()}],"rounded-se":[{"rounded-se":w()}],"rounded-ee":[{"rounded-ee":w()}],"rounded-es":[{"rounded-es":w()}],"rounded-tl":[{"rounded-tl":w()}],"rounded-tr":[{"rounded-tr":w()}],"rounded-br":[{"rounded-br":w()}],"rounded-bl":[{"rounded-bl":w()}],"border-w":[{border:k()}],"border-w-x":[{"border-x":k()}],"border-w-y":[{"border-y":k()}],"border-w-s":[{"border-s":k()}],"border-w-e":[{"border-e":k()}],"border-w-bs":[{"border-bs":k()}],"border-w-be":[{"border-be":k()}],"border-w-t":[{"border-t":k()}],"border-w-r":[{"border-r":k()}],"border-w-b":[{"border-b":k()}],"border-w-l":[{"border-l":k()}],"divide-x":[{"divide-x":k()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":k()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...D(),"hidden","none"]}],"divide-style":[{divide:[...D(),"hidden","none"]}],"border-color":[{border:l()}],"border-color-x":[{"border-x":l()}],"border-color-y":[{"border-y":l()}],"border-color-s":[{"border-s":l()}],"border-color-e":[{"border-e":l()}],"border-color-bs":[{"border-bs":l()}],"border-color-be":[{"border-be":l()}],"border-color-t":[{"border-t":l()}],"border-color-r":[{"border-r":l()}],"border-color-b":[{"border-b":l()}],"border-color-l":[{"border-l":l()}],"divide-color":[{divide:l()}],"outline-style":[{outline:[...D(),"none","hidden"]}],"outline-offset":[{"outline-offset":[p,n,s]}],"outline-w":[{outline:["",p,B,N]}],"outline-color":[{outline:l()}],shadow:[{shadow:["","none",h,H,J]}],"shadow-color":[{shadow:l()}],"inset-shadow":[{"inset-shadow":["none",v,H,J]}],"inset-shadow-color":[{"inset-shadow":l()}],"ring-w":[{ring:k()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:l()}],"ring-offset-w":[{"ring-offset":[p,N]}],"ring-offset-color":[{"ring-offset":l()}],"inset-ring-w":[{"inset-ring":k()}],"inset-ring-color":[{"inset-ring":l()}],"text-shadow":[{"text-shadow":["none",A,H,J]}],"text-shadow-color":[{"text-shadow":l()}],opacity:[{opacity:[p,n,s]}],"mix-blend":[{"mix-blend":[...be(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":be()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[p]}],"mask-image-linear-from-pos":[{"mask-linear-from":g()}],"mask-image-linear-to-pos":[{"mask-linear-to":g()}],"mask-image-linear-from-color":[{"mask-linear-from":l()}],"mask-image-linear-to-color":[{"mask-linear-to":l()}],"mask-image-t-from-pos":[{"mask-t-from":g()}],"mask-image-t-to-pos":[{"mask-t-to":g()}],"mask-image-t-from-color":[{"mask-t-from":l()}],"mask-image-t-to-color":[{"mask-t-to":l()}],"mask-image-r-from-pos":[{"mask-r-from":g()}],"mask-image-r-to-pos":[{"mask-r-to":g()}],"mask-image-r-from-color":[{"mask-r-from":l()}],"mask-image-r-to-color":[{"mask-r-to":l()}],"mask-image-b-from-pos":[{"mask-b-from":g()}],"mask-image-b-to-pos":[{"mask-b-to":g()}],"mask-image-b-from-color":[{"mask-b-from":l()}],"mask-image-b-to-color":[{"mask-b-to":l()}],"mask-image-l-from-pos":[{"mask-l-from":g()}],"mask-image-l-to-pos":[{"mask-l-to":g()}],"mask-image-l-from-color":[{"mask-l-from":l()}],"mask-image-l-to-color":[{"mask-l-to":l()}],"mask-image-x-from-pos":[{"mask-x-from":g()}],"mask-image-x-to-pos":[{"mask-x-to":g()}],"mask-image-x-from-color":[{"mask-x-from":l()}],"mask-image-x-to-color":[{"mask-x-to":l()}],"mask-image-y-from-pos":[{"mask-y-from":g()}],"mask-image-y-to-pos":[{"mask-y-to":g()}],"mask-image-y-from-color":[{"mask-y-from":l()}],"mask-image-y-to-color":[{"mask-y-to":l()}],"mask-image-radial":[{"mask-radial":[n,s]}],"mask-image-radial-from-pos":[{"mask-radial-from":g()}],"mask-image-radial-to-pos":[{"mask-radial-to":g()}],"mask-image-radial-from-color":[{"mask-radial-from":l()}],"mask-image-radial-to-color":[{"mask-radial-to":l()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":E()}],"mask-image-conic-pos":[{"mask-conic":[p]}],"mask-image-conic-from-pos":[{"mask-conic-from":g()}],"mask-image-conic-to-pos":[{"mask-conic-to":g()}],"mask-image-conic-from-color":[{"mask-conic-from":l()}],"mask-image-conic-to-color":[{"mask-conic-to":l()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:de()}],"mask-repeat":[{mask:me()}],"mask-size":[{mask:pe()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",n,s]}],filter:[{filter:["","none",n,s]}],blur:[{blur:ue()}],brightness:[{brightness:[p,n,s]}],contrast:[{contrast:[p,n,s]}],"drop-shadow":[{"drop-shadow":["","none",P,H,J]}],"drop-shadow-color":[{"drop-shadow":l()}],grayscale:[{grayscale:["",p,n,s]}],"hue-rotate":[{"hue-rotate":[p,n,s]}],invert:[{invert:["",p,n,s]}],saturate:[{saturate:[p,n,s]}],sepia:[{sepia:["",p,n,s]}],"backdrop-filter":[{"backdrop-filter":["","none",n,s]}],"backdrop-blur":[{"backdrop-blur":ue()}],"backdrop-brightness":[{"backdrop-brightness":[p,n,s]}],"backdrop-contrast":[{"backdrop-contrast":[p,n,s]}],"backdrop-grayscale":[{"backdrop-grayscale":["",p,n,s]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[p,n,s]}],"backdrop-invert":[{"backdrop-invert":["",p,n,s]}],"backdrop-opacity":[{"backdrop-opacity":[p,n,s]}],"backdrop-saturate":[{"backdrop-saturate":[p,n,s]}],"backdrop-sepia":[{"backdrop-sepia":["",p,n,s]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":i()}],"border-spacing-x":[{"border-spacing-x":i()}],"border-spacing-y":[{"border-spacing-y":i()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",n,s]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[p,"initial",n,s]}],ease:[{ease:["linear","initial",T,n,s]}],delay:[{delay:[p,n,s]}],animate:[{animate:["none",$,n,s]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[z,n,s]}],"perspective-origin":[{"perspective-origin":V()}],rotate:[{rotate:Y()}],"rotate-x":[{"rotate-x":Y()}],"rotate-y":[{"rotate-y":Y()}],"rotate-z":[{"rotate-z":Y()}],scale:[{scale:q()}],"scale-x":[{"scale-x":q()}],"scale-y":[{"scale-y":q()}],"scale-z":[{"scale-z":q()}],"scale-3d":["scale-3d"],skew:[{skew:re()}],"skew-x":[{"skew-x":re()}],"skew-y":[{"skew-y":re()}],transform:[{transform:[n,s,"","none","gpu","cpu"]}],"transform-origin":[{origin:V()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:X()}],"translate-x":[{"translate-x":X()}],"translate-y":[{"translate-y":X()}],"translate-z":[{"translate-z":X()}],"translate-none":["translate-none"],accent:[{accent:l()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:l()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",n,s]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":i()}],"scroll-mx":[{"scroll-mx":i()}],"scroll-my":[{"scroll-my":i()}],"scroll-ms":[{"scroll-ms":i()}],"scroll-me":[{"scroll-me":i()}],"scroll-mbs":[{"scroll-mbs":i()}],"scroll-mbe":[{"scroll-mbe":i()}],"scroll-mt":[{"scroll-mt":i()}],"scroll-mr":[{"scroll-mr":i()}],"scroll-mb":[{"scroll-mb":i()}],"scroll-ml":[{"scroll-ml":i()}],"scroll-p":[{"scroll-p":i()}],"scroll-px":[{"scroll-px":i()}],"scroll-py":[{"scroll-py":i()}],"scroll-ps":[{"scroll-ps":i()}],"scroll-pe":[{"scroll-pe":i()}],"scroll-pbs":[{"scroll-pbs":i()}],"scroll-pbe":[{"scroll-pbe":i()}],"scroll-pt":[{"scroll-pt":i()}],"scroll-pr":[{"scroll-pr":i()}],"scroll-pb":[{"scroll-pb":i()}],"scroll-pl":[{"scroll-pl":i()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",n,s]}],fill:[{fill:["none",...l()]}],"stroke-w":[{stroke:[p,B,N,we]}],stroke:[{stroke:["none",...l()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},Ao=ro(Co);function So(...e){return Ao(Ne(e))}exports.mergeClasses=So;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
# Migrating `Button` / `IconButton` tooltips — v`0.13.0` → v`0.14.0`
|
|
2
|
+
|
|
3
|
+
## Why this changed
|
|
4
|
+
|
|
5
|
+
`Button` and `IconButton` are generation 2.0 components, but their `tooltipProps` reached back
|
|
6
|
+
into the 1.0 `DialTooltip`, so a 2.0 button revealed its tooltip in the 1.0 bubble — no arrow,
|
|
7
|
+
the light surface instead of `bg-control-inverted`, and an element portaled and hidden with a
|
|
8
|
+
class even when there was nothing to show.
|
|
9
|
+
|
|
10
|
+
Both now wrap the 2.0 `Tooltip`, and they wrap it with `asChild`, so the tooltip's
|
|
11
|
+
`aria-describedby` lands on the button itself instead of on a wrapper `<span>` that assistive
|
|
12
|
+
technology never reaches.
|
|
13
|
+
|
|
14
|
+
## What changed
|
|
15
|
+
|
|
16
|
+
| Before | After |
|
|
17
|
+
| ------------------------------------------------------------ | -------------------------------------------------------- |
|
|
18
|
+
| `tooltipProps: Omit<DialTooltipProps, 'children'>` | `tooltipProps: Omit<TooltipProps, 'children'>` |
|
|
19
|
+
| `placement` takes the full floating-ui `Placement` | `placement` takes the four-sided `TooltipPlacement` enum |
|
|
20
|
+
| The button is wrapped in a trigger `<span class="truncate">` | The button _is_ the trigger — no wrapper element |
|
|
21
|
+
| `aria-describedby` sits on the wrapper `<span>` | `aria-describedby` sits on the button |
|
|
22
|
+
| An empty or hidden tooltip still renders a hidden element | Nothing is rendered when there is no tooltip to show |
|
|
23
|
+
|
|
24
|
+
`tooltipProps` keeps every other key it had — `tooltip`, `hideTooltip`, `triggerClassName`,
|
|
25
|
+
`contentClassName`, `initialOpen`, `open`, `onOpenChange`, `isTriggerClickable`.
|
|
26
|
+
|
|
27
|
+
## Step-by-step migration
|
|
28
|
+
|
|
29
|
+
### 1. Find all usages
|
|
30
|
+
|
|
31
|
+
```bash
|
|
32
|
+
grep -rn "tooltipProps" src/
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### 2. Replace an aligned placement with the enum
|
|
36
|
+
|
|
37
|
+
Only the four sides survive: `'top-start'`, `'bottom-end'` and the other aligned values have no
|
|
38
|
+
`TooltipPlacement` member. Pick the side they were aligned on.
|
|
39
|
+
|
|
40
|
+
**Before:**
|
|
41
|
+
|
|
42
|
+
```tsx
|
|
43
|
+
<Button
|
|
44
|
+
label="Save"
|
|
45
|
+
tooltipProps={{ tooltip: 'Save draft', placement: 'top-start' }}
|
|
46
|
+
/>
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
**After:**
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
import { TooltipPlacement } from '@epam/ai-dial-ui-kit';
|
|
53
|
+
|
|
54
|
+
<Button
|
|
55
|
+
label="Save"
|
|
56
|
+
tooltipProps={{ tooltip: 'Save draft', placement: TooltipPlacement.Top }}
|
|
57
|
+
/>;
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### 3. Drop layout classes that only existed for the wrapper
|
|
61
|
+
|
|
62
|
+
`triggerClassName` now lands on the button, not on a `<span>` around it. Classes that were
|
|
63
|
+
compensating for that wrapper — centring the content, `flex-1`, `truncate` — are usually
|
|
64
|
+
redundant or actively wrong on the control, and layout that relied on the extra inline element
|
|
65
|
+
between the button and its flex parent has to move to the button's own `className`.
|
|
66
|
+
|
|
67
|
+
**Before:**
|
|
68
|
+
|
|
69
|
+
```tsx
|
|
70
|
+
<IconButton
|
|
71
|
+
icon={<IconInfoCircle />}
|
|
72
|
+
tooltipProps={{
|
|
73
|
+
tooltip: caption,
|
|
74
|
+
triggerClassName: 'flex justify-center items-center',
|
|
75
|
+
}}
|
|
76
|
+
/>
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
**After:**
|
|
80
|
+
|
|
81
|
+
```tsx
|
|
82
|
+
<IconButton icon={<IconInfoCircle />} tooltipProps={{ tooltip: caption }} />
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### 4. Point tests at the button, not the wrapper
|
|
86
|
+
|
|
87
|
+
A test that queried the trigger `<span>`, or asserted `aria-describedby` on it, now finds the
|
|
88
|
+
attribute on the button:
|
|
89
|
+
|
|
90
|
+
```tsx
|
|
91
|
+
await user.hover(screen.getByRole('button', { name: 'Save' }));
|
|
92
|
+
const tooltip = await screen.findByRole('tooltip');
|
|
93
|
+
expect(screen.getByRole('button', { name: 'Save' })).toHaveAttribute(
|
|
94
|
+
'aria-describedby',
|
|
95
|
+
tooltip.id,
|
|
96
|
+
);
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
### 5. Verify
|
|
100
|
+
|
|
101
|
+
```bash
|
|
102
|
+
npm run typecheck
|
|
103
|
+
npm run test
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
## Notes
|
|
107
|
+
|
|
108
|
+
- The 1.0 `DialButton` and `DialIconButton` are untouched and keep the 1.0 tooltip.
|
|
109
|
+
- As in 1.0, the 2.0 tooltip renders nothing on a touch-only device, so a tooltip still cannot be a
|
|
110
|
+
control's only accessible name. Both buttons continue to fall back to a string
|
|
111
|
+
`tooltipProps.tooltip` as their `aria-label` when nothing else names them.
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
# Migrating the multi-select `Select` option row — v0.13.x → v0.14.0
|
|
2
|
+
|
|
3
|
+
## Why this changed
|
|
4
|
+
|
|
5
|
+
A multi-select option used to be a `role="option"` wrapper with a real
|
|
6
|
+
`<input type="checkbox">` inside it. That gave one choice two controls and two
|
|
7
|
+
states: the option announced `aria-selected` while the checkbox announced
|
|
8
|
+
`aria-checked`, and a screen reader had no way to tell which of the two it had
|
|
9
|
+
landed on. It also left most of the row inert — only the 20px box and the label
|
|
10
|
+
text selected the option, while the rest of the 40px rectangle did nothing, and
|
|
11
|
+
the overlay's arrow keys could not reach the row at all because the wrapper was
|
|
12
|
+
not focusable.
|
|
13
|
+
|
|
14
|
+
The row is now a single control, as the design has it and as the WAI-ARIA
|
|
15
|
+
listbox pattern prescribes: one `option` carrying `aria-selected`, with the
|
|
16
|
+
checkbox drawn as a decorative box. The whole row selects, Enter and Space
|
|
17
|
+
toggle it, and the arrow keys walk it like they already walked single-select
|
|
18
|
+
options.
|
|
19
|
+
|
|
20
|
+
Nothing in `SelectProps` changed. This only affects code — mostly tests — that
|
|
21
|
+
reached for the checkbox inside an option.
|
|
22
|
+
|
|
23
|
+
## What changed
|
|
24
|
+
|
|
25
|
+
| Before | After |
|
|
26
|
+
| -------------------------------------------------- | --------------------------------------------- |
|
|
27
|
+
| `role="option"` wrapper + nested `role="checkbox"` | one `role="option"` element |
|
|
28
|
+
| state on the checkbox's `aria-checked` | state on the option's `aria-selected` |
|
|
29
|
+
| clickable: the box and the label text | clickable: the whole row |
|
|
30
|
+
| `<div>` wrapper, not focusable | `<button role="option">`, arrow-key reachable |
|
|
31
|
+
| Select All: `role="checkbox"` | Select All: `role="checkbox"` (**unchanged**) |
|
|
32
|
+
|
|
33
|
+
## Step-by-step migration
|
|
34
|
+
|
|
35
|
+
### 1. Find all usages
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
# Tests and helpers that address a multi-select option through its checkbox
|
|
39
|
+
grep -rn "getByRole('checkbox'\|getAllByRole('checkbox'\|role=\"checkbox\"" src/
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
Only the hits that target an **option of a multiple `Select`** need changing.
|
|
43
|
+
The Select All row above the list is still a real checkbox, as are `Checkbox`
|
|
44
|
+
and every other checkbox in your app.
|
|
45
|
+
|
|
46
|
+
### 2. Query the option instead of its checkbox
|
|
47
|
+
|
|
48
|
+
**Before:**
|
|
49
|
+
|
|
50
|
+
```tsx
|
|
51
|
+
fireEvent.click(screen.getByRole('checkbox', { name: 'Option 1' }));
|
|
52
|
+
expect(screen.getByRole('checkbox', { name: 'Option 1' })).toBeChecked();
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
**After:**
|
|
56
|
+
|
|
57
|
+
```tsx
|
|
58
|
+
fireEvent.click(screen.getByRole('option', { name: 'Option 1' }));
|
|
59
|
+
expect(screen.getByRole('option', { name: 'Option 1' })).toHaveAttribute(
|
|
60
|
+
'aria-selected',
|
|
61
|
+
'true',
|
|
62
|
+
);
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
`toBeChecked()` works on elements with `aria-checked` or a checkbox role, so it
|
|
66
|
+
does not apply to an `option`. Assert `aria-selected` instead.
|
|
67
|
+
|
|
68
|
+
### 3. Drop workarounds for the inert row
|
|
69
|
+
|
|
70
|
+
If you clicked the label text to work around the row not being clickable, or
|
|
71
|
+
focused the inner input to drive the keyboard, target the option directly:
|
|
72
|
+
|
|
73
|
+
**Before:**
|
|
74
|
+
|
|
75
|
+
```tsx
|
|
76
|
+
await user.click(screen.getByText('Option 1'));
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
**After:**
|
|
80
|
+
|
|
81
|
+
```tsx
|
|
82
|
+
await user.click(screen.getByRole('option', { name: 'Option 1' }));
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### 4. Verify
|
|
86
|
+
|
|
87
|
+
```bash
|
|
88
|
+
npm run typecheck && npm run test
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
## Notes
|
|
92
|
+
|
|
93
|
+
- The option's accessible name now comes from its own content — the label, plus
|
|
94
|
+
the option's `description` when it has one. The decorative box is
|
|
95
|
+
`aria-hidden`, so it contributes nothing to the name.
|
|
96
|
+
- Custom styling that targeted the nested checkbox (for instance
|
|
97
|
+
`[role="option"] input`) no longer matches anything. Style the row itself.
|
|
98
|
+
- If you render your own multiselect-looking row and want the same box, import
|
|
99
|
+
`CheckboxBox` and leave `htmlFor` off — it renders the decorative variant.
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
# Migrating the shadow scale — v0.13.0 → v0.14.0
|
|
2
|
+
|
|
3
|
+
## Why this changed
|
|
4
|
+
|
|
5
|
+
The shadow scale was themed through three variables named after the **colours** in it, not after the steps that used them:
|
|
6
|
+
|
|
7
|
+
```js
|
|
8
|
+
// 0.13.0
|
|
9
|
+
DEFAULT: '0 0 4px 0 var(--shadow-default, rgba(0, 0, 0, 0.30))',
|
|
10
|
+
xs: '0 1px 4px 0 var(--shadow-grey-1000, …), 0 1px 2px 0 var(--shadow-blue-500, …)',
|
|
11
|
+
sm: '0 2px 12px 0 var(--shadow-grey-1000, …), 0 2px 6px 0 var(--shadow-blue-500, …)',
|
|
12
|
+
md: '0 6px 24px 0 var(--shadow-grey-1000, …), 0 6px 16px 0 var(--shadow-blue-500, …)',
|
|
13
|
+
lg: '0 10px 36px 0 var(--shadow-grey-1000, …), 0 10px 24px 0 var(--shadow-blue-500, …)',
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
One `--shadow-blue-500` carried the blue of all four steps, so a theme could not darken `lg` without darkening `xs` by the same amount — the ramp collapsed to a single value. `--shadow-grey-1000` had the same problem across the two steps that still use grey.
|
|
17
|
+
|
|
18
|
+
The design has since split the scale per step: `sm`, `md` and `lg` are a **single** wide blue layer (the grey layer only muddies them at that size), and `xs` keeps two layers but with the blue as the wide one. Each step now reads its own variable, named after the step rather than the hue:
|
|
19
|
+
|
|
20
|
+
- `--shadow-sm`, `--shadow-md`, `--shadow-lg` — the one layer each of those steps draws.
|
|
21
|
+
- `--shadow-xs-1` / `--shadow-xs-2` — the two layers `shadow-xs` draws, outer first.
|
|
22
|
+
|
|
23
|
+
`sm` also changed meaning. It used to be the resting shadow of a solid button; it is now the **side panel** shadow — `0 8px 10px` at blue-500 alpha-8, used by the side bar, the side panel and the right panel. The value it used to hold has not changed at all, but it no longer has a step in the design scale, so it is written out in `buttons.scss` as a class instead of taking a fifth `boxShadow` key:
|
|
24
|
+
|
|
25
|
+
| Role | 0.13.0 | 0.14.0 |
|
|
26
|
+
| --------------------------------------------------------- | ----------- | ------------------------- |
|
|
27
|
+
| Side bar / side panel / right panel | — | `shadow-sm` |
|
|
28
|
+
| Resting shadow of a solid button, the FAB, a slider thumb | `shadow-sm` | `dial-kit-control-shadow` |
|
|
29
|
+
|
|
30
|
+
## What changed
|
|
31
|
+
|
|
32
|
+
### Variables
|
|
33
|
+
|
|
34
|
+
| 0.13.0 variable | 0.14.0 variable | Light default |
|
|
35
|
+
| -------------------- | --------------------------------------------------------------- | ------------------------------- |
|
|
36
|
+
| `--shadow-blue-500` | `--shadow-xs-1` (xs and `dial-kit-control-shadow`) | `#2764D933` (blue-500 alpha-20) |
|
|
37
|
+
| `--shadow-blue-500` | `--shadow-sm` | `#2764D914` (blue-500 alpha-8) |
|
|
38
|
+
| `--shadow-blue-500` | `--shadow-md` | `#2764D90F` (blue-500 alpha-6) |
|
|
39
|
+
| `--shadow-blue-500` | `--shadow-lg` | `#2764D914` (blue-500 alpha-8) |
|
|
40
|
+
| `--shadow-grey-1000` | `--shadow-xs-2` (the same two — no other step has a grey layer) | `#161B2D08` (grey-1000 alpha-3) |
|
|
41
|
+
| `--shadow-default` | _removed_ — `shadow` is no longer a DIAL shadow (see Notes) | — |
|
|
42
|
+
|
|
43
|
+
The 0.13.0 names are **not** kept in the fallback chain: one old variable cannot map onto five new ones without re-flattening the ramp it was split to fix.
|
|
44
|
+
|
|
45
|
+
### Rendered shadows
|
|
46
|
+
|
|
47
|
+
| Step | 0.13.0 | 0.14.0 |
|
|
48
|
+
| ------------------------- | ----------------------------------------------- | -------------------------------------------- |
|
|
49
|
+
| `shadow-xs` | `0 1px 4px` grey, `0 1px 2px` blue alpha-14 | `0 1px 4px` blue alpha-20, `0 1px 2px` grey |
|
|
50
|
+
| `dial-kit-control-shadow` | _(new — held by `shadow-sm` in 0.13.0)_ | `0 2px 12px` blue alpha-20, `0 2px 6px` grey |
|
|
51
|
+
| `shadow-sm` | `0 2px 12px` grey, `0 2px 6px` blue alpha-14 | `0 8px 10px` blue alpha-8 |
|
|
52
|
+
| `shadow-md` | `0 6px 24px` grey, `0 6px 16px` blue alpha-14 | `0 8px 24px` blue alpha-6 |
|
|
53
|
+
| `shadow-lg` | `0 10px 36px` grey, `0 10px 24px` blue alpha-14 | `0 8px 44px` blue alpha-8 |
|
|
54
|
+
|
|
55
|
+
In `xs` the blue and grey layers have **swapped roles**: the blue is now the wide diffuse layer and the grey the tight one. `md` and `lg` sit lower and softer than before, so anything using them — `Card`, `Calendar`, `Input`, overlays, tooltips, the collapsible sidebar (`md`), `Notification` and card hover (`lg`) — reads differently. `dial-kit-control-shadow` renders exactly what `shadow-sm` rendered in 0.13.0, so a control that switches to it is unchanged.
|
|
56
|
+
|
|
57
|
+
## Step-by-step migration
|
|
58
|
+
|
|
59
|
+
### 1. Move the resting control shadow to `dial-kit-control-shadow`
|
|
60
|
+
|
|
61
|
+
`shadow-sm` on a button, a FAB or any other resting control is now the panel shadow — a wider, lower, much fainter blue that reads as a floating surface rather than a raised control. Find them:
|
|
62
|
+
|
|
63
|
+
```bash
|
|
64
|
+
grep -rn "shadow-sm" src/
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
**Before:**
|
|
68
|
+
|
|
69
|
+
```tsx
|
|
70
|
+
<button className="rounded-full bg-control-neutral shadow-sm">New chat</button>
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
**After:**
|
|
74
|
+
|
|
75
|
+
```tsx
|
|
76
|
+
<button className="rounded-full bg-control-neutral dial-kit-control-shadow">
|
|
77
|
+
New chat
|
|
78
|
+
</button>
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
Keep `shadow-sm` where the element is a side bar, side panel or right panel — that is what the step now means.
|
|
82
|
+
|
|
83
|
+
`dial-kit-control-shadow` is a plain class in the kit's stylesheet, not a Tailwind utility, so it is **unlayered**: it beats any `shadow-*` utility on the same element regardless of order. Do not pair it with one — pick whichever of the two the element should draw.
|
|
84
|
+
|
|
85
|
+
### 2. Find the variables in your theme
|
|
86
|
+
|
|
87
|
+
```bash
|
|
88
|
+
grep -rEn -- "--shadow-(default|blue-500|grey-1000)" src/ themes/
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
Also check any theme JSON served by the DIAL themes service.
|
|
92
|
+
|
|
93
|
+
### 3. Rename them
|
|
94
|
+
|
|
95
|
+
**Before:**
|
|
96
|
+
|
|
97
|
+
```css
|
|
98
|
+
:root {
|
|
99
|
+
--shadow-blue-500: #2764d924;
|
|
100
|
+
--shadow-grey-1000: #161b2d08;
|
|
101
|
+
--shadow-default: rgba(0, 0, 0, 0.3);
|
|
102
|
+
}
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
**After:**
|
|
106
|
+
|
|
107
|
+
```css
|
|
108
|
+
:root {
|
|
109
|
+
--shadow-xs-1: #2764d933; /* wide blue layer of xs and the control shadow */
|
|
110
|
+
--shadow-xs-2: #161b2d08; /* tight grey layer of the same two */
|
|
111
|
+
--shadow-sm: #2764d914;
|
|
112
|
+
--shadow-md: #2764d90f;
|
|
113
|
+
--shadow-lg: #2764d914;
|
|
114
|
+
}
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
Splitting one blue into four is the point of the change: pick a lighter value for `--shadow-sm`, `--shadow-md` and `--shadow-lg` than for `--shadow-xs-1`, since those steps have no second layer to sit on. Setting all four to your old `--shadow-blue-500` value compiles, but reproduces the flat ramp.
|
|
118
|
+
|
|
119
|
+
### 4. Verify
|
|
120
|
+
|
|
121
|
+
```bash
|
|
122
|
+
npm run build:css
|
|
123
|
+
npm run typecheck && npm run test
|
|
124
|
+
```
|
|
125
|
+
|
|
126
|
+
Then confirm the variables reached the compiled shadows:
|
|
127
|
+
|
|
128
|
+
```bash
|
|
129
|
+
grep -o -- "--tw-shadow:0 [^;]*" dist/index.css | sort -u
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
Every DIAL step should reference a `--shadow-xs-*` / `--shadow-sm` / `--shadow-md` / `--shadow-lg` variable.
|
|
133
|
+
|
|
134
|
+
## Notes
|
|
135
|
+
|
|
136
|
+
- **`shadow` (the `DEFAULT`) is no longer a DIAL shadow.** `boxShadow` is declared under `theme.extend`, so removing the `DEFAULT` entry does not remove the class — it falls back to Tailwind's own `shadow` (`0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)`), which is a neutral black shadow and ignores `--shadow-default`. Replace a bare `shadow` with the step you mean — `dial-kit-control-shadow` for a control, `shadow-md` for a raised surface.
|
|
137
|
+
- **A `shadow-sm` left on a button still compiles.** Nothing typechecks a Tailwind class, so the only signal is the rendering: the control loses its tight halo and picks up a faint wide one. Run the grep in step 1 rather than waiting for an error.
|
|
138
|
+
- A stale `--shadow-blue-500` in a theme is silent: nothing reads it, and every shadow quietly renders at its light default. Run the grep rather than trusting the page to look wrong.
|
|
139
|
+
- These names match `tailwind.config.js` in `ai-dial-chat`, so a variable set for the chat app resolves the same way in the kit.
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
# Migrating `Tag` — one size, no rim — v`0.13.x` → v`0.14.0`
|
|
2
|
+
|
|
3
|
+
## Why this changed
|
|
4
|
+
|
|
5
|
+
The 2.0 tag is one shape: a 32px pill. The old `size` prop offered two heights
|
|
6
|
+
(24px standard, 20px small) that the design system no longer draws, and a tag is
|
|
7
|
+
not a control a caller sizes — it labels content, so it takes the size the
|
|
8
|
+
design gives it. Dropping the prop also removes the branch that had to keep two
|
|
9
|
+
geometries, two pointer-target rules and two radii in step.
|
|
10
|
+
|
|
11
|
+
The rim went with it. No tag draws a border any more: the outlined chip is told
|
|
12
|
+
apart by its fill on the raised layer, and the accent tint carries hover and
|
|
13
|
+
selection. A 1px rim on a 32px pill was doing no work the fill was not already
|
|
14
|
+
doing, and it was the last thing keeping a border box on the borderless
|
|
15
|
+
selectable chip.
|
|
16
|
+
|
|
17
|
+
Alongside it, the selectable chip picks up the rest of its spec: a semibold
|
|
18
|
+
label once selected, and hover carried by the accent tint alone instead of also
|
|
19
|
+
darkening the label.
|
|
20
|
+
|
|
21
|
+
## What changed
|
|
22
|
+
|
|
23
|
+
| Before | After |
|
|
24
|
+
| -------------------------------------------------- | --------------------------------------------------- |
|
|
25
|
+
| `<Tag size={ElementSize.Standard} />` | `<Tag />` |
|
|
26
|
+
| `<Tag size={ElementSize.Small} />` | `<Tag />` — there is no 20px tag |
|
|
27
|
+
| `TagProps['size']` | removed from the type |
|
|
28
|
+
| 24px tall, `rounded-lg`, 8px side padding | 32px tall, `rounded-full`, 12px side padding |
|
|
29
|
+
| 1px rim (`border-tertiary`, `border-accent-alpha`) | no border on any tag |
|
|
30
|
+
| Outlined hover: rim → `border-accent-alpha` | Hover: `bg-control-accent-alpha-hover` on every tag |
|
|
31
|
+
| Selected selectable chip: regular label | Selected selectable chip: semibold label |
|
|
32
|
+
| Selectable chip hover: label → `text-primary` | Label colour unchanged on hover |
|
|
33
|
+
| `disabled` dimmed the tag and sank its fill | `disabled` only stops it responding |
|
|
34
|
+
| `transition-colors duration-200` | no transition — the design switches the fill at 0ms |
|
|
35
|
+
| `TagInput size="sm"` rendered 20px tags | Renders the one 32px tag; the field grows to fit |
|
|
36
|
+
|
|
37
|
+
`Tag` is the only component with a changed public API. `TagInput`, `Select` and
|
|
38
|
+
`MultiSelectTags` compose it and need no changes at the call site, but their
|
|
39
|
+
tags are visibly taller.
|
|
40
|
+
|
|
41
|
+
## Step-by-step migration
|
|
42
|
+
|
|
43
|
+
### 1. Find all usages
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
# Tags that pass a size
|
|
47
|
+
grep -rn "<Tag" -A 6 src/ | grep -n "size="
|
|
48
|
+
|
|
49
|
+
# Layouts that assumed the old 24px/20px tag height
|
|
50
|
+
grep -rn "h-\[24px\]\|h-\[20px\]" src/
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
### 2. Drop the prop
|
|
54
|
+
|
|
55
|
+
**Before:**
|
|
56
|
+
|
|
57
|
+
```tsx
|
|
58
|
+
<Tag label="TypeScript" size={ElementSize.Small} />
|
|
59
|
+
<Tag label="Drafts" size={ElementSize.Standard} selected onClick={toggle} />
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
**After:**
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
<Tag label="TypeScript" />
|
|
66
|
+
<Tag label="Drafts" selected onClick={toggle} />
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### 3. Re-check the containers around your tags
|
|
70
|
+
|
|
71
|
+
A tag is 8px taller than the 0.13.x standard one and 12px taller than the small
|
|
72
|
+
one, so any row with a fixed height needs another look:
|
|
73
|
+
|
|
74
|
+
```tsx
|
|
75
|
+
// Before: a row sized to the old tag
|
|
76
|
+
<div className="flex h-[24px] items-center gap-1">{tags}</div>
|
|
77
|
+
|
|
78
|
+
// After: let the row take the tag's height
|
|
79
|
+
<div className="flex items-center gap-1">{tags}</div>
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
The same applies to a small `TagInput`: its field is `min-h-[24px]` over
|
|
83
|
+
`h-auto`, so it grows around the tags rather than clipping them — but a wrapper
|
|
84
|
+
you gave a fixed height will clip.
|
|
85
|
+
|
|
86
|
+
### 4. Update tests that asserted the old geometry
|
|
87
|
+
|
|
88
|
+
```diff
|
|
89
|
+
-expect(tag).toHaveClass('h-[20px]');
|
|
90
|
+
+expect(tag).toHaveClass('h-[32px]');
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
### 5. Verify
|
|
94
|
+
|
|
95
|
+
```bash
|
|
96
|
+
npm run typecheck && npm run test
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
`typecheck` finds every remaining `size` on a `Tag` for you — the prop is gone
|
|
100
|
+
from `TagProps`, so each one is a type error rather than a silent no-op.
|
|
101
|
+
|
|
102
|
+
## Notes
|
|
103
|
+
|
|
104
|
+
- A disabled tag is no longer dimmed — the design defines no disabled tag, so
|
|
105
|
+
`disabled` keeps the colours and only removes the click handling, the remove
|
|
106
|
+
control and the pointer. If your UI relies on a disabled tag being visibly
|
|
107
|
+
inert, say so with the surrounding copy or pass your own `className`.
|
|
108
|
+
- `TagAppearance.Outlined` keeps its name even though it no longer outlines
|
|
109
|
+
anything — renaming it would be a second breaking change in the same release.
|
|
110
|
+
Read it as "the default filled chip".
|
|
111
|
+
- The selected selectable chip is set in `dial-tiny-semi-text`, so selecting one
|
|
112
|
+
changes its width by the difference between the regular and semibold label. In
|
|
113
|
+
a wrapping filter row that is the intended behaviour; give the chip a width if
|
|
114
|
+
a stable layout matters more.
|
|
115
|
+
- `dial-kit-minimum-target` is gone from the tag itself. At 32px the rendered
|
|
116
|
+
size clears the WCAG 2.5.8 minimum of 24×24 on its own, so the pseudo-element
|
|
117
|
+
is no longer needed — and with it goes the target that used to sit over a
|
|
118
|
+
nested remove button. The remove button keeps its own.
|
|
119
|
+
- The class matrix now lives in `src/components/New/Tag/constants.ts`
|
|
120
|
+
(`tagBaseClassName`, `tagStateClassNames`, `tagHoverClassName`). These are
|
|
121
|
+
internal — they are not exported from the package.
|
|
@@ -24,6 +24,10 @@ migration-guides/
|
|
|
24
24
|
| 0.13.0 | [field-label-props-unification](0.13.0/field-label-props-unification.md) | `Calendar`, `Switch` and `ProgressBar` take `labelProps` instead of `label`, so every 2.0 field names itself through `Label` |
|
|
25
25
|
| 0.14.0 | [control-color-token-rename](0.14.0/control-color-token-rename.md) | Control tokens renamed by role: `control-disable-alpha`/`-beta` → `-primary`/`-secondary`, `text-control-blue-*` → `text-control-accent-*`, `bg-control-disable` → `bg-control-disable-primary`, `bg-control-neutral-hover` → `-hover-muted` |
|
|
26
26
|
| 0.14.0 | [focus-border-token-role-naming](0.14.0/focus-border-token-role-naming.md) | Border tokens `focus-black` → `focus` and `focus-blue` → `accent-focus`, reversing the 0.13.0 value-based naming |
|
|
27
|
+
| 0.14.0 | [select-multiselect-option-row](0.14.0/select-multiselect-option-row.md) | A multi-select `Select` option is one `option` with `aria-selected` and a decorative box, instead of an option wrapping a real `role="checkbox"` |
|
|
28
|
+
| 0.14.0 | [button-tooltip-2-0](0.14.0/button-tooltip-2-0.md) | `Button` and `IconButton` wrap the 2.0 `Tooltip` with `asChild`: `placement` takes `TooltipPlacement`, and the trigger `<span>` is gone |
|
|
29
|
+
| 0.14.0 | [tag-single-size](0.14.0/tag-single-size.md) | `Tag` drops `size` for one 32px pill; the selectable chip gets a semibold selected label |
|
|
30
|
+
| 0.14.0 | [shadow-token-per-step-rename](0.14.0/shadow-token-per-step-rename.md) | Shadow scale rebuilt per step: `sm` moves to the side panels, controls keep their shadow under `dial-kit-control-shadow` |
|
|
27
31
|
|
|
28
32
|
---
|
|
29
33
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
var O = /* @__PURE__ */ ((E) => (E.ITEM = "item", E.FOLDER = "folder", E))(O || {}), I = /* @__PURE__ */ ((E) => (E.FILE = "FILE", E.PROMPT = "PROMPT", E.CONVERSATION = "CONVERSATION", E.APPLICATION = "APPLICATION", E.TOOLSET = "TOOL_SET", E))(I || {}), A = /* @__PURE__ */ ((E) => (E.READ = "READ", E.WRITE = "WRITE", E.SHARE = "SHARE", E))(A || {});
|
|
2
|
+
export {
|
|
3
|
+
O as DialFileNodeType,
|
|
4
|
+
A as DialFilePermission,
|
|
5
|
+
I as DialFileResourceType
|
|
6
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { makeRequestCall as h, makeRequestCallFromTimer as r } from "./makeRequestCall.js";
|
|
2
|
+
class l {
|
|
3
|
+
// Use the fastest means possible to execute a task in its own turn, with
|
|
4
|
+
// priority over other events including IO, animation, reflow, and redraw
|
|
5
|
+
// events in browsers.
|
|
6
|
+
//
|
|
7
|
+
// An exception thrown by a task will permanently interrupt the processing of
|
|
8
|
+
// subsequent tasks. The higher level `asap` function ensures that if an
|
|
9
|
+
// exception is thrown by a task, that the task queue will continue flushing as
|
|
10
|
+
// soon as possible, but if you use `rawAsap` directly, you are responsible to
|
|
11
|
+
// either ensure that no exceptions are thrown from your task, or to manually
|
|
12
|
+
// call `rawAsap.requestFlush` if an exception is thrown.
|
|
13
|
+
enqueueTask(e) {
|
|
14
|
+
const { queue: t, requestFlush: s } = this;
|
|
15
|
+
t.length || (s(), this.flushing = !0), t[t.length] = e;
|
|
16
|
+
}
|
|
17
|
+
constructor() {
|
|
18
|
+
this.queue = [], this.pendingErrors = [], this.flushing = !1, this.index = 0, this.capacity = 1024, this.flush = () => {
|
|
19
|
+
const { queue: e } = this;
|
|
20
|
+
for (; this.index < e.length; ) {
|
|
21
|
+
const t = this.index;
|
|
22
|
+
if (this.index++, e[t].call(), this.index > this.capacity) {
|
|
23
|
+
for (let s = 0, i = e.length - this.index; s < i; s++)
|
|
24
|
+
e[s] = e[s + this.index];
|
|
25
|
+
e.length -= this.index, this.index = 0;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
e.length = 0, this.index = 0, this.flushing = !1;
|
|
29
|
+
}, this.registerPendingError = (e) => {
|
|
30
|
+
this.pendingErrors.push(e), this.requestErrorThrow();
|
|
31
|
+
}, this.requestFlush = h(this.flush), this.requestErrorThrow = r(() => {
|
|
32
|
+
if (this.pendingErrors.length)
|
|
33
|
+
throw this.pendingErrors.shift();
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
export {
|
|
38
|
+
l as AsapQueue
|
|
39
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
class a {
|
|
2
|
+
call() {
|
|
3
|
+
try {
|
|
4
|
+
this.task && this.task();
|
|
5
|
+
} catch (s) {
|
|
6
|
+
this.onError(s);
|
|
7
|
+
} finally {
|
|
8
|
+
this.task = null, this.release(this);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
constructor(s, t) {
|
|
12
|
+
this.onError = s, this.release = t, this.task = null;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
a as RawTask
|
|
17
|
+
};
|