@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

package/dist/components/custom/toolbar-view.js

@@ -0,0 +1,87 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { LayoutGrid, Maximize2, ZoomIn, ZoomOut } from "lucide-react";
+import { cn } from "../../lib/index.js";
+function ViewButton({ icon, label, isActive, onClick }) {
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: cn('flex h-8 w-8 items-center justify-center rounded-lg text-foreground-muted transition-colors hover:text-foreground', isActive && 'rounded-2xl border border-border bg-surface text-foreground'),
+        onClick: onClick,
+        "aria-label": label,
+        children: icon
+    });
+}
+function NodeSizeIcon({ size, isActive }) {
+    const label = {
+        s: 'S',
+        m: 'M',
+        l: 'L'
+    }[size];
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: cn('flex h-8 w-8 items-center justify-center rounded-2xl text-xs font-bold text-foreground-muted transition-colors hover:text-foreground', isActive && 'border border-border bg-surface text-foreground'),
+        "aria-label": `Node size ${label}`,
+        children: label
+    });
+}
+function FlowViewToolbar({ className, activeNodeSize = 's', onAction }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('flex flex-col gap-4', className),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex w-10 flex-col items-center gap-1 rounded-xl bg-surface-raised p-1",
+                children: [
+                    /*#__PURE__*/ jsx(ViewButton, {
+                        icon: /*#__PURE__*/ jsx(ZoomIn, {
+                            className: "h-5 w-5"
+                        }),
+                        label: "Zoom in",
+                        onClick: ()=>onAction?.('zoom-in')
+                    }),
+                    /*#__PURE__*/ jsx(ViewButton, {
+                        icon: /*#__PURE__*/ jsx(ZoomOut, {
+                            className: "h-5 w-5"
+                        }),
+                        label: "Zoom out",
+                        onClick: ()=>onAction?.('zoom-out')
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "h-px w-6 bg-border-subtle"
+                    }),
+                    /*#__PURE__*/ jsx(ViewButton, {
+                        icon: /*#__PURE__*/ jsx(Maximize2, {
+                            className: "h-5 w-5"
+                        }),
+                        label: "Fit to screen",
+                        onClick: ()=>onAction?.('fit')
+                    }),
+                    /*#__PURE__*/ jsx(ViewButton, {
+                        icon: /*#__PURE__*/ jsx(LayoutGrid, {
+                            className: "h-5 w-5"
+                        }),
+                        label: "Toggle grid",
+                        onClick: ()=>onAction?.('grid')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex w-10 flex-col items-center gap-2 rounded-[20px] border border-border-deep bg-surface-raised p-1",
+                children: [
+                    /*#__PURE__*/ jsx(NodeSizeIcon, {
+                        size: "s",
+                        isActive: 's' === activeNodeSize
+                    }),
+                    /*#__PURE__*/ jsx(NodeSizeIcon, {
+                        size: "m",
+                        isActive: 'm' === activeNodeSize
+                    }),
+                    /*#__PURE__*/ jsx(NodeSizeIcon, {
+                        size: "l",
+                        isActive: 'l' === activeNodeSize
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { FlowViewToolbar };

package/dist/components/custom/viewport-guard.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ViewportGuard: ()=>ViewportGuard,
+    useViewportAtOrAbove: ()=>useViewportAtOrAbove
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function useViewportBelow(minWidthPx) {
+    const [isBelow, setIsBelow] = external_react_namespaceObject.useState(false);
+    external_react_namespaceObject.useEffect(()=>{
+        const mql = window.matchMedia(`(max-width: ${minWidthPx - 1}px)`);
+        const handler = ()=>setIsBelow(mql.matches);
+        handler();
+        mql.addEventListener('change', handler);
+        return ()=>mql.removeEventListener('change', handler);
+    }, [
+        minWidthPx
+    ]);
+    return isBelow;
+}
+function useViewportAtOrAbove(minWidthPx) {
+    const [isAtOrAbove, setIsAtOrAbove] = external_react_namespaceObject.useState(false);
+    external_react_namespaceObject.useEffect(()=>{
+        const mql = window.matchMedia(`(min-width: ${minWidthPx}px)`);
+        const handler = ()=>setIsAtOrAbove(mql.matches);
+        handler();
+        mql.addEventListener('change', handler);
+        return ()=>mql.removeEventListener('change', handler);
+    }, [
+        minWidthPx
+    ]);
+    return isAtOrAbove;
+}
+const DEFAULT_MESSAGE = 'This view is not available at this screen size. Please use a larger viewport.';
+function ViewportGuard({ minWidth = 769, message = DEFAULT_MESSAGE, className, children }) {
+    const isBelow = useViewportBelow(minWidth);
+    if (!isBelow) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
+        children: children
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('fixed inset-0 z-50 flex items-center justify-center', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "absolute inset-0 bg-surface backdrop-blur-xl",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "relative mx-4 max-w-sm rounded-2xl border border-border bg-surface-raised px-6 py-5 text-center shadow-xl",
+                role: "status",
+                "aria-live": "polite",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                    className: "text-sm font-medium leading-5 text-foreground",
+                    children: message
+                })
+            })
+        ]
+    });
+}
+exports.ViewportGuard = __webpack_exports__.ViewportGuard;
+exports.useViewportAtOrAbove = __webpack_exports__.useViewportAtOrAbove;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ViewportGuard",
+    "useViewportAtOrAbove"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/viewport-guard.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+/**
+ * Returns true when viewport width is >= minWidthPx (e.g. for "expanded above 1024").
+ */
+export declare function useViewportAtOrAbove(minWidthPx: number): boolean;
+export interface ViewportGuardProps {
+    /** Minimum viewport width (px) at which content is shown. Below this, the overlay is shown. Default 769 (so 768px and below get the overlay). */
+    minWidth?: number;
+    /** Overlay message. Default explains the view is not available at this screen size. */
+    message?: string;
+    /** Optional class for the overlay container. */
+    className?: string;
+    /** Content to guard; hidden behind the overlay when viewport is too narrow. */
+    children?: React.ReactNode;
+}
+/**
+ * Renders children when viewport is at or above `minWidth`, and a full-screen
+ * blurred overlay with a message when viewport is below that width.
+ *
+ * Use for templates or layouts that are not designed for small screens
+ * (e.g. Delegate templates at 540px / 768px).
+ */
+export declare function ViewportGuard({ minWidth, message, className, children, }: ViewportGuardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/viewport-guard.js

@@ -0,0 +1,55 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { cn } from "../../lib/index.js";
+function useViewportBelow(minWidthPx) {
+    const [isBelow, setIsBelow] = useState(false);
+    useEffect(()=>{
+        const mql = window.matchMedia(`(max-width: ${minWidthPx - 1}px)`);
+        const handler = ()=>setIsBelow(mql.matches);
+        handler();
+        mql.addEventListener('change', handler);
+        return ()=>mql.removeEventListener('change', handler);
+    }, [
+        minWidthPx
+    ]);
+    return isBelow;
+}
+function useViewportAtOrAbove(minWidthPx) {
+    const [isAtOrAbove, setIsAtOrAbove] = useState(false);
+    useEffect(()=>{
+        const mql = window.matchMedia(`(min-width: ${minWidthPx}px)`);
+        const handler = ()=>setIsAtOrAbove(mql.matches);
+        handler();
+        mql.addEventListener('change', handler);
+        return ()=>mql.removeEventListener('change', handler);
+    }, [
+        minWidthPx
+    ]);
+    return isAtOrAbove;
+}
+const DEFAULT_MESSAGE = 'This view is not available at this screen size. Please use a larger viewport.';
+function ViewportGuard({ minWidth = 769, message = DEFAULT_MESSAGE, className, children }) {
+    const isBelow = useViewportBelow(minWidth);
+    if (!isBelow) return /*#__PURE__*/ jsx(Fragment, {
+        children: children
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('fixed inset-0 z-50 flex items-center justify-center', className),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 bg-surface backdrop-blur-xl",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "relative mx-4 max-w-sm rounded-2xl border border-border bg-surface-raised px-6 py-5 text-center shadow-xl",
+                role: "status",
+                "aria-live": "polite",
+                children: /*#__PURE__*/ jsx("p", {
+                    className: "text-sm font-medium leading-5 text-foreground",
+                    children: message
+                })
+            })
+        ]
+    });
+}
+export { ViewportGuard, useViewportAtOrAbove };

