@popgrids/ui 0.0.29 → 0.0.31

package/dist/banner-notification.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/banner-notification/banner-notification.tsx"],"names":["twMerge","clsx","cva","jsxs","jsx"],"mappings":";;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,0BAAA,GAA6BC,0BAAA;AAAA,EACjC,sFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,uCAAA;AAAA,QACP,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,KAAA,GAAQ,WAAA;AAAA,EACR,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8E;AAC5E,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,GAAG,0BAAA,CAA2B,EAAE,SAAS,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACtE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QAED,YAAY,IAAA,oBACXA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAA0B,QAAA,EAAS;AAAA;AAAA;AAAA,GAEtD;AAEJ","file":"banner-notification.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { BannerNotificationProps } from \"./types\";\n\nconst bannerNotificationVariants = cva(\n  \"flex items-start gap-3 rounded-[6px] px-4 py-3 w-full w-[360px] border-border border\",\n  {\n    variants: {\n      variant: {\n        info: \"\",\n      },\n      theme: {\n        error: \"bg-warning-100 dark:bg-warning-200/16\",\n        highlight: \"bg-success-50 dark:bg-white/0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n      theme: \"highlight\",\n    },\n  },\n);\n\nfunction BannerNotification({\n  className,\n  children,\n  variant = \"info\",\n  theme = \"highlight\",\n  image,\n  ...props\n}: BannerNotificationProps & VariantProps<typeof bannerNotificationVariants>) {\n  return (\n    <div\n      data-slot=\"banner-notification\"\n      className={cn(bannerNotificationVariants({ variant, theme }), className)}\n      {...props}\n    >\n      {image && (\n        <div className=\"flex shrink-0 items-start [&>svg]:size-5\">\n          {image}\n        </div>\n      )}\n      {children != null && (\n        <div className=\"min-w-0 flex-1 text-sm\">{children}</div>\n      )}\n    </div>\n  );\n}\n\nexport { BannerNotification };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/banner-notification/banner-notification.tsx"],"names":["twMerge","clsx","cva","jsxs","jsx"],"mappings":";;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,0BAAA,GAA6BC,0BAAA;AAAA,EACjC,sFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,uCAAA;AAAA,QACP,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,KAAA,GAAQ,WAAA;AAAA,EACR,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8E;AAC5E,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,GAAG,0BAAA,CAA2B,EAAE,SAAS,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACtE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBAASC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA4C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC1E,YAAY,IAAA,oBAAQA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAA0B,QAAA,EAAS;AAAA;AAAA;AAAA,GACzE;AAEJ","file":"banner-notification.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { BannerNotificationProps } from \"./types\";\n\nconst bannerNotificationVariants = cva(\n  \"flex items-start gap-3 rounded-[6px] px-4 py-3 w-full w-[360px] border-border border\",\n  {\n    variants: {\n      variant: {\n        info: \"\",\n      },\n      theme: {\n        error: \"bg-warning-100 dark:bg-warning-200/16\",\n        highlight: \"bg-success-50 dark:bg-white/0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n      theme: \"highlight\",\n    },\n  },\n);\n\nfunction BannerNotification({\n  className,\n  children,\n  variant = \"info\",\n  theme = \"highlight\",\n  image,\n  ...props\n}: BannerNotificationProps & VariantProps<typeof bannerNotificationVariants>) {\n  return (\n    <div\n      data-slot=\"banner-notification\"\n      className={cn(bannerNotificationVariants({ variant, theme }), className)}\n      {...props}\n    >\n      {image && <div className=\"flex shrink-0 items-start [&>svg]:size-5\">{image}</div>}\n      {children != null && <div className=\"min-w-0 flex-1 text-sm\">{children}</div>}\n    </div>\n  );\n}\n\nexport { BannerNotification };\n"]}

package/dist/banner-notification.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/banner-notification/banner-notification.tsx"],"names":[],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACjC,sFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,uCAAA;AAAA,QACP,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,KAAA,GAAQ,WAAA;AAAA,EACR,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8E;AAC5E,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,GAAG,0BAAA,CAA2B,EAAE,SAAS,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACtE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EACZ,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,QAED,YAAY,IAAA,oBACX,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAA0B,QAAA,EAAS;AAAA;AAAA;AAAA,GAEtD;AAEJ","file":"banner-notification.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { BannerNotificationProps } from \"./types\";\n\nconst bannerNotificationVariants = cva(\n  \"flex items-start gap-3 rounded-[6px] px-4 py-3 w-full w-[360px] border-border border\",\n  {\n    variants: {\n      variant: {\n        info: \"\",\n      },\n      theme: {\n        error: \"bg-warning-100 dark:bg-warning-200/16\",\n        highlight: \"bg-success-50 dark:bg-white/0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n      theme: \"highlight\",\n    },\n  },\n);\n\nfunction BannerNotification({\n  className,\n  children,\n  variant = \"info\",\n  theme = \"highlight\",\n  image,\n  ...props\n}: BannerNotificationProps & VariantProps<typeof bannerNotificationVariants>) {\n  return (\n    <div\n      data-slot=\"banner-notification\"\n      className={cn(bannerNotificationVariants({ variant, theme }), className)}\n      {...props}\n    >\n      {image && (\n        <div className=\"flex shrink-0 items-start [&>svg]:size-5\">\n          {image}\n        </div>\n      )}\n      {children != null && (\n        <div className=\"min-w-0 flex-1 text-sm\">{children}</div>\n      )}\n    </div>\n  );\n}\n\nexport { BannerNotification };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/banner-notification/banner-notification.tsx"],"names":[],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACAA,IAAM,0BAAA,GAA6B,GAAA;AAAA,EACjC,sFAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,uCAAA;AAAA,QACP,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,KAAA,GAAQ,WAAA;AAAA,EACR,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8E;AAC5E,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,GAAG,0BAAA,CAA2B,EAAE,SAAS,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MACtE,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA4C,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAC1E,YAAY,IAAA,oBAAQ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAA0B,QAAA,EAAS;AAAA;AAAA;AAAA,GACzE;AAEJ","file":"banner-notification.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { BannerNotificationProps } from \"./types\";\n\nconst bannerNotificationVariants = cva(\n  \"flex items-start gap-3 rounded-[6px] px-4 py-3 w-full w-[360px] border-border border\",\n  {\n    variants: {\n      variant: {\n        info: \"\",\n      },\n      theme: {\n        error: \"bg-warning-100 dark:bg-warning-200/16\",\n        highlight: \"bg-success-50 dark:bg-white/0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n      theme: \"highlight\",\n    },\n  },\n);\n\nfunction BannerNotification({\n  className,\n  children,\n  variant = \"info\",\n  theme = \"highlight\",\n  image,\n  ...props\n}: BannerNotificationProps & VariantProps<typeof bannerNotificationVariants>) {\n  return (\n    <div\n      data-slot=\"banner-notification\"\n      className={cn(bannerNotificationVariants({ variant, theme }), className)}\n      {...props}\n    >\n      {image && <div className=\"flex shrink-0 items-start [&>svg]:size-5\">{image}</div>}\n      {children != null && <div className=\"min-w-0 flex-1 text-sm\">{children}</div>}\n    </div>\n  );\n}\n\nexport { BannerNotification };\n"]}

