@bergetai/ui 0.1.83 → 0.1.84

package/dist/index.cjs

@@ -381,7 +381,7 @@ var buttonVariants2 = (0, import_class_variance_authority2.cva)(
         primary: "bg-berget-button-primary-bg text-berget-button-primary-fg shadow-lg hover:bg-berget-button-primary-bg/90 hover:shadow-xl",
         secondary: "bg-berget-button-secondary-bg text-berget-button-secondary-fg shadow hover:bg-berget-button-secondary-bg/80 hover:shadow-lg",
         destructive: "bg-berget-button-destructive-bg text-berget-button-destructive-fg shadow-sm hover:bg-berget-button-destructive-bg/80 hover:shadow",
-        highlight: "relative overflow-hidden bg-berget-background border border-berget-border-interactive backdrop-blur-[5px] text-foreground hover:bg-berget-background/80 hover:border-berget-border-interactive-elevated hover:shadow-lg",
+        highlight: "bg-berget-background border border-berget-border-interactive text-foreground hover:bg-berget-background/80 hover:border-berget-border-interactive-elevated hover:shadow-lg",
         icon: "!flex !flex-row !justify-center !items-center !gap-0 !p-0 !w-[44px] !h-[44px] !bg-berget-button-default-bg !text-berget-button-default-fg shadow-[0px_1px_3px_rgba(0,0,0,0.1),0px_1px_2px_-1px_rgba(0,0,0,0.1)] !rounded-full"
       },
       size: {
@@ -414,7 +414,6 @@ var Button2 = React5.forwardRef(
     children,
     ...props
   }, ref) => {
-    const isHighlight = variant === "highlight";
     const isIcon = variant === "icon";
     if (asChild) {
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -431,7 +430,7 @@ var Button2 = React5.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       Button,
       {
         className: cn(buttonVariants2({ variant, size, width }), className),
@@ -440,26 +439,10 @@ var Button2 = React5.forwardRef(
         "aria-disabled": isLoading || void 0,
         "aria-busy": isLoading || void 0,
         ...props,
-        children: [
-          isHighlight && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute inset-0 top-[1px] h-[calc(100%-1px)] w-full bg-[radial-gradient(100%_100%_at_49.87%_0%,color-mix(in_oklch,var(--berget-foreground)_4%,transparent)_0%,transparent_100%)] pointer-events-none" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute top-0 left-0 right-0 h-[1px] bg-[radial-gradient(55.66%_112.5%_at_50%_0%,var(--berget-foreground)_0%,transparent_92.4%)] opacity-[0.3] pointer-events-none" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center",
-                !isIcon && "gap-2",
-                isHighlight && "relative z-10"
-              ),
-              children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { icon: import_lucide_react.Loader2, size: 16, className: "animate-spin", "aria-hidden": true }),
-                !isIcon && children
-              ] }) : children
-            }
-          )
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: cn("inline-flex items-center", !isIcon && "gap-2"), children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { icon: import_lucide_react.Loader2, size: 16, className: "animate-spin", "aria-hidden": true }),
+          !isIcon && children
+        ] }) : children })
       }
     );
   }