@popgrids/ui 0.0.19 → 0.0.20

package/dist/button-link.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var buttonLinkVariants = classVarianceAuthority.cva(
+  "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",
+  {
+    variants: {
+      hasLeading: {
+        false: null,
+        true: null
+      },
+      hasTrailing: {
+        false: null,
+        true: null
+      },
+      primary: {
+        false: null,
+        true: null
+      },
+      size: {
+        sm: "text-sm [&_svg:not([class*='size-'])]:size-4",
+        md: "text-sm [&_svg:not([class*='size-'])]:size-[18px]",
+        lg: "text-base [&_svg:not([class*='size-'])]:size-5"
+      },
+      theme: {
+        default: "",
+        white: "text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white",
+        black: "text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white"
+      }
+    },
+    defaultVariants: {
+      primary: false,
+      size: "md",
+      theme: "default"
+    },
+    compoundVariants: [
+      {
+        theme: "default",
+        primary: false,
+        class: "text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white"
+      },
+      {
+        theme: "default",
+        primary: true,
+        class: "text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white"
+      }
+    ]
+  }
+);
+function ButtonLink({
+  children,
+  className,
+  leading,
+  primary = false,
+  size = "md",
+  theme = "default",
+  trailing,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      "data-slot": "button-link",
+      className: cn(
+        buttonLinkVariants({
+          hasLeading: !!leading,
+          hasTrailing: !!trailing,
+          primary,
+          size,
+          theme
+        }),
+        className
+      ),
+      ...props,
+      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 }),
+        trailing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: trailing })
+      ]
+    }
+  );
+}
+
+exports.ButtonLink = ButtonLink;
+//# sourceMappingURL=button-link.cjs.map
+//# sourceMappingURL=button-link.cjs.map

package/dist/button-link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/button-link/button-link.tsx"],"names":["twMerge","clsx","cva","jsxs","jsx"],"mappings":";;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACEA,IAAM,kBAAA,GAAqBC,0BAAA;AAAA,EACzB,yPAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,IAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,WAAA,EAAa;AAAA,QACX,KAAA,EAAO,IAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,IAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,8CAAA;AAAA,QACJ,EAAA,EAAI,mDAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,sFAAA;AAAA,QACP,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,KAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,KAAA,EAAO,SAAA;AAAA,QACP,OAAA,EAAS,KAAA;AAAA,QACT,KAAA,EACE;AAAA,OACJ;AAAA,MACA;AAAA,QACE,KAAA,EAAO,SAAA;AAAA,QACP,OAAA,EAAS,IAAA;AAAA,QACT,KAAA,EACE;AAAA;AACJ;AACF;AAEJ,CAAA;AAEA,SAAS,UAAA,CAAW;AAAA,EAClB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACEC,eAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB;AAAA,UACjB,UAAA,EAAY,CAAC,CAAC,OAAA;AAAA,UACd,WAAA,EAAa,CAAC,CAAC,QAAA;AAAA,UACf,OAAA;AAAA,UACA,IAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,oBACCC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACZ,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,YAAY,IAAA,oBACXA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6BAA6B,QAAA,EAAS,CAAA;AAAA,QAEvD,QAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEACZ,QAAA,EAAA,QAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ","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 { 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  ...props\n}: ButtonLinkProps) {\n  return (\n    <a\n      data-slot=\"button-link\"\n      className={cn(\n        buttonLinkVariants({\n          hasLeading: !!leading,\n          hasTrailing: !!trailing,\n          primary,\n          size,\n          theme,\n        }),\n        className,\n      )}\n      {...props}\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    </a>\n  );\n}\n\nexport { ButtonLink };\n"]}

package/dist/button-link.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  children?: React.ReactNode;
+  className?: string;
+  leading?: React.ReactNode;
+  primary?: boolean;
+  size?: "sm" | "md" | "lg";
+  theme?: "default" | "white" | "black";
+  trailing?: React.ReactNode;
+}
+
+declare function ButtonLink({ children, className, leading, primary, size, theme, trailing, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
+
+export { ButtonLink, type ButtonLinkProps };

package/dist/button-link.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+  children?: React.ReactNode;
+  className?: string;
+  leading?: React.ReactNode;
+  primary?: boolean;
+  size?: "sm" | "md" | "lg";
+  theme?: "default" | "white" | "black";
+  trailing?: React.ReactNode;
+}
+
+declare function ButtonLink({ children, className, leading, primary, size, theme, trailing, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
+
+export { ButtonLink, type ButtonLinkProps };

package/dist/button-link.js

@@ -0,0 +1,91 @@
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonLinkVariants = cva(
+  "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",
+  {
+    variants: {
+      hasLeading: {
+        false: null,
+        true: null
+      },
+      hasTrailing: {
+        false: null,
+        true: null
+      },
+      primary: {
+        false: null,
+        true: null
+      },
+      size: {
+        sm: "text-sm [&_svg:not([class*='size-'])]:size-4",
+        md: "text-sm [&_svg:not([class*='size-'])]:size-[18px]",
+        lg: "text-base [&_svg:not([class*='size-'])]:size-5"
+      },
+      theme: {
+        default: "",
+        white: "text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white",
+        black: "text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white"
+      }
+    },
+    defaultVariants: {
+      primary: false,
+      size: "md",
+      theme: "default"
+    },
+    compoundVariants: [
+      {
+        theme: "default",
+        primary: false,
+        class: "text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white"
+      },
+      {
+        theme: "default",
+        primary: true,
+        class: "text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white"
+      }
+    ]
+  }
+);
+function ButtonLink({
+  children,
+  className,
+  leading,
+  primary = false,
+  size = "md",
+  theme = "default",
+  trailing,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "data-slot": "button-link",
+      className: cn(
+        buttonLinkVariants({
+          hasLeading: !!leading,
+          hasTrailing: !!trailing,
+          primary,
+          size,
+          theme
+        }),
+        className
+      ),
+      ...props,
+      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 }),
+        trailing && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: trailing })
+      ]
+    }
+  );
+}
+
+export { ButtonLink };
+//# sourceMappingURL=button-link.js.map
+//# sourceMappingURL=button-link.js.map