package/dist/button-link.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var button = require('@base-ui/react/button');
 var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -57,8 +58,11 @@ var buttonLinkVariants = classVarianceAuthority.cva(
 function ButtonLink({
   children,
   className,
+  focusableWhenDisabled,
   leading,
+  nativeButton,
   primary = false,
+  render,
   size = "md",
   theme = "default",
   trailing,
@@ -77,7 +81,7 @@ function ButtonLink({
   );
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     leading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: leading }),
-    children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate relative", children }),
+    children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative min-w-0 truncate", children }),
     trailing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: trailing })
   ] });
   if (href != null) {
@@ -92,13 +96,15 @@ function ButtonLink({
       }
     );
   }
-  const { type, ...buttonProps } = props;
+  const buttonProps = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
+    button.Button,
     {
       "data-slot": "button-link",
       className: sharedClassName,
-      type: type ?? "button",
+      focusableWhenDisabled,
+      nativeButton,
+      render,
       ...buttonProps,
       children: content
     }

package/dist/button-link.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/button-link/button-link.tsx"],"names":["twMerge","clsx","cva","jsxs","Fragment","jsx"],"mappings":"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","file":"button-link.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { ButtonLinkProps } from \"./types\";\n\nconst buttonLinkVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all rounded-xs -translate-y-px border-y border-x-4 border-transparent [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none no-underline cursor-pointer\",\n  {\n    variants: {\n      hasLeading: {\n        false: null,\n        true: null,\n      },\n      hasTrailing: {\n        false: null,\n        true: null,\n      },\n      primary: {\n        false: null,\n        true: null,\n      },\n      size: {\n        sm: \"text-sm [&_svg:not([class*='size-'])]:size-4\",\n        md: \"text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n      theme: {\n        default: \"\",\n        white: \"text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n        black: \"text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white\",\n      },\n    },\n    defaultVariants: {\n      primary: false,\n      size: \"md\",\n      theme: \"default\",\n    },\n    compoundVariants: [\n      {\n        theme: \"default\",\n        primary: false,\n        class:\n          \"text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n      {\n        theme: \"default\",\n        primary: true,\n        class:\n          \"text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n    ],\n  },\n);\n\nfunction ButtonLink({\n  children,\n  className,\n  leading,\n  primary = false,\n  size = \"md\",\n  theme = \"default\",\n  trailing,\n  href,\n  ...props\n}: ButtonLinkProps) {\n  const sharedClassName = cn(\n    buttonLinkVariants({\n      hasLeading: !!leading,\n      hasTrailing: !!trailing,\n      primary,\n      size,\n      theme,\n    }),\n    className,\n  );\n\n  const content = (\n    <>\n      {leading && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {leading}\n        </div>\n      )}\n      {children != null && (\n        <span className=\"min-w-0 truncate relative\">{children}</span>\n      )}\n      {trailing && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {trailing}\n        </div>\n      )}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <a\n        data-slot=\"button-link\"\n        className={sharedClassName}\n        href={href}\n        {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const { type, ...buttonProps } =\n    props as React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n  return (\n    <button\n      data-slot=\"button-link\"\n      className={sharedClassName}\n      type={type ?? \"button\"}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  );\n}\n\nexport { ButtonLink };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/button-link/button-link.tsx"],"names":["twMerge","clsx","cva","jsxs","Fragment","jsx","ButtonPrimitive"],"mappings":"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","file":"button-link.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { ButtonLinkProps } from \"./types\";\n\nconst buttonLinkVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all rounded-xs -translate-y-px border-y border-x-4 border-transparent [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none no-underline cursor-pointer\",\n  {\n    variants: {\n      hasLeading: {\n        false: null,\n        true: null,\n      },\n      hasTrailing: {\n        false: null,\n        true: null,\n      },\n      primary: {\n        false: null,\n        true: null,\n      },\n      size: {\n        sm: \"text-sm [&_svg:not([class*='size-'])]:size-4\",\n        md: \"text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n      theme: {\n        default: \"\",\n        white:\n          \"text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n        black:\n          \"text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white\",\n      },\n    },\n    defaultVariants: {\n      primary: false,\n      size: \"md\",\n      theme: \"default\",\n    },\n    compoundVariants: [\n      {\n        theme: \"default\",\n        primary: false,\n        class:\n          \"text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n      {\n        theme: \"default\",\n        primary: true,\n        class:\n          \"text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n    ],\n  },\n);\n\nfunction ButtonLink({\n  children,\n  className,\n  focusableWhenDisabled,\n  leading,\n  nativeButton,\n  primary = false,\n  render,\n  size = \"md\",\n  theme = \"default\",\n  trailing,\n  href,\n  ...props\n}: ButtonLinkProps) {\n  const sharedClassName = cn(\n    buttonLinkVariants({\n      hasLeading: !!leading,\n      hasTrailing: !!trailing,\n      primary,\n      size,\n      theme,\n    }),\n    className,\n  );\n\n  const content = (\n    <>\n      {leading && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {leading}\n        </div>\n      )}\n      {children != null && <span className=\"relative min-w-0 truncate\">{children}</span>}\n      {trailing && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {trailing}\n        </div>\n      )}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <a\n        data-slot=\"button-link\"\n        className={sharedClassName}\n        href={href}\n        {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const buttonProps = props as React.ComponentProps<typeof ButtonPrimitive>;\n\n  return (\n    <ButtonPrimitive\n      data-slot=\"button-link\"\n      className={sharedClassName}\n      focusableWhenDisabled={focusableWhenDisabled}\n      nativeButton={nativeButton}\n      render={render}\n      {...buttonProps}\n    >\n      {content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { ButtonLink };\n"]}

package/dist/button-link.d.cts

@@ -1,7 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { Button } from '@base-ui/react/button';
 
