@bettercms-ai/ui 0.15.0 → 0.16.0

package/dist/{Video-c2HnnOCp.d.ts → Video-vB2IlrdH.d.ts}

@@ -49,7 +49,7 @@ interface ButtonBlockProps extends ButtonProps, BcmsBindingProps {
     /** The block style's paint (`splitButtonStyle(style).paint`), on the anchor itself. */
     style?: CSSProperties;
 }
-declare function Button({ text, href, variant, size, fullWidth, arrow, icon: iconProp, newTab, align, className, style, "data-bcms-field": field, "data-bcms-kind": kind, }: ButtonBlockProps): react_jsx_runtime.JSX.Element;
+declare function Button({ text, href, variant, size, fullWidth, arrow, icon: iconProp, newTab, rel, action, align, className, style, "data-bcms-field": field, "data-bcms-kind": kind, }: ButtonBlockProps): react_jsx_runtime.JSX.Element;
 
 interface SpacerBlockProps extends SpacerProps {
     className?: string;

package/dist/blocks.d.ts

@@ -1,4 +1,4 @@
-export { a as Button, C as Columns, H as Heading, I as Image, S as Spacer, T as Text, V as Video } from './Video-c2HnnOCp.js';
+export { a as Button, C as Columns, H as Heading, I as Image, S as Spacer, T as Text, V as Video } from './Video-vB2IlrdH.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SectionProps, ContentBlock, NavbarProps, FooterProps, SliderProps, TabsProps, ComponentProps, FormProps } from '@bettercms-ai/types';
 import React from 'react';

package/dist/blocks.js

@@ -577,7 +577,7 @@ function Image({
 }
 
 // src/blocks/Button.tsx
-import { buttonIconOf, buttonIconSvg, buttonVariantOf } from "@bettercms-ai/types";
+import { LINK_RELS, buttonIconOf, buttonIconSvg, buttonVariantOf, isScriptHref } from "@bettercms-ai/types";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function Button({
   text,
@@ -588,6 +588,8 @@ function Button({
   arrow = false,
   icon: iconProp,
   newTab = false,
+  rel,
+  action,
   align = "left",
   className = "",
   style,
@@ -618,11 +620,20 @@ function Button({
   };
   const sizeClass = size === "sm" || size === "lg" ? sizeStyles[size] : sizeStyles.md;
   const fullClass = fullWidth === true ? "flex w-full justify-center" : "";
+  const relTokens = [...newTab === true ? ["noopener", "noreferrer"] : [], ...LINK_RELS.includes(rel) ? [rel] : []];
+  if (action === "code") {
+    return /* @__PURE__ */ jsxs3("button", { type: "button", "data-bcms-field": field, "data-bcms-kind": kind, style, className: cn(baseStyles, variantStyles[buttonVariantOf(variant)], alignClass, sizeClass, fullClass, className), children: [
+      icon && /* @__PURE__ */ jsx5("span", { className: "mr-2 inline-flex", dangerouslySetInnerHTML: { __html: buttonIconSvg(icon, "bcms-btn-icon") } }),
+      text,
+      arrow === true && /* @__PURE__ */ jsx5("span", { className: "ml-2 inline-flex", dangerouslySetInnerHTML: { __html: buttonIconSvg("arrow-right", "bcms-btn-arrow") } })
+    ] });
+  }
   return /* @__PURE__ */ jsxs3(
     "a",
     {
-      href,
-      ...newTab === true ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      href: typeof href === "string" && isScriptHref(href) ? "#" : href,
+      ...newTab === true ? { target: "_blank" } : {},
+      ...relTokens.length ? { rel: relTokens.join(" ") } : {},
       "data-bcms-field": field,
       "data-bcms-kind": kind,
       style,