@shapesos/clay 0.8.2 → 0.10.0

package/dist/blocks.cjs

@@ -0,0 +1,650 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/blocks/index.ts
+var blocks_exports = {};
+__export(blocks_exports, {
+  Block: () => Block,
+  BlockContext: () => BlockContext,
+  BlockServices: () => BlockServices,
+  TextBlockService: () => TextBlockService,
+  blockTypes: () => blockTypes,
+  useBlockContext: () => useBlockContext
+});
+module.exports = __toCommonJS(blocks_exports);
+
+// src/components/blocks/text-block/text-block.tsx
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_remark_breaks = __toESM(require("remark-breaks"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+
+// src/components/blocks/block-context/block-context.tsx
+var import_react = require("react");
+var BlockContext = (0, import_react.createContext)(null);
+function useBlockContext() {
+  return (0, import_react.useContext)(BlockContext) ?? {};
+}
+
+// src/components/blocks/scrollable-table/scrollable-table-styles.ts
+var import_styled_components = __toESM(require("styled-components"), 1);
+
+// src/tokens/colors.ts
+var colors = {
+  // White
+  white: "#FFFFFF",
+  "white-alpha-85": "rgba(255, 255, 255, 0.85)",
+  "white-alpha-40": "rgba(255, 255, 255, 0.40)",
+  // Brown
+  "brown-10": "#FAF9F8",
+  "brown-20": "#F5F3F0",
+  "brown-30": "#EEEBE5",
+  "brown-40": "#E6E2DA",
+  "brown-50": "#CFCBC4",
+  "brown-60": "#A19E99",
+  "brown-70": "#73716D",
+  "brown-80": "#5C5A57",
+  "brown-90": "#2E2D2C",
+  "brown-100": "#171716",
+  "brown-alpha-12": "rgba(23, 23, 22, 0.12)",
+  "brown-alpha-20": "rgba(23, 23, 22, 0.20)",
+  "brown-alpha-55": "rgba(23, 23, 22, 0.55)",
+  "brown-alpha-70": "rgba(23, 23, 22, 0.70)",
+  "brown-alpha-80": "rgba(23, 23, 22, 0.80)",
+  "brown-alpha-90": "rgba(23, 23, 22, 0.90)",
+  // Fuchsia
+  "fuchsia-50": "#FAF5FF",
+  "fuchsia-300": "#F0ABFC",
+  "fuchsia-500": "#D946EF",
+  "fuchsia-600": "#C026D3",
+  "fuchsia-800": "#86198F",
+  // Pink
+  "pink-50": "#FDF2F8",
+  "pink-400": "#F472B6",
+  "pink-600": "#DB2777",
+  "pink-800": "#9D174D",
+  // Violet
+  "violet-50": "#F5F3FF",
+  "violet-400": "#A78BFA",
+  "violet-600": "#7C3AED",
+  "violet-800": "#5B21B6",
+  // Indigo
+  "indigo-50": "#EEF2FF",
+  "indigo-400": "#818CF8",
+  "indigo-500": "#6366F1",
+  "indigo-600": "#4F46E5",
+  "indigo-800": "#3730A3",
+  // Cyan
+  "cyan-50": "#E7FEFF",
+  "cyan-300": "#67E8F9",
+  "cyan-600": "#0891B2",
+  "cyan-900": "#164E63",
+  // Teal
+  "teal-50": "#EBFDF9",
+  "teal-300": "#5EEAD4",
+  "teal-600": "#0D9488",
+  // Rose
+  "rose-400": "#FB7185",
+  // Purple
+  "purple-400": "#C084FC",
+  // Blue
+  "blue-50": "#EFF6FF",
+  "blue-100": "#DBEAFE",
+  "blue-300": "#93C5FD",
+  "blue-400": "#60A5FA",
+  "blue-600": "#2563EB",
+  "blue-800": "#1E40AF",
+  // Sky
+  "sky-300": "#7DD3FC",
+  // Green
+  "green-50": "#ECF9F0",
+  "green-100": "#D4F1D9",
+  "green-400": "#3DC269",
+  "green-700": "#277C43",
+  "green-800": "#1C5930",
+  // Orange
+  "orange-50": "#FFF7ED",
+  "orange-100": "#FFEDD5",
+  "orange-200": "#FED7AA",
+  "orange-500": "#F97316",
+  "orange-600": "#EA580C",
+  // Red
+  "red-50": "#FEF2F2",
+  "red-100": "#FEE2E2",
+  "red-200": "#FECACA",
+  "red-400": "#F7776C",
+  "red-500": "#EF4444",
+  "red-600": "#DC2626"
+};
+
+// src/components/blocks/scrollable-table/scrollable-table-styles.ts
+var TableContainer = import_styled_components.default.div`
+  position: relative;
+  margin-block: 8px 16px;
+`;
+var TableScroll = import_styled_components.default.div`
+  width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+`;
+var TableActionsWrapper = import_styled_components.default.div`
+  display: flex;
+  justify-content: flex-start;
+  margin-block: 8px 0;
+`;
+var TableActionsDivider = import_styled_components.default.div`
+  height: 1px;
+  background: ${colors["brown-40"]};
+  margin-block: 8px 0;
+`;
+
+// src/components/blocks/scrollable-table/scrollable-table.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ScrollableTable({ node: _node, counter, ...props }) {
+  const currentIndex = counter ? counter.value : 0;
+  if (counter) {
+    counter.value += 1;
+  }
+  const { TableActions } = useBlockContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableScroll, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", { ...props }) }),
+    TableActions && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableActionsWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableActions, { tableIndex: currentIndex }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableActionsDivider, {})
+    ] })
+  ] });
+}
+
+// src/components/blocks/text-block/sanitize.ts
+function sanitize(text) {
+  return text.split("\n").filter((line) => {
+    const t = line.trim();
+    return !(t.startsWith("<!-- table-title:") && t.endsWith("-->"));
+  }).join("\n");
+}
+
+// src/components/blocks/text-block/text-block-styles.ts
+var import_styled_components2 = __toESM(require("styled-components"), 1);
+
+// src/tokens/typography.ts
+var fontFamilies = {
+  /** Geist — primary UI font for body text, labels, headings, and display. */
+  GEIST: "Geist",
+  /** Crimson Pro — editorial/serif font, always italic. Used for decorative headings and pull quotes. */
+  CRIMSON_PRO: "Crimson Pro"
+};
+var typographyTypes = {
+  // Geist Label Caption (12px)
+  GEIST_LABEL_CAPTION_REGULAR: "GEIST_LABEL_CAPTION_REGULAR",
+  GEIST_LABEL_CAPTION_MEDIUM: "GEIST_LABEL_CAPTION_MEDIUM",
+  GEIST_LABEL_CAPTION_SEMI_BOLD: "GEIST_LABEL_CAPTION_SEMI_BOLD",
+  // Geist Body Extra Small (14px)
+  GEIST_BODY_XS_REGULAR: "GEIST_BODY_XS_REGULAR",
+  GEIST_BODY_XS_MEDIUM: "GEIST_BODY_XS_MEDIUM",
+  GEIST_BODY_XS_BOLD: "GEIST_BODY_XS_BOLD",
+  // Geist Body Small (16px)
+  GEIST_BODY_S_REGULAR: "GEIST_BODY_S_REGULAR",
+  GEIST_BODY_S_MEDIUM: "GEIST_BODY_S_MEDIUM",
+  GEIST_BODY_S_SEMI_BOLD: "GEIST_BODY_S_SEMI_BOLD",
+  GEIST_BODY_S_BOLD: "GEIST_BODY_S_BOLD",
+  // Geist Body Medium (18px)
+  GEIST_BODY_M_LIGHT: "GEIST_BODY_M_LIGHT",
+  GEIST_BODY_M_REGULAR: "GEIST_BODY_M_REGULAR",
+  GEIST_BODY_M_MEDIUM: "GEIST_BODY_M_MEDIUM",
+  GEIST_BODY_M_SEMI_BOLD: "GEIST_BODY_M_SEMI_BOLD",
+  // Geist Body Large (20px)
+  GEIST_BODY_L_REGULAR: "GEIST_BODY_L_REGULAR",
+  GEIST_BODY_L_MEDIUM: "GEIST_BODY_L_MEDIUM",
+  GEIST_BODY_L_SEMI_BOLD: "GEIST_BODY_L_SEMI_BOLD",
+  GEIST_BODY_L_BOLD: "GEIST_BODY_L_BOLD",
+  // Geist Heading Small (24px)
+  GEIST_HEADING_S_REGULAR: "GEIST_HEADING_S_REGULAR",
+  GEIST_HEADING_S_MEDIUM: "GEIST_HEADING_S_MEDIUM",
+  GEIST_HEADING_S_BOLD: "GEIST_HEADING_S_BOLD",
+  // Geist Heading Medium (28px)
+  GEIST_HEADING_M_BOLD: "GEIST_HEADING_M_BOLD",
+  // Geist Heading Large (32px)
+  GEIST_HEADING_L_REGULAR: "GEIST_HEADING_L_REGULAR",
+  GEIST_HEADING_L_MEDIUM: "GEIST_HEADING_L_MEDIUM",
+  GEIST_HEADING_L_SEMI_BOLD: "GEIST_HEADING_L_SEMI_BOLD",
+  GEIST_HEADING_L_BOLD: "GEIST_HEADING_L_BOLD",
+  // Geist Display Large (36px)
+  GEIST_DISPLAY_L_MEDIUM: "GEIST_DISPLAY_L_MEDIUM",
+  // Crimson Pro Body Small (16px)
+  CRIMSON_PRO_BODY_S_LIGHT: "CRIMSON_PRO_BODY_S_LIGHT",
+  // Crimson Pro Body Medium (18px)
+  CRIMSON_PRO_BODY_M_LIGHT: "CRIMSON_PRO_BODY_M_LIGHT",
+  // Crimson Pro Heading Medium (24px)
+  CRIMSON_PRO_HEADING_M_MEDIUM: "CRIMSON_PRO_HEADING_M_MEDIUM",
+  // Crimson Pro Display Extra Large (46px)
+  CRIMSON_PRO_DISPLAY_XL_REGULAR: "CRIMSON_PRO_DISPLAY_XL_REGULAR"
+};
+var typographyStyles = {
+  // Geist Label Caption (12px)
+  [typographyTypes.GEIST_LABEL_CAPTION_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 12,
+    fontWeight: 400,
+    lineHeight: 16
+  },
+  [typographyTypes.GEIST_LABEL_CAPTION_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: 16
+  },
+  [typographyTypes.GEIST_LABEL_CAPTION_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 12,
+    fontWeight: 600,
+    lineHeight: 16
+  },
+  // Geist Body Extra Small (14px)
+  [typographyTypes.GEIST_BODY_XS_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 14,
+    fontWeight: 400,
+    lineHeight: 20
+  },
+  [typographyTypes.GEIST_BODY_XS_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 14,
+    fontWeight: 500,
+    lineHeight: 20
+  },
+  [typographyTypes.GEIST_BODY_XS_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 14,
+    fontWeight: 600,
+    lineHeight: 20
+  },
+  // Geist Body Small (16px)
+  [typographyTypes.GEIST_BODY_S_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 400,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  [typographyTypes.GEIST_BODY_S_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 500,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  [typographyTypes.GEIST_BODY_S_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  [typographyTypes.GEIST_BODY_S_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 700,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  // Geist Body Medium (18px)
+  [typographyTypes.GEIST_BODY_M_LIGHT]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 300,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  [typographyTypes.GEIST_BODY_M_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 400,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  [typographyTypes.GEIST_BODY_M_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 500,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  [typographyTypes.GEIST_BODY_M_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 600,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  // Geist Body Large (20px)
+  [typographyTypes.GEIST_BODY_L_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 400,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  [typographyTypes.GEIST_BODY_L_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 500,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  [typographyTypes.GEIST_BODY_L_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 600,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  [typographyTypes.GEIST_BODY_L_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 700,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  // Geist Heading Small (24px)
+  [typographyTypes.GEIST_HEADING_S_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 24,
+    fontWeight: 400,
+    lineHeight: 32,
+    letterSpacing: -0.48
+  },
+  [typographyTypes.GEIST_HEADING_S_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 24,
+    fontWeight: 500,
+    lineHeight: 32,
+    letterSpacing: -0.48
+  },
+  [typographyTypes.GEIST_HEADING_S_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 24,
+    fontWeight: 700,
+    lineHeight: 32,
+    letterSpacing: -0.48
+  },
+  // Geist Heading Medium (28px)
+  [typographyTypes.GEIST_HEADING_M_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 28,
+    fontWeight: 700,
+    lineHeight: 36,
+    letterSpacing: -0.6
+  },
+  // Geist Heading Large (32px)
+  [typographyTypes.GEIST_HEADING_L_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 400,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  [typographyTypes.GEIST_HEADING_L_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 500,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  [typographyTypes.GEIST_HEADING_L_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 600,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  [typographyTypes.GEIST_HEADING_L_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 700,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  // Geist Display Large (36px)
+  [typographyTypes.GEIST_DISPLAY_L_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 36,
+    fontWeight: 500,
+    lineHeight: 44,
+    letterSpacing: -0.72
+  },
+  // Crimson Pro Body Small (16px)
+  [typographyTypes.CRIMSON_PRO_BODY_S_LIGHT]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 16,
+    fontWeight: 300,
+    lineHeight: 20,
+    letterSpacing: -0.32,
+    fontStyle: "italic"
+  },
+  // Crimson Pro Body Medium (18px)
+  [typographyTypes.CRIMSON_PRO_BODY_M_LIGHT]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 18,
+    fontWeight: 300,
+    lineHeight: 28,
+    letterSpacing: 0,
+    fontStyle: "italic"
+  },
+  // Crimson Pro Heading Medium (24px)
+  [typographyTypes.CRIMSON_PRO_HEADING_M_MEDIUM]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 24,
+    fontWeight: 400,
+    lineHeight: 32,
+    letterSpacing: -0.48,
+    fontStyle: "italic"
+  },
+  // Crimson Pro Display Extra Large (46px)
+  [typographyTypes.CRIMSON_PRO_DISPLAY_XL_REGULAR]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 46,
+    fontWeight: 400,
+    lineHeight: 54,
+    letterSpacing: -1.38,
+    fontStyle: "italic"
+  }
+};
+function typographyMixin(type) {
+  const style = typographyStyles[type];
+  return [
+    `font-family: "${style.fontFamily}", sans-serif`,
+    `font-size: ${style.fontSize}px`,
+    `font-weight: ${style.fontWeight}`,
+    `line-height: ${style.lineHeight}px`,
+    `letter-spacing: ${style.letterSpacing != null ? `${style.letterSpacing}px` : "inherit"}`,
+    `font-style: ${style.fontStyle ?? "normal"}`
+  ].join(";\n  ");
+}
+
+// src/components/blocks/text-block/text-block-styles.ts
+var TextBlockWrapper = import_styled_components2.default.div`
+  ${typographyMixin(typographyTypes.GEIST_BODY_S_REGULAR)};
+  color: ${colors["brown-100"]};
+  word-break: break-word;
+
+  & h1 {
+    ${typographyMixin(typographyTypes.GEIST_HEADING_S_BOLD)};
+    margin-block: 20px;
+  }
+
+  & h2 {
+    ${typographyMixin(typographyTypes.GEIST_BODY_L_SEMI_BOLD)};
+    margin-block: 12px;
+  }
+
+  & h3,
+  & h4,
+  & h5,
+  & h6 {
+    ${typographyMixin(typographyTypes.GEIST_BODY_M_SEMI_BOLD)};
+    margin-block: 8px;
+  }
+
+  & strong {
+    ${typographyMixin(typographyTypes.GEIST_BODY_S_SEMI_BOLD)};
+  }
+
+  & p {
+    margin-block: 0px;
+  }
+
+  & p + p {
+    margin-block: 8px 0px;
+  }
+
+  & ul,
+  & ol {
+    margin-block: 16px;
+    padding-left: 20px;
+  }
+
+  & li + li {
+    margin-block: 4px;
+  }
+
+  & ol {
+    list-style-type: decimal;
+  }
+
+  & ol ol {
+    list-style-type: lower-alpha;
+  }
+
+  & ol ol ol {
+    list-style-type: lower-roman;
+  }
+
+  & a {
+    color: inherit;
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+    text-decoration-thickness: auto;
+    text-underline-offset: auto;
+    text-underline-position: from-font;
+    transition: color 75ms ease-in-out;
+
+    &:hover {
+      color: ${colors["blue-600"]};
+    }
+  }
+
+  & hr {
+    border: none;
+    border-top: 1px solid ${colors["brown-40"]};
+    margin-block: 20px;
+  }
+
+  & table {
+    margin: 0;
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  & th,
+  & td {
+    border: none;
+    border-bottom: 1px solid ${colors["brown-40"]};
+    text-align: left;
+  }
+
+  & th {
+    ${typographyMixin(typographyTypes.GEIST_LABEL_CAPTION_MEDIUM)};
+    padding: 8px;
+  }
+
+  & td {
+    ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};
+    padding: 16px 8px;
+    min-width: 150px;
+    width: 1%;
+  }
+
+  & td strong {
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
+  & blockquote {
+    margin-block: 4px;
+    margin-inline: 0px;
+    padding-left: 16px;
+    border-left: 4px solid ${colors["brown-40"]};
+    color: ${colors["brown-80"]};
+  }
+`;
+
+// src/components/blocks/text-block/text-block.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TextBlock({ block }) {
+  const counter = { value: 0 };
+  const markdownComponents = {
+    table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScrollableTable, { ...tableProps, counter }))
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TextBlockWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default, import_remark_breaks.default], components: markdownComponents, children: sanitize(block.payload.text) }) });
+}
+
+// src/components/blocks/types.ts
+var blockTypes = {
+  TEXT: "TEXT"
+};
+
+// src/components/blocks/block-services/text-block-service.ts
+var TextBlockService = {
+  type: blockTypes.TEXT,
+  Component: TextBlock
+};
+
+// src/components/blocks/block-services/index.ts
+var BlockServices = {
+  [TextBlockService.type]: TextBlockService
+};
+
+// src/components/blocks/block/block.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Block({ block }) {
+  const service = BlockServices[block.type];
+  if (!service) return null;
+  const { Component } = service;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Component, { block });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Block,
+  BlockContext,
+  BlockServices,
+  TextBlockService,
+  blockTypes,
+  useBlockContext
+});
+//# sourceMappingURL=blocks.cjs.map