@uipath/apollo-wind 1.4.0 → 2.0.0-pr482.0700da2

package/dist/components/ui/search.cjs

@@ -57,8 +57,8 @@ const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
             showClearButton && value && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
                 type: "button",
                 variant: "ghost",
-                size: "icon",
-                className: "absolute right-0 top-0 h-full w-8 px-0 hover:bg-transparent",
+                icon: true,
+                className: "absolute right-0 top-0 h-full w-8 hover:bg-transparent",
                 onClick: handleClear,
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {

package/dist/components/ui/search.js

@@ -28,8 +28,8 @@ const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, on
             showClearButton && value && /*#__PURE__*/ jsxs(Button, {
                 type: "button",
                 variant: "ghost",
-                size: "icon",
-                className: "absolute right-0 top-0 h-full w-8 px-0 hover:bg-transparent",
+                icon: true,
+                className: "absolute right-0 top-0 h-full w-8 hover:bg-transparent",
                 onClick: handleClear,
                 children: [
                     /*#__PURE__*/ jsx(X, {

package/dist/components/ui/skeleton.cjs

@@ -30,7 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 function Skeleton({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, index_cjs_namespaceObject.cn)('animate-pulse rounded-md bg-muted', className),
+        className: (0, index_cjs_namespaceObject.cn)('animate-pulse rounded-md bg-surface-overlay', className),
         ...props
     });
 }

package/dist/components/ui/skeleton.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/index.js";
 function Skeleton({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('animate-pulse rounded-md bg-muted', className),
+        className: cn('animate-pulse rounded-md bg-surface-overlay', className),
         ...props
     });
 }

package/dist/components/ui/spinner.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const spinnerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     label?: string;

package/dist/components/ui/toggle-group.d.ts

@@ -3,10 +3,10 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
 declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle.d.ts

@@ -3,10 +3,10 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

package/dist/components/ui/tooltip.cjs

@@ -25,6 +25,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     Tooltip: ()=>Tooltip,
+    TooltipPortal: ()=>TooltipPortal,
     TooltipProvider: ()=>TooltipProvider,
     TooltipContent: ()=>TooltipContent,
     TooltipTrigger: ()=>TooltipTrigger
@@ -36,6 +37,7 @@ const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const TooltipProvider = react_tooltip_namespaceObject.Provider;
 const Tooltip = react_tooltip_namespaceObject.Root;
 const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
+const TooltipPortal = react_tooltip_namespaceObject.Portal;
 const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Content, {
         ref: ref,
         sideOffset: sideOffset,
@@ -45,11 +47,13 @@ const TooltipContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
 TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;
 exports.Tooltip = __webpack_exports__.Tooltip;
 exports.TooltipContent = __webpack_exports__.TooltipContent;
+exports.TooltipPortal = __webpack_exports__.TooltipPortal;
 exports.TooltipProvider = __webpack_exports__.TooltipProvider;
 exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Tooltip",
     "TooltipContent",
+    "TooltipPortal",
     "TooltipProvider",
     "TooltipTrigger"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/components/ui/tooltip.d.ts

@@ -3,5 +3,6 @@ import * as React from 'react';
 declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipTrigger, TooltipPortal, TooltipContent, TooltipProvider };

package/dist/components/ui/tooltip.js

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { Content, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
+import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const TooltipProvider = Provider;
 const Tooltip = Root;
 const TooltipTrigger = Trigger;
+const TooltipPortal = Portal;
 const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
         ref: ref,
         sideOffset: sideOffset,
@@ -12,4 +13,4 @@ const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ..
         ...props
     }));
 TooltipContent.displayName = Content.displayName;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger };

package/dist/components/ui/tree-view.cjs

@@ -232,8 +232,8 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                 onClick: (e)=>e.stopPropagation(),
                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                     variant: "ghost",
