@uipath/apollo-wind 2.36.0 → 2.36.2

package/dist/components/ui/index.js

@@ -10,6 +10,7 @@ export * from "./button.js";
 export * from "./button-group.js";
 export * from "./calendar.js";
 export * from "./card.js";
+export * from "./chart.js";
 export * from "./checkbox.js";
 export * from "./collapsible.js";
 export * from "./combobox.js";
@@ -19,6 +20,7 @@ export * from "./data-table.js";
 export * from "./date-picker.js";
 export * from "./datetime-picker.js";
 export * from "./dialog.js";
+export * from "./drawer.js";
 export * from "./dropdown-menu.js";
 export * from "./editable-cell.js";
 export * from "./empty-state.js";
@@ -28,9 +30,11 @@ export * from "./input.js";
 export * from "./input-group.js";
 export * from "./label.js";
 export * from "./layout/index.js";
+export * from "./lockable-value-field/index.js";
 export * from "./multi-select.js";
 export * from "./pagination.js";
 export * from "./popover.js";
+export * from "./portal-container.js";
 export * from "./progress.js";
 export * from "./prompt-editor/index.js";
 export * from "./radio-group.js";
@@ -53,4 +57,5 @@ export * from "./textarea.js";
 export * from "./toggle.js";
 export * from "./toggle-group.js";
 export * from "./tooltip.js";
+export * from "./variable-picker/index.js";
 export { tree_view as TreeView };

package/dist/components/ui/input.cjs

@@ -31,6 +31,7 @@ const external_react_namespaceObject = require("react");
 const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
 const Input = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, type, variant = 'default', size = 'default', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
         type: type,
+        "data-slot": "input",
         className: (0, utils_cjs_namespaceObject.cn)('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
         ref: ref,
         ...props

package/dist/components/ui/input.js

@@ -3,6 +3,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/utils.js";
 const Input = /*#__PURE__*/ forwardRef(({ className, type, variant = 'default', size = 'default', ...props }, ref)=>/*#__PURE__*/ jsx("input", {
         type: type,
+        "data-slot": "input",
         className: cn('flex w-full transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', 'default' === size && 'h-9 rounded-md px-3 py-1 text-base placeholder:text-muted-foreground md:text-sm', 'xs' === size && 'h-6 rounded px-2 text-xs placeholder:text-muted-foreground', 'default' === variant && 'border border-input bg-transparent', 'ghost' === variant && 'border-0 bg-surface-overlay', 'default' === variant && 'default' === size && 'future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:py-2 future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', className),
         ref: ref,
         ...props

package/dist/components/ui/label.cjs

@@ -34,6 +34,7 @@ const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const labelVariants = (0, external_class_variance_authority_namespaceObject.cva)('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 const Label = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_label_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "label",
         className: (0, index_cjs_namespaceObject.cn)(labelVariants(), className),
         ...props
     }));

package/dist/components/ui/label.js

@@ -6,6 +6,7 @@ import { cn } from "../../lib/index.js";
 const labelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
 const Label = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
+        "data-slot": "label",
         className: cn(labelVariants(), className),
         ...props
     }));

package/dist/components/ui/layout/column.cjs