package/dist/components/forms/field-renderer.cjs

@@ -90,7 +90,9 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
         if ('params' in field.dataSource && field.dataSource.params) Object.values(field.dataSource.params).forEach((value)=>{
             if ('string' == typeof value && value.startsWith('$')) fields.add(value.slice(1));
         });
-        if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>fields.add(dep));
+        if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>{
+            fields.add(dep);
+        });
         return Array.from(fields);
     }, [
         field.dataSource

package/dist/components/forms/field-renderer.js

@@ -62,7 +62,9 @@ function FormFieldRenderer({ field, context, customComponents, disabled: formDis
         if ('params' in field.dataSource && field.dataSource.params) Object.values(field.dataSource.params).forEach((value)=>{
             if ('string' == typeof value && value.startsWith('$')) fields.add(value.slice(1));
         });
-        if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>fields.add(dep));
+        if ('computed' === field.dataSource.type && 'dependency' in field.dataSource) field.dataSource.dependency.forEach((dep)=>{
+            fields.add(dep);
+        });
         return Array.from(fields);
     }, [
         field.dataSource

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

@@ -1069,8 +1069,10 @@ function FormDesigner() {
                                                         })
                                                     })
                                                 }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                                    className: "flex-1 min-w-0 cursor-pointer flex items-center gap-1",
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                                                    type: "button",
+                                                    tabIndex: 0,
+                                                    className: "flex-1 min-w-0 cursor-pointer flex items-center gap-1 bg-transparent border-0 p-0 text-left",
                                                     onClick: ()=>{
                                                         setSelectedSectionId(section.id);
                                                         setSelectedFieldId(null);
@@ -1138,11 +1140,20 @@ function FormDesigner() {
                                                 className: "space-y-0.5 ml-3 border-l pl-2",
                                                 children: [
                                                     section.fields.map((field, fieldIndex)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                                            role: "button",
+                                                            tabIndex: 0,
                                                             className: `group/field flex items-center gap-1 px-2 py-1 rounded cursor-pointer hover:bg-accent transition-colors ${selectedFieldId === field.id ? 'bg-accent' : ''}`,
                                                             onClick: ()=>{
                                                                 setSelectedSectionId(section.id);
                                                                 setSelectedFieldId(field.id);
                                                             },
+                                                            onKeyDown: (e)=>{
+                                                                if ('Enter' === e.key || ' ' === e.key) {
+                                                                    e.preventDefault();
+                                                                    setSelectedSectionId(section.id);
+                                                                    setSelectedFieldId(field.id);
+                                                                }
+                                                            },
                                                             children: [
                                                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVertical, {
                                                                     className: "h-3 w-3 text-muted-foreground opacity-0 group-hover/field:opacity-50"

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

@@ -1041,8 +1041,10 @@ function FormDesigner() {
                                                         })
                                                     })
                                                 }),
-                                                /*#__PURE__*/ jsxs("div", {
-                                                    className: "flex-1 min-w-0 cursor-pointer flex items-center gap-1",
+                                                /*#__PURE__*/ jsxs("button", {
+                                                    type: "button",
+                                                    tabIndex: 0,
+                                                    className: "flex-1 min-w-0 cursor-pointer flex items-center gap-1 bg-transparent border-0 p-0 text-left",
                                                     onClick: ()=>{
                                                         setSelectedSectionId(section.id);
                                                         setSelectedFieldId(null);
@@ -1110,11 +1112,20 @@ function FormDesigner() {
                                                 className: "space-y-0.5 ml-3 border-l pl-2",
                                                 children: [
                                                     section.fields.map((field, fieldIndex)=>/*#__PURE__*/ jsxs("div", {
+                                                            role: "button",
+                                                            tabIndex: 0,
                                                             className: `group/field flex items-center gap-1 px-2 py-1 rounded cursor-pointer hover:bg-accent transition-colors ${selectedFieldId === field.id ? 'bg-accent' : ''}`,
                                                             onClick: ()=>{
                                                                 setSelectedSectionId(section.id);
                                                                 setSelectedFieldId(field.id);
                                                             },
+                                                            onKeyDown: (e)=>{
+                                                                if ('Enter' === e.key || ' ' === e.key) {
+                                                                    e.preventDefault();
+                                                                    setSelectedSectionId(section.id);
+                                                                    setSelectedFieldId(field.id);
+                                                                }
+                                                            },
                                                             children: [
                                                                 /*#__PURE__*/ jsx(GripVertical, {
                                                                     className: "h-3 w-3 text-muted-foreground opacity-0 group-hover/field:opacity-50"

package/dist/components/forms/rules-engine.d.ts

@@ -1,4 +1,4 @@
-import type { FieldRule, FieldCondition, FormContext, FieldOption } from './form-schema';
+import type { FieldCondition, FieldOption, FieldRule, FormContext } from './form-schema';
 /**
  * Rules Engine - Evaluates conditions and applies effects using jsep
  * Powers show/hide, enable/disable, validation changes, etc.

package/dist/components/ui/breadcrumb.cjs

@@ -66,9 +66,8 @@ const BreadcrumbLink = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 const BreadcrumbPage = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         ref: ref,
-        role: "link",
-        "aria-disabled": "true",
         "aria-current": "page",
+        "aria-disabled": "true",
         className: (0, index_cjs_namespaceObject.cn)('font-normal text-foreground', className),
         ...props
     }));

package/dist/components/ui/breadcrumb.js

@@ -32,9 +32,8 @@ const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ asChild, className, ...props
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 const BreadcrumbPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
         ref: ref,
-        role: "link",
-        "aria-disabled": "true",
         "aria-current": "page",
+        "aria-disabled": "true",
         className: cn('font-normal text-foreground', className),
         ...props
     }));

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

@@ -35,14 +35,16 @@ const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const ButtonGroup = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'horizontal', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
         role: "group",
+        "aria-label": "Button group",
         className: (0, index_cjs_namespaceObject.cn)('inline-flex', 'horizontal' === orientation ? '[&>button]:rounded-none [&>button]:border-r-0 [&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md [&>button:last-child]:border-r' : 'flex-col [&>button]:rounded-none [&>button]:border-b-0 [&>button:first-child]:rounded-t-md [&>button:last-child]:rounded-b-md [&>button:last-child]:border-b', className),
         ...props
     }));
 ButtonGroup.displayName = 'ButtonGroup';
-const ButtonGroupSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+const ButtonGroupSeparator = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("hr", {
         ref: ref,
-        role: "separator",
-        className: (0, index_cjs_namespaceObject.cn)('bg-border', 'vertical' === orientation ? 'w-px self-stretch' : 'h-px self-stretch', className),
+        "aria-orientation": orientation,
+        "aria-label": "Separator",
+        className: (0, index_cjs_namespaceObject.cn)('bg-border border-0 m-0', 'vertical' === orientation ? 'w-px self-stretch' : 'h-px self-stretch', className),
         ...props
     }));
 ButtonGroupSeparator.displayName = 'ButtonGroupSeparator';

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
-interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
 }
 declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
 interface ButtonGroupSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
 }
-declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React.RefAttributes<HTMLHRElement>>;
 interface ButtonGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
     asChild?: boolean;
 }

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

@@ -5,14 +5,16 @@ import { cn } from "../../lib/index.js";
 const ButtonGroup = /*#__PURE__*/ forwardRef(({ className, orientation = 'horizontal', ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         role: "group",
+        "aria-label": "Button group",
         className: cn('inline-flex', 'horizontal' === orientation ? '[&>button]:rounded-none [&>button]:border-r-0 [&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md [&>button:last-child]:border-r' : 'flex-col [&>button]:rounded-none [&>button]:border-b-0 [&>button:first-child]:rounded-t-md [&>button:last-child]:rounded-b-md [&>button:last-child]:border-b', className),
         ...props
     }));
 ButtonGroup.displayName = 'ButtonGroup';
-const ButtonGroupSeparator = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const ButtonGroupSeparator = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx("hr", {
         ref: ref,
-        role: "separator",
-        className: cn('bg-border', 'vertical' === orientation ? 'w-px self-stretch' : 'h-px self-stretch', className),
+        "aria-orientation": orientation,
+        "aria-label": "Separator",
+        className: cn('bg-border border-0 m-0', 'vertical' === orientation ? 'w-px self-stretch' : 'h-px self-stretch', className),
         ...props
     }));
 ButtonGroupSeparator.displayName = 'ButtonGroupSeparator';

package/dist/components/ui/button.cjs

@@ -32,7 +32,7 @@ const react_slot_namespaceObject = require("@radix-ui/react-slot");
 const external_class_variance_authority_namespaceObject = require("class-variance-authority");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva)('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
+const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva)('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground hover:bg-primary/90',
@@ -44,8 +44,8 @@ const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva
         },
         size: {
             default: 'h-10 px-4 py-2',
-            sm: 'h-9 rounded-md px-3',
-            lg: 'h-11 rounded-md px-8',
+            sm: 'h-9 px-3',
+            lg: 'h-11 px-8',
             icon: 'h-10 w-10'
         }
     },

package/dist/components/ui/button.js

@@ -3,7 +3,7 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { forwardRef } from "react";
 import { cn } from "../../lib/index.js";
-const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
+const buttonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer', {
     variants: {
         variant: {
             default: 'bg-primary text-primary-foreground hover:bg-primary/90',
@@ -15,8 +15,8 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
         },
         size: {
             default: 'h-10 px-4 py-2',
-            sm: 'h-9 rounded-md px-3',
-            lg: 'h-11 rounded-md px-8',
+            sm: 'h-9 px-3',
+            lg: 'h-11 px-8',
             icon: 'h-10 w-10'
         }
     },