@caffeinebounce/ui 0.62.2

package/dist/chunk-6TGV2DNP.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CTA_BUTTON_VARIANTS = [
+  "default",
+  "outline",
+  "secondary",
+  "premium"
+];
+function isCtaButtonVariant(variant) {
+  return CTA_BUTTON_VARIANTS.includes(
+    variant || "default"
+  );
+}
+function resolveButtonHoverEffect(variant, hoverEffect) {
+  if (hoverEffect) {
+    return hoverEffect;
+  }
+  return isCtaButtonVariant(variant) ? "theme" : "slide";
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm transition-all cursor-pointer disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-background aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "button-cta button-cta-default border shadow-sm",
+        premium: "button-cta button-cta-premium border shadow-sm",
+        destructive: "border bg-destructive text-white hover:bg-destructive/90 dark:bg-destructive/60",
+        outline: "button-cta button-cta-outline border shadow-xs",
+        secondary: "button-cta button-cta-secondary border",
+        ghost: "font-medium text-foreground hover:bg-accent hover:text-accent-foreground",
+        "ghost-icon": "font-medium text-icon hover:text-icon-hover [&_svg]:transition-transform [&_svg]:duration-200 hover:[&_svg]:scale-110",
+        muted: "font-medium text-muted-foreground hover:text-foreground transition-colors",
+        link: "font-medium text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-xs": "size-6 [&_svg]:size-3.5",
+        "icon-lg": "size-10"
+      },
+      corners: {
+        default: "rounded-box",
+        pill: "rounded-full",
+        sharp: "rounded-none"
+      },
+      hoverEffect: {
+        // Slide/theme effects are handled via CSS pseudo-elements (see base.css)
+        slide: "",
+        glow: "hover:shadow-lg hover:shadow-primary/25",
+        scale: "hover:scale-105 active:scale-95",
+        // "none" disables extra hover effects but preserves variant hover styles
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      corners: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  corners,
+  hoverEffect,
+  asChild = false,
+  loading = false,
+  disabled,
+  children,
+  ...props
+}) {
+  const resolvedHoverEffect = resolveButtonHoverEffect(variant, hoverEffect);
+  if (asChild) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactSlot.Slot,
+      {
+        "data-slot": "button",
+        "data-variant": variant || "default",
+        "data-hover-effect": resolvedHoverEffect,
+        className: chunkADIDI7AJ_js.cn(
+          buttonVariants({ variant, size, corners, hoverEffect, className })
+        ),
+        "aria-disabled": disabled || loading || void 0,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      "data-slot": "button",
+      "data-variant": variant || "default",
+      "data-hover-effect": resolvedHoverEffect,
+      className: chunkADIDI7AJ_js.cn(
+        buttonVariants({ variant, size, corners, hoverEffect, className })
+      ),
+      disabled: disabled || loading,
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }),
+        children
+      ]
+    }
+  );
+}
+
+exports.Button = Button;
+exports.buttonVariants = buttonVariants;