@multiplatform.one/markdown 6.0.0

package/dist/cjs/Ul/ul.spec.native.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_Li = require("../Li/index.native.js");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("UL Component", function () {
+  import_vitest.it.skip("should render successfully", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 2"
+      })]
+    }));
+    var ulElement = container.querySelector("ul");
+    (0, import_vitest.expect)(ulElement).toBeDefined();
+    (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children.length).toBe(2);
+  });
+  import_vitest.it.skip("should dynamically apply styles when changed", function () {
+    var {
+      container,
+      rerender
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 2"
+      })]
+    }));
+    var ulElement = container.querySelector("ul");
+    var computedStyle = window.getComputedStyle(ulElement);
+    (0, import_vitest.expect)(computedStyle.marginTop).toBe("var(--t-space-1)");
+    (0, import_vitest.expect)(computedStyle.marginLeft).toBe("var(--t-space-4)");
+    rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Updated Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Updated Item 2"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "New Item 3"
+      })]
+    }));
+    ulElement = container.querySelector("ul");
+    computedStyle = window.getComputedStyle(ulElement);
+    (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children.length).toBe(3);
+    (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children[0].textContent).toContain("Updated Item 1");
+    (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children[1].textContent).toContain("Updated Item 2");
+    (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children[2].textContent).toContain("New Item 3");
+    (0, import_vitest.expect)(computedStyle.marginTop).toBe("var(--t-space-1)");
+    (0, import_vitest.expect)(computedStyle.marginLeft).toBe("var(--t-space-4)");
+  });
+  import_vitest.it.skip("should dynamically handle nested list items", function () {
+    var {
+      container,
+      rerender
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+        children: ["Item 2", /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Subitem 1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Subitem 2"
+          })]
+        })]
+      })]
+    }));
+    var ulElement = container.querySelectorAll("ul");
+    (0, import_vitest.expect)(ulElement.length).toBe(2);
+    rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+        children: ["Item 2", /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Updated Subitem 1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Updated Subitem 2"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "New Subitem 3"
+          })]
+        })]
+      })]
+    }));
+    ulElement = container.querySelectorAll("ul");
+    (0, import_vitest.expect)(ulElement.length).toBe(2);
+    var nestedUL = ulElement[1];
+    (0, import_vitest.expect)(nestedUL === null || nestedUL === void 0 ? void 0 : nestedUL.children.length).toBe(3);
+    (0, import_vitest.expect)(nestedUL === null || nestedUL === void 0 ? void 0 : nestedUL.children[0].textContent).toContain("Updated Subitem 1");
+    (0, import_vitest.expect)(nestedUL === null || nestedUL === void 0 ? void 0 : nestedUL.children[1].textContent).toContain("Updated Subitem 2");
+    (0, import_vitest.expect)(nestedUL === null || nestedUL === void 0 ? void 0 : nestedUL.children[2].textContent).toContain("New Subitem 3");
+  });
+  (0, import_vitest.describe)("edge cases", function () {
+    import_vitest.it.skip("should handle empty content dynamically", function () {
+      var {
+        container,
+        rerender
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.UL, {}));
+      var ulElement = container.querySelector("ul");
+      (0, import_vitest.expect)(ulElement).toBeDefined();
+      (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children.length).toBe(0);
+      rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Item 1"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Item 2"
+        })]
+      }));
+      ulElement = container.querySelector("ul");
+      (0, import_vitest.expect)(ulElement === null || ulElement === void 0 ? void 0 : ulElement.children.length).toBe(2);
+    });
+    import_vitest.it.skip("should handle dynamic updates for list items with special characters", function () {
+      var {
+        rerender
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Item & More"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+          children: ["Item with ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            children: "bold"
+          }), " text"]
+        })]
+      }));
+      var ulElement = import_react.screen.getByRole("list");
+      var liElements = ulElement.querySelectorAll("li");
+      (0, import_vitest.expect)(liElements.length).toBe(2);
+      (0, import_vitest.expect)(liElements[0].textContent).toContain("Item & More");
+      (0, import_vitest.expect)(liElements[1].textContent).toBe("Item with bold text");
+      rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Updated Item & More"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+          children: ["New Item with ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            children: "italic"
+          }), " text"]
+        })]
+      }));
+      ulElement = import_react.screen.getByRole("list");
+      var updatedLiElements = ulElement.querySelectorAll("li");
+      (0, import_vitest.expect)(updatedLiElements.length).toBe(2);
+      (0, import_vitest.expect)(updatedLiElements[0].textContent).toContain("Updated Item & More");
+      (0, import_vitest.expect)(updatedLiElements[1].textContent).toBe("New Item with italic text");
+    });
+  });
+});
+//# sourceMappingURL=ul.spec.native.js.map

package/dist/cjs/Ul/ul.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_react","import_test_utils","import_tamagui","import_vitest","import_Li","import_index","describe","it","skip","container","renderWithProviders","jsxs","UL","children","jsx","LI","ulElement","querySelector","expect","toBeDefined","length","toBe","rerender","computedStyle","window","getComputedStyle","marginTop","marginLeft","textContent","toContain","querySelectorAll","nestedUL"],"sources":["../../../src/Ul/ul.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Video/index.cjs