-type ButtonLinkOwnProps = {
+type BaseUIButtonProps = Omit<Button.Props, "className" | "children">;
+
+interface ButtonLinkOwnProps {
   children?: React.ReactNode;
   className?: string;
   leading?: React.ReactNode;
@@ -9,20 +12,21 @@ type ButtonLinkOwnProps = {
   size?: "sm" | "md" | "lg";
   theme?: "default" | "white" | "black";
   trailing?: React.ReactNode;
-};
+}
 
 type ButtonLinkAsAnchorProps = ButtonLinkOwnProps &
+  BaseUIButtonProps &
   React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   };
 
 type ButtonLinkAsButtonProps = ButtonLinkOwnProps &
-  React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  BaseUIButtonProps & {
     href?: undefined;
   };
 
 type ButtonLinkProps = ButtonLinkAsAnchorProps | ButtonLinkAsButtonProps;
 
-declare function ButtonLink({ children, className, leading, primary, size, theme, trailing, href, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
+declare function ButtonLink({ children, className, focusableWhenDisabled, leading, nativeButton, primary, render, size, theme, trailing, href, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
 
 export { ButtonLink, type ButtonLinkProps };

package/dist/button-link.d.ts

@@ -1,7 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import { Button } from '@base-ui/react/button';
 
-type ButtonLinkOwnProps = {
+type BaseUIButtonProps = Omit<Button.Props, "className" | "children">;
+
+interface ButtonLinkOwnProps {
   children?: React.ReactNode;
   className?: string;
   leading?: React.ReactNode;
@@ -9,20 +12,21 @@ type ButtonLinkOwnProps = {
   size?: "sm" | "md" | "lg";
   theme?: "default" | "white" | "black";
   trailing?: React.ReactNode;
-};
+}
 
 type ButtonLinkAsAnchorProps = ButtonLinkOwnProps &
+  BaseUIButtonProps &
   React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
   };
 
 type ButtonLinkAsButtonProps = ButtonLinkOwnProps &
-  React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  BaseUIButtonProps & {
     href?: undefined;
   };
 
 type ButtonLinkProps = ButtonLinkAsAnchorProps | ButtonLinkAsButtonProps;
 
-declare function ButtonLink({ children, className, leading, primary, size, theme, trailing, href, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
+declare function ButtonLink({ children, className, focusableWhenDisabled, leading, nativeButton, primary, render, size, theme, trailing, href, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
 
 export { ButtonLink, type ButtonLinkProps };

package/dist/button-link.js

@@ -1,3 +1,4 @@
+import { Button } from '@base-ui/react/button';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -55,8 +56,11 @@ var buttonLinkVariants = cva(
 function ButtonLink({
   children,
   className,
+  focusableWhenDisabled,
   leading,
+  nativeButton,
   primary = false,
+  render,
   size = "md",
   theme = "default",
   trailing,
@@ -75,7 +79,7 @@ function ButtonLink({
   );
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     leading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: leading }),
-    children != null && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate relative", children }),
+    children != null && /* @__PURE__ */ jsx("span", { className: "relative min-w-0 truncate", children }),
     trailing && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: trailing })
   ] });
   if (href != null) {
@@ -90,13 +94,15 @@ function ButtonLink({
       }
     );
   }
-  const { type, ...buttonProps } = props;
+  const buttonProps = props;
   return /* @__PURE__ */ jsx(
-    "button",
+    Button,
     {
       "data-slot": "button-link",
       className: sharedClassName,
-      type: type ?? "button",
+      focusableWhenDisabled,
+      nativeButton,
+      render,
       ...buttonProps,
       children: content
     }

package/dist/button-link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/button-link/button-link.tsx"],"names":[],"mappings":"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","file":"button-link.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { ButtonLinkProps } from \"./types\";\n\nconst buttonLinkVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all rounded-xs -translate-y-px border-y border-x-4 border-transparent [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none no-underline cursor-pointer\",\n  {\n    variants: {\n      hasLeading: {\n        false: null,\n        true: null,\n      },\n      hasTrailing: {\n        false: null,\n        true: null,\n      },\n      primary: {\n        false: null,\n        true: null,\n      },\n      size: {\n        sm: \"text-sm [&_svg:not([class*='size-'])]:size-4\",\n        md: \"text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n      theme: {\n        default: \"\",\n        white: \"text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n        black: \"text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white\",\n      },\n    },\n    defaultVariants: {\n      primary: false,\n      size: \"md\",\n      theme: \"default\",\n    },\n    compoundVariants: [\n      {\n        theme: \"default\",\n        primary: false,\n        class:\n          \"text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n      {\n        theme: \"default\",\n        primary: true,\n        class:\n          \"text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n    ],\n  },\n);\n\nfunction ButtonLink({\n  children,\n  className,\n  leading,\n  primary = false,\n  size = \"md\",\n  theme = \"default\",\n  trailing,\n  href,\n  ...props\n}: ButtonLinkProps) {\n  const sharedClassName = cn(\n    buttonLinkVariants({\n      hasLeading: !!leading,\n      hasTrailing: !!trailing,\n      primary,\n      size,\n      theme,\n    }),\n    className,\n  );\n\n  const content = (\n    <>\n      {leading && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {leading}\n        </div>\n      )}\n      {children != null && (\n        <span className=\"min-w-0 truncate relative\">{children}</span>\n      )}\n      {trailing && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {trailing}\n        </div>\n      )}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <a\n        data-slot=\"button-link\"\n        className={sharedClassName}\n        href={href}\n        {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const { type, ...buttonProps } =\n    props as React.ButtonHTMLAttributes<HTMLButtonElement>;\n\n  return (\n    <button\n      data-slot=\"button-link\"\n      className={sharedClassName}\n      type={type ?? \"button\"}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  );\n}\n\nexport { ButtonLink };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/button-link/button-link.tsx"],"names":["ButtonPrimitive"],"mappings":"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","file":"button-link.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { ButtonLinkProps } from \"./types\";\n\nconst buttonLinkVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all rounded-xs -translate-y-px border-y border-x-4 border-transparent [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none no-underline cursor-pointer\",\n  {\n    variants: {\n      hasLeading: {\n        false: null,\n        true: null,\n      },\n      hasTrailing: {\n        false: null,\n        true: null,\n      },\n      primary: {\n        false: null,\n        true: null,\n      },\n      size: {\n        sm: \"text-sm [&_svg:not([class*='size-'])]:size-4\",\n        md: \"text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"text-base [&_svg:not([class*='size-'])]:size-5\",\n      },\n      theme: {\n        default: \"\",\n        white:\n          \"text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n        black:\n          \"text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white\",\n      },\n    },\n    defaultVariants: {\n      primary: false,\n      size: \"md\",\n      theme: \"default\",\n    },\n    compoundVariants: [\n      {\n        theme: \"default\",\n        primary: false,\n        class:\n          \"text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n      {\n        theme: \"default\",\n        primary: true,\n        class:\n          \"text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white\",\n      },\n    ],\n  },\n);\n\nfunction ButtonLink({\n  children,\n  className,\n  focusableWhenDisabled,\n  leading,\n  nativeButton,\n  primary = false,\n  render,\n  size = \"md\",\n  theme = \"default\",\n  trailing,\n  href,\n  ...props\n}: ButtonLinkProps) {\n  const sharedClassName = cn(\n    buttonLinkVariants({\n      hasLeading: !!leading,\n      hasTrailing: !!trailing,\n      primary,\n      size,\n      theme,\n    }),\n    className,\n  );\n\n  const content = (\n    <>\n      {leading && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {leading}\n        </div>\n      )}\n      {children != null && <span className=\"relative min-w-0 truncate\">{children}</span>}\n      {trailing && (\n        <div className=\"flex items-center justify-center text-inherit [&_svg]:size-inherit\">\n          {trailing}\n        </div>\n      )}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <a\n        data-slot=\"button-link\"\n        className={sharedClassName}\n        href={href}\n        {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const buttonProps = props as React.ComponentProps<typeof ButtonPrimitive>;\n\n  return (\n    <ButtonPrimitive\n      data-slot=\"button-link\"\n      className={sharedClassName}\n      focusableWhenDisabled={focusableWhenDisabled}\n      nativeButton={nativeButton}\n      render={render}\n      {...buttonProps}\n    >\n      {content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { ButtonLink };\n"]}

package/dist/button.cjs

@@ -103,23 +103,20 @@ function Loader({
             ) }) })
           ]
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: dotCount }, (_, index) => {
+      ) : Array.from({ length: dotCount }, (_, index) => {
         const delaySeconds = index * 0.035;
-        return (
-          // biome-ignore lint/suspicious/noArrayIndexKey: Dots are static and ordered
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "bg-grayscale-200 dark:bg-grayscale-700 animate-loader-wave absolute top-0 size-[3px] rounded-full motion-reduce:animate-none",
-              style: {
-                left: `${index}px`,
-                animationDelay: `${delaySeconds}s`
-              }
-            },
-            index
-          )
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute top-0 size-[3px] animate-loader-wave rounded-full bg-grayscale-200 motion-reduce:animate-none dark:bg-grayscale-700",
+            style: {
+              left: `${index}px`,
+              animationDelay: `${delaySeconds}s`
+            }
+          },
+          index
         );