-                                                    size: "icon",
-                                                    className: "h-6 w-6",
+                                                    size: "3xs",
+                                                    icon: true,
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_framer_motion_namespaceObject.motion.div, {
                                                         initial: false,
                                                         animate: {
@@ -308,7 +308,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MoreHorizontal, {
@@ -405,7 +405,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {
@@ -534,7 +534,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.MoreHorizontal, {
@@ -620,7 +620,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Info, {

package/dist/components/ui/tree-view.js

@@ -204,8 +204,8 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                 onClick: (e)=>e.stopPropagation(),
                                                 children: /*#__PURE__*/ jsx(Button, {
                                                     variant: "ghost",
-                                                    size: "icon",
-                                                    className: "h-6 w-6",
+                                                    size: "3xs",
+                                                    icon: true,
                                                     children: /*#__PURE__*/ jsx(motion.div, {
                                                         initial: false,
                                                         animate: {
@@ -280,7 +280,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ jsx(Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ jsx(MoreHorizontal, {
@@ -377,7 +377,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ jsx(Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ jsx(Info, {
@@ -506,7 +506,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ jsx(Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ jsx(MoreHorizontal, {
@@ -592,7 +592,7 @@ function TreeItem({ item, depth = 0, selectedIds, lastSelectedId, onSelect, expa
                                                     asChild: true,
                                                     children: /*#__PURE__*/ jsx(Button, {
                                                         variant: "ghost",
-                                                        size: "icon",
+                                                        icon: true,
                                                         className: "h-6 w-6 shrink-0 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                                                         onClick: (e)=>e.stopPropagation(),
                                                         children: /*#__PURE__*/ jsx(Info, {

package/dist/index.cjs

@@ -162,6 +162,7 @@ __webpack_require__.d(__webpack_exports__, {
     Switch: ()=>switch_cjs_namespaceObject.Switch,
     PaginationEllipsis: ()=>pagination_cjs_namespaceObject.PaginationEllipsis,
     DialogDescription: ()=>dialog_cjs_namespaceObject.DialogDescription,
+    TooltipPortal: ()=>tooltip_cjs_namespaceObject.TooltipPortal,
     AlertDialogHeader: ()=>alert_dialog_cjs_namespaceObject.AlertDialogHeader,
     CommandShortcut: ()=>command_cjs_namespaceObject.CommandShortcut,
     Textarea: ()=>textarea_cjs_namespaceObject.Textarea,
@@ -502,6 +503,7 @@ exports.ToggleGroup = __webpack_exports__.ToggleGroup;
 exports.ToggleGroupItem = __webpack_exports__.ToggleGroupItem;
 exports.Tooltip = __webpack_exports__.Tooltip;
 exports.TooltipContent = __webpack_exports__.TooltipContent;
+exports.TooltipPortal = __webpack_exports__.TooltipPortal;
 exports.TooltipProvider = __webpack_exports__.TooltipProvider;
 exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
 exports.TreeView = __webpack_exports__.TreeView;
@@ -714,6 +716,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ToggleGroupItem",
     "Tooltip",
     "TooltipContent",
+    "TooltipPortal",
     "TooltipProvider",
     "TooltipTrigger",
     "TreeView",

package/dist/index.d.ts

@@ -57,7 +57,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './components/ui/alert-dialog';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from './components/ui/sheet';
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from './components/ui/popover';
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from './components/ui/tooltip';
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, } from './components/ui/tooltip';
 export { HoverCard, HoverCardContent, HoverCardTrigger, } from './components/ui/hover-card';
 export { Alert, AlertDescription, AlertTitle } from './components/ui/alert';
 export { toast, Toaster } from './components/ui/sonner';

package/dist/index.js

@@ -38,7 +38,7 @@ import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./components/ui/popover.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
+import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
 import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
 import { Toaster, toast } from "./components/ui/sonner.js";
@@ -63,4 +63,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
 import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
 import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
 import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tree_view as TreeView, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };

package/dist/styles.css

@@ -331,24 +331,23 @@
     --color-chip-success-background: var(--color-chip-success-background);
     --color-error-icon: var(--color-error-icon);
     --color-error-icon-inverse: var(--color-error-icon-inverse);
-    --color-error-text: var(--color-error-text);
-    --color-error-background: var(--color-error-background);
+    --color-error-text: var(--error);
+    --color-error-background: var(--error-background);
     --color-error-foreground-inverse: var(--color-error-foreground-inverse);
     --color-info-foreground: var(--color-info-foreground);
     --color-info-icon: var(--color-info-icon);
     --color-info-icon-inverse: var(--color-info-icon-inverse);
-    --color-info-text: var(--color-info-text);
+    --color-info-text: var(--info);
     --color-info-foreground-inverse: var(--color-info-foreground-inverse);
-    --color-info-background: var(--color-info-background);
+    --color-info-background: var(--info-background);
     --color-success-icon: var(--color-success-icon);
     --color-success-icon-inverse: var(--color-success-icon-inverse);
-    --color-success-text: var(--color-success-text);
-    --color-success-background: var(--color-success-background);
+    --color-success-background: var(--success-background);
     --color-success-foreground-inverse: var(--color-success-foreground-inverse);
     --color-warning-icon: var(--color-warning-icon);
     --color-warning-icon-inverse: var(--color-warning-icon-inverse);
-    --color-warning-text: var(--color-warning-text);
-    --color-warning-background: var(--color-warning-background);
+    --color-warning-text: var(--warning);
+    --color-warning-background: var(--warning-background);
     --color-warning-foreground-inverse: var(--color-warning-foreground-inverse);
     --color-icon-default: var(--color-icon-default);
     --color-icon-inverted-default: var(--color-icon-inverted-default);
@@ -949,14 +948,14 @@
     width: calc(var(--spacing) * 24);
     height: calc(var(--spacing) * 24);
   }
-  .size-\[--cell-size\] {
-    width: --cell-size;
-    height: --cell-size;
-  }
   .size-\[360px\] {
     width: 360px;
     height: 360px;
   }
+  .size-\[var\(--cell-size\)\] {
+    width: var(--cell-size);
+    height: var(--cell-size);
+  }
   .size-full {
     width: 100%;
     height: 100%;
@@ -1039,9 +1038,6 @@
   .h-96 {
     height: calc(var(--spacing) * 96);
   }
-  .h-\[--cell-size\] {
-    height: --cell-size;
-  }
   .h-\[1px\] {
     height: 1px;
   }
@@ -1099,6 +1095,9 @@
   .h-\[calc\(100vh-10rem\)\] {
     height: calc(100vh - 10rem);
   }
+  .h-\[var\(--cell-size\)\] {
+    height: var(--cell-size);
+  }
   .h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
@@ -1282,9 +1281,6 @@
   .w-96 {
     width: calc(var(--spacing) * 96);
   }
-  .w-\[--cell-size\] {
-    width: --cell-size;
-  }
   .w-\[--radix-popover-trigger-width\] {
     width: --radix-popover-trigger-width;
   }
@@ -1402,6 +1398,9 @@
   .w-\[930px\] {
     width: 930px;
   }
+  .w-\[var\(--cell-size\)\] {
+    width: var(--cell-size);
+  }
   .w-auto {
     width: auto;
   }
@@ -2489,6 +2488,9 @@
   .bg-emerald-950 {
     background-color: var(--color-emerald-950);
   }
+  .bg-error-background {
+    background-color: var(--error-background);
+  }
   .bg-foreground {
     background-color: var(--foreground);
   }
@@ -2642,6 +2644,9 @@
   .bg-indigo-950 {
     background-color: var(--color-indigo-950);
   }
+  .bg-info-background {
+    background-color: var(--info-background);
+  }
   .bg-muted {
     background-color: var(--muted);
   }
@@ -2963,6 +2968,9 @@
   .bg-slate-950 {
     background-color: var(--color-slate-950);
   }
+  .bg-success-background {
+    background-color: var(--success-background);
+  }
   .bg-success\/10 {
     background-color: var(--success);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3086,6 +3094,9 @@
   .bg-violet-950 {
     background-color: var(--color-violet-950);
   }
+  .bg-warning-background {
+    background-color: var(--warning-background);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -3331,8 +3342,8 @@
   .px-10 {
     padding-inline: calc(var(--spacing) * 10);
   }
-  .px-\[--cell-size\] {
-    padding-inline: --cell-size;
+  .px-\[var\(--cell-size\)\] {
+    padding-inline: var(--cell-size);
   }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
@@ -3718,6 +3729,9 @@
   .text-destructive-foreground {
     color: var(--destructive-foreground);
   }
+  .text-error {
+    color: var(--error);
+  }
   .text-foreground {
     color: var(--foreground);
   }
@@ -3790,6 +3804,9 @@
   .text-green-800 {
     color: var(--color-green-800);
   }
+  .text-info {
+    color: var(--info);
+  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -3859,6 +3876,9 @@
   .text-violet-400 {
     color: var(--color-violet-400);
   }
+  .text-warning {
+    color: var(--warning);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -4597,6 +4617,16 @@
       }
     }
   }
+  .hover\:bg-error-background\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--error-background);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--error-background) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-foreground-accent-muted {
     &:hover {
       @media (hover: hover) {
@@ -4618,6 +4648,16 @@
       }
     }
   }
+  .hover\:bg-info-background\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--info-background);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--info-background) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
@@ -4716,6 +4756,16 @@
       }
     }
   }
+  .hover\:bg-success-background\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--success-background);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--success-background) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-surface {
     &:hover {
       @media (hover: hover) {
@@ -4754,6 +4804,16 @@
       }
     }
   }
+  .hover\:bg-warning-background\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--warning-background);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--warning-background) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -5231,6 +5291,11 @@
       color: var(--primary-foreground);
     }
   }
+  .data-\[selected-single\=true\]\:rounded-full {
+    &[data-selected-single="true"] {
+      border-radius: calc(infinity * 1px);
+    }
+  }
   .data-\[selected-single\=true\]\:bg-primary {
     &[data-selected-single="true"] {
       background-color: var(--primary);
@@ -5246,11 +5311,6 @@
       background-color: var(--accent);
     }
   }
-  .data-\[selected\=true\]\:rounded-none {
-    &[data-selected="true"] {
-      border-radius: 0;
-    }
-  }
   .data-\[selected\=true\]\:text-accent-foreground {
     &[data-selected="true"] {
       color: var(--accent-foreground);
@@ -5794,12 +5854,6 @@
       visibility: hidden;
     }
   }
-  .\[\&_svg\]\:size-3\.5 {
-    & svg {
-      width: calc(var(--spacing) * 3.5);
-      height: calc(var(--spacing) * 3.5);
-    }
-  }
   .\[\&_svg\]\:size-4 {
     & svg {
       width: calc(var(--spacing) * 4);
@@ -5835,12 +5889,6 @@
       border-width: 0px;
     }
   }
-  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md {
-    &:first-child[data-selected=true] button {
-      border-top-left-radius: var(--radius-md);
-      border-bottom-left-radius: var(--radius-md);
-    }
-  }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
     &:has([role=checkbox]) {
       padding-right: calc(var(--spacing) * 0);
@@ -5864,12 +5912,6 @@
       }
     }
   }
-  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md {
-    &:last-child[data-selected=true] button {
-      border-top-right-radius: var(--radius-md);
-      border-bottom-right-radius: var(--radius-md);
-    }
-  }
   .\[\&\:not\(\:last-child\)\]\:border-b {
     &:not(:last-child) {
       border-bottom-style: var(--tw-border-style);
@@ -7588,6 +7630,10 @@ body.dark, .dark {
   --success: var(--color-success-icon, #74c94b);
   --warning: var(--color-warning-icon, #ffbb27);
   --info: var(--color-info-foreground, #42a1ff);
+  --error-background: var(--color-error-background, #000000);
+  --info-background: var(--color-info-background, #000000);
+  --success-background: var(--color-success-background, #000000);
+  --warning-background: var(--color-warning-background, #000000);
   --ring: var(--color-primary, #66adff);
   --logo: var(--color-logo, #ffffff);
   --brand-subtle: var(--brand-lighter);
@@ -7646,6 +7692,12 @@ body.dark-hc, .dark-hc {
   --success: var(--color-success-icon, #74c94b);
   --warning: var(--color-warning-icon, #ffbb27);
   --info: var(--color-info-foreground, #42a1ff);
+  --error-background: var(--color-error-background, #000000);
+  --error-text: var(--color-error-text, #ffadad);
+  --info-background: var(--color-info-background, #000000);
+  --info-text: var(--color-info-text, #42a1ff);
+  --success-background: var(--color-success-background, #000000);
+  --warning-background: var(--color-warning-background, #000000);
   --ring: var(--color-primary, #badaff);
   --logo: var(--color-logo, #ffffff);
   --brand-subtle: var(--brand-lighter);
@@ -7704,6 +7756,10 @@ body.light, .light {
   --success: var(--color-success-icon, #038108);
   --warning: var(--color-warning-text, #9e6100);
   --info: var(--color-info-foreground, #1665b3);
+  --error-background: var(--color-error-background, #fff0f1);
+  --info-background: var(--color-info-background, #e9f1fa);
+  --success-background: var(--color-success-background, #eeffe5);
+  --warning-background: var(--color-warning-background, #fff3db);
   --ring: var(--color-primary, #0067df);
   --logo: var(--color-logo, #fa4616);
   --brand-subtle: var(--brand-lighter);
@@ -7762,6 +7818,12 @@ body.light-hc, .light-hc {
   --success: var(--color-success-icon, #005603);
   --warning: var(--color-warning-text, #273139);
   --info: var(--color-info-foreground, #11508d);
+  --error-background: var(--color-error-background, #fff0f1);
+  --error-text: var(--color-error-text, #a6040a);
+  --info-background: var(--color-info-background, #e9f1fa);
+  --info-text: var(--color-info-text, #11508d);
+  --success-background: var(--color-success-background, #eeffe5);
+  --warning-background: var(--color-warning-background, #fff3db);
   --ring: var(--color-primary, #00489d);
   --logo: var(--color-logo, #fa4616);
   --brand-subtle: var(--brand-lighter);