@@ -0,0 +1,84 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Video_exports = {};
+__export(Video_exports, {
+  Video: () => Video
+});
+module.exports = __toCommonJS(Video_exports);
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Video({
+  src,
+  children,
+  muted = true,
+  autoPlay = true,
+  controls = false,
+  loop = true,
+  poster,
+  ...props
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    render: "figure",
+    marginHorizontal: 0,
+    marginVertical: "$6",
+    ...props,
+    children: [import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      render: "video",
+      src,
+      autoPlay,
+      playsInline: true,
+      muted,
+      controls,
+      loop,
+      poster,
+      style: {
+        width: "100%",
+        display: "block",
+        borderRadius: 8
+      }
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      backgroundColor: "$color3",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: 200,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: "$color9",
+        size: "$4",
+        children: "Video playback requires a native video player"
+      })
+    }), children ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "figcaption",
+      lineHeight: 23,
+      marginTop: "$2",
+      color: "$color9",
+      size: "$3",
+      children
+    }) : null]
+  });
+}

package/dist/cjs/Video/index.native.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Video_exports = {};
+__export(Video_exports, {
+  Video: () => Video
+});
+module.exports = __toCommonJS(Video_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+function Video(param) {
+  var {
+    src,
+    children,
+    muted = true,
+    autoPlay = true,
+    controls = false,
+    loop = true,
+    poster,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    render: "figure",
+    marginHorizontal: 0,
+    marginVertical: "$6",
+    ...props,
+    children: [import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      render: "video",
+      // @ts-expect-error HTML video attributes via render prop
+      src,
+      autoPlay,
+      playsInline: true,
+      muted,
+      controls,
+      loop,
+      poster,
+      style: {
+        width: "100%",
+        display: "block",
+        borderRadius: 8
+      }
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      backgroundColor: "$color3",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: 200,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        color: "$color9",
+        size: "$4",
+        children: "Video playback requires a native video player"
+      })
+    }), children ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "figcaption",
+      lineHeight: 23,
+      marginTop: "$2",
+      color: "$color9",
+      size: "$3",
+      children
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/Video/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Video_exports","__export","Video","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","useResolvedKnobs","jsxs","YStack","render","marginHorizontal","marginVertical","isWeb","jsx","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","Paragraph","color","size"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAyC,CAAAK,aAAA;AACzC,IAAAK,kBAAiC,GAAAC,OAAA;AAwB7B,IAAAC,cAAA,GAAAD,OAAA;AAZG,IAAAE,YAAe,GAAAF,OAAA;AAAA,SACpBJ,MAAAO,KAAA;EACA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA;IAAAS;EAAQ,QAAAV,YAAA,CAAAW,gBAAA;EACR,sBAAW,IAAAd,kBAAA,CAAAe,IAAA,EAAAb,cAAA,CAAAc,MAAA;IACXC,MAAA,UAAW;IACXC,gBAAO;IACPC,cAAA;IACA,GAAGP,KAAA;IACoCN,QAAA,GACvCJ,cAAkB,CAAAkB,KAAA,GAAI,mBAAApB,kBAAiB,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MACvCC,MACE;MACG;MACEZ,GAAA;MAAAG,QAAA;MACCc,WAAO;MAEPf,KAAA;MACAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAY,KAAA;QACAC,KAAA;QACAC,OAAA;QACAC,YAAS,EAAO;MAA0C;IAC5D,EAEA,sBAAA1B,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MAAC,GAAAH,SAAA,CAAAc,YAAA;MAAAD,YAAA,EAAAb,SAAA,CAAAa,YAAA,CAAAA,YAAA;MACEE,eAAa;MACdC,UAAA,UAAc;MACdC,cAAA,UAAgB;MAChBC,SAAA,KAAW;MACXzB,QAAA,iBAAe,IAAAN,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAA8B,SAAA;QACfC,KAAA,WAAW;QAEXC,IAAA;QAEA5B,QAAA;MACF;IAED,IAKHA,QAAA,sBAAAN,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAA8B,SAAA;MAEJf,MAAA","ignoreList":[]}

package/dist/cjs/components/Blockquote.cjs

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Blockquote_exports = {};
+__export(Blockquote_exports, {
+  Blockquote: () => Blockquote
+});
+module.exports = __toCommonJS(Blockquote_exports);
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_colorRamps = require("../shared/colorRamps.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Blockquote({
+  children
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    backgroundColor: import_colorRamps.markdownBlockquoteColors.background.base,
+    borderLeftWidth: 4,
+    borderLeftColor: import_colorRamps.markdownBlockquoteColors.border.base,
+    paddingLeft: knobProps.panelPadding.padding,
+    paddingVertical: knobProps.gap.gap,
+    marginVertical: "$3",
+    children
+  });
+}

