@uipath/apollo-wind 1.4.0 → 2.0.0

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/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/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) {
@@ -30,7 +30,7 @@ var __webpack_modules__ = {
     "@/components/ui/calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
-    "@/components/ui/card" (module) {
+    "./card" (module) {
         module.exports = require("./card.cjs");
     },
     "./checkbox" (module) {
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
     "./context-menu" (module) {
@@ -57,13 +57,13 @@ var __webpack_modules__ = {
     "./datetime-picker" (module) {
         module.exports = require("./datetime-picker.cjs");
     },
-    "@/components/ui/dialog" (module) {
+    "./dialog" (module) {
         module.exports = require("./dialog.cjs");
     },
     "./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) {
@@ -75,7 +75,7 @@ var __webpack_modules__ = {
     "./hover-card" (module) {
         module.exports = require("./hover-card.cjs");
     },
-    "./input" (module) {
+    "@/components/ui/input" (module) {
         module.exports = require("./input.cjs");
     },
     "@/components/ui/label" (module) {
@@ -138,7 +138,7 @@ var __webpack_modules__ = {
     "./switch" (module) {
         module.exports = require("./switch.cjs");
     },
-    "@/components/ui/table" (module) {
+    "./table" (module) {
         module.exports = require("./table.cjs");
     },
     "./tabs" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
     "./toggle-group" (module) {
         module.exports = require("./toggle-group.cjs");
     },
-    "@/components/ui/toggle" (module) {
+    "./toggle" (module) {
         module.exports = require("./toggle.cjs");
     },
     "./tooltip" (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",
@@ -276,7 +276,7 @@ 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",
@@ -304,7 +304,7 @@ 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",
@@ -339,7 +339,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_datetime_picker__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _dialog__rspack_import_19 = __webpack_require__("@/components/ui/dialog");
+    var _dialog__rspack_import_19 = __webpack_require__("./dialog");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _dialog__rspack_import_19)if ([
         "TreeView",
@@ -353,7 +353,7 @@ var __webpack_exports__ = {};
         "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",
@@ -381,7 +381,7 @@ var __webpack_exports__ = {};
         "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__("./input");
+    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",
@@ -528,7 +528,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_switch__rspack_import_45[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _table__rspack_import_46 = __webpack_require__("@/components/ui/table");
+    var _table__rspack_import_46 = __webpack_require__("./table");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _table__rspack_import_46)if ([
         "TreeView",
@@ -549,7 +549,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_textarea__rspack_import_48[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _toggle__rspack_import_49 = __webpack_require__("@/components/ui/toggle");
+    var _toggle__rspack_import_49 = __webpack_require__("./toggle");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _toggle__rspack_import_49)if ([
         "TreeView",

package/dist/components/ui/pagination.cjs

@@ -55,12 +55,12 @@ const PaginationItem = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
         ...props
     }));
 PaginationItem.displayName = 'PaginationItem';
-const PaginationLink = ({ className, isActive, size = 'icon', ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
+const PaginationLink = ({ className, isActive, size = 'default', ...props })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("a", {
         "aria-current": isActive ? 'page' : void 0,
         className: (0, index_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
             variant: isActive ? 'outline' : 'ghost',
             size
-        }), className),
+        }), 'aspect-square p-0', className),
         ...props
     });
 PaginationLink.displayName = 'PaginationLink';

package/dist/components/ui/pagination.js

@@ -21,12 +21,12 @@ const PaginationItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>
         ...props
     }));
 PaginationItem.displayName = 'PaginationItem';
-const PaginationLink = ({ className, isActive, size = 'icon', ...props })=>/*#__PURE__*/ jsx("a", {
+const PaginationLink = ({ className, isActive, size = 'default', ...props })=>/*#__PURE__*/ jsx("a", {
         "aria-current": isActive ? 'page' : void 0,
         className: cn(buttonVariants({
             variant: isActive ? 'outline' : 'ghost',
             size
-        }), className),
+        }), 'aspect-square p-0', className),
         ...props
     });
 PaginationLink.displayName = 'PaginationLink';

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/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/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/styles.css

@@ -949,14 +949,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 +1039,6 @@
   .h-96 {
     height: calc(var(--spacing) * 96);
   }
-  .h-\[--cell-size\] {
-    height: --cell-size;
-  }
   .h-\[1px\] {
     height: 1px;
   }
@@ -1099,6 +1096,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 +1282,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 +1399,9 @@
   .w-\[930px\] {
     width: 930px;
   }
+  .w-\[var\(--cell-size\)\] {
+    width: var(--cell-size);
+  }
   .w-auto {
     width: auto;
   }
@@ -3331,8 +3331,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);
@@ -5231,6 +5231,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 +5251,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 +5794,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 +5829,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 +5852,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-wind",
-  "version": "1.4.0",
+  "version": "2.0.0",
   "description": "UiPath wind design system - A Tailwind CSS based React component library",
   "type": "module",
   "main": "./dist/index.js",
@@ -111,7 +111,7 @@
     "tailwindcss": "^4.1.17",
     "vaul": "^1.1.2",
     "zod": "^4.3.5",
-    "@uipath/apollo-core": "5.8.0"
+    "@uipath/apollo-core": "5.9.0"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^1.4.1",