package/dist/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/button-link/button-link.tsx"],"names":[],"mappings":";;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACEA,IAAM,kBAAA,GAAqB,GAAA;AAAA,EACzB,yPAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,IAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,WAAA,EAAa;AAAA,QACX,KAAA,EAAO,IAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,IAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,8CAAA;AAAA,QACJ,EAAA,EAAI,mDAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,sFAAA;AAAA,QACP,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,KAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,KAAA,EAAO,SAAA;AAAA,QACP,OAAA,EAAS,KAAA;AAAA,QACT,KAAA,EACE;AAAA,OACJ;AAAA,MACA;AAAA,QACE,KAAA,EAAO,SAAA;AAAA,QACP,OAAA,EAAS,IAAA;AAAA,QACT,KAAA,EACE;AAAA;AACJ;AACF;AAEJ,CAAA;AAEA,SAAS,UAAA,CAAW;AAAA,EAClB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB;AAAA,UACjB,UAAA,EAAY,CAAC,CAAC,OAAA;AAAA,UACd,WAAA,EAAa,CAAC,CAAC,QAAA;AAAA,UACf,OAAA;AAAA,UACA,IAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACZ,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,QAED,YAAY,IAAA,oBACX,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,6BAA6B,QAAA,EAAS,CAAA;AAAA,QAEvD,QAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sEACZ,QAAA,EAAA,QAAA,EACH;AAAA;AAAA;AAAA,GAEJ;AAEJ","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 { 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  ...props\n}: ButtonLinkProps) {\n  return (\n    <a\n      data-slot=\"button-link\"\n      className={cn(\n        buttonLinkVariants({\n          hasLeading: !!leading,\n          hasTrailing: !!trailing,\n          primary,\n          size,\n          theme,\n        }),\n        className,\n      )}\n      {...props}\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    </a>\n  );\n}\n\nexport { ButtonLink };\n"]}

package/dist/index.cjs

@@ -380,6 +380,85 @@ function Button({
     }
   );
 }
+var buttonLinkVariants = classVarianceAuthority.cva(
+  "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",
+  {
+    variants: {
+      hasLeading: {
+        false: null,
+        true: null
+      },
+      hasTrailing: {
+        false: null,
+        true: null
+      },
+      primary: {
+        false: null,
+        true: null
+      },
+      size: {
+        sm: "text-sm [&_svg:not([class*='size-'])]:size-4",
+        md: "text-sm [&_svg:not([class*='size-'])]:size-[18px]",
+        lg: "text-base [&_svg:not([class*='size-'])]:size-5"
+      },
+      theme: {
+        default: "",
+        white: "text-white hover:bg-white/16 focus-visible:bg-blue-dark-600 focus-visible:text-white",
+        black: "text-black hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-black focus-visible:text-white"
+      }
+    },
+    defaultVariants: {
+      primary: false,
+      size: "md",
+      theme: "default"
+    },
+    compoundVariants: [
+      {
+        theme: "default",
+        primary: false,
+        class: "text-grayscale-500 hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white"
+      },
+      {
+        theme: "default",
+        primary: true,
+        class: "text-foreground hover:bg-foreground/10 focus-visible:bg-blue-dark-600 focus-visible:text-white"
+      }
+    ]
+  }
+);
+function ButtonLink({
+  children,
+  className,
+  leading,
+  primary = false,
+  size = "md",
+  theme = "default",
+  trailing,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      "data-slot": "button-link",
+      className: cn(
+        buttonLinkVariants({
+          hasLeading: !!leading,
+          hasTrailing: !!trailing,
+          primary,
+          size,
+          theme
+        }),
+        className
+      ),
+      ...props,
+      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 }),
+        trailing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-inherit [&_svg]:size-inherit", children: trailing })
+      ]
+    }
+  );
+}
 function ContentBlock({ className, children, title, subhead, cta }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex max-w-xl flex-col items-start gap-3 self-stretch", className), children: [
     (title || subhead || cta) && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-10 items-start justify-between self-stretch", children: [
@@ -1235,6 +1314,7 @@ function Tag({
 }
 
 exports.Button = Button;
+exports.ButtonLink = ButtonLink;
 exports.ContentBlock = ContentBlock;
 exports.Dialog = DialogRoot;
 exports.DialogBackdrop = DialogBackdrop;