-      }) })
+      })
     }
   );
 }
@@ -145,7 +142,7 @@ var buttonVariants = classVarianceAuthority.cva(
       },
       theme: {
         base: "bg-foreground text-background",
-        brand: "bg-primary-foreground text-primary",
+        brand: "bg-primary text-primary-foreground",
         error: ""
       },
       hasTrailing: {
@@ -154,7 +151,7 @@ var buttonVariants = classVarianceAuthority.cva(
       variant: {
         default: "hover:bg-background/90",
         outline: "backdrop-blur-lg ",
-        primary: "bg-primary-foreground/0 backdrop-blur-lg text-primary",
+        primary: "bg-primary/0 backdrop-blur-lg text-primary-foreground",
         secondary: "bg-secondary-foreground/0 backdrop-blur-lg text-secondary",
         tertiary: "bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]"
       },
@@ -252,12 +249,12 @@ var buttonVariants = classVarianceAuthority.cva(
         variant: "primary",
         theme: "brand",
         outline: false,
-        class: "bg-primary-foreground text-primary hover:bg-primary-foreground hover:text-primary active:bg-primary-foreground active:text-primary focus-visible:bg-primary-foreground focus-visible:text-primary"
+        class: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground active:bg-primary active:text-primary-foreground focus-visible:bg-primary focus-visible:text-primary-foreground"
       },
       {
         variant: "primary",
         theme: "error",
-        class: "bg-destructive text-black"
+        class: "bg-destructive text-white"
       },
       {
         variant: "secondary",
@@ -364,21 +361,44 @@ function Button({
       outline,
       collapsed,
       pill,
-      className,
       hasLeading: !!leading,
       theme,
       hasTrailing: !!trailing
     }),
-    tintVariants({ variant, outline })
+    tintVariants({ variant, outline }),
+    className
   );
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    loading && (loadingElement || /* @__PURE__ */ jsxRuntime.jsx(Loader, { className: "absolute inset-0 m-auto", variant: "spinner", theme: loaderVariants2({ theme, variant }) })),
-    leading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("group-aria-busy/button:opacity-0 transition-opacity", { "opacity-0": loading }), children: leading }),
-    children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("min-w-[18px] truncate relative transition-opacity", { "opacity-0": loading }), children }),
+    loading && (loadingElement || /* @__PURE__ */ jsxRuntime.jsx(
+      Loader,
+      {
+        className: "absolute inset-0 m-auto",
+        variant: "spinner",
+        theme: loaderVariants2({ theme, variant })
+      }
+    )),
+    leading && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn("transition-opacity group-aria-busy/button:opacity-0", {
+          "opacity-0": loading
+        }),
+        children: leading
+      }
+    ),
+    children && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("relative min-w-[18px] truncate transition-opacity", {
+          "opacity-0": loading
+        }),
+        children
+      }
+    ),
     trailing && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn("group-aria-busy/button:opacity-0 transition-opacity", {
+        className: cn("transition-opacity group-aria-busy/button:opacity-0", {
           "opacity-0": loading,
           "absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2": collapsed
         }),

package/dist/button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/utils.ts","../src/components/loader/loader.tsx","../src/components/button/button.tsx"],"names":["twMerge","clsx","cva","jsx","jsxs","Fragment","loaderVariants","ButtonPrimitive"],"mappings":"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","file":"button.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { LoaderProps } from \"./types\";\n\nconst loaderVariants = cva(\"flex shrink-0 items-center justify-center\", {\n  variants: {\n    theme: {\n      default: \"[--loader-foreground:var(--foreground)] [--loader-background:var(--foreground)]\",\n      reversed: \"[--loader-foreground:var(--background)] [--loader-background:var(--foreground)]\",\n      black:\n        \"[--loader-foreground:var(--color-brand-midnight-900)] [--loader-background:var(--color-grayscale-300)]\",\n      white:\n        \"[--loader-foreground:var(--color-grayscale-300)] [--loader-background:var(--color-brand-midnight-900)]\",\n    },\n    variant: {\n      spinner: \"size-5 motion-reduce:animate-none\",\n      loader: \"relative flex h-[13px] w-[23px] motion-reduce:animate-none\",\n    },\n  },\n  defaultVariants: {\n    theme: \"default\",\n    variant: \"spinner\",\n  },\n});\n\nconst spinnerFgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground opacity-[0.06]\",\n      reversed: \"fill-white opacity-10\",\n      black: \"fill-black opacity-[0.04]\",\n      white: \"fill-white opacity-[0.04]\",\n    },\n  },\n});\n\nconst spinnerBgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground\",\n      reversed: \"fill-background\",\n      black: \"fill-black opacity-[0.98]\",\n      white: \"fill-white opacity-[0.98]\",\n    },\n  },\n});\n\nfunction Loader({\n  theme = \"default\",\n  variant = \"spinner\",\n  className,\n  style,\n  ...props\n}: LoaderProps) {\n  const dotCount = 21;\n\n  return (\n    <div\n      data-slot=\"loader\"\n      className={cn(\n        loaderVariants({ theme, variant }),\n        variant === \"spinner\" && \"animate-spin\",\n        className,\n      )}\n      {...props}\n    >\n      {variant === \"spinner\" ? (\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <title>Loading spinner</title>\n          <g clipPath=\"url(#pop_loader_clip_path)\">\n            <path\n              className={spinnerFgVariants({ theme })}\n              d=\"M20 10C20 15.5137 15.5137 20 10 20C4.48628 20 6.78126e-07 15.5137 4.37114e-07 10C1.96101e-07 4.48627 4.48627 3.50301e-07 10 1.09288e-07C15.5137 -1.31724e-07 20 4.48627 20 10ZM2.35294 10C2.35294 14.2196 5.78039 17.6471 10 17.6471C14.2196 17.6471 17.6471 14.2196 17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294C5.78039 2.35294 2.35294 5.78039 2.35294 10Z\"\n            />\n            <path\n              className={spinnerBgVariants({ theme })}\n              d=\"M20 10L17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294L10 7.10315e-07C15.5137 4.69302e-07 20 4.48627 20 10Z\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"pop_loader_clip_path\">\n              <rect\n                width=\"20\"\n                height=\"20\"\n                fill=\"white\"\n                transform=\"translate(8.74228e-07 20) rotate(-90)\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n      ) : (\n        <>\n          {Array.from({ length: dotCount }, (_, index) => {\n            const delaySeconds = index * 0.035;\n            return (\n              // biome-ignore lint/suspicious/noArrayIndexKey: Dots are static and ordered\n              <div\n                key={index}\n                className=\"bg-grayscale-200 dark:bg-grayscale-700 animate-loader-wave absolute top-0 size-[3px] rounded-full motion-reduce:animate-none\"\n                style={{\n                  left: `${index}px`,\n                  animationDelay: `${delaySeconds}s`,\n                }}\n              />\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { Loader };\n","\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Loader, LoaderProps } from \"../loader\";\nimport { ButtonProps } from \"./types\";\n\nconst buttonVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 text-foreground bg-background group/button outline-none focus-visible:border-ring-3 focus-visible:ring-ring/60 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      align: {\n        left: \"justify-start\",\n        center: \"justify-center\",\n        right: \"justify-end\",\n      },\n      collapsed: {\n        false: null,\n        true: \"min-w-10 max-w-10 justify-center\",\n      },\n      outline: {\n        false: null,\n        true: \"\",\n      },\n      hasLeading: {\n        false: null,\n      },\n      theme: {\n        base: \"bg-foreground text-background\",\n        brand: \"bg-primary-foreground text-primary\",\n        error: \"\",\n      },\n      hasTrailing: {\n        false: null,\n      },\n      variant: {\n        default: \"hover:bg-background/90\",\n        outline: \"backdrop-blur-lg \",\n        primary: \"bg-primary-foreground/0 backdrop-blur-lg text-primary\",\n        secondary: \"bg-secondary-foreground/0 backdrop-blur-lg text-secondary\",\n        tertiary: \"bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]\",\n      },\n      pill: {\n        false: \"rounded-xs\",\n        true: \"rounded-full\",\n      },\n      size: {\n        default: \"h-10 min-h-10 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"h-12 min-h-12 text-base [&_svg:not([class*='size-'])]:size-[20px]\",\n      },\n    },\n    defaultVariants: {\n      align: \"center\",\n      outline: false,\n      pill: false,\n      size: \"default\",\n      theme: \"brand\",\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        pill: true,\n        size: \"default\",\n        class: \"min-w-10 min-h-10 px-4\",\n      },\n      {\n        pill: true,\n        collapsed: true,\n        class: \"max-w-10\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        class: \"min-w-12 min-h-12 px-4\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        collapsed: true,\n        class: \"max-w-[54px] max-h-12\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        align: \"left\",\n        pill: false,\n        class: \"pr-3 pl-2\",\n      },\n      {\n        align: \"center\",\n        collapsed: false,\n        size: \"default\",\n        pill: false,\n        class: \"px-3\",\n      },\n      {\n        hasLeading: true,\n        pill: false,\n        align: \"left\",\n        size: \"default\",\n        class: \"pr-3 pl-2\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        pill: true,\n        class: \"px-4\",\n      },\n      {\n        size: \"lg\",\n        pill: true,\n        collapsed: false,\n        class: \"px-4\",\n      },\n      {\n        variant: \"primary\",\n        outline: false,\n        theme: \"base\",\n        class:\n          \"bg-foreground text-background hover:ring-2 active:ring active:bg-background disabled:outline-none disabled:bg-black/0 disabled:text-black-alpha-600 focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-foreground focus-visible:text-background\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"ring ring-foreground bg-background/0 text-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"brand\",\n        class:\n          \"ring ring-primary-foreground bg-background/0 text-primary-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"brand\",\n        outline: false,\n        class:\n          \"bg-primary-foreground text-primary hover:bg-primary-foreground hover:text-primary active:bg-primary-foreground active:text-primary focus-visible:bg-primary-foreground focus-visible:text-primary\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"error\",\n        class: \"bg-destructive text-black\",\n      },\n      {\n        variant: \"secondary\",\n        outline: false,\n        theme: \"base\",\n        class: \"bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"secondary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"bg-background/0 text-foreground ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"tertiary\",\n        outline: false,\n        theme: \"base\",\n        class: \"bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md dark:text-white\",\n      },\n      {\n        variant: \"tertiary\",\n        theme: \"error\",\n        class: \"bg-transparent backdrop-blur-lg text-error-600\",\n      },\n    ],\n  },\n);\n\nconst tintVariants = cva(\n  \"before:content-[''] before:absolute before:inset-0 before:transition-all before:rounded-[inherit] before:pointer-events-none\",\n  {\n    variants: {\n      outline: {\n        false: null,\n      },\n      variant: {\n        default: \"\",\n        outline: \"\",\n        primary:\n          \"before:bg-tint-700-reversed/0 hover:before:bg-tint-700-reversed active:before:bg-tint-700-reversed/0 disabled:before:bg-tint-900-default focus-visible:before:bg-tint-700-reversed/0\",\n        secondary:\n          \"before:bg-tint-900-default hover:before:bg-tint-800-default active:before:bg-tint-900-default disabled:before:bg-tint-900-default focus-visible:before:bg-tint-800-default\",\n        tertiary:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-900-default active:before:bg-tint-950-reversed disabled:before:bg-tint-950-reversed focus-visible:before:bg-tint-950-reversed\",\n      },\n    },\n    defaultVariants: {\n      outline: false,\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        outline: true,\n        variant: \"primary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n      {\n        outline: true,\n        variant: \"secondary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n    ],\n  },\n);\n\nconst loaderCompoundVariants: Array<{\n  theme: \"base\" | \"brand\" | \"error\";\n  variant: string;\n  loaderTheme: LoaderProps[\"theme\"];\n}> = [\n    { theme: \"base\", variant: \"default\", loaderTheme: \"reversed\" },\n    { theme: \"base\", variant: \"primary\", loaderTheme: \"reversed\" },\n    { theme: \"base\", variant: \"tertiary\", loaderTheme: \"black\" },\n    { theme: \"base\", variant: \"outline\", loaderTheme: \"white\" },\n    { theme: \"brand\", variant: \"secondary\", loaderTheme: \"default\" },\n    { theme: \"brand\", variant: \"default\", loaderTheme: \"reversed\" },\n    { theme: \"brand\", variant: \"primary\", loaderTheme: \"reversed\" },\n    { theme: \"brand\", variant: \"tertiary\", loaderTheme: \"black\" },\n    { theme: \"brand\", variant: \"outline\", loaderTheme: \"reversed\" },\n  ];\n\nfunction loaderVariants({\n  theme,\n  variant,\n}: {\n  theme: \"base\" | \"brand\" | \"error\";\n  variant: string;\n}): LoaderProps[\"theme\"] {\n  const match = loaderCompoundVariants.find((c) => c.theme === theme && c.variant === variant);\n  return match?.loaderTheme ?? \"default\";\n}\n\nfunction Button({\n  align = \"center\",\n  children,\n  className,\n  collapsed = false,\n  focusableWhenDisabled,\n  leading,\n  outline = false,\n  pill = false,\n  loading = false,\n  loadingElement,\n  nativeButton,\n  render,\n  size = \"default\",\n  theme = \"brand\",\n  trailing,\n  variant = \"default\",\n  href,\n  ...props\n}: ButtonProps) {\n  const sharedClassName = cn(\n    buttonVariants({\n      variant,\n      size,\n      align,\n      outline,\n      collapsed,\n      pill,\n      className,\n      hasLeading: !!leading,\n      theme,\n      hasTrailing: !!trailing,\n    }),\n    tintVariants({ variant, outline }),\n  );\n\n  const content = (\n    <>\n      {loading && (loadingElement || <Loader className=\"absolute inset-0 m-auto\" variant=\"spinner\" theme={loaderVariants({ theme, variant })} />)}\n      {leading && <div className={cn(\"group-aria-busy/button:opacity-0 transition-opacity\", { \"opacity-0\": loading })}>{leading}</div>}\n      {children && (\n        <span className={cn(\"min-w-[18px] truncate relative transition-opacity\", { \"opacity-0\": loading })}>\n          {children}\n        </span>\n      )}\n      {trailing && (\n        <div\n          className={cn(\"group-aria-busy/button:opacity-0 transition-opacity\", {\n            \"opacity-0\": loading,\n            \"absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2\": collapsed,\n          })}\n        >\n          {trailing}\n        </div>\n      )}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <a\n        data-slot=\"button\"\n        className={sharedClassName}\n        href={href}\n        {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const buttonProps = props as React.ComponentProps<typeof ButtonPrimitive>;\n\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={sharedClassName}\n      nativeButton={nativeButton}\n      focusableWhenDisabled={focusableWhenDisabled}\n      render={render}\n      {...buttonProps}\n    >\n      {content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { Button };\n"]}
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/loader/loader.tsx","../src/components/button/button.tsx"],"names":["twMerge","clsx","cva","jsx","jsxs","loaderVariants","Fragment","ButtonPrimitive"],"mappings":"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","file":"button.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { LoaderProps } from \"./types\";\n\nconst loaderVariants = cva(\"flex shrink-0 items-center justify-center\", {\n  variants: {\n    theme: {\n      default: \"[--loader-foreground:var(--foreground)] [--loader-background:var(--foreground)]\",\n      reversed: \"[--loader-foreground:var(--background)] [--loader-background:var(--foreground)]\",\n      black:\n        \"[--loader-foreground:var(--color-brand-midnight-900)] [--loader-background:var(--color-grayscale-300)]\",\n      white:\n        \"[--loader-foreground:var(--color-grayscale-300)] [--loader-background:var(--color-brand-midnight-900)]\",\n    },\n    variant: {\n      spinner: \"size-5 motion-reduce:animate-none\",\n      loader: \"relative flex h-[13px] w-[23px] motion-reduce:animate-none\",\n    },\n  },\n  defaultVariants: {\n    theme: \"default\",\n    variant: \"spinner\",\n  },\n});\n\nconst spinnerFgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground opacity-[0.06]\",\n      reversed: \"fill-white opacity-10\",\n      black: \"fill-black opacity-[0.04]\",\n      white: \"fill-white opacity-[0.04]\",\n    },\n  },\n});\n\nconst spinnerBgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground\",\n      reversed: \"fill-background\",\n      black: \"fill-black opacity-[0.98]\",\n      white: \"fill-white opacity-[0.98]\",\n    },\n  },\n});\n\nfunction Loader({\n  theme = \"default\",\n  variant = \"spinner\",\n  className,\n  style,\n  ...props\n}: LoaderProps) {\n  const dotCount = 21;\n\n  return (\n    <div\n      data-slot=\"loader\"\n      className={cn(\n        loaderVariants({ theme, variant }),\n        variant === \"spinner\" && \"animate-spin\",\n        className,\n      )}\n      {...props}\n    >\n      {variant === \"spinner\" ? (\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <title>Loading spinner</title>\n          <g clipPath=\"url(#pop_loader_clip_path)\">\n            <path\n              className={spinnerFgVariants({ theme })}\n              d=\"M20 10C20 15.5137 15.5137 20 10 20C4.48628 20 6.78126e-07 15.5137 4.37114e-07 10C1.96101e-07 4.48627 4.48627 3.50301e-07 10 1.09288e-07C15.5137 -1.31724e-07 20 4.48627 20 10ZM2.35294 10C2.35294 14.2196 5.78039 17.6471 10 17.6471C14.2196 17.6471 17.6471 14.2196 17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294C5.78039 2.35294 2.35294 5.78039 2.35294 10Z\"\n            />\n            <path\n              className={spinnerBgVariants({ theme })}\n              d=\"M20 10L17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294L10 7.10315e-07C15.5137 4.69302e-07 20 4.48627 20 10Z\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"pop_loader_clip_path\">\n              <rect\n                width=\"20\"\n                height=\"20\"\n                fill=\"white\"\n                transform=\"translate(8.74228e-07 20) rotate(-90)\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n      ) : (\n        Array.from({ length: dotCount }, (_, index) => {\n          const delaySeconds = index * 0.035;\n          return (\n            <div\n              // biome-ignore lint/suspicious/noArrayIndexKey: static ordered list\n              key={index}\n              className=\"absolute top-0 size-[3px] animate-loader-wave rounded-full bg-grayscale-200 motion-reduce:animate-none dark:bg-grayscale-700\"\n              style={{\n                left: `${index}px`,\n                animationDelay: `${delaySeconds}s`,\n              }}\n            />\n          );\n        })\n      )}\n    </div>\n  );\n}\n\nexport { Loader };\n","\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Loader, type LoaderProps } from \"../loader\";\nimport type { ButtonProps } from \"./types\";\n\nconst buttonVariants = cva(\n  \"inline-flex relative items-center gap-1.5 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 text-foreground bg-background group/button outline-none focus-visible:border-ring-3 focus-visible:ring-ring/60 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      align: {\n        left: \"justify-start\",\n        center: \"justify-center\",\n        right: \"justify-end\",\n      },\n      collapsed: {\n        false: null,\n        true: \"min-w-10 max-w-10 justify-center\",\n      },\n      outline: {\n        false: null,\n        true: \"\",\n      },\n      hasLeading: {\n        false: null,\n      },\n      theme: {\n        base: \"bg-foreground text-background\",\n        brand: \"bg-primary text-primary-foreground\",\n        error: \"\",\n      },\n      hasTrailing: {\n        false: null,\n      },\n      variant: {\n        default: \"hover:bg-background/90\",\n        outline: \"backdrop-blur-lg \",\n        primary: \"bg-primary/0 backdrop-blur-lg text-primary-foreground\",\n        secondary: \"bg-secondary-foreground/0 backdrop-blur-lg text-secondary\",\n        tertiary: \"bg-background/0 backdrop-blur-lg [--foreground:var(--color-text-text-default)]\",\n      },\n      pill: {\n        false: \"rounded-xs\",\n        true: \"rounded-full\",\n      },\n      size: {\n        default: \"h-10 min-h-10 px-3 py-2 text-sm [&_svg:not([class*='size-'])]:size-[18px]\",\n        lg: \"h-12 min-h-12 text-base [&_svg:not([class*='size-'])]:size-[20px]\",\n      },\n    },\n    defaultVariants: {\n      align: \"center\",\n      outline: false,\n      pill: false,\n      size: \"default\",\n      theme: \"brand\",\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        pill: true,\n        size: \"default\",\n        class: \"min-w-10 min-h-10 px-4\",\n      },\n      {\n        pill: true,\n        collapsed: true,\n        class: \"max-w-10\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        class: \"min-w-12 min-h-12 px-4\",\n      },\n      {\n        pill: true,\n        size: \"lg\",\n        collapsed: true,\n        class: \"max-w-[54px] max-h-12\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        align: \"left\",\n        pill: false,\n        class: \"pr-3 pl-2\",\n      },\n      {\n        align: \"center\",\n        collapsed: false,\n        size: \"default\",\n        pill: false,\n        class: \"px-3\",\n      },\n      {\n        hasLeading: true,\n        pill: false,\n        align: \"left\",\n        size: \"default\",\n        class: \"pr-3 pl-2\",\n      },\n      {\n        collapsed: false,\n        size: \"default\",\n        pill: true,\n        class: \"px-4\",\n      },\n      {\n        size: \"lg\",\n        pill: true,\n        collapsed: false,\n        class: \"px-4\",\n      },\n      {\n        variant: \"primary\",\n        outline: false,\n        theme: \"base\",\n        class:\n          \"bg-foreground text-background hover:ring-2 active:ring active:bg-background disabled:outline-none disabled:bg-black/0 disabled:text-black-alpha-600 focus-visible:ring-3 focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-foreground focus-visible:text-background\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"ring ring-foreground bg-background/0 text-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        outline: true,\n        theme: \"brand\",\n        class:\n          \"ring ring-primary-foreground bg-background/0 text-primary-foreground hover:ring-2 active:ring active:bg-background/1 disabled:outline-none disabled:bg-background/0 focus-visible:ring focus-visible:ring-ring focus-visible:outline-background focus-visible:bg-background/1\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"brand\",\n        outline: false,\n        class:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground active:bg-primary active:text-primary-foreground focus-visible:bg-primary focus-visible:text-primary-foreground\",\n      },\n      {\n        variant: \"primary\",\n        theme: \"error\",\n        class: \"bg-destructive text-white\",\n      },\n      {\n        variant: \"secondary\",\n        outline: false,\n        theme: \"base\",\n        class: \"bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"secondary\",\n        outline: true,\n        theme: \"base\",\n        class:\n          \"bg-background/0 text-foreground ring ring-foreground/0 hover:ring-foreground active:ring-foreground/0 disabled:ring-foreground/0 backdrop-blur-lg focus-visible:backdrop-blur-md\",\n      },\n      {\n        variant: \"tertiary\",\n        outline: false,\n        theme: \"base\",\n        class:\n          \"bg-background/0 text-foreground backdrop-blur-lg focus-visible:backdrop-blur-md dark:text-white\",\n      },\n      {\n        variant: \"tertiary\",\n        theme: \"error\",\n        class: \"bg-transparent backdrop-blur-lg text-error-600\",\n      },\n    ],\n  },\n);\n\nconst tintVariants = cva(\n  \"before:content-[''] before:absolute before:inset-0 before:transition-all before:rounded-[inherit] before:pointer-events-none\",\n  {\n    variants: {\n      outline: {\n        false: null,\n      },\n      variant: {\n        default: \"\",\n        outline: \"\",\n        primary:\n          \"before:bg-tint-700-reversed/0 hover:before:bg-tint-700-reversed active:before:bg-tint-700-reversed/0 disabled:before:bg-tint-900-default focus-visible:before:bg-tint-700-reversed/0\",\n        secondary:\n          \"before:bg-tint-900-default hover:before:bg-tint-800-default active:before:bg-tint-900-default disabled:before:bg-tint-900-default focus-visible:before:bg-tint-800-default\",\n        tertiary:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-900-default active:before:bg-tint-950-reversed disabled:before:bg-tint-950-reversed focus-visible:before:bg-tint-950-reversed\",\n      },\n    },\n    defaultVariants: {\n      outline: false,\n      variant: \"default\",\n    },\n    compoundVariants: [\n      {\n        outline: true,\n        variant: \"primary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n      {\n        outline: true,\n        variant: \"secondary\",\n        class:\n          \"before:bg-tint-950-reversed hover:before:bg-tint-950-reversed active:before:bg-tint-950-reversed disabled:before:bg-tint-900-default focus-visible:before:bg-tint-950-reversed\",\n      },\n    ],\n  },\n);\n\nconst loaderCompoundVariants: Array<{\n  theme: \"base\" | \"brand\" | \"error\";\n  variant: string;\n  loaderTheme: LoaderProps[\"theme\"];\n}> = [\n  { theme: \"base\", variant: \"default\", loaderTheme: \"reversed\" },\n  { theme: \"base\", variant: \"primary\", loaderTheme: \"reversed\" },\n  { theme: \"base\", variant: \"tertiary\", loaderTheme: \"black\" },\n  { theme: \"base\", variant: \"outline\", loaderTheme: \"white\" },\n  { theme: \"brand\", variant: \"secondary\", loaderTheme: \"default\" },\n  { theme: \"brand\", variant: \"default\", loaderTheme: \"reversed\" },\n  { theme: \"brand\", variant: \"primary\", loaderTheme: \"reversed\" },\n  { theme: \"brand\", variant: \"tertiary\", loaderTheme: \"black\" },\n  { theme: \"brand\", variant: \"outline\", loaderTheme: \"reversed\" },\n];\n\nfunction loaderVariants({\n  theme,\n  variant,\n}: {\n  theme: \"base\" | \"brand\" | \"error\";\n  variant: string;\n}): LoaderProps[\"theme\"] {\n  const match = loaderCompoundVariants.find((c) => c.theme === theme && c.variant === variant);\n  return match?.loaderTheme ?? \"default\";\n}\n\nfunction Button({\n  align = \"center\",\n  children,\n  className,\n  collapsed = false,\n  focusableWhenDisabled,\n  leading,\n  outline = false,\n  pill = false,\n  loading = false,\n  loadingElement,\n  nativeButton,\n  render,\n  size = \"default\",\n  theme = \"brand\",\n  trailing,\n  variant = \"default\",\n  href,\n  ...props\n}: ButtonProps) {\n  const sharedClassName = cn(\n    buttonVariants({\n      variant,\n      size,\n      align,\n      outline,\n      collapsed,\n      pill,\n      hasLeading: !!leading,\n      theme,\n      hasTrailing: !!trailing,\n    }),\n    tintVariants({ variant, outline }),\n    className,\n  );\n\n  const content = (\n    <>\n      {loading &&\n        (loadingElement || (\n          <Loader\n            className=\"absolute inset-0 m-auto\"\n            variant=\"spinner\"\n            theme={loaderVariants({ theme, variant })}\n          />\n        ))}\n      {leading && (\n        <div\n          className={cn(\"transition-opacity group-aria-busy/button:opacity-0\", {\n            \"opacity-0\": loading,\n          })}\n        >\n          {leading}\n        </div>\n      )}\n      {children && (\n        <span\n          className={cn(\"relative min-w-[18px] truncate transition-opacity\", {\n            \"opacity-0\": loading,\n          })}\n        >\n          {children}\n        </span>\n      )}\n      {trailing && (\n        <div\n          className={cn(\"transition-opacity group-aria-busy/button:opacity-0\", {\n            \"opacity-0\": loading,\n            \"absolute top-1/2 right-0 translate-x-1/2 -translate-y-1/2\": collapsed,\n          })}\n        >\n          {trailing}\n        </div>\n      )}\n    </>\n  );\n\n  if (href != null) {\n    return (\n      <a\n        data-slot=\"button\"\n        className={sharedClassName}\n        href={href}\n        {...(props as React.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {content}\n      </a>\n    );\n  }\n\n  const buttonProps = props as React.ComponentProps<typeof ButtonPrimitive>;\n\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={sharedClassName}\n      nativeButton={nativeButton}\n      focusableWhenDisabled={focusableWhenDisabled}\n      render={render}\n      {...buttonProps}\n    >\n      {content}\n    </ButtonPrimitive>\n  );\n}\n\nexport { Button };\n"]}

