@bettercms-ai/ui 0.14.0 → 0.15.1

package/dist/index.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,7 @@ function Button({
   arrow = false,
   icon: iconProp,
   newTab = false,
+  rel,
   align = "left",
   className = "",
   style,
@@ -618,11 +619,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] : []];
   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,
@@ -958,7 +961,7 @@ var BLOCK_REGISTRY = {
 var BLOCK_TYPES = Object.keys(BLOCK_REGISTRY);
 
 // src/renderer.tsx
-import { splitButtonStyle } from "@bettercms-ai/types";
+import { RESPONSIVE_CSS, hideOnAttr, splitButtonStyle, usesHideOn, visibleBlocks, windowState } from "@bettercms-ai/types";
 
 // src/blockStyle.ts
 import { blockStyleToCss } from "@bettercms-ai/types";
@@ -975,6 +978,12 @@ function styleOf(block) {
   const { placement, paint } = splitButtonStyle(block.style);
   return { wrapper: blockStyleToReactStyle(placement), paint: paint ? { style: paint } : {} };
 }
+function withHide(block, wrapperStyle, el, stampAt) {
+  const hide = hideOnAttr(block.style);
+  const state = stampAt ? windowState(block, stampAt) : "live";
+  if (!wrapperStyle && !hide && state === "live") return el;
+  return /* @__PURE__ */ jsx15("div", { style: wrapperStyle, ...hide ? { "data-bcms-hide": hide } : {}, ...state === "live" ? {} : { "data-bcms-window": state }, children: el });
+}
 function bindingProps(block, annotate) {
   if (!annotate || !block.id) return {};
   switch (block.type) {
@@ -990,7 +999,7 @@ function bindingProps(block, annotate) {
       return {};
   }
 }
-function resolveBlock(block, className, annotate = false) {
+function resolveBlock(block, className, annotate = false, stampAt) {
   const entry = BLOCK_REGISTRY[block.type];
   if (!entry) {
     return /* @__PURE__ */ jsxs11(
@@ -1007,13 +1016,14 @@ function resolveBlock(block, className, annotate = false) {
   const Component = entry.component;
   const { wrapper: blockStyle, paint } = styleOf(block);
   const el = /* @__PURE__ */ jsx15(Component, { ...block.props, ...paint, className, ...bindingProps(block, annotate) });
-  return blockStyle ? /* @__PURE__ */ jsx15("div", { style: blockStyle, children: el }) : el;
+  return withHide(block, blockStyle, el, stampAt);
 }
 function BlockRenderer({
   block,
   className = "",
   renderBlock,
-  annotate = false
+  annotate = false,
+  stampAt
 }) {
   const entry = BLOCK_REGISTRY[block.type];
   if (!entry) {
@@ -1029,7 +1039,7 @@ function BlockRenderer({
     );
   }
   const Component = entry.component;
-  const containerProps = CONTAINER_TYPES.has(block.type) ? { renderBlock: renderBlock ?? ((child) => resolveBlock(child, void 0, annotate)) } : {};
+  const containerProps = CONTAINER_TYPES.has(block.type) ? { renderBlock: renderBlock ?? ((child) => resolveBlock(child, void 0, annotate, stampAt)) } : {};
   const { wrapper: blockStyle, paint } = styleOf(block);
   const el = /* @__PURE__ */ jsx15(
     Component,
@@ -1041,24 +1051,31 @@ function BlockRenderer({
       ...bindingProps(block, annotate)
     }
   );
-  return blockStyle ? /* @__PURE__ */ jsx15("div", { style: blockStyle, children: el }) : el;
+  return withHide(block, blockStyle, el, stampAt);
 }
 function BlocksRenderer({
-  blocks,
+  blocks: all,
   className = "",
   renderBlock,
-  annotate = false
+  annotate = false,
+  now
 }) {
+  const at = now ?? /* @__PURE__ */ new Date();
+  const blocks = annotate ? all : visibleBlocks(all, at);
   if (blocks.length === 0) return null;
-  return /* @__PURE__ */ jsx15("div", { className, children: blocks.map((block) => /* @__PURE__ */ jsx15(
-    BlockRenderer,
-    {
-      block,
-      renderBlock,
-      annotate
-    },
-    block.id
-  )) });
+  return /* @__PURE__ */ jsxs11("div", { className, children: [
+    usesHideOn(blocks) && /* @__PURE__ */ jsx15("style", { dangerouslySetInnerHTML: { __html: RESPONSIVE_CSS } }),
+    blocks.map((block) => /* @__PURE__ */ jsx15(
+      BlockRenderer,
+      {
+        block,
+        renderBlock,
+        annotate,
+        stampAt: annotate ? at : void 0
+      },
+      block.id
+    ))
+  ] });
 }
 export {
   BLOCK_REGISTRY,