@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/jsx/code/Code/code.spec.native.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("Code", function () {
+  (0, import_vitest.it)("should render successfully", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Code, {
+      children: 'const test = "hello";'
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+    (0, import_vitest.expect)(container.textContent).toContain('const test = "hello";');
+  });
+  (0, import_vitest.it)("should handle colored variant", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Code, {
+      colored: true,
+      children: 'const test = "hello"'
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+  });
+  (0, import_vitest.it)("should apply correct styles", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Code, {
+      children: 'const test = "hello"'
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+  });
+});
+(0, import_vitest.describe)("CodeInline", function () {
+  (0, import_vitest.it)("should render successfully", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CodeInline, {
+      children: "npm install"
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+    (0, import_vitest.expect)(container.textContent).toContain("npm install");
+  });
+  (0, import_vitest.it)("should apply correct styles", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CodeInline, {
+      children: "npm install"
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+  });
+  (0, import_vitest.it)("should handle custom styling", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.CodeInline, {
+      children: "npm install"
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+  });
+});
+//# sourceMappingURL=code.spec.native.js.map

package/dist/jsx/code/Code/code.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_vitest","import_index","describe","it","container","renderWithProviders","jsx","Code","children","codeElement","querySelector","expect","toBeDefined","textContent","toContain","colored","CodeInline"],"sources":["../../../../src/code/Code/code.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,kBAAmB,GAAAC,OAAQ,oBAAU;AACrC,IAAAC,iBAAe,GAAAD,OAAA,gCAAkB;AAIa,IAAAE,aAAA,GAAAF,OAAA;AAF9C,IAAAG,YAAS,GAAQH,OAAM;AACrB,IAAAE,aAAG,CAAAE,QAAA,UAA8B,YAAM;EACrC,IAAAF,aAAQ,CAAAG,EAAU,8BAAwB;IAC1C;MAAMC;IAAA,IAAc,IAAAL,iBAAU,CAAAM,mBAAoB,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,IAAA;MAClDC,QAAO;IACP;IACD,IAAAC,WAAA,GAAAL,SAAA,CAAAM,aAAA;IAED,CAAG,GAAAV,aAAA,CAAAW,MAAA,EAAAF,WAAiC,EAAAG,WAAM;IACxC,IAAAZ,aAAQ,CAAUW,MAAI,EAAAP,SAAA,CAAAS,WAAoB,EAAAC,SAAA,wBAAa;EACvD;EACA,IAAAd,aAAO,CAAAG,EAAW,EAAE,+BAAY;IACjC;MAAAC;IAAA,QAAAL,iBAAA,CAAAM,mBAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,IAAA;MAEEQ,OAAA;MACDP,QAAQ;IACR;IACA,IAAAC,WAAO,GAAWL,SAAE,CAAAM,aAAY;IACjC,IAAAV,aAAA,CAAAW,MAAA,EAAAF,WAAA,EAAAG,WAAA;EACF;EAED,IAAAZ,aAAS,CAAAG,EAAA,EAAc,6BAAM;IAC3B,IAAG;MAAAC;IAAA,QAAAL,iBAAoC,CAAAM,mBAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,IAAA;MACrCC,QAAQ;IACR;IACA,IAAAC,WAAO,GAAWL,SAAE,CAAAM,aAAY;IAChC,IAAAV,aAAiB,CAAAW,MAAA,EAAAF,WAAa,EAAAG,WAAU;EAC1C,CAAC;AAED;AACE,IAAAZ,aAAQ,CAAAE,QAAc,4BAAoB;EAC1C,IAAAF,aAAM,CAAAG,EAAA,EAAc,4BAAwB,EAAM;IAClD;MAAAC;IAAO,IAAa,IAAAL,iBAAY,CAAAM,mBAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAe,UAAA;MACjCR,QAAA;IAED,CAAG;IACD,IAAAC,WAAQ,GAAUL,SAAI,CAAAM,aAAA,CAAoB;IAC1C,IAAAV,aAAM,CAAAW,MAAc,EAAAF,WAAU,EAAAG,WAAoB;IAClD,IAAAZ,aAAO,CAAWW,MAAE,EAAAP,SAAY,CAAAS,WAAA,EAAAC,SAAA;EAClC,CAAC;EACF,IAAAd,aAAA,CAAAG,EAAA","ignoreList":[]}

