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

package/dist/components/custom/flow-properties-expanded.cjs

@@ -171,7 +171,7 @@ function PropertiesExpanded({ className, nodeName = 'Validate invoice', nodeType
                                 ]
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                size: "icon",
+                                icon: true,
                                 variant: "ghost",
                                 className: "bg-surface-overlay text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-5",
                                 onClick: onClose,
@@ -189,7 +189,7 @@ function PropertiesExpanded({ className, nodeName = 'Validate invoice', nodeType
                         className: "flex items-center gap-2",
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                size: "icon",
+                                icon: true,
                                 variant: "ghost",
                                 className: "bg-surface-overlay text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-5",
                                 "aria-label": "Toggle panel dock",

package/dist/components/custom/flow-properties-expanded.js

@@ -143,7 +143,7 @@ function PropertiesExpanded({ className, nodeName = 'Validate invoice', nodeType
                                 ]
                             }),
                             /*#__PURE__*/ jsx(Button, {
-                                size: "icon",
+                                icon: true,
                                 variant: "ghost",
                                 className: "bg-surface-overlay text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-5",
                                 onClick: onClose,
@@ -161,7 +161,7 @@ function PropertiesExpanded({ className, nodeName = 'Validate invoice', nodeType
                         className: "flex items-center gap-2",
                         children: [
                             /*#__PURE__*/ jsx(Button, {
-                                size: "icon",
+                                icon: true,
                                 variant: "ghost",
                                 className: "bg-surface-overlay text-foreground-muted hover:bg-surface-overlay hover:text-foreground [&_svg]:size-5",
                                 "aria-label": "Toggle panel dock",

package/dist/components/forms/form-designer.cjs

@@ -1463,8 +1463,9 @@ function FieldOptionsEditor({ options, onChange }) {
                         }),
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
                             variant: "ghost",
-                            size: "icon",
-                            className: "h-8 w-8 text-muted-foreground hover:text-destructive",
+                            size: "xs",
+                            icon: true,
+                            className: "text-muted-foreground hover:text-destructive",
                             onClick: ()=>removeOption(index),
                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Trash2, {
                                 className: "h-4 w-4"
@@ -2077,8 +2078,9 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                             }),
                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
                                                 variant: "ghost",
-                                                size: "sm",
-                                                className: "h-7 w-7 p-0 text-destructive hover:text-destructive",
+                                                size: "2xs",
+                                                icon: true,
+                                                className: "text-destructive hover:text-destructive",
                                                 onClick: ()=>deleteRule(index),
                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Trash2, {
                                                     className: "h-3.5 w-3.5"

package/dist/components/forms/form-designer.js

@@ -1435,8 +1435,9 @@ function FieldOptionsEditor({ options, onChange }) {
                         }),
                         /*#__PURE__*/ jsx(Button, {
                             variant: "ghost",
-                            size: "icon",
-                            className: "h-8 w-8 text-muted-foreground hover:text-destructive",
+                            size: "xs",
+                            icon: true,
+                            className: "text-muted-foreground hover:text-destructive",
                             onClick: ()=>removeOption(index),
                             children: /*#__PURE__*/ jsx(Trash2, {
                                 className: "h-4 w-4"
@@ -2049,8 +2050,9 @@ function RulesEditor({ rules = [], onChange, allFields, requiredMessage, onRequi
                                             }),
                                             /*#__PURE__*/ jsx(Button, {
                                                 variant: "ghost",
-                                                size: "sm",
-                                                className: "h-7 w-7 p-0 text-destructive hover:text-destructive",
+                                                size: "2xs",
+                                                icon: true,
+                                                className: "text-destructive hover:text-destructive",
                                                 onClick: ()=>deleteRule(index),
                                                 children: /*#__PURE__*/ jsx(Trash2, {
                                                     className: "h-3.5 w-3.5"

package/dist/components/forms/schema-viewer.cjs

@@ -56,7 +56,6 @@ function SchemaViewer({ schema, triggerLabel = 'View Schema' }) {
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
                     variant: "outline",
                     size: "sm",
-                    className: "gap-2",
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Code2, {
                             className: "h-4 w-4"
@@ -81,7 +80,6 @@ function SchemaViewer({ schema, triggerLabel = 'View Schema' }) {
                                         variant: "outline",
                                         size: "sm",
                                         onClick: handleCopy,
-                                        className: "gap-2",
                                         children: [
                                             copied ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
                                                 className: "h-4 w-4"

package/dist/components/forms/schema-viewer.js

@@ -26,7 +26,6 @@ function SchemaViewer({ schema, triggerLabel = 'View Schema' }) {
                 children: /*#__PURE__*/ jsxs(Button, {
                     variant: "outline",
                     size: "sm",
-                    className: "gap-2",
                     children: [
                         /*#__PURE__*/ jsx(Code2, {
                             className: "h-4 w-4"
@@ -51,7 +50,6 @@ function SchemaViewer({ schema, triggerLabel = 'View Schema' }) {
                                         variant: "outline",
                                         size: "sm",
                                         onClick: handleCopy,
-                                        className: "gap-2",
                                         children: [
                                             copied ? /*#__PURE__*/ jsx(Check, {
                                                 className: "h-4 w-4"

package/dist/components/ui/badge.cjs

@@ -37,6 +37,10 @@ const badgeVariants = (0, external_class_variance_authority_namespaceObject.cva)
             default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
             secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
             destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            error: 'border-transparent bg-error-background text-error hover:bg-error-background/80',
+            warning: 'border-transparent bg-warning-background text-warning hover:bg-warning-background/80',
+            info: 'border-transparent bg-info-background text-info hover:bg-info-background/80',
+            success: 'border-transparent bg-success-background text-success hover:bg-success-background/80',
             outline: 'text-foreground'
         }
     },

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "error" | "warning" | "info" | "success" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/ui/badge.js

@@ -8,6 +8,10 @@ const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 p
             default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
             secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
             destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+            error: 'border-transparent bg-error-background text-error hover:bg-error-background/80',
+            warning: 'border-transparent bg-warning-background text-warning hover:bg-warning-background/80',
+            info: 'border-transparent bg-info-background text-info hover:bg-info-background/80',
+            success: 'border-transparent bg-success-background text-success hover:bg-success-background/80',
             outline: 'text-foreground'
         }
     },

package/dist/components/ui/button.cjs

@@ -43,23 +43,31 @@ const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva
             link: 'text-primary underline-offset-4 hover:underline'
         },
         size: {
+            lg: 'h-11 px-8',
             default: 'h-10 px-4 py-2',
             sm: 'h-9 px-3',
-            lg: 'h-11 px-8',
-            icon: 'h-10 w-10'
+            xs: 'h-8 px-2.5',
+            '2xs': 'h-7 px-2 text-xs',
+            '3xs': 'h-6 px-1.5 text-xs',
+            icon: 'h-10 aspect-square p-0'
+        },
+        icon: {
+            true: 'aspect-square p-0'
         }
     },
     defaultVariants: {
         variant: 'default',
-        size: 'default'
+        size: 'default',
+        icon: false
     }
 });
-const Button = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
+const Button = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, variant, size, icon, asChild = false, ...props }, ref)=>{
     const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
         className: (0, index_cjs_namespaceObject.cn)(buttonVariants({
             variant,
             size,
+            icon,
             className
         })),
         ref: ref,

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

@@ -2,7 +2,8 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    size?: "default" | "icon" | "lg" | "sm" | "xs" | "2xs" | "3xs" | null | undefined;
+    icon?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/ui/button.js

@@ -14,23 +14,31 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
             link: 'text-primary underline-offset-4 hover:underline'
         },
         size: {
+            lg: 'h-11 px-8',
             default: 'h-10 px-4 py-2',
             sm: 'h-9 px-3',
-            lg: 'h-11 px-8',
-            icon: 'h-10 w-10'
+            xs: 'h-8 px-2.5',
+            '2xs': 'h-7 px-2 text-xs',
+            '3xs': 'h-6 px-1.5 text-xs',
+            icon: 'h-10 aspect-square p-0'
+        },
+        icon: {
+            true: 'aspect-square p-0'
         }
     },
     defaultVariants: {
         variant: 'default',
-        size: 'default'
+        size: 'default',
+        icon: false
     }
 });
-const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
+const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, icon, asChild = false, ...props }, ref)=>{
     const Comp = asChild ? Slot : 'button';
     return /*#__PURE__*/ jsx(Comp, {
         className: cn(buttonVariants({
             variant,
             size,
+            icon,
             className
         })),
         ref: ref,

package/dist/components/ui/calendar.cjs

@@ -53,12 +53,12 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             nav: (0, index_cjs_namespaceObject.cn)('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', defaultClassNames.nav),
             button_previous: (0, index_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
                 variant: buttonVariant
-            }), 'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_previous),
+            }), 'h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_previous),
             button_next: (0, index_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
                 variant: buttonVariant
-            }), 'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_next),
-            month_caption: (0, index_cjs_namespaceObject.cn)('flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]', defaultClassNames.month_caption),
-            dropdowns: (0, index_cjs_namespaceObject.cn)('flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium', defaultClassNames.dropdowns),
+            }), 'h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_next),
+            month_caption: (0, index_cjs_namespaceObject.cn)('flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]', defaultClassNames.month_caption),
+            dropdowns: (0, index_cjs_namespaceObject.cn)('flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium', defaultClassNames.dropdowns),
             dropdown_root: (0, index_cjs_namespaceObject.cn)('has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border', defaultClassNames.dropdown_root),
             dropdown: (0, index_cjs_namespaceObject.cn)('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),
             caption_label: (0, index_cjs_namespaceObject.cn)('select-none font-medium', 'label' === captionLayout ? 'text-sm' : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5', defaultClassNames.caption_label),
@@ -66,13 +66,13 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             weekdays: (0, index_cjs_namespaceObject.cn)('flex gap-2', defaultClassNames.weekdays),
             weekday: (0, index_cjs_namespaceObject.cn)('text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal', defaultClassNames.weekday),
             week: (0, index_cjs_namespaceObject.cn)('mt-2 flex w-full gap-2', defaultClassNames.week),
-            week_number_header: (0, index_cjs_namespaceObject.cn)('w-[--cell-size] select-none', defaultClassNames.week_number_header),
+            week_number_header: (0, index_cjs_namespaceObject.cn)('w-[var(--cell-size)] select-none', defaultClassNames.week_number_header),
             week_number: (0, index_cjs_namespaceObject.cn)('text-muted-foreground select-none text-[0.8rem]', defaultClassNames.week_number),
-            day: (0, index_cjs_namespaceObject.cn)('group/day relative aspect-square flex-1 select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md', defaultClassNames.day),
+            day: (0, index_cjs_namespaceObject.cn)('group/day relative aspect-square flex-1 select-none p-0 text-center', defaultClassNames.day),
             range_start: (0, index_cjs_namespaceObject.cn)('bg-accent rounded-l-md', defaultClassNames.range_start),
             range_middle: (0, index_cjs_namespaceObject.cn)('rounded-none', defaultClassNames.range_middle),
             range_end: (0, index_cjs_namespaceObject.cn)('bg-accent rounded-r-md', defaultClassNames.range_end),
-            today: (0, index_cjs_namespaceObject.cn)('bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today),
+            today: (0, index_cjs_namespaceObject.cn)('bg-accent text-accent-foreground rounded-full', defaultClassNames.today),
             outside: (0, index_cjs_namespaceObject.cn)('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),
             disabled: (0, index_cjs_namespaceObject.cn)('text-muted-foreground opacity-50', defaultClassNames.disabled),
             hidden: (0, index_cjs_namespaceObject.cn)('invisible', defaultClassNames.hidden),
@@ -103,7 +103,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             WeekNumber: ({ children, ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("td", {
                     ...props,
                     children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "flex size-[--cell-size] items-center justify-center text-center",
+                        className: "flex size-[var(--cell-size)] items-center justify-center text-center",
                         children: children
                     })
                 }),
@@ -123,13 +123,13 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
         ref: ref,
         variant: "ghost",
-        size: "icon",
+        icon: true,
         "data-day": day.date.toLocaleDateString(),
         "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
         "data-range-start": modifiers.range_start,
         "data-range-end": modifiers.range_end,
         "data-range-middle": modifiers.range_middle,
-        className: (0, index_cjs_namespaceObject.cn)('data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-[--cell-size] w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70', defaultClassNames.day, className),
+        className: (0, index_cjs_namespaceObject.cn)('data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:rounded-full data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex h-[var(--cell-size)] w-[var(--cell-size)] items-center justify-center rounded-full font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70', defaultClassNames.day, className),
         ...props
     });
 }

package/dist/components/ui/calendar.js

@@ -24,12 +24,12 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             nav: cn('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', defaultClassNames.nav),
             button_previous: cn(buttonVariants({
                 variant: buttonVariant
-            }), 'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_previous),
+            }), 'h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_previous),
             button_next: cn(buttonVariants({
                 variant: buttonVariant
-            }), 'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_next),
-            month_caption: cn('flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]', defaultClassNames.month_caption),
-            dropdowns: cn('flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium', defaultClassNames.dropdowns),
+            }), 'h-[var(--cell-size)] w-[var(--cell-size)] select-none p-0 aria-disabled:opacity-50', defaultClassNames.button_next),
+            month_caption: cn('flex h-[var(--cell-size)] w-full items-center justify-center px-[var(--cell-size)]', defaultClassNames.month_caption),
+            dropdowns: cn('flex h-[var(--cell-size)] w-full items-center justify-center gap-1.5 text-sm font-medium', defaultClassNames.dropdowns),
             dropdown_root: cn('has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border', defaultClassNames.dropdown_root),
             dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),
             caption_label: cn('select-none font-medium', 'label' === captionLayout ? 'text-sm' : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5', defaultClassNames.caption_label),
@@ -37,13 +37,13 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             weekdays: cn('flex gap-2', defaultClassNames.weekdays),
             weekday: cn('text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal', defaultClassNames.weekday),
             week: cn('mt-2 flex w-full gap-2', defaultClassNames.week),
-            week_number_header: cn('w-[--cell-size] select-none', defaultClassNames.week_number_header),
+            week_number_header: cn('w-[var(--cell-size)] select-none', defaultClassNames.week_number_header),
             week_number: cn('text-muted-foreground select-none text-[0.8rem]', defaultClassNames.week_number),
-            day: cn('group/day relative aspect-square flex-1 select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md', defaultClassNames.day),
+            day: cn('group/day relative aspect-square flex-1 select-none p-0 text-center', defaultClassNames.day),
             range_start: cn('bg-accent rounded-l-md', defaultClassNames.range_start),
             range_middle: cn('rounded-none', defaultClassNames.range_middle),
             range_end: cn('bg-accent rounded-r-md', defaultClassNames.range_end),
-            today: cn('bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none', defaultClassNames.today),
+            today: cn('bg-accent text-accent-foreground rounded-full', defaultClassNames.today),
             outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),
             disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),
             hidden: cn('invisible', defaultClassNames.hidden),
@@ -74,7 +74,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             WeekNumber: ({ children, ...props })=>/*#__PURE__*/ jsx("td", {
                     ...props,
                     children: /*#__PURE__*/ jsx("div", {
-                        className: "flex size-[--cell-size] items-center justify-center text-center",
+                        className: "flex size-[var(--cell-size)] items-center justify-center text-center",
                         children: children
                     })
                 }),
@@ -94,13 +94,13 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
     return /*#__PURE__*/ jsx(Button, {
         ref: ref,
         variant: "ghost",
-        size: "icon",
+        icon: true,
         "data-day": day.date.toLocaleDateString(),
         "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
         "data-range-start": modifiers.range_start,
         "data-range-end": modifiers.range_end,
         "data-range-middle": modifiers.range_middle,
-        className: cn('data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-[--cell-size] w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70', defaultClassNames.day, className),
+        className: cn('data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[selected-single=true]:rounded-full data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex h-[var(--cell-size)] w-[var(--cell-size)] items-center justify-center rounded-full font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70', defaultClassNames.day, className),
         ...props
     });
 }

package/dist/components/ui/code-block.cjs

@@ -183,9 +183,9 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
                         children: fileName ?? language
                     }),
                     showCopyButton && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
-                        size: "icon",
+                        icon: true,
                         variant: "ghost",
-                        className: "h-7 w-7 [&_svg]:size-3.5 transition-colors",
+                        size: "2xs",
                         style: {
                             color: config.iconColor
                         },

package/dist/components/ui/code-block.js

@@ -155,9 +155,9 @@ function CodeBlock({ children, language = 'tsx', showLineNumbers = true, showCop
                         children: fileName ?? language
                     }),
                     showCopyButton && /*#__PURE__*/ jsx(Button, {
-                        size: "icon",
+                        icon: true,
                         variant: "ghost",
-                        className: "h-7 w-7 [&_svg]:size-3.5 transition-colors",
+                        size: "2xs",
                         style: {
                             color: config.iconColor
                         },

package/dist/components/ui/dropdown-menu.cjs

@@ -128,7 +128,7 @@ const DropdownMenuLabel = /*#__PURE__*/ external_react_namespaceObject.forwardRe
 DropdownMenuLabel.displayName = react_dropdown_menu_namespaceObject.Label.displayName;
 const DropdownMenuSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_dropdown_menu_namespaceObject.Separator, {
         ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-muted', className),
+        className: (0, index_cjs_namespaceObject.cn)('-mx-1 my-1 h-px bg-surface-overlay', className),
         ...props
     }));
 DropdownMenuSeparator.displayName = react_dropdown_menu_namespaceObject.Separator.displayName;

package/dist/components/ui/dropdown-menu.js

@@ -86,7 +86,7 @@ const DropdownMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props
 DropdownMenuLabel.displayName = Label.displayName;
 const DropdownMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
         ref: ref,
-        className: cn('-mx-1 my-1 h-px bg-muted', className),
+        className: cn('-mx-1 my-1 h-px bg-surface-overlay', className),
         ...props
     }));
 DropdownMenuSeparator.displayName = Separator.displayName;

package/dist/components/ui/file-upload.cjs

@@ -250,8 +250,8 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
                                     }),
                                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                         variant: "ghost",