package/dist/cjs/components/Blockquote.native.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Blockquote_exports = {};
+__export(Blockquote_exports, {
+  Blockquote: () => Blockquote
+});
+module.exports = __toCommonJS(Blockquote_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_colorRamps = require("../shared/colorRamps.native.js");
+function Blockquote(param) {
+  var {
+    children
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    backgroundColor: import_colorRamps.markdownBlockquoteColors.background.base,
+    borderLeftWidth: 4,
+    borderLeftColor: import_colorRamps.markdownBlockquoteColors.border.base,
+    paddingLeft: knobProps.panelPadding.padding,
+    paddingVertical: knobProps.gap.gap,
+    marginVertical: "$3",
+    children
+  });
+}
+//# sourceMappingURL=Blockquote.native.js.map

package/dist/cjs/components/Blockquote.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Blockquote_exports","__export","Blockquote","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","import_colorRamps","param","children","knobProps","useResolvedKnobs","jsx","View","backgroundColor","markdownBlockquoteColors","background","base","borderLeftWidth","borderLeftColor","border","paddingLeft","panelPadding","padding","paddingVertical","gap","marginVertical"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,kBAAA;AACrB,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,cAAA,GAAAD,OAAyC;AAMrC,IAAAE,YAAA,GAAAF,OAAA;AAHG,IAAAG,iBAAoB,GAAEH,OAAS,iCAAoB;AACxD,SAAMJ,UAAEA,CAAUQ,KAAA;EAClB;IAAAC;EACE,IAAAD,KAAA;EAAA,IAAC;IAAAE;EAAA,QAAAJ,YAAA,CAAAK,gBAAA;EAAA,0BAAAR,kBAAA,CAAAS,GAAA,EAAAP,cAAA,CAAAQ,IAAA;IAAAC,eACC,EAAAP,iBAAiB,CAAAQ,wBAAA,CAAAC,UAAyB,CAAAC,IAAW;IAAAC,eACrD;IAAiBC,eACjB,EAAAZ,iBAAiB,CAAAQ,wBAAA,CAAAK,MAAyB,CAAAH,IAAO;IAAAI,WACjD,EAAAX,SAAa,CAAAY,YAAU,CAAAC,OAAa;IAAAC,eACpC,EAAAd,SAAiB,CAAAe,GAAU,CAAAA,GAAI;IAAAC,cAC/B,MAAe;IAAAjB;EAEd;AAAA","ignoreList":[]}

package/dist/cjs/components/Break.cjs

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Break_exports = {};
+__export(Break_exports, {
+  Break: () => Break
+});
+module.exports = __toCommonJS(Break_exports);
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Break(_props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    children: "\n"
+  });
+}

package/dist/cjs/components/Break.native.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Break_exports = {};
+__export(Break_exports, {
+  Break: () => Break
+});
+module.exports = __toCommonJS(Break_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function Break(_props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    children: "\n"
+  });
+}
+//# sourceMappingURL=Break.native.js.map

package/dist/cjs/components/Break.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Break_exports","__export","Break","module","exports","import_jsx_runtime","require","import_tamagui","_props","jsx","Text"],"sources":["../../../src/components/Break.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,aAAA;AAIZ,IAAAK,kBAAA,GAAAC,OAAA;AADF,IAAAC,cAAe,GAAAD,OAAoB;AACxC,SAAOJ,MAAAM,MAAA;EACT,0BAAAH,kBAAA,CAAAI,GAAA,EAAAF,cAAA,CAAAG,IAAA","ignoreList":[]}

package/dist/cjs/components/CodeBlock.cjs

@@ -0,0 +1,109 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CodeBlock_exports = {};
+__export(CodeBlock_exports, {
+  CodeBlock: () => CodeBlock
+});
+module.exports = __toCommonJS(CodeBlock_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("../shared/colorRamps.cjs");
+var import_shiki = require("../shiki/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CodeBlock({
+  children,
+  lang,
+  theme = "github-dark"
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [tokens, setTokens] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    (0, import_shiki.highlightCode)(children, lang || "text", theme).then(result => {
+      if (!cancelled) {
+        setTokens(result);
+        setError(null);
+      }
+    }).catch(err => {
+      if (!cancelled) {
+        setError(String(err));
+        setTokens(null);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [children, lang, theme]);
+  const containerProps = {
+    borderRadius: knobProps.borderRadiusOuter?.borderRadius ?? "$4",
+    backgroundColor: import_colorRamps.markdownCodeColors.background.base,
+    borderWidth: 1,
+    borderColor: import_colorRamps.markdownCodeColors.border.base,
+    padding: knobProps.panelPadding.padding,
+    marginVertical: "$2",
+    overflow: "hidden"
+  };
+  if (!tokens || error) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...containerProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontFamily: "$mono",
+          fontSize: knobProps.sizeToken,
+          color: import_colorRamps.markdownCodeColors.text.muted,
+          children
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...containerProps,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        children: tokens.map((line, lineIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          minHeight: 20,
+          children: line.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontFamily: "$mono",
+            fontSize: knobProps.sizeToken,
+            children: "\n"
+          }) : line.map((token, tokenIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontFamily: "$mono",
+            fontSize: knobProps.sizeToken,
+            style: {
+              color: token.color
+            },
+            children: token.content
+          }, tokenIndex))
+        }, lineIndex))
+      })
+    })
+  });
+}