package/dist/jsx/code/Code/index.mjs

@@ -1,38 +1,51 @@
-import { isWeb } from "multiplatform.one";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Paragraph, styled } from "tamagui";
-const Code = styled(Paragraph, {
-    name: "Code",
-    borderRadius: "$4",
-    cursor: "inherit",
-    // @ts-ignore
-    fontFamily: isWeb ? "$mono" : void 0,
-    lineHeight: 18,
-    padding: "$1",
-    // @ts-ignore
-    size: "$3",
-    tag: "code",
-    whiteSpace: "pre",
-    variants: {
-      colored: {
-        true: {
-          backgroundColor: "$background",
-          color: "$color"
-        }
+import { componentColors } from "../../componentColors.mjs";
+import { jsx } from "react/jsx-runtime";
+const CodeFrame = styled(Paragraph, {
+  name: "Code",
+  render: "code",
+  fontFamily: "$mono",
+  size: "$3",
+  lineHeight: 18,
+  cursor: "inherit",
+  whiteSpace: "pre",
+  padding: "$1",
+  borderRadius: "$4",
+  variants: {
+    colored: {
+      true: {
+        color: "$color",
+        backgroundColor: "$background"
       }
     }
-  }),
-  CodeInline = styled(Paragraph, {
-    name: "CodeInline",
-    backgroundColor: "$background",
-    borderRadius: "$3",
-    color: "$colorHover",
-    cursor: "inherit",
-    // @ts-ignore
-    fontFamily: isWeb ? "$mono" : void 0,
-    // @ts-ignore
-    fontSize: "85%",
-    padding: "$1.5",
-    tag: "code"
+  }
+});
+const Code = CodeFrame.styleable((props, ref) => {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(CodeFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    ...knobProps.body,
+    ...props
   });
+});
+const CodeInline = styled(Paragraph, {
+  name: "CodeInline",
+  render: "code",
+  fontFamily: "$mono",
+  color: componentColors.code.foreground,
+  backgroundColor: componentColors.code.background,
+  cursor: "inherit",
+  borderRadius: "$3",
+  fontSize: "90%",
+  lineHeight: "70%",
+  paddingHorizontal: "0.6%",
+  paddingVertical: "0.45%",
+  marginHorizontal: "-0.1%",
+  whiteSpace: "pre"
+});
 export { Code, CodeInline };
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/code/Code/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","Paragraph","styled","Code","name","borderRadius","cursor","fontFamily","lineHeight","padding","size","tag","whiteSpace","variants","colored","true","backgroundColor","color","CodeInline","fontSize"],"sources":["../../../../src/code/Code/index.ts"],"sourcesContent":[null],"mappings":"AAqBA,SAASA,KAAA,QAAa;AAEtB,SAASC,SAAA,EAAWC,MAAA,QAAc;AAE3B,MAAMC,IAAA,GAAOD,MAAA,CAAOD,SAAA,EAAW;IACpCG,IAAA,EAAM;IACNC,YAAA,EAAc;IACdC,MAAA,EAAQ;IAAA;IAERC,UAAA,EAAYP,KAAA,GAAQ,UAAU;IAC9BQ,UAAA,EAAY;IACZC,OAAA,EAAS;IAAA;IAETC,IAAA,EAAM;IACNC,GAAA,EAAK;IACLC,UAAA,EAAY;IACZC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,IAAA,EAAM;UACJC,eAAA,EAAiB;UACjBC,KAAA,EAAO;QACT;MACF;IACF;EACF,CAAC;EAEYC,UAAA,GAAahB,MAAA,CAAOD,SAAA,EAAW;IAC1CG,IAAA,EAAM;IACNY,eAAA,EAAiB;IACjBX,YAAA,EAAc;IACdY,KAAA,EAAO;IACPX,MAAA,EAAQ;IAAA;IAERC,UAAA,EAAYP,KAAA,GAAQ,UAAU;IAAA;IAE9BmB,QAAA,EAAU;IACVV,OAAA,EAAS;IACTE,GAAA,EAAK;EACP,CAAC","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Paragraph","styled","componentColors","jsx","CodeFrame","name","render","fontFamily","size","lineHeight","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color","backgroundColor","Code","styleable","props","ref","knobProps","body","CodeInline","code","foreground","background","fontSize","paddingHorizontal","paddingVertical","marginHorizontal"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAGjC,SAASC,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,eAAA,QAAuB;AAyBvB,SAAAC,GAAA;AAvBT,MAAMC,SAAA,GAAYH,MAAA,CAAOD,SAAA,EAAW;EAClCK,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZC,OAAA,EAAS;EACTC,YAAA,EAAc;EAEdC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,KAAA,EAAO;QACPC,eAAA,EAAiB;MACnB;IACF;EACF;AACF,CAAC;AAEM,MAAMC,IAAA,GAAOf,SAAA,CAAUgB,SAAA,CAAU,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACtD,MAAM;IAAEC;EAAU,IAAIxB,gBAAA,CAAiB;EACvC,OAAO,eAAAI,GAAA,CAACC,SAAA;IAAUkB,GAAA;IAAW,GAAGC,SAAA,CAAUV,YAAA;IAAe,GAAGU,SAAA,CAAUC,IAAA;IAAO,GAAGH;EAAA,CAAO;AACzF,CAAC;AAEM,MAAMI,UAAA,GAAaxB,MAAA,CAAOD,SAAA,EAAW;EAC1CK,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,UAAA,EAAY;EACZU,KAAA,EAAOf,eAAA,CAAgBwB,IAAA,CAAKC,UAAA;EAC5BT,eAAA,EAAiBhB,eAAA,CAAgBwB,IAAA,CAAKE,UAAA;EACtClB,MAAA,EAAQ;EACRG,YAAA,EAAc;EACdgB,QAAA,EAAU;EACVpB,UAAA,EAAY;EACZqB,iBAAA,EAAmB;EACnBC,eAAA,EAAiB;EACjBC,gBAAA,EAAkB;EAClBrB,UAAA,EAAY;AACd,CAAC","ignoreList":[]}

package/dist/jsx/code/Code/index.native.js

@@ -1,40 +1,80 @@
-import { isWeb } from "multiplatform.one";
-import { Paragraph, styled } from "tamagui";
-var Code = styled(Paragraph, {
+"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 Code_exports = {};
+__export(Code_exports, {
+  Code: () => Code,
+  CodeInline: () => CodeInline
+});
+module.exports = __toCommonJS(Code_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../../componentColors.native.js");
+var CodeFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   name: "Code",
-  borderRadius: "$4",
-  cursor: "inherit",
-  // @ts-ignore
-  fontFamily: isWeb ? "$mono" : void 0,
-  lineHeight: 18,
-  padding: "$1",
-  // @ts-ignore
+  render: "code",
+  fontFamily: "$mono",
   size: "$3",
-  tag: "code",
+  lineHeight: 18,
+  cursor: "inherit",
   whiteSpace: "pre",
+  padding: "$1",
+  borderRadius: "$4",
   variants: {
     colored: {
       true: {
-        backgroundColor: "$background",
-        color: "$color"
+        color: "$color",
+        backgroundColor: "$background"
       }
     }
   }
-}), CodeInline = styled(Paragraph, {
+});
+var Code = CodeFrame.styleable(function (props, ref) {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CodeFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    ...knobProps.body,
+    ...props
+  });
+});
+var CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
   name: "CodeInline",
-  backgroundColor: "$background",
-  borderRadius: "$3",
-  color: "$colorHover",
+  render: "code",
+  fontFamily: "$mono",
+  color: import_componentColors.componentColors.code.foreground,
+  backgroundColor: import_componentColors.componentColors.code.background,
   cursor: "inherit",
-  // @ts-ignore
-  fontFamily: isWeb ? "$mono" : void 0,
-  // @ts-ignore
-  fontSize: "85%",
-  padding: "$1.5",
-  tag: "code"
+  borderRadius: "$3",
+  fontSize: "90%",
+  lineHeight: "70%",
+  paddingHorizontal: "0.6%",
+  paddingVertical: "0.45%",
+  marginHorizontal: "-0.1%",
+  whiteSpace: "pre"
 });
