entangle-ui 0.3.0 → 0.5.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/CHANGELOG.md +145 -8
- package/README.md +98 -52
- package/dist/esm/_virtual/cjs.js +4 -0
- package/dist/esm/_virtual/cjs.js.map +1 -0
- package/dist/esm/_virtual/cssesc.js +4 -0
- package/dist/esm/_virtual/cssesc.js.map +1 -0
- package/dist/esm/assets/src/components/controls/CartesianPicker/CartesianPicker.css.ts.vanilla-Ccao9ycw.css +23 -0
- package/dist/esm/assets/src/components/controls/ColorPicker/ColorPicker.css.ts.vanilla-Do5nbdgO.css +341 -0
- package/dist/esm/assets/src/components/controls/CurveEditor/CurveEditor.css.ts.vanilla-Vn9SOx70.css +76 -0
- package/dist/esm/assets/src/components/controls/NumberInput/NumberInput.css.ts.vanilla-uGNr81xQ.css +158 -0
- package/dist/esm/assets/src/components/controls/Select/Select.css.ts.vanilla-D4C059Ua.css +225 -0
- package/dist/esm/assets/src/components/controls/Slider/Slider.css.ts.vanilla-C5SJ_7A1.css +173 -0
- package/dist/esm/assets/src/components/controls/TreeView/TreeNode.css.ts.vanilla-D3ylUhuW.css +150 -0
- package/dist/esm/assets/src/components/controls/TreeView/TreeView.css.ts.vanilla-CsG5-rWt.css +14 -0
- package/dist/esm/assets/src/components/controls/VectorInput/VectorInput.css.ts.vanilla-BJma3iQ4.css +102 -0
- package/dist/esm/assets/src/components/editor/ChatPanel/ChatPanel.css.ts.vanilla-DPIGnZ4A.css +701 -0
- package/dist/esm/assets/src/components/editor/PropertyInspector/PropertyGroup.css.ts.vanilla-Co4n5a98.css +25 -0
- package/dist/esm/assets/src/components/editor/PropertyInspector/PropertyPanel.css.ts.vanilla-RYv_XgOu.css +46 -0
- package/dist/esm/assets/src/components/editor/PropertyInspector/PropertyRow.css.ts.vanilla-C3YZnnHb.css +75 -0
- package/dist/esm/assets/src/components/editor/PropertyInspector/PropertySection.css.ts.vanilla-DJBtY_xk.css +105 -0
- package/dist/esm/assets/src/components/editor/ViewportGizmo/ViewportGizmo.css.ts.vanilla-CEs2H-Iv.css +43 -0
- package/dist/esm/assets/src/components/feedback/Dialog/Dialog.css.ts.vanilla-BrXTOHwS.css +169 -0
- package/dist/esm/assets/src/components/feedback/Toast/ToastContainer.css.ts.vanilla-tBLsZ_70.css +13 -0
- package/dist/esm/assets/src/components/feedback/Toast/ToastItem.css.ts.vanilla-D6UuPKAj.css +152 -0
- package/dist/esm/assets/src/components/form/FormHelperText.css.ts.vanilla-CXKd9jtx.css +11 -0
- package/dist/esm/assets/src/components/form/FormLabel.css.ts.vanilla-DHn6CB2v.css +17 -0
- package/dist/esm/assets/src/components/form/InputWrapper.css.ts.vanilla-Bl7u62PI.css +44 -0
- package/dist/esm/assets/src/components/layout/Accordion/Accordion.css.ts.vanilla-Ck5Yew0e.css +118 -0
- package/dist/esm/assets/src/components/layout/Flex/Flex.css.ts.vanilla-D7wY2gY6.css +142 -0
- package/dist/esm/assets/src/components/layout/Grid/Grid.css.ts.vanilla-gqfqUi29.css +213 -0
- package/dist/esm/assets/src/components/layout/PanelSurface/PanelSurface.css.ts.vanilla-HZvObe0l.css +86 -0
- package/dist/esm/assets/src/components/layout/ScrollArea/ScrollArea.css.ts.vanilla-UsyrfXTC.css +126 -0
- package/dist/esm/assets/src/components/layout/Spacer/Spacer.css.ts.vanilla-A-7aOV46.css +14 -0
- package/dist/esm/assets/src/components/layout/SplitPane/SplitPane.css.ts.vanilla-BFxdvwyI.css +44 -0
- package/dist/esm/assets/src/components/layout/Stack/Stack.css.ts.vanilla-DNZOFYiD.css +123 -0
- package/dist/esm/assets/src/components/navigation/Menu/Menu.css.ts.vanilla-DD0c5D10.css +67 -0
- package/dist/esm/assets/src/components/navigation/Tabs/Tabs.css.ts.vanilla-D7RGpDPC.css +247 -0
- package/dist/esm/assets/src/components/primitives/Button/Button.css.ts.vanilla-CT592JL7.css +98 -0
- package/dist/esm/assets/src/components/primitives/Checkbox/Checkbox.css.ts.vanilla-dvrGPiPs.css +124 -0
- package/dist/esm/assets/src/components/primitives/Collapsible/Collapsible.css.ts.vanilla-C1rYV-JT.css +73 -0
- package/dist/esm/assets/src/components/primitives/Icon/Icon.css.ts.vanilla-DIZ6dped.css +45 -0
- package/dist/esm/assets/src/components/primitives/IconButton/IconButton.css.ts.vanilla-C-xAQoR3.css +123 -0
- package/dist/esm/assets/src/components/primitives/Input/Input.css.ts.vanilla-De5ditYa.css +74 -0
- package/dist/esm/assets/src/components/primitives/Paper/Paper.css.ts.vanilla-B_tPWU80.css +67 -0
- package/dist/esm/assets/src/components/primitives/Popover/Popover.css.ts.vanilla-DW6aAr57.css +60 -0
- package/dist/esm/assets/src/components/primitives/Switch/Switch.css.ts.vanilla-CxqwUToB.css +100 -0
- package/dist/esm/assets/src/components/primitives/Text/Text.css.ts.vanilla-qTMvgKKC.css +126 -0
- package/dist/esm/assets/src/components/primitives/Tooltip/Tooltip.css.ts.vanilla-CrEFoLBX.css +71 -0
- package/dist/esm/assets/src/components/primitives/canvas/CanvasContainer.css.ts.vanilla-DR3zkEYQ.css +32 -0
- package/dist/esm/assets/src/components/shell/AppShell/AppShell.css.ts.vanilla-BYmtU0O_.css +97 -0
- package/dist/esm/assets/src/components/shell/FloatingPanel/FloatingPanel.css.ts.vanilla-1rIAXEFp.css +88 -0
- package/dist/esm/assets/src/components/shell/MenuBar/MenuBar.css.ts.vanilla-TgPcl4yA.css +120 -0
- package/dist/esm/assets/src/components/shell/StatusBar/StatusBar.css.ts.vanilla-BqpCJsZ1.css +113 -0
- package/dist/esm/assets/src/components/shell/Toolbar/Toolbar.css.ts.vanilla-DPqftT18.css +97 -0
- package/dist/esm/assets/src/theme/darkTheme.css.ts.vanilla-DCe89yCJ.css +96 -0
- package/dist/esm/components/Icons/AddIcon.js +30 -0
- package/dist/esm/components/Icons/AddIcon.js.map +1 -0
- package/dist/esm/components/Icons/AiChatIcon.js +31 -0
- package/dist/esm/components/Icons/AiChatIcon.js.map +1 -0
- package/dist/esm/components/Icons/AiSparklesIcon.js +31 -0
- package/dist/esm/components/Icons/AiSparklesIcon.js.map +1 -0
- package/dist/esm/components/Icons/ArrowDownIcon.js +30 -0
- package/dist/esm/components/Icons/ArrowDownIcon.js.map +1 -0
- package/dist/esm/components/Icons/ArrowLeftIcon.js +30 -0
- package/dist/esm/components/Icons/ArrowLeftIcon.js.map +1 -0
- package/dist/esm/components/Icons/ArrowRightIcon.js +30 -0
- package/dist/esm/components/Icons/ArrowRightIcon.js.map +1 -0
- package/dist/esm/components/Icons/ArrowUpIcon.js +30 -0
- package/dist/esm/components/Icons/ArrowUpIcon.js.map +1 -0
- package/dist/esm/components/Icons/BookmarkIcon.js +30 -0
- package/dist/esm/components/Icons/BookmarkIcon.js.map +1 -0
- package/dist/esm/components/Icons/CalendarIcon.js +30 -0
- package/dist/esm/components/Icons/CalendarIcon.js.map +1 -0
- package/dist/esm/components/Icons/CheckIcon.js +5 -2
- package/dist/esm/components/Icons/CheckIcon.js.map +1 -1
- package/dist/esm/components/Icons/ChevronDownIcon.js +5 -2
- package/dist/esm/components/Icons/ChevronDownIcon.js.map +1 -1
- package/dist/esm/components/Icons/ChevronUpIcon.js +5 -2
- package/dist/esm/components/Icons/ChevronUpIcon.js.map +1 -1
- package/dist/esm/components/Icons/CircleIcon.js +5 -2
- package/dist/esm/components/Icons/CircleIcon.js.map +1 -1
- package/dist/esm/components/Icons/ClockIcon.js +30 -0
- package/dist/esm/components/Icons/ClockIcon.js.map +1 -0
- package/dist/esm/components/Icons/CloseIcon.js +5 -2
- package/dist/esm/components/Icons/CloseIcon.js.map +1 -1
- package/dist/esm/components/Icons/CodeIcon.js +30 -0
- package/dist/esm/components/Icons/CodeIcon.js.map +1 -0
- package/dist/esm/components/Icons/CopyIcon.js +30 -0
- package/dist/esm/components/Icons/CopyIcon.js.map +1 -0
- package/dist/esm/components/Icons/CutIcon.js +30 -0
- package/dist/esm/components/Icons/CutIcon.js.map +1 -0
- package/dist/esm/components/Icons/DownloadIcon.js +30 -0
- package/dist/esm/components/Icons/DownloadIcon.js.map +1 -0
- package/dist/esm/components/Icons/EditIcon.js +30 -0
- package/dist/esm/components/Icons/EditIcon.js.map +1 -0
- package/dist/esm/components/Icons/ErrorIcon.js +30 -0
- package/dist/esm/components/Icons/ErrorIcon.js.map +1 -0
- package/dist/esm/components/Icons/EyeDropperIcon.js +5 -2
- package/dist/esm/components/Icons/EyeDropperIcon.js.map +1 -1
- package/dist/esm/components/Icons/EyeIcon.js +30 -0
- package/dist/esm/components/Icons/EyeIcon.js.map +1 -0
- package/dist/esm/components/Icons/FilterIcon.js +30 -0
- package/dist/esm/components/Icons/FilterIcon.js.map +1 -0
- package/dist/esm/components/Icons/FolderIcon.js +30 -0
- package/dist/esm/components/Icons/FolderIcon.js.map +1 -0
- package/dist/esm/components/Icons/FullscreenIcon.js +30 -0
- package/dist/esm/components/Icons/FullscreenIcon.js.map +1 -0
- package/dist/esm/components/Icons/GridIcon.js +30 -0
- package/dist/esm/components/Icons/GridIcon.js.map +1 -0
- package/dist/esm/components/Icons/HeartIcon.js +30 -0
- package/dist/esm/components/Icons/HeartIcon.js.map +1 -0
- package/dist/esm/components/Icons/HelpIcon.js +30 -0
- package/dist/esm/components/Icons/HelpIcon.js.map +1 -0
- package/dist/esm/components/Icons/HomeIcon.js +30 -0
- package/dist/esm/components/Icons/HomeIcon.js.map +1 -0
- package/dist/esm/components/Icons/InfoIcon.js +30 -0
- package/dist/esm/components/Icons/InfoIcon.js.map +1 -0
- package/dist/esm/components/Icons/LinkIcon.js +30 -0
- package/dist/esm/components/Icons/LinkIcon.js.map +1 -0
- package/dist/esm/components/Icons/ListIcon.js +30 -0
- package/dist/esm/components/Icons/ListIcon.js.map +1 -0
- package/dist/esm/components/Icons/LockIcon.js +30 -0
- package/dist/esm/components/Icons/LockIcon.js.map +1 -0
- package/dist/esm/components/Icons/MaximizeIcon.js +30 -0
- package/dist/esm/components/Icons/MaximizeIcon.js.map +1 -0
- package/dist/esm/components/Icons/MenuIcon.js +30 -0
- package/dist/esm/components/Icons/MenuIcon.js.map +1 -0
- package/dist/esm/components/Icons/MinimizeIcon.js +30 -0
- package/dist/esm/components/Icons/MinimizeIcon.js.map +1 -0
- package/dist/esm/components/Icons/PasteIcon.js +30 -0
- package/dist/esm/components/Icons/PasteIcon.js.map +1 -0
- package/dist/esm/components/Icons/PlayIcon.js +30 -0
- package/dist/esm/components/Icons/PlayIcon.js.map +1 -0
- package/dist/esm/components/Icons/RedoIcon.js +30 -0
- package/dist/esm/components/Icons/RedoIcon.js.map +1 -0
- package/dist/esm/components/Icons/RefreshIcon.js +30 -0
- package/dist/esm/components/Icons/RefreshIcon.js.map +1 -0
- package/dist/esm/components/Icons/RobotIcon.js +30 -0
- package/dist/esm/components/Icons/RobotIcon.js.map +1 -0
- package/dist/esm/components/Icons/SaveIcon.js +30 -0
- package/dist/esm/components/Icons/SaveIcon.js.map +1 -0
- package/dist/esm/components/Icons/SearchIcon.js +30 -0
- package/dist/esm/components/Icons/SearchIcon.js.map +1 -0
- package/dist/esm/components/Icons/SettingsIcon.js +30 -0
- package/dist/esm/components/Icons/SettingsIcon.js.map +1 -0
- package/dist/esm/components/Icons/SortIcon.js +30 -0
- package/dist/esm/components/Icons/SortIcon.js.map +1 -0
- package/dist/esm/components/Icons/StarIcon.js +30 -0
- package/dist/esm/components/Icons/StarIcon.js.map +1 -0
- package/dist/esm/components/Icons/SuccessIcon.js +30 -0
- package/dist/esm/components/Icons/SuccessIcon.js.map +1 -0
- package/dist/esm/components/Icons/TagIcon.js +30 -0
- package/dist/esm/components/Icons/TagIcon.js.map +1 -0
- package/dist/esm/components/Icons/TangentAlignedIcon.js +5 -2
- package/dist/esm/components/Icons/TangentAlignedIcon.js.map +1 -1
- package/dist/esm/components/Icons/TangentAutoIcon.js +5 -2
- package/dist/esm/components/Icons/TangentAutoIcon.js.map +1 -1
- package/dist/esm/components/Icons/TangentFreeIcon.js +5 -2
- package/dist/esm/components/Icons/TangentFreeIcon.js.map +1 -1
- package/dist/esm/components/Icons/TangentLinearIcon.js +5 -2
- package/dist/esm/components/Icons/TangentLinearIcon.js.map +1 -1
- package/dist/esm/components/Icons/TangentMirroredIcon.js +5 -2
- package/dist/esm/components/Icons/TangentMirroredIcon.js.map +1 -1
- package/dist/esm/components/Icons/TangentStepIcon.js +5 -2
- package/dist/esm/components/Icons/TangentStepIcon.js.map +1 -1
- package/dist/esm/components/Icons/TrashIcon.js +30 -0
- package/dist/esm/components/Icons/TrashIcon.js.map +1 -0
- package/dist/esm/components/Icons/UndoIcon.js +30 -0
- package/dist/esm/components/Icons/UndoIcon.js.map +1 -0
- package/dist/esm/components/Icons/UnlockIcon.js +30 -0
- package/dist/esm/components/Icons/UnlockIcon.js.map +1 -0
- package/dist/esm/components/Icons/UploadIcon.js +30 -0
- package/dist/esm/components/Icons/UploadIcon.js.map +1 -0
- package/dist/esm/components/Icons/UserIcon.js +30 -0
- package/dist/esm/components/Icons/UserIcon.js.map +1 -0
- package/dist/esm/components/Icons/WarningIcon.js +30 -0
- package/dist/esm/components/Icons/WarningIcon.js.map +1 -0
- package/dist/esm/components/Icons/ZoomInIcon.js +30 -0
- package/dist/esm/components/Icons/ZoomInIcon.js.map +1 -0
- package/dist/esm/components/Icons/ZoomOutIcon.js +30 -0
- package/dist/esm/components/Icons/ZoomOutIcon.js.map +1 -0
- package/dist/esm/components/controls/CartesianPicker/CartesianPicker.css.js +9 -0
- package/dist/esm/components/controls/CartesianPicker/CartesianPicker.css.js.map +1 -0
- package/dist/esm/components/controls/CartesianPicker/CartesianPicker.js +99 -0
- package/dist/esm/components/controls/CartesianPicker/CartesianPicker.js.map +1 -0
- package/dist/esm/components/controls/CartesianPicker/useCartesianInteraction.js +230 -0
- package/dist/esm/components/controls/CartesianPicker/useCartesianInteraction.js.map +1 -0
- package/dist/esm/components/controls/CartesianPicker/useCartesianRenderer.js +122 -0
- package/dist/esm/components/controls/CartesianPicker/useCartesianRenderer.js.map +1 -0
- package/dist/esm/components/controls/ColorPicker/AlphaSlider.js +4 -41
- package/dist/esm/components/controls/ColorPicker/AlphaSlider.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/ColorArea.js +3 -32
- package/dist/esm/components/controls/ColorPicker/ColorArea.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/ColorInputs.js +3 -68
- package/dist/esm/components/controls/ColorPicker/ColorInputs.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/ColorPalette.js +5 -75
- package/dist/esm/components/controls/ColorPicker/ColorPalette.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/ColorPicker.css.js +34 -0
- package/dist/esm/components/controls/ColorPicker/ColorPicker.css.js.map +1 -0
- package/dist/esm/components/controls/ColorPicker/ColorPicker.js +4 -18
- package/dist/esm/components/controls/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/ColorPresets.js +5 -44
- package/dist/esm/components/controls/ColorPicker/ColorPresets.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/ColorSwatch.js +4 -58
- package/dist/esm/components/controls/ColorPicker/ColorSwatch.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/EyeDropper.js +4 -50
- package/dist/esm/components/controls/ColorPicker/EyeDropper.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/HueSlider.js +3 -32
- package/dist/esm/components/controls/ColorPicker/HueSlider.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/colorUtils.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/palettes/material.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/palettes/professional.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/palettes/tailwind.js.map +1 -1
- package/dist/esm/components/controls/ColorPicker/useColor.js +1 -0
- package/dist/esm/components/controls/ColorPicker/useColor.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/CurveCanvas.js +8 -30
- package/dist/esm/components/controls/CurveEditor/CurveCanvas.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/CurveEditor.css.js +17 -0
- package/dist/esm/components/controls/CurveEditor/CurveEditor.css.js.map +1 -0
- package/dist/esm/components/controls/CurveEditor/CurveEditor.js +17 -23
- package/dist/esm/components/controls/CurveEditor/CurveEditor.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/CurveToolbar.js +63 -24
- package/dist/esm/components/controls/CurveEditor/CurveToolbar.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/curvePresets.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/curveUtils.js +7 -16
- package/dist/esm/components/controls/CurveEditor/curveUtils.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/useCurveInteraction.js +1 -0
- package/dist/esm/components/controls/CurveEditor/useCurveInteraction.js.map +1 -1
- package/dist/esm/components/controls/CurveEditor/useCurveRenderer.js +39 -193
- package/dist/esm/components/controls/CurveEditor/useCurveRenderer.js.map +1 -1
- package/dist/esm/components/controls/NumberInput/NumberInput.css.js +17 -0
- package/dist/esm/components/controls/NumberInput/NumberInput.css.js.map +1 -0
- package/dist/esm/components/controls/NumberInput/NumberInput.js +22 -166
- package/dist/esm/components/controls/NumberInput/NumberInput.js.map +1 -1
- package/dist/esm/components/controls/NumberInput/useNumberInput.js +1 -1
- package/dist/esm/components/controls/NumberInput/useNumberInput.js.map +1 -1
- package/dist/esm/components/controls/Select/Select.css.js +18 -0
- package/dist/esm/components/controls/Select/Select.css.js.map +1 -0
- package/dist/esm/components/controls/Select/Select.js +29 -235
- package/dist/esm/components/controls/Select/Select.js.map +1 -1
- package/dist/esm/components/controls/Slider/Slider.css.js +17 -0
- package/dist/esm/components/controls/Slider/Slider.css.js.map +1 -0
- package/dist/esm/components/controls/Slider/Slider.js +12 -159
- package/dist/esm/components/controls/Slider/Slider.js.map +1 -1
- package/dist/esm/components/controls/TreeView/TreeNode.css.js +15 -0
- package/dist/esm/components/controls/TreeView/TreeNode.css.js.map +1 -0
- package/dist/esm/components/controls/TreeView/TreeNode.js +18 -90
- package/dist/esm/components/controls/TreeView/TreeNode.js.map +1 -1
- package/dist/esm/components/controls/TreeView/TreeView.css.js +8 -0
- package/dist/esm/components/controls/TreeView/TreeView.css.js.map +1 -0
- package/dist/esm/components/controls/TreeView/TreeView.js +11 -18
- package/dist/esm/components/controls/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/controls/TreeView/useTreeState.js +1 -0
- package/dist/esm/components/controls/TreeView/useTreeState.js.map +1 -1
- package/dist/esm/components/controls/VectorInput/VectorInput.css.js +13 -0
- package/dist/esm/components/controls/VectorInput/VectorInput.css.js.map +1 -0
- package/dist/esm/components/controls/VectorInput/VectorInput.js +11 -83
- package/dist/esm/components/controls/VectorInput/VectorInput.js.map +1 -1
- package/dist/esm/components/editor/ChatPanel/ChatActionBar.js +13 -0
- package/dist/esm/components/editor/ChatPanel/ChatActionBar.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatAttachment.js +31 -0
- package/dist/esm/components/editor/ChatPanel/ChatAttachment.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatBubble.js +13 -0
- package/dist/esm/components/editor/ChatPanel/ChatBubble.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatCodeBlock.js +34 -0
- package/dist/esm/components/editor/ChatPanel/ChatCodeBlock.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatContextChip.js +14 -0
- package/dist/esm/components/editor/ChatPanel/ChatContextChip.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatEmptyState.js +16 -0
- package/dist/esm/components/editor/ChatPanel/ChatEmptyState.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatIcons.js +18 -0
- package/dist/esm/components/editor/ChatPanel/ChatIcons.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatInput.js +67 -0
- package/dist/esm/components/editor/ChatPanel/ChatInput.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatInputToolbar.js +13 -0
- package/dist/esm/components/editor/ChatPanel/ChatInputToolbar.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatMessage.js +37 -0
- package/dist/esm/components/editor/ChatPanel/ChatMessage.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatMessageList.js +32 -0
- package/dist/esm/components/editor/ChatPanel/ChatMessageList.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatPanel.css.js +72 -0
- package/dist/esm/components/editor/ChatPanel/ChatPanel.css.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatPanel.js +13 -0
- package/dist/esm/components/editor/ChatPanel/ChatPanel.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatToolCall.js +33 -0
- package/dist/esm/components/editor/ChatPanel/ChatToolCall.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/ChatTypingIndicator.js +16 -0
- package/dist/esm/components/editor/ChatPanel/ChatTypingIndicator.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/useChatInput.js +60 -0
- package/dist/esm/components/editor/ChatPanel/useChatInput.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/useChatMessages.js +47 -0
- package/dist/esm/components/editor/ChatPanel/useChatMessages.js.map +1 -0
- package/dist/esm/components/editor/ChatPanel/useChatScroll.js +71 -0
- package/dist/esm/components/editor/ChatPanel/useChatScroll.js.map +1 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyGroup.css.js +10 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyGroup.css.js.map +1 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyGroup.js +14 -34
- package/dist/esm/components/editor/PropertyInspector/PropertyGroup.js.map +1 -1
- package/dist/esm/components/editor/PropertyInspector/PropertyPanel.css.js +13 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyPanel.css.js.map +1 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyPanel.js +35 -64
- package/dist/esm/components/editor/PropertyInspector/PropertyPanel.js.map +1 -1
- package/dist/esm/components/editor/PropertyInspector/PropertyRow.css.js +15 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyRow.css.js.map +1 -0
- package/dist/esm/components/editor/PropertyInspector/PropertyRow.js +34 -114
- package/dist/esm/components/editor/PropertyInspector/PropertyRow.js.map +1 -1
- package/dist/esm/components/editor/PropertyInspector/PropertySection.css.js +15 -0
- package/dist/esm/components/editor/PropertyInspector/PropertySection.css.js.map +1 -0
- package/dist/esm/components/editor/PropertyInspector/PropertySection.js +15 -100
- package/dist/esm/components/editor/PropertyInspector/PropertySection.js.map +1 -1
- package/dist/esm/components/editor/PropertyInspector/usePropertyUndo.js +1 -0
- package/dist/esm/components/editor/PropertyInspector/usePropertyUndo.js.map +1 -1
- package/dist/esm/components/editor/ViewportGizmo/ViewportGizmo.css.js +10 -0
- package/dist/esm/components/editor/ViewportGizmo/ViewportGizmo.css.js.map +1 -0
- package/dist/esm/components/editor/ViewportGizmo/ViewportGizmo.js +90 -0
- package/dist/esm/components/editor/ViewportGizmo/ViewportGizmo.js.map +1 -0
- package/dist/esm/components/editor/ViewportGizmo/gizmoMath.js +259 -0
- package/dist/esm/components/editor/ViewportGizmo/gizmoMath.js.map +1 -0
- package/dist/esm/components/editor/ViewportGizmo/useGizmoInteraction.js +250 -0
- package/dist/esm/components/editor/ViewportGizmo/useGizmoInteraction.js.map +1 -0
- package/dist/esm/components/editor/ViewportGizmo/useGizmoRenderer.js +191 -0
- package/dist/esm/components/editor/ViewportGizmo/useGizmoRenderer.js.map +1 -0
- package/dist/esm/components/feedback/Dialog/Dialog.css.js +16 -0
- package/dist/esm/components/feedback/Dialog/Dialog.css.js.map +1 -0
- package/dist/esm/components/feedback/Dialog/Dialog.js +6 -4
- package/dist/esm/components/feedback/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/feedback/Dialog/DialogBody.js +5 -15
- package/dist/esm/components/feedback/Dialog/DialogBody.js.map +1 -1
- package/dist/esm/components/feedback/Dialog/DialogClose.js +1 -0
- package/dist/esm/components/feedback/Dialog/DialogClose.js.map +1 -1
- package/dist/esm/components/feedback/Dialog/DialogFooter.js +5 -24
- package/dist/esm/components/feedback/Dialog/DialogFooter.js.map +1 -1
- package/dist/esm/components/feedback/Dialog/DialogHeader.js +5 -63
- package/dist/esm/components/feedback/Dialog/DialogHeader.js.map +1 -1
- package/dist/esm/components/feedback/Dialog/useDialogAnimation.js +2 -1
- package/dist/esm/components/feedback/Dialog/useDialogAnimation.js.map +1 -1
- package/dist/esm/components/feedback/Dialog/useFocusTrap.js +1 -0
- package/dist/esm/components/feedback/Dialog/useFocusTrap.js.map +1 -1
- package/dist/esm/components/feedback/Toast/ToastContainer.css.js +10 -0
- package/dist/esm/components/feedback/Toast/ToastContainer.css.js.map +1 -0
- package/dist/esm/components/feedback/Toast/ToastContainer.js +12 -10
- package/dist/esm/components/feedback/Toast/ToastContainer.js.map +1 -1
- package/dist/esm/components/feedback/Toast/ToastItem.css.js +16 -0
- package/dist/esm/components/feedback/Toast/ToastItem.css.js.map +1 -0
- package/dist/esm/components/feedback/Toast/ToastItem.js +8 -138
- package/dist/esm/components/feedback/Toast/ToastItem.js.map +1 -1
- package/dist/esm/components/feedback/Toast/ToastProvider.js +1 -0
- package/dist/esm/components/feedback/Toast/ToastProvider.js.map +1 -1
- package/dist/esm/components/feedback/Toast/useToast.js +1 -0
- package/dist/esm/components/feedback/Toast/useToast.js.map +1 -1
- package/dist/esm/components/form/FormHelperText.css.js +7 -0
- package/dist/esm/components/form/FormHelperText.css.js.map +1 -0
- package/dist/esm/components/form/FormHelperText.js +5 -15
- package/dist/esm/components/form/FormHelperText.js.map +1 -1
- package/dist/esm/components/form/FormLabel.css.js +8 -0
- package/dist/esm/components/form/FormLabel.css.js.map +1 -0
- package/dist/esm/components/form/FormLabel.js +5 -21
- package/dist/esm/components/form/FormLabel.js.map +1 -1
- package/dist/esm/components/form/InputWrapper.css.js +7 -0
- package/dist/esm/components/form/InputWrapper.css.js.map +1 -0
- package/dist/esm/components/form/InputWrapper.js +6 -74
- package/dist/esm/components/form/InputWrapper.js.map +1 -1
- package/dist/esm/components/layout/Accordion/Accordion.css.js +20 -0
- package/dist/esm/components/layout/Accordion/Accordion.css.js.map +1 -0
- package/dist/esm/components/layout/Accordion/Accordion.js +12 -11
- package/dist/esm/components/layout/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/layout/Accordion/AccordionContent.js +4 -20
- package/dist/esm/components/layout/Accordion/AccordionContent.js.map +1 -1
- package/dist/esm/components/layout/Accordion/AccordionItem.js +4 -7
- package/dist/esm/components/layout/Accordion/AccordionItem.js.map +1 -1
- package/dist/esm/components/layout/Accordion/AccordionTrigger.js +12 -96
- package/dist/esm/components/layout/Accordion/AccordionTrigger.js.map +1 -1
- package/dist/esm/components/layout/Flex/Flex.css.js +11 -0
- package/dist/esm/components/layout/Flex/Flex.css.js.map +1 -0
- package/dist/esm/components/layout/Flex/Flex.js +47 -73
- package/dist/esm/components/layout/Flex/Flex.js.map +1 -1
- package/dist/esm/components/layout/Grid/Grid.css.js +9 -0
- package/dist/esm/components/layout/Grid/Grid.css.js.map +1 -0
- package/dist/esm/components/layout/Grid/Grid.js +39 -64
- package/dist/esm/components/layout/Grid/Grid.js.map +1 -1
- package/dist/esm/components/layout/PanelSurface/PanelSurface.css.js +16 -0
- package/dist/esm/components/layout/PanelSurface/PanelSurface.css.js.map +1 -0
- package/dist/esm/components/layout/PanelSurface/PanelSurface.js +23 -78
- package/dist/esm/components/layout/PanelSurface/PanelSurface.js.map +1 -1
- package/dist/esm/components/layout/ScrollArea/ScrollArea.css.js +27 -0
- package/dist/esm/components/layout/ScrollArea/ScrollArea.css.js.map +1 -0
- package/dist/esm/components/layout/ScrollArea/ScrollArea.js +35 -134
- package/dist/esm/components/layout/ScrollArea/ScrollArea.js.map +1 -1
- package/dist/esm/components/layout/Spacer/Spacer.css.js +8 -0
- package/dist/esm/components/layout/Spacer/Spacer.css.js.map +1 -0
- package/dist/esm/components/layout/Spacer/Spacer.js +13 -31
- package/dist/esm/components/layout/Spacer/Spacer.js.map +1 -1
- package/dist/esm/components/layout/SplitPane/SplitPane.css.js +10 -0
- package/dist/esm/components/layout/SplitPane/SplitPane.css.js.map +1 -0
- package/dist/esm/components/layout/SplitPane/SplitPane.js +12 -36
- package/dist/esm/components/layout/SplitPane/SplitPane.js.map +1 -1
- package/dist/esm/components/layout/SplitPane/SplitPanePanel.js +5 -8
- package/dist/esm/components/layout/SplitPane/SplitPanePanel.js.map +1 -1
- package/dist/esm/components/layout/Stack/Stack.css.js +8 -0
- package/dist/esm/components/layout/Stack/Stack.css.js.map +1 -0
- package/dist/esm/components/layout/Stack/Stack.js +36 -65
- package/dist/esm/components/layout/Stack/Stack.js.map +1 -1
- package/dist/esm/components/navigation/ContextMenu/ContextMenu.js +67 -5
- package/dist/esm/components/navigation/ContextMenu/ContextMenu.js.map +1 -1
- package/dist/esm/components/navigation/ContextMenu/useContextMenuTarget.js +1 -0
- package/dist/esm/components/navigation/ContextMenu/useContextMenuTarget.js.map +1 -1
- package/dist/esm/components/navigation/Menu/Menu.css.js +16 -0
- package/dist/esm/components/navigation/Menu/Menu.css.js.map +1 -0
- package/dist/esm/components/navigation/Menu/Menu.helpers.js +71 -8
- package/dist/esm/components/navigation/Menu/Menu.helpers.js.map +1 -1
- package/dist/esm/components/navigation/Menu/Menu.js +67 -5
- package/dist/esm/components/navigation/Menu/Menu.js.map +1 -1
- package/dist/esm/components/navigation/Menu/useMenu.js +1 -0
- package/dist/esm/components/navigation/Menu/useMenu.js.map +1 -1
- package/dist/esm/components/navigation/Tabs/Tab.js +93 -175
- package/dist/esm/components/navigation/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/navigation/Tabs/TabList.js +5 -56
- package/dist/esm/components/navigation/Tabs/TabList.js.map +1 -1
- package/dist/esm/components/navigation/Tabs/TabPanel.js +4 -12
- package/dist/esm/components/navigation/Tabs/TabPanel.js.map +1 -1
- package/dist/esm/components/navigation/Tabs/Tabs.css.js +26 -0
- package/dist/esm/components/navigation/Tabs/Tabs.css.js.map +1 -0
- package/dist/esm/components/navigation/Tabs/Tabs.js +6 -13
- package/dist/esm/components/navigation/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/primitives/Button/Button.css.js +9 -0
- package/dist/esm/components/primitives/Button/Button.css.js.map +1 -0
- package/dist/esm/components/primitives/Button/Button.js +5 -149
- package/dist/esm/components/primitives/Button/Button.js.map +1 -1
- package/dist/esm/components/primitives/Checkbox/Checkbox.css.js +14 -0
- package/dist/esm/components/primitives/Checkbox/Checkbox.css.js.map +1 -0
- package/dist/esm/components/primitives/Checkbox/Checkbox.js +20 -112
- package/dist/esm/components/primitives/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/primitives/Checkbox/CheckboxGroup.js +10 -17
- package/dist/esm/components/primitives/Checkbox/CheckboxGroup.js.map +1 -1
- package/dist/esm/components/primitives/Collapsible/Collapsible.css.js +18 -0
- package/dist/esm/components/primitives/Collapsible/Collapsible.css.js.map +1 -0
- package/dist/esm/components/primitives/Collapsible/Collapsible.js +45 -83
- package/dist/esm/components/primitives/Collapsible/Collapsible.js.map +1 -1
- package/dist/esm/components/primitives/Icon/Icon.css.js +7 -0
- package/dist/esm/components/primitives/Icon/Icon.css.js.map +1 -0
- package/dist/esm/components/primitives/Icon/Icon.js +23 -55
- package/dist/esm/components/primitives/Icon/Icon.js.map +1 -1
- package/dist/esm/components/primitives/IconButton/IconButton.css.js +8 -0
- package/dist/esm/components/primitives/IconButton/IconButton.css.js.map +1 -0
- package/dist/esm/components/primitives/IconButton/IconButton.js +10 -170
- package/dist/esm/components/primitives/IconButton/IconButton.js.map +1 -1
- package/dist/esm/components/primitives/Input/Input.css.js +12 -0
- package/dist/esm/components/primitives/Input/Input.css.js.map +1 -0
- package/dist/esm/components/primitives/Input/Input.js +11 -79
- package/dist/esm/components/primitives/Input/Input.js.map +1 -1
- package/dist/esm/components/primitives/Paper/Paper.css.js +7 -0
- package/dist/esm/components/primitives/Paper/Paper.css.js.map +1 -0
- package/dist/esm/components/primitives/Paper/Paper.js +18 -90
- package/dist/esm/components/primitives/Paper/Paper.js.map +1 -1
- package/dist/esm/components/primitives/Popover/Popover.css.js +8 -0
- package/dist/esm/components/primitives/Popover/Popover.css.js.map +1 -0
- package/dist/esm/components/primitives/Popover/Popover.js +1 -0
- package/dist/esm/components/primitives/Popover/Popover.js.map +1 -1
- package/dist/esm/components/primitives/Popover/PopoverClose.js +4 -32
- package/dist/esm/components/primitives/Popover/PopoverClose.js.map +1 -1
- package/dist/esm/components/primitives/Popover/PopoverContent.js +19 -45
- package/dist/esm/components/primitives/Popover/PopoverContent.js.map +1 -1
- package/dist/esm/components/primitives/Popover/PopoverTrigger.js +1 -0
- package/dist/esm/components/primitives/Popover/PopoverTrigger.js.map +1 -1
- package/dist/esm/components/primitives/Switch/Switch.css.js +15 -0
- package/dist/esm/components/primitives/Switch/Switch.css.js.map +1 -0
- package/dist/esm/components/primitives/Switch/Switch.js +29 -122
- package/dist/esm/components/primitives/Switch/Switch.js.map +1 -1
- package/dist/esm/components/primitives/Text/Text.css.js +9 -0
- package/dist/esm/components/primitives/Text/Text.css.js.map +1 -0
- package/dist/esm/components/primitives/Text/Text.js +20 -126
- package/dist/esm/components/primitives/Text/Text.js.map +1 -1
- package/dist/esm/components/primitives/Tooltip/Arrow.js +8 -41
- package/dist/esm/components/primitives/Tooltip/Arrow.js.map +1 -1
- package/dist/esm/components/primitives/Tooltip/Tooltip.css.js +9 -0
- package/dist/esm/components/primitives/Tooltip/Tooltip.css.js.map +1 -0
- package/dist/esm/components/primitives/Tooltip/Tooltip.js +20 -79
- package/dist/esm/components/primitives/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/primitives/Tooltip/utils.js.map +1 -1
- package/dist/esm/components/primitives/canvas/CanvasContainer.css.js +10 -0
- package/dist/esm/components/primitives/canvas/CanvasContainer.css.js.map +1 -0
- package/dist/esm/components/primitives/canvas/CanvasContainer.js +32 -0
- package/dist/esm/components/primitives/canvas/CanvasContainer.js.map +1 -0
- package/dist/esm/components/primitives/canvas/canvasCoords.js +51 -0
- package/dist/esm/components/primitives/canvas/canvasCoords.js.map +1 -0
- package/dist/esm/components/primitives/canvas/canvasDrawing.js +251 -0
- package/dist/esm/components/primitives/canvas/canvasDrawing.js.map +1 -0
- package/dist/esm/components/primitives/canvas/canvasTheme.js +43 -0
- package/dist/esm/components/primitives/canvas/canvasTheme.js.map +1 -0
- package/dist/esm/components/primitives/canvas/useCanvasRenderer.js +26 -0
- package/dist/esm/components/primitives/canvas/useCanvasRenderer.js.map +1 -0
- package/dist/esm/components/shell/AppShell/AppShell.css.js +13 -0
- package/dist/esm/components/shell/AppShell/AppShell.css.js.map +1 -0
- package/dist/esm/components/shell/AppShell/AppShell.js +16 -101
- package/dist/esm/components/shell/AppShell/AppShell.js.map +1 -1
- package/dist/esm/components/shell/FloatingPanel/FloatingPanel.css.js +18 -0
- package/dist/esm/components/shell/FloatingPanel/FloatingPanel.css.js.map +1 -0
- package/dist/esm/components/shell/FloatingPanel/FloatingPanel.js +20 -97
- package/dist/esm/components/shell/FloatingPanel/FloatingPanel.js.map +1 -1
- package/dist/esm/components/shell/MenuBar/MenuBar.css.js +16 -0
- package/dist/esm/components/shell/MenuBar/MenuBar.css.js.map +1 -0
- package/dist/esm/components/shell/MenuBar/MenuBar.js +16 -141
- package/dist/esm/components/shell/MenuBar/MenuBar.js.map +1 -1
- package/dist/esm/components/shell/StatusBar/StatusBar.css.js +11 -0
- package/dist/esm/components/shell/StatusBar/StatusBar.css.js.map +1 -0
- package/dist/esm/components/shell/StatusBar/StatusBar.js +12 -108
- package/dist/esm/components/shell/StatusBar/StatusBar.js.map +1 -1
- package/dist/esm/components/shell/Toolbar/Toolbar.css.js +11 -0
- package/dist/esm/components/shell/Toolbar/Toolbar.css.js.map +1 -0
- package/dist/esm/components/shell/Toolbar/Toolbar.js +25 -101
- package/dist/esm/components/shell/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/context/KeyboardContext.js +1 -0
- package/dist/esm/context/KeyboardContext.js.map +1 -1
- package/dist/esm/index.js +26 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js +15 -0
- package/dist/esm/node_modules/@vanilla-extract/css/adapter/dist/vanilla-extract-css-adapter.esm.js.map +1 -0
- package/dist/esm/node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js +128 -0
- package/dist/esm/node_modules/@vanilla-extract/css/dist/transformCss-fd0786e1.esm.js.map +1 -0
- package/dist/esm/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js +70 -0
- package/dist/esm/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js.map +1 -0
- package/dist/esm/node_modules/@vanilla-extract/css/node_modules/lru-cache/dist/esm/index.js +1543 -0
- package/dist/esm/node_modules/@vanilla-extract/css/node_modules/lru-cache/dist/esm/index.js.map +1 -0
- package/dist/esm/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js +25 -0
- package/dist/esm/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js.map +1 -0
- package/dist/esm/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +10 -0
- package/dist/esm/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js.map +1 -0
- package/dist/esm/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +112 -0
- package/dist/esm/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js.map +1 -0
- package/dist/esm/node_modules/cssesc/cssesc.js +120 -0
- package/dist/esm/node_modules/cssesc/cssesc.js.map +1 -0
- package/dist/esm/node_modules/dedent/dist/dedent.js +98 -0
- package/dist/esm/node_modules/dedent/dist/dedent.js.map +1 -0
- package/dist/esm/node_modules/deepmerge/dist/cjs.js +143 -0
- package/dist/esm/node_modules/deepmerge/dist/cjs.js.map +1 -0
- package/dist/esm/theme/ThemeProvider.js +13 -7
- package/dist/esm/theme/ThemeProvider.js.map +1 -1
- package/dist/esm/theme/VanillaThemeProvider.js +26 -0
- package/dist/esm/theme/VanillaThemeProvider.js.map +1 -0
- package/dist/esm/theme/contract.css.js +4 -0
- package/dist/esm/theme/contract.css.js.map +1 -0
- package/dist/esm/theme/darkTheme.css.js +6 -0
- package/dist/esm/theme/darkTheme.css.js.map +1 -0
- package/dist/esm/utils/cx.js +14 -0
- package/dist/esm/utils/cx.js.map +1 -0
- package/dist/esm/utils/mathExpression.js.map +1 -1
- package/dist/esm/utils/mathUtils.js.map +1 -1
- package/dist/types/components/controls/CartesianPicker/CartesianPicker.d.ts +6 -0
- package/dist/types/components/controls/CartesianPicker/CartesianPicker.types.d.ts +163 -0
- package/dist/types/components/controls/CurveEditor/CurveEditor.types.d.ts +5 -13
- package/dist/types/components/controls/CurveEditor/curveUtils.d.ts +3 -1
- package/dist/types/components/controls/Select/Select.d.ts +1 -1
- package/dist/types/components/editor/ChatPanel/ChatActionBar.d.ts +288 -0
- package/dist/types/components/editor/ChatPanel/ChatAttachment.d.ts +292 -0
- package/dist/types/components/editor/ChatPanel/ChatBubble.d.ts +289 -0
- package/dist/types/components/editor/ChatPanel/ChatCodeBlock.d.ts +294 -0
- package/dist/types/components/editor/ChatPanel/ChatContextChip.d.ts +292 -0
- package/dist/types/components/editor/ChatPanel/ChatEmptyState.d.ts +292 -0
- package/dist/types/components/editor/ChatPanel/ChatInput.d.ts +300 -0
- package/dist/types/components/editor/ChatPanel/ChatInputToolbar.d.ts +288 -0
- package/dist/types/components/editor/ChatPanel/ChatMessage.d.ts +294 -0
- package/dist/types/components/editor/ChatPanel/ChatMessageList.d.ts +293 -0
- package/dist/types/components/editor/ChatPanel/ChatPanel.d.ts +290 -0
- package/dist/types/components/editor/ChatPanel/ChatPanel.types.d.ts +409 -0
- package/dist/types/components/editor/ChatPanel/ChatToolCall.d.ts +294 -0
- package/dist/types/components/editor/ChatPanel/ChatTypingIndicator.d.ts +291 -0
- package/dist/types/components/editor/ChatPanel/useChatInput.d.ts +5 -0
- package/dist/types/components/editor/ChatPanel/useChatMessages.d.ts +5 -0
- package/dist/types/components/editor/ChatPanel/useChatScroll.d.ts +5 -0
- package/dist/types/components/editor/ViewportGizmo/ViewportGizmo.d.ts +6 -0
- package/dist/types/components/editor/ViewportGizmo/ViewportGizmo.types.d.ts +146 -0
- package/dist/types/components/editor/ViewportGizmo/gizmoMath.d.ts +73 -0
- package/dist/types/components/form/FormHelperText.d.ts +13 -15
- package/dist/types/components/form/FormLabel.d.ts +13 -15
- package/dist/types/components/form/InputWrapper.d.ts +13 -15
- package/dist/types/components/layout/PanelSurface/PanelSurface.d.ts +54 -59
- package/dist/types/components/layout/Spacer/Spacer.d.ts +17 -19
- package/dist/types/components/navigation/Menu/Menu.types.d.ts +1 -1
- package/dist/types/components/primitives/Button/Button.d.ts +30 -18
- package/dist/types/components/primitives/Icon/Icon.d.ts +0 -7
- package/dist/types/components/primitives/IconButton/IconButton.d.ts +26 -19
- package/dist/types/components/primitives/Input/Input.d.ts +7 -2
- package/dist/types/components/primitives/Paper/Paper.d.ts +23 -21
- package/dist/types/components/primitives/Switch/Switch.d.ts +7 -2
- package/dist/types/components/primitives/Text/Text.d.ts +20 -18
- package/dist/types/components/primitives/Tooltip/Tooltip.d.ts +7 -3
- package/dist/types/components/primitives/Tooltip/types.d.ts +1 -1
- package/dist/types/components/primitives/canvas/canvas.types.d.ts +27 -0
- package/dist/types/components/shell/AppShell/AppShell.d.ts +86 -92
- package/dist/types/components/shell/MenuBar/MenuBar.d.ts +67 -73
- package/dist/types/components/shell/MenuBar/MenuBar.types.d.ts +1 -1
- package/dist/types/components/shell/StatusBar/StatusBar.d.ts +45 -49
- package/dist/types/components/shell/StatusBar/StatusBar.types.d.ts +3 -3
- package/dist/types/components/shell/Toolbar/Toolbar.d.ts +80 -87
- package/dist/types/components/shell/Toolbar/Toolbar.types.d.ts +3 -3
- package/dist/types/index.d.ts +29 -7
- package/dist/types/theme/ThemeProvider.d.ts +9 -2
- package/dist/types/theme/VanillaThemeProvider.d.ts +34 -0
- package/dist/types/theme/contract.css.d.ts +165 -0
- package/dist/types/theme/{tokens.d.ts → darkTheme.css.d.ts} +44 -39
- package/dist/types/types/common.d.ts +1 -8
- package/dist/types/utils/cx.d.ts +11 -0
- package/package.json +42 -31
- package/dist/esm/components/feedback/Dialog/Dialog.styled.js +0 -80
- package/dist/esm/components/feedback/Dialog/Dialog.styled.js.map +0 -1
- package/dist/esm/components/navigation/Menu/Menu.styled.js +0 -83
- package/dist/esm/components/navigation/Menu/Menu.styled.js.map +0 -1
- package/dist/esm/components/primitives/BaseButton/BaseButton.js +0 -17
- package/dist/esm/components/primitives/BaseButton/BaseButton.js.map +0 -1
- package/dist/esm/theme/createTheme.js +0 -10
- package/dist/esm/theme/createTheme.js.map +0 -1
- package/dist/esm/theme/tokens.js +0 -144
- package/dist/esm/theme/tokens.js.map +0 -1
- package/dist/esm/utils/cn.js +0 -6
- package/dist/esm/utils/cn.js.map +0 -1
- package/dist/esm/utils/objects.js +0 -22
- package/dist/esm/utils/objects.js.map +0 -1
- package/dist/esm/utils/styledUtils.js +0 -81
- package/dist/esm/utils/styledUtils.js.map +0 -1
- package/dist/types/theme/createTheme.d.ts +0 -6
- package/dist/types/theme/types.d.ts +0 -7
- package/dist/types/utils/cn.d.ts +0 -3
|
@@ -1,167 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
3
|
import React, { useState, useRef, useCallback, useEffect } from 'react';
|
|
3
|
-
import
|
|
4
|
+
import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
|
|
4
5
|
import { useKeyboardContext } from '../../../context/KeyboardContext.js';
|
|
5
6
|
import { FormLabel } from '../../form/FormLabel.js';
|
|
6
7
|
import { FormHelperText } from '../../form/FormHelperText.js';
|
|
7
8
|
import { InputWrapper } from '../../form/InputWrapper.js';
|
|
9
|
+
import { cx } from '../../../utils/cx.js';
|
|
10
|
+
import { sliderWrapperStyle, fillPercentageVar, fillRecipe, trackRecipe, thumbPercentageVar, thumbRecipe, ticksStyle, tickStyle, tooltipPercentageVar, tooltipRecipe, sliderContainerRecipe } from './Slider.css.js';
|
|
8
11
|
|
|
9
|
-
const StyledSliderContainer = styled.div `
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
gap: ${props => props.theme.spacing.xs}px;
|
|
13
|
-
width: 100%;
|
|
14
|
-
min-width: 0;
|
|
15
|
-
opacity: ${props => (props.$disabled ? 0.5 : 1)};
|
|
16
|
-
pointer-events: ${props => (props.$disabled ? 'none' : 'auto')};
|
|
17
|
-
`;
|
|
18
|
-
const StyledSliderWrapper = styled.div `
|
|
19
|
-
position: relative;
|
|
20
|
-
display: flex;
|
|
21
|
-
align-items: center;
|
|
22
|
-
cursor: pointer;
|
|
23
|
-
user-select: none;
|
|
24
|
-
padding: 0px 0;
|
|
25
|
-
width: 100%;
|
|
26
|
-
`;
|
|
27
|
-
const StyledTrack = styled.div `
|
|
28
|
-
position: relative;
|
|
29
|
-
flex: 1;
|
|
30
|
-
background: ${props => props.$error
|
|
31
|
-
? props.theme.colors.accent.error
|
|
32
|
-
: props.theme.colors.surface.default};
|
|
33
|
-
border: 1px solid
|
|
34
|
-
${props => props.$error
|
|
35
|
-
? props.theme.colors.border.error
|
|
36
|
-
: props.theme.colors.border.default};
|
|
37
|
-
border-radius: ${props => props.theme.borderRadius.sm}px;
|
|
38
|
-
overflow: hidden;
|
|
39
|
-
|
|
40
|
-
${props => {
|
|
41
|
-
const sizes = {
|
|
42
|
-
sm: '4px',
|
|
43
|
-
md: '6px',
|
|
44
|
-
lg: '8px',
|
|
45
|
-
};
|
|
46
|
-
return `height: ${sizes[props.$size]};`;
|
|
47
|
-
}}
|
|
48
|
-
|
|
49
|
-
&:hover {
|
|
50
|
-
border-color: ${props => props.$error
|
|
51
|
-
? props.theme.colors.border.error
|
|
52
|
-
: props.theme.colors.border.focus};
|
|
53
|
-
}
|
|
54
|
-
`;
|
|
55
|
-
const StyledFill = styled.div `
|
|
56
|
-
position: absolute;
|
|
57
|
-
left: 0;
|
|
58
|
-
top: 0;
|
|
59
|
-
bottom: 0;
|
|
60
|
-
width: ${props => props.$percentage}%;
|
|
61
|
-
background: ${props => props.$error
|
|
62
|
-
? props.theme.colors.accent.error
|
|
63
|
-
: props.theme.colors.accent.primary};
|
|
64
|
-
transition: ${props => (props.$isDragging ? 'none' : 'width 0.1s ease-out')};
|
|
65
|
-
`;
|
|
66
|
-
const StyledThumb = styled.div `
|
|
67
|
-
position: absolute;
|
|
68
|
-
top: 50%;
|
|
69
|
-
left: ${props => props.$percentage}%;
|
|
70
|
-
transform: translate(-50%, -50%);
|
|
71
|
-
background: ${props => props.$error
|
|
72
|
-
? props.theme.colors.accent.error
|
|
73
|
-
: props.theme.colors.accent.primary};
|
|
74
|
-
border: 2px solid ${props => props.theme.colors.background.primary};
|
|
75
|
-
border-radius: 50%;
|
|
76
|
-
cursor: grab;
|
|
77
|
-
transition: ${props => props.$isDragging ? 'none' : `all ${props.theme.transitions.fast}`};
|
|
78
|
-
box-shadow: ${props => props.theme.shadows.sm};
|
|
79
|
-
|
|
80
|
-
${props => {
|
|
81
|
-
const sizes = {
|
|
82
|
-
sm: '12px',
|
|
83
|
-
md: '16px',
|
|
84
|
-
lg: '20px',
|
|
85
|
-
};
|
|
86
|
-
return `
|
|
87
|
-
width: ${sizes[props.$size]};
|
|
88
|
-
height: ${sizes[props.$size]};
|
|
89
|
-
`;
|
|
90
|
-
}}
|
|
91
|
-
|
|
92
|
-
&:hover {
|
|
93
|
-
transform: translate(-50%, -50%) scale(1.1);
|
|
94
|
-
box-shadow: ${props => props.theme.shadows.md};
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
${props => props.$isDragging &&
|
|
98
|
-
`
|
|
99
|
-
cursor: grabbing;
|
|
100
|
-
transform: translate(-50%, -50%) scale(1.15);
|
|
101
|
-
box-shadow: ${props.theme.shadows.lg};
|
|
102
|
-
`}
|
|
103
|
-
`;
|
|
104
|
-
const StyledTicks = styled.div `
|
|
105
|
-
position: absolute;
|
|
106
|
-
top: 100%;
|
|
107
|
-
left: 0;
|
|
108
|
-
right: 0;
|
|
109
|
-
height: 8px;
|
|
110
|
-
display: flex;
|
|
111
|
-
justify-content: space-between;
|
|
112
|
-
align-items: flex-start;
|
|
113
|
-
pointer-events: none;
|
|
114
|
-
|
|
115
|
-
&::before {
|
|
116
|
-
content: '';
|
|
117
|
-
position: absolute;
|
|
118
|
-
top: 2px;
|
|
119
|
-
left: 0;
|
|
120
|
-
right: 0;
|
|
121
|
-
height: 1px;
|
|
122
|
-
background: ${props => props.theme.colors.border.default};
|
|
123
|
-
}
|
|
124
|
-
`;
|
|
125
|
-
const StyledTick = styled.div `
|
|
126
|
-
width: 1px;
|
|
127
|
-
height: 4px;
|
|
128
|
-
background: ${props => props.theme.colors.text.muted};
|
|
129
|
-
margin-top: 2px;
|
|
130
|
-
`;
|
|
131
|
-
const StyledTooltip = styled.div `
|
|
132
|
-
position: absolute;
|
|
133
|
-
bottom: calc(100% + 8px);
|
|
134
|
-
left: ${props => props.$percentage}%;
|
|
135
|
-
transform: translateX(-50%);
|
|
136
|
-
background: ${props => props.theme.colors.background.elevated};
|
|
137
|
-
color: ${props => props.theme.colors.text.primary};
|
|
138
|
-
border: 1px solid ${props => props.theme.colors.border.default};
|
|
139
|
-
border-radius: ${props => props.theme.borderRadius.sm}px;
|
|
140
|
-
padding: 4px 8px;
|
|
141
|
-
font-size: ${props => props.theme.typography.fontSize.xs}px;
|
|
142
|
-
font-weight: ${props => props.theme.typography.fontWeight.medium};
|
|
143
|
-
white-space: nowrap;
|
|
144
|
-
pointer-events: none;
|
|
145
|
-
z-index: ${props => props.theme.zIndex.tooltip};
|
|
146
|
-
|
|
147
|
-
opacity: ${props => (props.$visible ? 1 : 0)};
|
|
148
|
-
transform: translateX(-50%)
|
|
149
|
-
${props => (props.$visible ? 'translateY(0)' : 'translateY(4px)')};
|
|
150
|
-
transition: all ${props => props.theme.transitions.fast};
|
|
151
|
-
|
|
152
|
-
&::after {
|
|
153
|
-
content: '';
|
|
154
|
-
position: absolute;
|
|
155
|
-
top: 100%;
|
|
156
|
-
left: 50%;
|
|
157
|
-
transform: translateX(-50%);
|
|
158
|
-
width: 0;
|
|
159
|
-
height: 0;
|
|
160
|
-
border-left: 4px solid transparent;
|
|
161
|
-
border-right: 4px solid transparent;
|
|
162
|
-
border-top: 4px solid ${props => props.theme.colors.border.default};
|
|
163
|
-
}
|
|
164
|
-
`;
|
|
165
12
|
/**
|
|
166
13
|
* Clamps a value between min and max bounds
|
|
167
14
|
*/
|
|
@@ -400,12 +247,18 @@ const Slider = ({ value, onChange, min = 0, max = 100, step = 1, precisionStep,
|
|
|
400
247
|
// Generate tick marks
|
|
401
248
|
const ticks = showTicks ? Array.from({ length: tickCount }, (_, i) => i) : [];
|
|
402
249
|
const sliderId = React.useId();
|
|
403
|
-
return (jsxs(
|
|
250
|
+
return (jsxs("div", { ref: ref, className: cx(sliderContainerRecipe({ disabled }), className), "data-testid": testId, ...props, children: [label && (jsx(FormLabel, { htmlFor: sliderId, disabled: disabled, required: required, children: label })), jsx(InputWrapper, { size: size, error: error, disabled: disabled, focused: isFocused, style: {
|
|
404
251
|
border: 'none',
|
|
405
252
|
background: 'transparent',
|
|
406
253
|
padding: 0,
|
|
407
254
|
height: 5,
|
|
408
|
-
}, children: jsxs(
|
|
255
|
+
}, children: jsxs("div", { ref: sliderRef, className: sliderWrapperStyle, onMouseDown: handleMouseDown, tabIndex: disabled ? -1 : 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": clampedValue, "aria-valuetext": displayValue, "aria-disabled": disabled, "aria-readonly": readOnly, "aria-required": required, "aria-invalid": error, "aria-labelledby": label ? sliderId : undefined, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, children: [jsx("div", { ref: trackRef, className: trackRecipe({ size, error }), children: jsx("div", { className: fillRecipe({ error, isDragging }), style: assignInlineVars({
|
|
256
|
+
[fillPercentageVar]: `${percentage}%`,
|
|
257
|
+
}) }) }), jsx("div", { className: thumbRecipe({ size, error, isDragging }), style: assignInlineVars({
|
|
258
|
+
[thumbPercentageVar]: `${percentage}%`,
|
|
259
|
+
}) }), showTicks && (jsx("div", { className: ticksStyle, children: ticks.map(i => (jsx("div", { className: tickStyle }, i))) })), showTooltip && (jsx("div", { className: tooltipRecipe({ visible: showTooltipState }), style: assignInlineVars({
|
|
260
|
+
[tooltipPercentageVar]: `${percentage}%`,
|
|
261
|
+
}), children: displayValue }))] }) }), (helperText ?? (error && errorMessage)) && (jsx(FormHelperText, { error: error, children: error && errorMessage ? errorMessage : helperText }))] }));
|
|
409
262
|
};
|
|
410
263
|
Slider.displayName = 'Slider';
|
|
411
264
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../../../../src/components/controls/Slider/Slider.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../../../../../src/components/controls/Slider/Slider.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AA0KA;;AAEG;AACH;AACE;AACF;AAEA;;AAEG;AACH;;AAC+B;;;AAG/B;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDG;AACI;;;;AAkCL;AACA;AACA;AAIA;;AAGA;AACA;AACA;;AAGA;;AACuB;AACrB;AAAyC;AACzC;AACF;AACE;AACA;AACA;;;;AAID;;;AAIC;AACA;;;AAGI;AACA;AAEN;;AAEG;AACH;;;;;;;AASI;;;AAGF;AAIF;;AAEG;AACH;;AAE2B;;;;;AAOvB;;AAGA;AACA;;AAKJ;;AAEG;AACH;;;;;;;;;;;AAcM;;AAEJ;AAIF;;AAEG;AACH;AAEI;;;;;;;AAMA;;AAKJ;;AAEG;AACH;;;AAGE;;AAGF;;AAEG;AACH;;;AAII;;AAGA;AACE;AACA;AACE;;AAEF;AACA;AACE;;AAEF;;;AAGA;;;AAGA;AACE;;AAEF;AACE;;AAEF;;;;;;AAQF;AACF;;;;;;;;;;AAWC;AAGH;;AAEG;AACH;;AAGI;AACF;AAIF;;AAGI;AACF;;;AAMA;;AAEA;AACA;AAEA;AACE;AACA;AACF;;;AAIF;AAEA;AAEA;AAmBQ;AACA;AACA;AACA;;AA0BM;;AAQF;;AAgBE;AACD;AAef;AAEA;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import './../../../assets/src/components/controls/TreeView/TreeNode.css.ts.vanilla-D3ylUhuW.css';
|
|
2
|
+
import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
|
|
3
|
+
|
|
4
|
+
var actionsStyle = 'TreeNode_actionsStyle__8ws3nev';
|
|
5
|
+
var chevronRecipe = createRuntimeFn({defaultClassName:'TreeNode_chevronRecipe__8ws3nef',variantClassNames:{size:{sm:'TreeNode_chevronRecipe_size_sm__8ws3neg',md:'TreeNode_chevronRecipe_size_md__8ws3neh',lg:'TreeNode_chevronRecipe_size_lg__8ws3nei'},expanded:{true:'TreeNode_chevronRecipe_expanded_true__8ws3nej',false:'TreeNode_chevronRecipe_expanded_false__8ws3nek'},visible:{true:'TreeNode_chevronRecipe_visible_true__8ws3nel',false:'TreeNode_chevronRecipe_visible_false__8ws3nem'}},defaultVariants:{size:'md',expanded:false,visible:true},compoundVariants:[]});
|
|
6
|
+
var guideLineLeftVar = 'var(--guideLineLeftVar__8ws3ne1)';
|
|
7
|
+
var guideLineStyle = 'TreeNode_guideLineStyle__8ws3ne10';
|
|
8
|
+
var iconRecipe = createRuntimeFn({defaultClassName:'TreeNode_iconRecipe__8ws3nen',variantClassNames:{size:{sm:'TreeNode_iconRecipe_size_sm__8ws3neo',md:'TreeNode_iconRecipe_size_md__8ws3nep',lg:'TreeNode_iconRecipe_size_lg__8ws3neq'}},defaultVariants:{size:'md'},compoundVariants:[]});
|
|
9
|
+
var labelRecipe = createRuntimeFn({defaultClassName:'TreeNode_labelRecipe__8ws3ner',variantClassNames:{size:{sm:'TreeNode_labelRecipe_size_sm__8ws3nes',md:'TreeNode_labelRecipe_size_md__8ws3net',lg:'TreeNode_labelRecipe_size_lg__8ws3neu'}},defaultVariants:{size:'md'},compoundVariants:[]});
|
|
10
|
+
var paddingLeftVar = 'var(--paddingLeftVar__8ws3ne0)';
|
|
11
|
+
var renameInputRecipe = createRuntimeFn({defaultClassName:'TreeNode_renameInputRecipe__8ws3new',variantClassNames:{size:{sm:'TreeNode_renameInputRecipe_size_sm__8ws3nex',md:'TreeNode_renameInputRecipe_size_md__8ws3ney',lg:'TreeNode_renameInputRecipe_size_lg__8ws3nez'}},defaultVariants:{size:'md'},compoundVariants:[]});
|
|
12
|
+
var rowRecipe = createRuntimeFn({defaultClassName:'TreeNode_rowRecipe__8ws3ne2',variantClassNames:{size:{sm:'TreeNode_rowRecipe_size_sm__8ws3ne3',md:'TreeNode_rowRecipe_size_md__8ws3ne4',lg:'TreeNode_rowRecipe_size_lg__8ws3ne5'},selected:{true:'TreeNode_rowRecipe_selected_true__8ws3ne6',false:'TreeNode_rowRecipe_selected_false__8ws3ne7'},focused:{true:'TreeNode_rowRecipe_focused_true__8ws3ne8',false:'TreeNode_rowRecipe_focused_false__8ws3ne9'},disabled:{true:'TreeNode_rowRecipe_disabled_true__8ws3nea',false:'TreeNode_rowRecipe_disabled_false__8ws3neb'}},defaultVariants:{size:'md',selected:false,focused:false,disabled:false},compoundVariants:[[{selected:true},'TreeNode_rowRecipe_compound_0__8ws3nec'],[{selected:false},'TreeNode_rowRecipe_compound_1__8ws3ned'],[{focused:true,selected:false},'TreeNode_rowRecipe_compound_2__8ws3nee']]});
|
|
13
|
+
|
|
14
|
+
export { actionsStyle, chevronRecipe, guideLineLeftVar, guideLineStyle, iconRecipe, labelRecipe, paddingLeftVar, renameInputRecipe, rowRecipe };
|
|
15
|
+
//# sourceMappingURL=TreeNode.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeNode.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
3
|
import { useState, useRef, useCallback } from 'react';
|
|
3
|
-
import
|
|
4
|
+
import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
|
|
5
|
+
import { guideLineStyle, guideLineLeftVar, chevronRecipe, iconRecipe, renameInputRecipe, labelRecipe, actionsStyle, paddingLeftVar, rowRecipe } from './TreeNode.css.js';
|
|
4
6
|
|
|
5
7
|
// --- Size configurations ---
|
|
6
8
|
const sizeConfig = {
|
|
@@ -26,93 +28,6 @@ const sizeConfig = {
|
|
|
26
28
|
defaultIndent: 20,
|
|
27
29
|
},
|
|
28
30
|
};
|
|
29
|
-
const StyledRow = styled.div `
|
|
30
|
-
display: flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
height: ${props => sizeConfig[props.$size].rowHeight}px;
|
|
33
|
-
padding-left: ${props => props.$depth * props.$indent}px;
|
|
34
|
-
padding-right: ${props => props.theme.spacing.xs}px;
|
|
35
|
-
cursor: ${props => (props.$disabled ? 'default' : 'pointer')};
|
|
36
|
-
user-select: none;
|
|
37
|
-
opacity: ${props => (props.$disabled ? 0.5 : 1)};
|
|
38
|
-
position: relative;
|
|
39
|
-
|
|
40
|
-
background: ${props => props.$selected ? `${props.theme.colors.accent.primary}26` : 'transparent'};
|
|
41
|
-
|
|
42
|
-
${props => props.$focused &&
|
|
43
|
-
!props.$selected &&
|
|
44
|
-
`box-shadow: inset 0 0 0 1px ${props.theme.colors.border.focus};`}
|
|
45
|
-
|
|
46
|
-
&:hover {
|
|
47
|
-
background: ${props => props.$selected
|
|
48
|
-
? `${props.theme.colors.accent.primary}33`
|
|
49
|
-
: props.theme.colors.surface.hover};
|
|
50
|
-
}
|
|
51
|
-
`;
|
|
52
|
-
const StyledChevron = styled.span `
|
|
53
|
-
display: flex;
|
|
54
|
-
align-items: center;
|
|
55
|
-
justify-content: center;
|
|
56
|
-
width: ${props => sizeConfig[props.$size].chevronSize + 4}px;
|
|
57
|
-
height: ${props => sizeConfig[props.$size].chevronSize + 4}px;
|
|
58
|
-
flex-shrink: 0;
|
|
59
|
-
visibility: ${props => (props.$visible ? 'visible' : 'hidden')};
|
|
60
|
-
transition: transform ${props => props.theme.transitions.fast};
|
|
61
|
-
transform: rotate(${props => (props.$expanded ? '90deg' : '0deg')});
|
|
62
|
-
color: ${props => props.theme.colors.text.muted};
|
|
63
|
-
|
|
64
|
-
&:hover {
|
|
65
|
-
color: ${props => props.theme.colors.text.primary};
|
|
66
|
-
}
|
|
67
|
-
`;
|
|
68
|
-
const StyledIcon = styled.span `
|
|
69
|
-
display: flex;
|
|
70
|
-
align-items: center;
|
|
71
|
-
justify-content: center;
|
|
72
|
-
width: ${props => sizeConfig[props.$size].iconSize}px;
|
|
73
|
-
height: ${props => sizeConfig[props.$size].iconSize}px;
|
|
74
|
-
flex-shrink: 0;
|
|
75
|
-
margin-right: ${props => props.theme.spacing.xs}px;
|
|
76
|
-
color: ${props => props.theme.colors.text.secondary};
|
|
77
|
-
`;
|
|
78
|
-
const StyledLabel = styled.span `
|
|
79
|
-
flex: 1;
|
|
80
|
-
min-width: 0;
|
|
81
|
-
overflow: hidden;
|
|
82
|
-
text-overflow: ellipsis;
|
|
83
|
-
white-space: nowrap;
|
|
84
|
-
font-size: ${props => props.theme.typography.fontSize[sizeConfig[props.$size].fontSizeKey]}px;
|
|
85
|
-
color: ${props => props.theme.colors.text.primary};
|
|
86
|
-
line-height: ${props => props.theme.typography.lineHeight.normal};
|
|
87
|
-
`;
|
|
88
|
-
const StyledActions = styled.span `
|
|
89
|
-
display: flex;
|
|
90
|
-
align-items: center;
|
|
91
|
-
gap: 2px;
|
|
92
|
-
margin-left: auto;
|
|
93
|
-
flex-shrink: 0;
|
|
94
|
-
`;
|
|
95
|
-
const StyledRenameInput = styled.input `
|
|
96
|
-
flex: 1;
|
|
97
|
-
min-width: 0;
|
|
98
|
-
border: 1px solid ${props => props.theme.colors.border.focus};
|
|
99
|
-
border-radius: ${props => props.theme.borderRadius.sm}px;
|
|
100
|
-
background: ${props => props.theme.colors.surface.default};
|
|
101
|
-
color: ${props => props.theme.colors.text.primary};
|
|
102
|
-
font-size: ${props => props.theme.typography.fontSize[sizeConfig[props.$size].fontSizeKey]}px;
|
|
103
|
-
padding: 0 4px;
|
|
104
|
-
outline: none;
|
|
105
|
-
height: ${props => sizeConfig[props.$size].rowHeight - 4}px;
|
|
106
|
-
`;
|
|
107
|
-
const StyledGuideLine = styled.span `
|
|
108
|
-
position: absolute;
|
|
109
|
-
left: ${props => props.$left + sizeConfig[props.$size].defaultIndent / 2}px;
|
|
110
|
-
top: 0;
|
|
111
|
-
bottom: 0;
|
|
112
|
-
width: 1px;
|
|
113
|
-
background: ${props => props.theme.colors.border.default}4D;
|
|
114
|
-
pointer-events: none;
|
|
115
|
-
`;
|
|
116
31
|
// --- Chevron icon SVG ---
|
|
117
32
|
const ChevronSvg = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: jsx("path", { d: "M4.5 2.5L8 6L4.5 9.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
118
33
|
const TreeNodeComponent = ({ node, depth, size, indent, isSelected, isExpanded, isFocused, isFirst, isLast, showChevrons, showGuideLines, renamable, nodeId, renderNode, renderActions, onToggleExpand, onClick, onDoubleClick, onContextMenu, onRename, }) => {
|
|
@@ -179,9 +94,22 @@ const TreeNodeComponent = ({ node, depth, size, indent, isSelected, isExpanded,
|
|
|
179
94
|
}, [confirmRename, cancelRename]);
|
|
180
95
|
// Guide lines for each parent level
|
|
181
96
|
const guideLines = showGuideLines && depth > 0
|
|
182
|
-
? Array.from({ length: depth }, (_, i) => (jsx(
|
|
97
|
+
? Array.from({ length: depth }, (_, i) => (jsx("span", { className: guideLineStyle, style: assignInlineVars({
|
|
98
|
+
[guideLineLeftVar]: `${i * indent + config.defaultIndent / 2}px`,
|
|
99
|
+
}) }, i)))
|
|
183
100
|
: null;
|
|
184
|
-
return (jsxs(
|
|
101
|
+
return (jsxs("div", { id: `treenode-${nodeId}`, role: "treeitem", "aria-expanded": isLeaf ? undefined : isExpanded, "aria-selected": isSelected, "aria-disabled": node.disabled ?? undefined, "aria-level": depth + 1, className: rowRecipe({
|
|
102
|
+
size,
|
|
103
|
+
selected: isSelected,
|
|
104
|
+
focused: isFocused,
|
|
105
|
+
disabled: node.disabled ?? false,
|
|
106
|
+
}), style: assignInlineVars({
|
|
107
|
+
[paddingLeftVar]: `${depth * indent}px`,
|
|
108
|
+
}), onClick: handleClick, onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu, tabIndex: -1, children: [guideLines, showChevrons && (jsx("span", { className: chevronRecipe({
|
|
109
|
+
expanded: isExpanded,
|
|
110
|
+
size,
|
|
111
|
+
visible: !isLeaf,
|
|
112
|
+
}), onClick: handleChevronClick, "aria-hidden": "true", children: jsx(ChevronSvg, { size: config.chevronSize }) })), renderNode ? (renderNode(node, state)) : (jsxs(Fragment, { children: [node.icon && (jsx("span", { className: iconRecipe({ size }), children: node.icon })), isRenaming ? (jsx("input", { ref: renameInputRef, className: renameInputRecipe({ size }), value: renameValue, onChange: e => setRenameValue(e.target.value), onKeyDown: handleRenameKeyDown, onBlur: confirmRename, "aria-label": `Rename ${node.label}`, onClick: e => e.stopPropagation() })) : (jsx("span", { className: labelRecipe({ size }), children: node.label }))] })), renderActions && (jsx("span", { className: actionsStyle, onClick: e => e.stopPropagation(), children: renderActions(node, state) }))] }));
|
|
185
113
|
};
|
|
186
114
|
TreeNodeComponent.displayName = 'TreeNode';
|
|
187
115
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/controls/TreeView/TreeNode.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/controls/TreeView/TreeNode.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqBA;AAEA;AAUE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;;AAGH;AAEA;;;AA4DE;AACA;AAEA;AACA;AAEA;AACE;AACA;AACA;;;;;;AAOF;;;AAIM;;AAEJ;AAIF;AAEI;;AACA;;AAKJ;;;;;;AAOM;;AAEE;AACA;;;;AAKJ;;AAKJ;AAEI;AACF;AAIF;;;;;AAKA;AAEA;AACE;;AAEF;AAEA;AAEI;AACE;;AACK;AACL;;AAEJ;;AAKF;;AAOY;AACD;;AAKX;;AAUM;AACA;AACA;AACD;AAEC;;AAaI;;;AAGD;AAyCX;AAEA;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import './../../../assets/src/components/controls/TreeView/TreeView.css.ts.vanilla-CsG5-rWt.css';
|
|
2
|
+
|
|
3
|
+
var emptyStateStyle = 'TreeView_emptyStateStyle__cc0psk2';
|
|
4
|
+
var maxHeightVar = 'var(--maxHeightVar__cc0psk0)';
|
|
5
|
+
var treeContainerStyle = 'TreeView_treeContainerStyle__cc0psk1';
|
|
6
|
+
|
|
7
|
+
export { emptyStateStyle, maxHeightVar, treeContainerStyle };
|
|
8
|
+
//# sourceMappingURL=TreeView.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TreeView.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,24 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx } from 'react/jsx-runtime';
|
|
2
3
|
import React, { useRef, useCallback } from 'react';
|
|
3
|
-
import
|
|
4
|
+
import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
|
|
4
5
|
import { useTreeState } from './useTreeState.js';
|
|
5
6
|
import { TreeNodeComponent } from './TreeNode.js';
|
|
7
|
+
import { cx } from '../../../utils/cx.js';
|
|
8
|
+
import { maxHeightVar, emptyStateStyle, treeContainerStyle } from './TreeView.css.js';
|
|
6
9
|
|
|
7
|
-
const StyledTreeContainer = styled.div `
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
${props => props.$maxHeight
|
|
11
|
-
? `max-height: ${typeof props.$maxHeight === 'number' ? `${props.$maxHeight}px` : props.$maxHeight}; overflow-y: auto;`
|
|
12
|
-
: ''}
|
|
13
|
-
`;
|
|
14
|
-
const StyledEmptyState = styled.div `
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: center;
|
|
17
|
-
justify-content: center;
|
|
18
|
-
padding: ${props => props.theme.spacing.md}px;
|
|
19
|
-
color: ${props => props.theme.colors.text.muted};
|
|
20
|
-
font-size: ${props => props.theme.typography.fontSize.md}px;
|
|
21
|
-
`;
|
|
22
10
|
/**
|
|
23
11
|
* A hierarchical collapsible tree for displaying and managing nested data.
|
|
24
12
|
*
|
|
@@ -199,10 +187,15 @@ const TreeView = ({ nodes, expandedIds, defaultExpandedIds, selectedIds, default
|
|
|
199
187
|
}
|
|
200
188
|
}
|
|
201
189
|
}, [focusedId]);
|
|
190
|
+
const containerInlineVars = maxHeight
|
|
191
|
+
? assignInlineVars({
|
|
192
|
+
[maxHeightVar]: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,
|
|
193
|
+
})
|
|
194
|
+
: undefined;
|
|
202
195
|
if (nodes.length === 0) {
|
|
203
|
-
return (jsx(
|
|
196
|
+
return (jsx("div", { ref: treeRef, className: cx(treeContainerStyle, className), "data-testid": testId, role: "tree", "aria-label": "Empty tree", style: containerInlineVars, ...rest, children: jsx("div", { className: emptyStateStyle, children: emptyContent ?? 'No items' }) }));
|
|
204
197
|
}
|
|
205
|
-
return (jsx(
|
|
198
|
+
return (jsx("div", { ref: treeRef, className: cx(treeContainerStyle, className), "data-testid": testId, role: "tree", "aria-label": "Tree", "aria-multiselectable": selectionMode === 'multiple' ? true : undefined, "aria-activedescendant": focusedId ? `treenode-${focusedId}` : undefined, tabIndex: 0, onKeyDown: handleKeyDown, style: containerInlineVars, ...rest, children: visibleNodes.map((flatNode, idx) => {
|
|
206
199
|
const { node, depth } = flatNode;
|
|
207
200
|
return (jsx(TreeNodeComponent, { node: node, depth: depth, size: size, indent: indent, isSelected: selectedSet.has(node.id), isExpanded: expandedSet.has(node.id), isFocused: focusedId === node.id, isFirst: idx === 0, isLast: idx === visibleNodes.length - 1, showChevrons: showChevrons, showGuideLines: showGuideLines, renamable: renamable, nodeId: node.id, renderNode: renderNode, renderActions: renderActions, onToggleExpand: toggleExpand, onClick: handleNodeClick, onDoubleClick: onNodeDoubleClick, onContextMenu: onNodeContextMenu, onRename: onNodeRename }, node.id));
|
|
208
201
|
}) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.js","sources":["../../../../../../src/components/controls/TreeView/TreeView.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"TreeView.js","sources":["../../../../../../src/components/controls/TreeView/TreeView.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAcA;;;;;;;;;;;;;;;;;AAiBG;AACI;AA2BL;AAEA;;;;;;;;;;AAmBC;;;;;AAOG;AAEA;;AAEI;;AACK;AACL;;;AAEA;;;AAIJ;;;AAMJ;;AAGM;;AAEF;AAGA;;;AAGI;AACA;AACE;;AAEE;;;;;;;;;;AAUJ;AACA;AACE;;AAEE;;;;;;;;;;;AAWF;AAEA;AACE;;AACK;;AAEL;AACA;AACE;;AAEE;;;;;;;;;;AAUN;AAEA;AACE;;AACK;;AAEL;;;;;;;AAOJ;;AAEE;;;;;;;;AAQA;;;;;;AAMF;AACE;;;;;;;AAOA;AACE;;AACK;AACL;;;;;;;;AAQF;;;;;AAKR;;;;;;;;;AAUC;;AAIH;AACE;AACE;;;;;AAOJ;;;AAIM;;;AAKN;AACE;;AAeF;AAeM;;;AA6BR;AAEA;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTreeState.js","sources":["../../../../../../src/components/controls/TreeView/useTreeState.ts"],"sourcesContent":[null],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"useTreeState.js","sources":["../../../../../../src/components/controls/TreeView/useTreeState.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAkCA;;AAEG;AACH;;AAOE;;;;;;AAQA;AACF;AAEA;;AAEG;AACH;;AAEE;AACE;AACA;;;;AAIF;AACF;AAEM;;AAYJ;;AAIE;;;AAIF;;AAIE;;;;;;;AAaF;AAEI;AACA;AACE;;;AAEA;;AAEF;;;AAGA;;;;;;AAUA;AAEA;;;;;AAIE;;;AAEO;AACL;AACA;AACE;;;AAEA;;;;;AAIF;;;;;;;;;;;;;;AAYI;AACA;AACE;AACA;AACE;;;;;;;AAQZ;;;AAGA;;;;AAKE;AACA;AACA;;;;AAIJ;;;;;;;;;;AAWC;;AAIH;;;;AAGE;;;AAGA;;;;;;;;;;;;AAaJ;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import './../../../assets/src/components/controls/VectorInput/VectorInput.css.ts.vanilla-BJma3iQ4.css';
|
|
2
|
+
import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
|
|
3
|
+
|
|
4
|
+
var axisColorVar = 'var(--axisColorVar__1osrtmk0)';
|
|
5
|
+
var axisInputStyle = 'VectorInput_axisInputStyle__1osrtmk6';
|
|
6
|
+
var axisLabelRecipe = createRuntimeFn({defaultClassName:'VectorInput_axisLabelRecipe__1osrtmk7',variantClassNames:{size:{sm:'VectorInput_axisLabelRecipe_size_sm__1osrtmk8',md:'VectorInput_axisLabelRecipe_size_md__1osrtmk9',lg:'VectorInput_axisLabelRecipe_size_lg__1osrtmka'}},defaultVariants:{size:'md'},compoundVariants:[]});
|
|
7
|
+
var gapVar = 'var(--gapVar__1osrtmk1)';
|
|
8
|
+
var linkButtonRecipe = createRuntimeFn({defaultClassName:'VectorInput_linkButtonRecipe__1osrtmkb',variantClassNames:{active:{true:'VectorInput_linkButtonRecipe_active_true__1osrtmkc',false:'VectorInput_linkButtonRecipe_active_false__1osrtmkd'},size:{sm:'VectorInput_linkButtonRecipe_size_sm__1osrtmke',md:'VectorInput_linkButtonRecipe_size_md__1osrtmkf',lg:'VectorInput_linkButtonRecipe_size_lg__1osrtmkg'}},defaultVariants:{active:false,size:'md'},compoundVariants:[]});
|
|
9
|
+
var vectorContainerStyle = 'VectorInput_vectorContainerStyle__1osrtmk2';
|
|
10
|
+
var vectorRowRecipe = createRuntimeFn({defaultClassName:'VectorInput_vectorRowRecipe__1osrtmk3',variantClassNames:{direction:{row:'VectorInput_vectorRowRecipe_direction_row__1osrtmk4',column:'VectorInput_vectorRowRecipe_direction_column__1osrtmk5'}},defaultVariants:{direction:'row'},compoundVariants:[]});
|
|
11
|
+
|
|
12
|
+
export { axisColorVar, axisInputStyle, axisLabelRecipe, gapVar, linkButtonRecipe, vectorContainerStyle, vectorRowRecipe };
|
|
13
|
+
//# sourceMappingURL=VectorInput.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VectorInput.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
|