package/dist/button.d.cts

@@ -4,7 +4,7 @@ import { Button as Button$1 } from '@base-ui/react/button';
 
 type BaseUIButtonProps = Omit<Button$1.Props, "className" | "children">;
 
-type ButtonOwnProps = {
+interface ButtonOwnProps {
   align?: "left" | "center" | "right";
   children?: React.ReactNode;
   className?: string;
@@ -20,7 +20,7 @@ type ButtonOwnProps = {
   theme?: "base" | "brand" | "error";
   trailing?: React.ReactNode;
   variant?: "default" | "outline" | "primary" | "secondary" | "tertiary";
-};
+}
 
 type ButtonAsAnchorProps = ButtonOwnProps &
   BaseUIButtonProps &

package/dist/button.d.ts

@@ -4,7 +4,7 @@ import { Button as Button$1 } from '@base-ui/react/button';
 
 type BaseUIButtonProps = Omit<Button$1.Props, "className" | "children">;
 
-type ButtonOwnProps = {
+interface ButtonOwnProps {
   align?: "left" | "center" | "right";
   children?: React.ReactNode;
   className?: string;
@@ -20,7 +20,7 @@ type ButtonOwnProps = {
   theme?: "base" | "brand" | "error";
   trailing?: React.ReactNode;
   variant?: "default" | "outline" | "primary" | "secondary" | "tertiary";
-};
+}
 
 type ButtonAsAnchorProps = ButtonOwnProps &
   BaseUIButtonProps &