-export {
-  Code,
-  CodeInline
-};
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/code/Code/index.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/code/Code/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/Code/index.ts"],
-  "mappings": "AAqBA,SAASA,aAAa;AAEtB,SAASC,WAAWC,cAAc;AAE3B,IAAMC,OAAOD,OAAOD,WAAW;EACpCG,MAAM;EACNC,cAAc;EACdC,QAAQ;;EAERC,YAAYP,QAAQ,UAAUQ;EAC9BC,YAAY;EACZC,SAAS;;EAETC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;QACjBC,OAAO;MACT;IACF;EACF;AACF,CAAA,GAEaC,aAAajB,OAAOD,WAAW;EAC1CG,MAAM;EACNa,iBAAiB;EACjBZ,cAAc;EACda,OAAO;EACPZ,QAAQ;;EAERC,YAAYP,QAAQ,UAAUQ;;EAE9BY,UAAU;EACVV,SAAS;EACTE,KAAK;AACP,CAAA;",
-  "names": ["isWeb", "Paragraph", "styled", "Code", "name", "borderRadius", "cursor", "fontFamily", "undefined", "lineHeight", "padding", "size", "tag", "whiteSpace", "variants", "colored", "true", "backgroundColor", "color", "CodeInline", "fontSize"]
-}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Code_exports","Code","CodeInline","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","CodeFrame","styled","Paragraph","render","fontFamily","size","lineHeight","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAGT,IAAAA,SAAS,GAAAC,MAAW,CAAAC,cAAc;AAClC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAuB;AAyBvB,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAvBT,IAAAC,YAAM,GAAYN,MAAO,CAAAO,SAAA,CAAWC,cAAA;AAAA,IAClCC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACN,SAAQC,IAAA,IAAAD,GAAA,EACRZ,SAAA,CAAYW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACN,IACNC,WAAY,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACZ,IAAAF,IAAQ,WAAAA,IAAA,wBAAAA,IAAA;IACR,SAAAG,GAAY,IAAAhB,iBAAA,CAAAa,IAAA,GACZ,KAASX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACTnB,SAAc,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEd;EAAU,OACRE,EAAA;AAAS;AACD,IAAAM,YACG,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,YACP;AAAiBhB,QACnB,CAAAgB,YAAA;EAAAC,IACF,EAAAA,CAAA,KAAAA,IAAA;EACFC,UAAA,EAAAA,CAAA,KAAAA;AACF,CAAC;AAEMC,MAAM,CAAAC,OAAO,GAAAP,YAAU,CAAAG,YAAkB;AAC9C,IAAAK,kBAAkB,GAAIC,OAAA,oBAAiB;AACvC,IAAAC,YAAO,GAAAD,OAAA,2BAAyB;AAClC,IAACE,cAAA,GAAAF,OAAA;AAEM,IAAAG,sBAA0B,GAAAH,OAAA,CAAW;AAAA,IAC1CI,SAAM,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACNzB,IAAA,QAAQ;EACR0B,MAAA,QAAY;EACZC,UAAO;EACPC,IAAA;EACAC,UAAQ;EACRC,MAAA,WAAc;EACdC,UAAU;EACVC,OAAA,MAAY;EACZC,YAAA;EACAC,QAAA;IACAC,OAAA;MACAC,IAAA;QACDC,KAAA","ignoreList":[]}