-                                        size: "icon",
-                                        className: "h-8 w-8",
+                                        icon: true,
+                                        size: "xs",
                                         "aria-label": `Remove ${file.name}`,
                                         onClick: (e)=>{
                                             e.stopPropagation();

package/dist/components/ui/file-upload.js

@@ -222,8 +222,8 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
                                     }),
                                     /*#__PURE__*/ jsx(Button, {
                                         variant: "ghost",
-                                        size: "icon",
-                                        className: "h-8 w-8",
+                                        icon: true,
+                                        size: "xs",
                                         "aria-label": `Remove ${file.name}`,
                                         onClick: (e)=>{
                                             e.stopPropagation();

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "@/components/ui/badge" (module) {
+    "./badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -24,28 +24,28 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
     "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
-    "@/components/ui/collapsible" (module) {
+    "./collapsible" (module) {
         module.exports = require("./collapsible.cjs");
     },
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
-    "@/components/ui/context-menu" (module) {
+    "./context-menu" (module) {
         module.exports = require("./context-menu.cjs");
     },
     "./data-table" (module) {
@@ -60,10 +60,10 @@ var __webpack_modules__ = {
     "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
-    "@/components/ui/dropdown-menu" (module) {
+    "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -72,13 +72,13 @@ var __webpack_modules__ = {
     "./file-upload" (module) {
         module.exports = require("./file-upload.cjs");
     },
-    "@/components/ui/hover-card" (module) {
+    "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
-    "./label" (module) {
+    "@/components/ui/label" (module) {
         module.exports = require("./label.cjs");
     },
     "./layout" (module) {
@@ -241,7 +241,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
+    var _badge__rspack_import_5 = __webpack_require__("./badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -255,7 +255,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_7 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -276,21 +276,21 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_calendar__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _card__rspack_import_10 = __webpack_require__("@/components/ui/card");
+    var _card__rspack_import_10 = __webpack_require__("./card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _card__rspack_import_10)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_checkbox__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _collapsible__rspack_import_12 = __webpack_require__("@/components/ui/collapsible");
+    var _collapsible__rspack_import_12 = __webpack_require__("./collapsible");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _collapsible__rspack_import_12)if ([
         "TreeView",
@@ -304,14 +304,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_14 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_command__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _context_menu__rspack_import_15 = __webpack_require__("@/components/ui/context-menu");
+    var _context_menu__rspack_import_15 = __webpack_require__("./context-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _context_menu__rspack_import_15)if ([
         "TreeView",
@@ -346,14 +346,14 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dialog__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dropdown_menu__rspack_import_20 = __webpack_require__("@/components/ui/dropdown-menu");
+    var _dropdown_menu__rspack_import_20 = __webpack_require__("./dropdown-menu");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dropdown_menu__rspack_import_20)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
         "TreeView",
@@ -374,21 +374,21 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_file_upload__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _hover_card__rspack_import_24 = __webpack_require__("@/components/ui/hover-card");
+    var _hover_card__rspack_import_24 = __webpack_require__("./hover-card");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _hover_card__rspack_import_24)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_25 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_input__rspack_import_25[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _label__rspack_import_26 = __webpack_require__("./label");
+    var _label__rspack_import_26 = __webpack_require__("@/components/ui/label");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _label__rspack_import_26)if ([
         "TreeView",