@bettercms-ai/ui 0.15.1 → 0.16.0

package/dist/{Video-D6jrdR2Z.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, rel, 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-D6jrdR2Z.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

@@ -589,6 +589,7 @@ function Button({
   icon: iconProp,
   newTab = false,
   rel,
+  action,
   align = "left",
   className = "",
   style,
@@ -620,6 +621,13 @@ 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",
     {