package/dist/jsx/code/CodeBlock/CodeBlock.spec.mjs

@@ -0,0 +1,74 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { Code } from "../Code/index.mjs";
+import { Pre } from "../Pre/index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("CodeBlock rendering", () => {
+  it("should render Pre + Code combination successfully", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Pre, {
+      children: /* @__PURE__ */jsx(Code, {
+        children: 'const test = "hello";'
+      })
+    }));
+    const preElement = container.querySelector("pre");
+    const codeElement = container.querySelector("code");
+    expect(preElement).toBeDefined();
+    expect(codeElement).toBeDefined();
+    expect(container.textContent).toContain('const test = "hello"');
+  });
+  it("should render with language-specific class", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Pre, {
+      children: /* @__PURE__ */jsx(Code, {
+        className: "language-typescript",
+        children: 'const greeting: string = "hello"'
+      })
+    }));
+    const codeElement = container.querySelector("code");
+    expect(codeElement).toBeDefined();
+    expect(container.textContent).toContain('const greeting: string = "hello"');
+  });
+  it("should update content when changed", () => {
+    const {
+      container,
+      rerender
+    } = renderWithProviders(/* @__PURE__ */jsx(Pre, {
+      children: /* @__PURE__ */jsx(Code, {
+        children: 'const initial = "hello";'
+      })
+    }));
+    rerender(/* @__PURE__ */jsx(Pre, {
+      children: /* @__PURE__ */jsx(Code, {
+        children: 'const updated = "world";'
+      })
+    }));
+    expect(container.textContent).toContain('const updated = "world";');
+  });
+  it("should handle empty content", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Pre, {
+      children: /* @__PURE__ */jsx(Code, {})
+    }));
+    const preElement = container.querySelector("pre");
+    expect(preElement).toBeDefined();
+  });
+  it("should handle whitespace and multiline code", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Pre, {
+      children: /* @__PURE__ */jsx(Code, {
+        children: `const test = true;
+function greet() {
+  return "hello";
+}`
+      })
+    }));
+    expect(container.textContent).toContain("const test = true");
+    expect(container.textContent).toContain("function greet()");
+  });
+});
+//# sourceMappingURL=CodeBlock.spec.mjs.map