@@ -65,6 +65,7 @@ const Column = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ childr
     });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "column",
         className: (0, index_cjs_namespaceObject.cn)(className),
         style: {
             ...layoutStyles,

package/dist/components/ui/layout/column.js

@@ -37,6 +37,7 @@ const Column = /*#__PURE__*/ forwardRef(({ children, className, style, direction
     });
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "column",
         className: cn(className),
         style: {
             ...layoutStyles,

package/dist/components/ui/layout/grid.cjs

@@ -85,6 +85,7 @@ const Grid = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "grid",
         className: (0, index_cjs_namespaceObject.cn)(...gridClasses, className),
         style: inlineStyles,
         ...htmlProps,

package/dist/components/ui/layout/grid.js

@@ -57,6 +57,7 @@ const Grid = /*#__PURE__*/ forwardRef(({ children, className, style, cols, rows,
     };
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "grid",
         className: cn(...gridClasses, className),
         style: inlineStyles,
         ...htmlProps,

package/dist/components/ui/layout/row.cjs

@@ -65,6 +65,7 @@ const Row = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ children,
     });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "row",
         className: (0, index_cjs_namespaceObject.cn)(className),
         style: {
             ...layoutStyles,

package/dist/components/ui/layout/row.js

@@ -37,6 +37,7 @@ const Row = /*#__PURE__*/ forwardRef(({ children, className, style, direction =
     });
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "row",
         className: cn(className),
         style: {
             ...layoutStyles,

package/dist/components/ui/multi-select.cjs

@@ -55,6 +55,7 @@ const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ i
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "multi-select",
         className: (0, index_cjs_namespaceObject.cn)('relative', className),
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
             open: open,

package/dist/components/ui/multi-select.js

@@ -27,6 +27,7 @@ const MultiSelect = /*#__PURE__*/ forwardRef(({ id, options, selected, onChange,
     };
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "multi-select",
         className: cn('relative', className),
         children: /*#__PURE__*/ jsxs(Popover, {
             open: open,

package/dist/components/ui/pagination.cjs

@@ -38,6 +38,7 @@ const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Pagination = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
+        "data-slot": "pagination",
         "aria-label": "pagination",
         className: (0, index_cjs_namespaceObject.cn)('mx-auto flex w-full justify-center', className),
         ...props
@@ -45,17 +46,20 @@ const Pagination = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_name
 Pagination.displayName = 'Pagination';
 const PaginationContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
         ref: ref,
+        "data-slot": "pagination-content",
         className: (0, index_cjs_namespaceObject.cn)('flex flex-row items-center gap-1', className),
         ...props
     }));
 PaginationContent.displayName = 'PaginationContent';
 const PaginationItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
         ref: ref,
+        "data-slot": "pagination-item",
         className: (0, index_cjs_namespaceObject.cn)('', className),
         ...props
     }));
 PaginationItem.displayName = 'PaginationItem';
 const PaginationLink = ({ className, isActive, size = 'default', ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+        "data-slot": "pagination-link",
         "aria-current": isActive ? 'page' : void 0,
         className: (0, index_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
             variant: isActive ? 'outline' : 'ghost',
@@ -65,6 +69,7 @@ const PaginationLink = ({ className, isActive, size = 'default', ...props })=>/*
     });
 PaginationLink.displayName = 'PaginationLink';
 const PaginationPrevious = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(PaginationLink, {
+        "data-slot": "pagination-previous",
         "aria-label": "Go to previous page",
         size: "default",
         className: (0, index_cjs_namespaceObject.cn)('gap-1 pl-2.5', className),
@@ -80,6 +85,7 @@ const PaginationPrevious = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runt
     });
 PaginationPrevious.displayName = 'PaginationPrevious';
 const PaginationNext = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(PaginationLink, {
+        "data-slot": "pagination-next",
         "aria-label": "Go to next page",
         size: "default",
         className: (0, index_cjs_namespaceObject.cn)('gap-1 pr-2.5', className),
@@ -95,6 +101,7 @@ const PaginationNext = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_
     });
 PaginationNext.displayName = 'PaginationNext';
 const PaginationEllipsis = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        "data-slot": "pagination-ellipsis",
         "aria-hidden": true,
         className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-9 items-center justify-center future:h-10 future:w-10', className),
         ...props,

package/dist/components/ui/pagination.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { buttonVariants } from "./button.js";
 import { cn } from "../../lib/index.js";
 const Pagination = ({ className, ...props })=>/*#__PURE__*/ jsx("nav", {
+        "data-slot": "pagination",
         "aria-label": "pagination",
         className: cn('mx-auto flex w-full justify-center', className),
         ...props
@@ -11,17 +12,20 @@ const Pagination = ({ className, ...props })=>/*#__PURE__*/ jsx("nav", {
 Pagination.displayName = 'Pagination';
 const PaginationContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
         ref: ref,
+        "data-slot": "pagination-content",
         className: cn('flex flex-row items-center gap-1', className),
         ...props
     }));
 PaginationContent.displayName = 'PaginationContent';
 const PaginationItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
+        "data-slot": "pagination-item",
         className: cn('', className),
         ...props
     }));
 PaginationItem.displayName = 'PaginationItem';
 const PaginationLink = ({ className, isActive, size = 'default', ...props })=>/*#__PURE__*/ jsx("a", {
+        "data-slot": "pagination-link",
         "aria-current": isActive ? 'page' : void 0,
         className: cn(buttonVariants({
             variant: isActive ? 'outline' : 'ghost',
@@ -31,6 +35,7 @@ const PaginationLink = ({ className, isActive, size = 'default', ...props })=>/*
     });
 PaginationLink.displayName = 'PaginationLink';
 const PaginationPrevious = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationLink, {
+        "data-slot": "pagination-previous",
         "aria-label": "Go to previous page",
         size: "default",
         className: cn('gap-1 pl-2.5', className),
@@ -46,6 +51,7 @@ const PaginationPrevious = ({ className, ...props })=>/*#__PURE__*/ jsxs(Paginat
     });
 PaginationPrevious.displayName = 'PaginationPrevious';
 const PaginationNext = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationLink, {
+        "data-slot": "pagination-next",
         "aria-label": "Go to next page",
         size: "default",
         className: cn('gap-1 pr-2.5', className),
@@ -61,6 +67,7 @@ const PaginationNext = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationL
     });
 PaginationNext.displayName = 'PaginationNext';
 const PaginationEllipsis = ({ className, ...props })=>/*#__PURE__*/ jsxs("span", {
+        "data-slot": "pagination-ellipsis",
         "aria-hidden": true,
         className: cn('flex h-9 w-9 items-center justify-center future:h-10 future:w-10', className),
         ...props,

package/dist/components/ui/popover.cjs

@@ -35,15 +35,30 @@ const react_popover_namespaceObject = require("@radix-ui/react-popover");
 const external_react_namespaceObject = require("react");
 const external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const Popover = react_popover_namespaceObject.Root;
-const PopoverTrigger = react_popover_namespaceObject.Trigger;
-const PopoverAnchor = react_popover_namespaceObject.Anchor;
+const Popover = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Root, {
+        "data-slot": "popover",
+        ...props
+    });
+Popover.displayName = 'Popover';
+const PopoverTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Trigger, {
+        ref: ref,
+        "data-slot": "popover-trigger",
+        ...props
+    }));
+PopoverTrigger.displayName = react_popover_namespaceObject.Trigger.displayName;
+const PopoverAnchor = /*#__PURE__*/ external_react_namespaceObject.forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Anchor, {
+        ref: ref,
+        "data-slot": "popover-anchor",
+        ...props
+    }));
+PopoverAnchor.displayName = react_popover_namespaceObject.Anchor.displayName;
 const PopoverContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Portal, {
         container: resolvedContainer,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_popover_namespaceObject.Content, {
             ref: ref,
+            "data-slot": "popover-content",
             align: align,
             sideOffset: sideOffset,
             className: (0, index_cjs_namespaceObject.cn)('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),

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

@@ -1,9 +1,12 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
 import { type PortalContainerOverride } from './portal-container';
-declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const Popover: {
+    (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     container?: PortalContainerOverride;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/popover.js

@@ -4,15 +4,30 @@ import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover"
 import { forwardRef } from "react";
 import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
-const Popover = Root;
-const PopoverTrigger = Trigger;
-const PopoverAnchor = Anchor;
+const Popover = (props)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "popover",
+        ...props
+    });
+Popover.displayName = 'Popover';
+const PopoverTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        "data-slot": "popover-trigger",
+        ...props
+    }));
+PopoverTrigger.displayName = Trigger.displayName;
+const PopoverAnchor = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Anchor, {
+        ref: ref,
+        "data-slot": "popover-anchor",
+        ...props
+    }));
+PopoverAnchor.displayName = Anchor.displayName;
 const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
     const resolvedContainer = useResolvedPortalContainer(container);
     return /*#__PURE__*/ jsx(Portal, {
         container: resolvedContainer,
         children: /*#__PURE__*/ jsx(Content, {
             ref: ref,
+            "data-slot": "popover-content",
             align: align,
             sideOffset: sideOffset,
             className: cn('z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none future:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]', className),

package/dist/components/ui/progress.cjs

@@ -32,6 +32,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Progress = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, value, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "progress",
         className: (0, index_cjs_namespaceObject.cn)('relative h-4 w-full overflow-hidden rounded-full bg-secondary', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Indicator, {

package/dist/components/ui/progress.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const Progress = /*#__PURE__*/ forwardRef(({ className, value, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
         ref: ref,
+        "data-slot": "progress",
         className: cn('relative h-4 w-full overflow-hidden rounded-full bg-secondary', className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {

package/dist/components/ui/prompt-editor/components/EditorToolbar.cjs

@@ -77,11 +77,13 @@ const EditorToolbar = ({ mode, onModeChange, disabled, actionsRef, onFullscreen
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "flex items-center gap-1 shrink-0",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                    className: "flex items-center rounded-md bg-muted p-0.5",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
+                    "aria-label": "Editor mode",
+                    className: "m-0 flex items-center rounded-md border-0 bg-muted p-0.5",
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                             type: "button",
+                            "aria-pressed": 'edit' === mode,
                             className: (0, index_cjs_namespaceObject.cn)('rounded px-2 py-0.5 text-[11px] font-semibold transition-colors', 'edit' === mode ? 'bg-primary/20 text-primary' : 'text-foreground hover:bg-accent'),
                             disabled: disabled,
                             onClick: ()=>onModeChange('edit'),
@@ -89,6 +91,7 @@ const EditorToolbar = ({ mode, onModeChange, disabled, actionsRef, onFullscreen
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
                             type: "button",
+                            "aria-pressed": 'preview' === mode,
                             className: (0, index_cjs_namespaceObject.cn)('rounded px-2 py-0.5 text-[11px] font-semibold transition-colors', 'preview' === mode ? 'bg-primary/20 text-primary' : 'text-foreground hover:bg-accent'),
                             disabled: disabled,
                             onClick: ()=>onModeChange('preview'),

package/dist/components/ui/prompt-editor/components/EditorToolbar.js

@@ -49,11 +49,13 @@ const EditorToolbar = ({ mode, onModeChange, disabled, actionsRef, onFullscreen
             }),
             /*#__PURE__*/ jsx("div", {
                 className: "flex items-center gap-1 shrink-0",
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "flex items-center rounded-md bg-muted p-0.5",
+                children: /*#__PURE__*/ jsxs("fieldset", {
+                    "aria-label": "Editor mode",
+                    className: "m-0 flex items-center rounded-md border-0 bg-muted p-0.5",
                     children: [
                         /*#__PURE__*/ jsx("button", {
                             type: "button",
+                            "aria-pressed": 'edit' === mode,
                             className: cn('rounded px-2 py-0.5 text-[11px] font-semibold transition-colors', 'edit' === mode ? 'bg-primary/20 text-primary' : 'text-foreground hover:bg-accent'),
                             disabled: disabled,
                             onClick: ()=>onModeChange('edit'),
@@ -61,6 +63,7 @@ const EditorToolbar = ({ mode, onModeChange, disabled, actionsRef, onFullscreen
                         }),
                         /*#__PURE__*/ jsx("button", {
                             type: "button",
+                            "aria-pressed": 'preview' === mode,
                             className: cn('rounded px-2 py-0.5 text-[11px] font-semibold transition-colors', 'preview' === mode ? 'bg-primary/20 text-primary' : 'text-foreground hover:bg-accent'),
                             disabled: disabled,
                             onClick: ()=>onModeChange('preview'),

package/dist/components/ui/radio-group.cjs

@@ -33,6 +33,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const RadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root, {
+        "data-slot": "radio-group",
         className: (0, index_cjs_namespaceObject.cn)('grid gap-2', className),
         ...props,
         ref: ref
@@ -40,6 +41,7 @@ const RadioGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ cl
 RadioGroup.displayName = react_radio_group_namespaceObject.Root.displayName;
 const RadioGroupItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item, {
         ref: ref,
+        "data-slot": "radio-group-item",
         className: (0, index_cjs_namespaceObject.cn)('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', 'future:border-border future:text-foreground future:hover:border-border-hover future:data-[state=checked]:border-foreground-muted', className),
         ...props,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator, {

package/dist/components/ui/radio-group.js

@@ -4,6 +4,7 @@ import { Circle } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const RadioGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        "data-slot": "radio-group",
         className: cn('grid gap-2', className),
         ...props,
         ref: ref
@@ -11,6 +12,7 @@ const RadioGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#_
 RadioGroup.displayName = Root.displayName;
 const RadioGroupItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
         ref: ref,
+        "data-slot": "radio-group-item",
         className: cn('aspect-square h-4 w-4 cursor-pointer rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', 'future:border-border future:text-foreground future:hover:border-border-hover future:data-[state=checked]:border-foreground-muted', className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {

package/dist/components/ui/resizable.cjs

@@ -33,11 +33,13 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_resizable_panels_namespaceObject = require("react-resizable-panels");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Group, {
+        "data-slot": "resizable-panel-group",
         className: (0, index_cjs_namespaceObject.cn)('flex h-full w-full', className),
         ...props
     });
 const ResizablePanel = external_react_resizable_panels_namespaceObject.Panel;
 const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Separator, {
+        "data-slot": "resizable-handle",
         className: (0, index_cjs_namespaceObject.cn)('group relative flex w-px items-center justify-center bg-border transition-colors data-[separator=hover]:bg-primary data-[separator=active]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0 [&[aria-orientation=horizontal]>div]:rotate-90', className),
         ...props,
         children: withHandle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {

package/dist/components/ui/resizable.js

@@ -3,11 +3,13 @@ import { GripVertical } from "lucide-react";
 import { Group, Panel, Separator } from "react-resizable-panels";
 import { cn } from "../../lib/index.js";
 const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ jsx(Group, {
+        "data-slot": "resizable-panel-group",
         className: cn('flex h-full w-full', className),
         ...props
     });
 const ResizablePanel = Panel;
 const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ jsx(Separator, {
+        "data-slot": "resizable-handle",
         className: cn('group relative flex w-px items-center justify-center bg-border transition-colors data-[separator=hover]:bg-primary data-[separator=active]:bg-primary after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:-translate-y-1/2 aria-[orientation=horizontal]:after:translate-x-0 [&[aria-orientation=horizontal]>div]:rotate-90', className),
         ...props,
         children: withHandle && /*#__PURE__*/ jsx("div", {

package/dist/components/ui/scroll-area.cjs

@@ -34,6 +34,7 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const ScrollArea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_scroll_area_namespaceObject.Root, {
         ref: ref,
+        "data-slot": "scroll-area",
         className: (0, index_cjs_namespaceObject.cn)('relative overflow-hidden overscroll-x-contain', className),
         ...props,
         children: [
@@ -53,6 +54,7 @@ const ScrollArea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ cl
 ScrollArea.displayName = react_scroll_area_namespaceObject.Root.displayName;
 const ScrollBar = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_scroll_area_namespaceObject.ScrollAreaScrollbar, {
         ref: ref,
+        "data-slot": "scroll-bar",
         orientation: orientation,
         className: (0, index_cjs_namespaceObject.cn)('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-px', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-px', className),
         ...props,

package/dist/components/ui/scroll-area.js

@@ -5,6 +5,7 @@ import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
 const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
         ref: ref,
+        "data-slot": "scroll-area",
         className: cn('relative overflow-hidden overscroll-x-contain', className),
         ...props,
         children: [
@@ -24,6 +25,7 @@ const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props },
 ScrollArea.displayName = Root.displayName;
 const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
         ref: ref,
+        "data-slot": "scroll-bar",
         orientation: orientation,
         className: cn('flex touch-none select-none transition-colors', 'vertical' === orientation && 'h-full w-2.5 border-l border-l-transparent p-px', 'horizontal' === orientation && 'h-2.5 flex-col border-t border-t-transparent p-px', className),
         ...props,

package/dist/components/ui/search.cjs

@@ -40,6 +40,7 @@ const Search = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ classN
         onClear?.();
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
+        "data-slot": "search",
         variant: variant,
         size: size,
         children: [
@@ -93,6 +94,7 @@ const SearchWithSuggestions = /*#__PURE__*/ external_react_namespaceObject.forwa
     };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
+        "data-slot": "search-with-suggestions",
         className: (0, index_cjs_namespaceObject.cn)('relative', className),
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
             open: open && filteredSuggestions.length > 0,

package/dist/components/ui/search.js

@@ -11,6 +11,7 @@ const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, on
         onClear?.();
     };
     return /*#__PURE__*/ jsxs(InputGroup, {
+        "data-slot": "search",
         variant: variant,
         size: size,
         children: [
@@ -64,6 +65,7 @@ const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, place
     };
     return /*#__PURE__*/ jsx("div", {
         ref: ref,
+        "data-slot": "search-with-suggestions",
         className: cn('relative', className),
         children: /*#__PURE__*/ jsxs(Popover, {
             open: open && filteredSuggestions.length > 0,