package/dist/jsx/code/CodeBlock/CodeBlock.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","Code","Pre","jsx","container","children","preElement","querySelector","codeElement","toBeDefined","textContent","toContain","className","rerender"],"sources":["../../../../src/code/CodeBlock/CodeBlock.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,QAAA,EAAUC,MAAA,EAAQC,EAAA,QAAU;AACrC,SAASC,IAAA,QAAY;AACrB,SAASC,GAAA,QAAW;AASZ,SAAAC,GAAA;AAJRL,QAAA,CAAS,uBAAuB,MAAM;EACpCE,EAAA,CAAG,qDAAqD,MAAM;IAC5D,MAAM;MAAEI;IAAU,IAAIP,mBAAA,CACpB,eAAAM,GAAA,CAACD,GAAA;MACCG,QAAA,iBAAAF,GAAA,CAACF,IAAA;QAAKI,QAAA;MAAA,CAAqB;IAAA,CAC7B,CACF;IACA,MAAMC,UAAA,GAAaF,SAAA,CAAUG,aAAA,CAAc,KAAK;IAChD,MAAMC,WAAA,GAAcJ,SAAA,CAAUG,aAAA,CAAc,MAAM;IAClDR,MAAA,CAAOO,UAAU,EAAEG,WAAA,CAAY;IAC/BV,MAAA,CAAOS,WAAW,EAAEC,WAAA,CAAY;IAChCV,MAAA,CAAOK,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,sBAAsB;EAChE,CAAC;EAEDX,EAAA,CAAG,8CAA8C,MAAM;IACrD,MAAM;MAAEI;IAAU,IAAIP,mBAAA,CACpB,eAAAM,GAAA,CAACD,GAAA;MACCG,QAAA,iBAAAF,GAAA,CAACF,IAAA;QAAKW,SAAA,EAAU;QAAsBP,QAAA;MAAA,CAAgC;IAAA,CACxE,CACF;IACA,MAAMG,WAAA,GAAcJ,SAAA,CAAUG,aAAA,CAAc,MAAM;IAClDR,MAAA,CAAOS,WAAW,EAAEC,WAAA,CAAY;IAChCV,MAAA,CAAOK,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,kCAAkC;EAC5E,CAAC;EAEDX,EAAA,CAAG,sCAAsC,MAAM;IAC7C,MAAM;MAAEI,SAAA;MAAWS;IAAS,IAAIhB,mBAAA,CAC9B,eAAAM,GAAA,CAACD,GAAA;MACCG,QAAA,iBAAAF,GAAA,CAACF,IAAA;QAAKI,QAAA;MAAA,CAAwB;IAAA,CAChC,CACF;IACAQ,QAAA,CACE,eAAAV,GAAA,CAACD,GAAA;MACCG,QAAA,iBAAAF,GAAA,CAACF,IAAA;QAAKI,QAAA;MAAA,CAAwB;IAAA,CAChC,CACF;IACAN,MAAA,CAAOK,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,0BAA0B;EACpE,CAAC;EAEDX,EAAA,CAAG,+BAA+B,MAAM;IACtC,MAAM;MAAEI;IAAU,IAAIP,mBAAA,CACpB,eAAAM,GAAA,CAACD,GAAA;MACCG,QAAA,iBAAAF,GAAA,CAACF,IAAA,IAAK;IAAA,CACR,CACF;IACA,MAAMK,UAAA,GAAaF,SAAA,CAAUG,aAAA,CAAc,KAAK;IAChDR,MAAA,CAAOO,UAAU,EAAEG,WAAA,CAAY;EACjC,CAAC;EAEDT,EAAA,CAAG,+CAA+C,MAAM;IACtD,MAAM;MAAEI;IAAU,IAAIP,mBAAA,CACpB,eAAAM,GAAA,CAACD,GAAA;MACCG,QAAA,iBAAAF,GAAA,CAACF,IAAA;QACEI,QAAA;AAAA;AAAA;AAAA;MAAA,CAIH;IAAA,CACF,CACF;IACAN,MAAA,CAAOK,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,mBAAmB;IAC3DZ,MAAA,CAAOK,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,kBAAkB;EAC5D,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/jsx/code/CodeBlock/CodeBlock.spec.native.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_Code = require("../Code/index.native.js");
+var import_Pre = require("../Pre/index.native.js");
+(0, import_vitest.describe)("CodeBlock rendering", function () {
+  (0, import_vitest.it)("should render Pre + Code combination successfully", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
+        children: 'const test = "hello";'
+      })
+    }));
+    var preElement = container.querySelector("pre");
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(preElement).toBeDefined();
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+    (0, import_vitest.expect)(container.textContent).toContain('const test = "hello"');
+  });
+  (0, import_vitest.it)("should render with language-specific class", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
+        className: "language-typescript",
+        children: 'const greeting: string = "hello"'
+      })
+    }));
+    var codeElement = container.querySelector("code");
+    (0, import_vitest.expect)(codeElement).toBeDefined();
+    (0, import_vitest.expect)(container.textContent).toContain('const greeting: string = "hello"');
+  });
+  (0, import_vitest.it)("should update content when changed", function () {
+    var {
+      container,
+      rerender
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
+        children: 'const initial = "hello";'
+      })
+    }));
+    rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
+        children: 'const updated = "world";'
+      })
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain('const updated = "world";');
+  });
+  (0, import_vitest.it)("should handle empty content", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {})
+    }));
+    var preElement = container.querySelector("pre");
+    (0, import_vitest.expect)(preElement).toBeDefined();
+  });
+  (0, import_vitest.it)("should handle whitespace and multiline code", function () {
+    var {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
+        children: `const test = true;
+function greet() {
+  return "hello";
+}`
+      })
+    }));
+    (0, import_vitest.expect)(container.textContent).toContain("const test = true");
+    (0, import_vitest.expect)(container.textContent).toContain("function greet()");
+  });
+});
+//# sourceMappingURL=CodeBlock.spec.native.js.map

package/dist/jsx/code/CodeBlock/CodeBlock.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_test_utils","import_vitest","import_Code","import_Pre","describe","it","container","renderWithProviders","jsx","Pre","children","Code","preElement","querySelector","codeElement","expect","toBeDefined","textContent","toContain","className","rerender"],"sources":["../../../../src/code/CodeBlock/CodeBlock.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,kBAAmB,GAAAC,OAAQ,oBAAU;AACrC,IAAAC,iBAAqB,GAAAD,OAAA;AACrB,IAAAE,aAAS,GAAWF,OAAA;AASZ,IAAAG,WAAA,GAAAH,OAAA;AAJR,IAAAI,UAAS,GAAAJ,OAAA,yBAAuB;AAC9B,IAAAE,aAAG,CAAAG,QAAA,qCAAqD;EACtD,IAAAH,aAAQ,CAAAI,EAAU,qDAAI;IAAA,IACpB;MAAAC;IAAA,MAAC,EAAAN,iBACC,CAAAO,mBAAC,iBAAK,IAAAT,kBAAA,CAAqBU,GAC7B,EAAAL,UAAA,CAAAM,GAAA;MACFC,QAAA,qBAAAZ,kBAAA,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QACAD,QAAM;MACN;IACA;IACA,IAAAE,UAAO,GAAAN,SAAa,CAAAO,aAAY;IAChC,IAAAC,WAAO,GAAUR,SAAA,CAAWO,aAAY;IACzC,IAAAZ,aAAA,CAAAc,MAAA,EAAAH,UAAA,EAAAI,WAAA;IAED,CAAG,GAAAf,aAAA,CAAAc,MAAA,EAAAD,WAAA,EAAAE,WAA8C;IAC/C,IAAAf,aAAQ,CAAUc,MAAI,EAAAT,SAAA,CAAAW,WAAA,EAAAC,SAAA;EAAA;EAGpB,EACF,EAAAjB,aAAA,CAAAI,EAAA;IACA;MAAMC;IAAA,IAAc,IAAAN,iBAAU,CAAAO,mBAAoB,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,UAAA,CAAAM,GAAA;MAClDC,QAAO,iBAAa,IAAYZ,kBAAA,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QAChCQ,SAAO,uBAAuB;QAC/BT,QAAA;MAEE;IACD;IAAgC,IAC9BI,WAAA,GAAAR,SAAC,CAAAO,aACC;IAEJ,IAAAZ,aAAA,CAAAc,MAAA,EAAAD,WAAA,EAAAE,WAAA;IACA,IAAAf,aAAA,CAAAc,MAAA,EAAAT,SAAA,CAAAW,WAAA,EAAAC,SAAA;EAAA;EAGE,EACF,EAAAjB,aAAA,CAAAI,EAAA;IACA;MAAAC,SAAO;MAAUc;IAAA,IAAa,IAAApB,iBAAU,CAAAO,mBAA0B,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,UAAA,CAAAM,GAAA;MACnEC,QAAA,qBAAAZ,kBAAA,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QAEED,QAAA;MACD;IAAsB,EACpB;IAGFU,QAAA,oBAAAtB,kBAAA,CAAAU,GAAA,EAAAL,UAAA,CAAAM,GAAA;MACAC,QAAM,iBAAa,CAAU,GAAAZ,kBAAmB,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QAChDD,QAAO;MACR;IAED,CAAG;IACD,IAAAT,aAAQ,CAAUc,MAAI,EAAAT,SAAA,CAAAW,WAAA,EAAAC,SAAA;EAAA;EAGf,IAAAjB,aAAA,CAAAI,EAAA;IAAA;MAAAC;IAAA,QAAAN,iBAAA,CAAAO,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,UAAA,CAAAM,GAAA;MAIHC,QACF,qBAAAZ,kBAAA,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;IACF;IACA,IAAAC,UAAO,GAAUN,SAAA,CAAAO,aAAuB;IACxC,IAAAZ,aAAiB,CAAAc,MAAA,EAAAH,UAAa,EAAAI,WAAU;EAC1C,CAAC;EACF,IAAAf,aAAA,CAAAI,EAAA","ignoreList":[]}

package/dist/jsx/code/CodeBlock/codeBlock.stories.mjs

@@ -0,0 +1,31 @@
+import { CodeBlock } from "./index.mjs";
+const meta = {
+  title: "Components/CodeBlock",
+  component: CodeBlock,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = {
+  name: "Main",
+  args: {
+    backgroundColor: "$color2",
+    debug: false,
+    disableCopy: false,
+    isCollapsible: false,
+    isHighlightingLines: true,
+    showLineNumbers: false,
+    children: `
+const hello = 'world';
+
+function howdy() {
+  return 'texas';
+}
+`
+  }
+};
+var codeBlock_stories_default = meta;
+export { codeBlock_stories_default as default, main };
+//# sourceMappingURL=codeBlock.stories.mjs.map

package/dist/jsx/code/CodeBlock/codeBlock.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["CodeBlock","meta","title","component","parameters","status","type","main","name","args","backgroundColor","debug","disableCopy","isCollapsible","isHighlightingLines","showLineNumbers","children","codeBlock_stories_default"],"sources":["../../../../src/code/CodeBlock/codeBlock.stories.ts"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,QAAiB;AAE1B,MAAMC,IAAA,GAAa;EACjBC,KAAA,EAAO;EACPC,SAAA,EAAWH,SAAA;EACXI,UAAA,EAAY;IACVC,MAAA,EAAQ;MAAEC,IAAA,EAAM;IAAO;EACzB;AACF;AAEO,MAAMC,IAAA,GAAmC;EAC9CC,IAAA,EAAM;EACNC,IAAA,EAAM;IACJC,eAAA,EAAiB;IACjBC,KAAA,EAAO;IACPC,WAAA,EAAa;IACbC,aAAA,EAAe;IACfC,mBAAA,EAAqB;IACrBC,eAAA,EAAiB;IACjBC,QAAA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOZ;AACF;AAEA,IAAOC,yBAAA,GAAQhB,IAAA","ignoreList":[]}

package/dist/jsx/code/CodeBlock/codeBlock.stories.native.js

@@ -0,0 +1,60 @@
+"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 codeBlock_stories_exports = {};
+__export(codeBlock_stories_exports, {
+  default: () => codeBlock_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(codeBlock_stories_exports);
+var import_index = require("./index.native.js");
+var meta = {
+  title: "Components/CodeBlock",
+  component: import_index.CodeBlock,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+var main = {
+  name: "Main",
+  args: {
+    backgroundColor: "$color2",
+    debug: false,
+    disableCopy: false,
+    isCollapsible: false,
+    isHighlightingLines: true,
+    showLineNumbers: false,
+    children: `
+const hello = 'world';
+
+function howdy() {
+  return 'texas';
+}
+`
+  }
+};
+var codeBlock_stories_default = meta;
+//# sourceMappingURL=codeBlock.stories.native.js.map

package/dist/jsx/code/CodeBlock/codeBlock.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","codeBlock_stories_exports","default","codeBlock_stories_default","main","module","exports","import_index","require","meta","title"],"sources":["../../../../src/code/CodeBlock/codeBlock.stories.ts"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAmB,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACjBC,gBAAO,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACPC,iBAAW,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACXC,YAAY,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAQ,GAAEA,CAAAC,MAAM,EAAAC,GAAO;EACzB,SAAAC,IAAA,IAAAD,GAAA,EACFZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEO;AAAyC,IAC9CC,WAAM,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACN,IAAAF,IAAM,WAAAA,IAAA,wBAAAA,IAAA;IACJ,SAAAG,GAAA,IAAAhB,iBAAiB,CAAAa,IAAA,GACjB,KAAOX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPnB,SAAa,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACE,OACfE,EAAA;AAAqB;AACJ,IACjBM,YAAU,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,yBAAA;AAAAhB,QAAA,CAAAgB,yBAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC,yBAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAR,YAAA,CAAAG,yBAAA;AAAA,IAOZM,YAAA,GAAAC,OAAA;AACF,IAAAC,IAAA;EAEAC,KAAO","ignoreList":[]}