@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/cjs/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/cjs/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;;AACA,IAAAA,kBAAqC,GAAAC,OAAA;AACrC,IAAAC,iBAAiC,GAAAD,OAAA;AAIa,IAAAE,aAAA,GAAAF,OAAA;AAAA,IAF9CG,YAAA,GAAAH,OAAA,oBAAiB;AACf,IAAAE,aAAA,CAAAE,QAAG;EACD,IAAAF,aAAQ,CAAAG,EAAU,8BAAI;IACtB;MAAMC;IAAA,IAAc,IAAAL,iBAAU,CAAAM,mBAAoB,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,IAAA;MAClDC,QAAA;IACA;IACD,IAAAC,WAAA,GAAAL,SAAA,CAAAM,aAAA;IAED,IAAAV,aAAA,CAAAW,MAAG,EAAAF,WAAA,EAAAG,WAAA;IACD,IAAAZ,aAAQ,CAAUW,MAAA,EAAIP,SAAA,CAAAS,WAAA,EAAAC,SAAA,wBAAoB;EAC1C;EACA,IAAAd,aAAA,CAAAG,EAAA,iCAAgC;IACjC;MAAAC;IAAA,QAAAL,iBAAA,CAAAM,mBAAA,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,IAAA;MAEDQ,OAAA;MACEP,QAAQ;IACR;IACA,IAAAC,WAAA,GAAAL,SAAO,CAAAM,aAAa;IACrB,IAAAV,aAAA,CAAAW,MAAA,EAAAF,WAAA,EAAAG,WAAA;EACF;EAAA,EAED,EAAAZ,aAAA,CAAAG,EAAA,+BAA6B;IAC3B;MAAAC;IAAA,IAAG,IAAAL,iBAAA,CAAAM,mBAAoC,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAM,IAAA;MACrCC,QAAQ;IACR;IACA,IAAAC,WAAA,GAAAL,SAAO,CAAAM,aAAa;IACpB,IAAAV,aAAA,CAAAW,MAAA,EAAOF,WAAU,EAAAG,WAAa;EAChC,CAAC;AAED;AACE,IAAAZ,aAAQ,CAAAE,QAAU,cAAI;EACtB,IAAAF,aAAM,CAAAG,EAAA,EAAc,4BAAwB,EAAM;IAClD;MAAAC;IAAA,QAAAL,iBAAoB,CAAAM,mBAAY,qBAAAR,kBAAA,CAAAS,GAAA,EAAAL,YAAA,CAAAe,UAAA;MACjCR,QAAA;IAED;IACE,IAAAC,WAAQ,GAAUL,SAAI,CAAAM,aAAA;IACtB,IAAAV,aAAM,CAAAW,MAAc,EAAAF,WAAU,EAAAG,WAAoB;IAClD,IAAAZ,aAAA,CAAAW,MAAA,EAAOP,SAAA,CAAAS,WAAa,EAAAC,SAAY;EAClC,CAAC;EACF,IAAAd,aAAA,CAAAG,EAAA","ignoreList":[]}

package/dist/cjs/code/Code/index.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Code_exports = {};
 __export(Code_exports, {
@@ -24,39 +26,52 @@ __export(Code_exports, {
   CodeInline: () => CodeInline
 });
 module.exports = __toCommonJS(Code_exports);
-var import_multiplatform = require("multiplatform.one"),
-  import_tamagui = require("tamagui");
-const Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
-    name: "Code",
-    borderRadius: "$4",
-    cursor: "inherit",
-    // @ts-ignore
-    fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
-    lineHeight: 18,
-    padding: "$1",
-    // @ts-ignore
-    size: "$3",
-    tag: "code",
-    whiteSpace: "pre",
-    variants: {
-      colored: {
-        true: {
-          backgroundColor: "$background",
-          color: "$color"
-        }
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../../componentColors.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const CodeFrame = (0, import_tamagui.styled)(import_tamagui.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 = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
-    name: "CodeInline",
-    backgroundColor: "$background",
-    borderRadius: "$3",
-    color: "$colorHover",
-    cursor: "inherit",
-    // @ts-ignore
-    fontFamily: import_multiplatform.isWeb ? "$mono" : void 0,
-    // @ts-ignore
-    fontSize: "85%",
-    padding: "$1.5",
-    tag: "code"
-  });
+  }
+});
+const Code = CodeFrame.styleable((props, ref) => {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CodeFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    ...knobProps.body,
+    ...props
+  });
+});
+const CodeInline = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+  name: "CodeInline",
+  render: "code",
+  fontFamily: "$mono",
+  color: import_componentColors.componentColors.code.foreground,
+  backgroundColor: import_componentColors.componentColors.code.background,
+  cursor: "inherit",
+  borderRadius: "$3",
+  fontSize: "90%",
+  lineHeight: "70%",
+  paddingHorizontal: "0.6%",
+  paddingVertical: "0.45%",
+  marginHorizontal: "-0.1%",
+  whiteSpace: "pre"
+});

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

@@ -1,60 +1,80 @@
 "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: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  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: !0 }), mod);
+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_multiplatform = require("multiplatform.one"), import_tamagui = require("tamagui"), Code = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
+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: import_multiplatform.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 = (0, import_tamagui.styled)(import_tamagui.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: import_multiplatform.isWeb ? "$mono" : void 0,
-  // @ts-ignore
-  fontSize: "85%",
-  padding: "$1.5",
-  tag: "code"
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Code,
-  CodeInline
+  borderRadius: "$3",
+  fontSize: "90%",
+  lineHeight: "70%",
+  paddingHorizontal: "0.6%",
+  paddingVertical: "0.45%",
+  marginHorizontal: "-0.1%",
+  whiteSpace: "pre"
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/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": ";;;;;;;;;;;;;;;AAAA;;;;;;AAqBA,2BAAsB,8BAEtB,iBAAkC,oBAErBA,WAAOC,uBAAOC,0BAAW;EACpCC,MAAM;EACNC,cAAc;EACdC,QAAQ;;EAERC,YAAYC,6BAAQ,UAAUC;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,iBAAalB,uBAAOC,0BAAW;EAC1CC,MAAM;EACNc,iBAAiB;EACjBb,cAAc;EACdc,OAAO;EACPb,QAAQ;;EAERC,YAAYC,6BAAQ,UAAUC;;EAE9BY,UAAU;EACVV,SAAS;EACTE,KAAK;AACP,CAAA;",
-  "names": ["Code", "styled", "Paragraph", "name", "borderRadius", "cursor", "fontFamily", "isWeb", "undefined", "lineHeight", "padding", "size", "tag", "whiteSpace", "variants", "colored", "true", "backgroundColor", "color", "CodeInline", "fontSize"]
-}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Code_exports","__export","Code","CodeInline","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","CodeFrame","styled","Paragraph","name","render","fontFamily","size","lineHeight","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color","backgroundColor","styleable","props","ref","knobProps","useResolvedKnobs","jsx","body","componentColors","code","foreground","background","fontSize"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,YAAA;AAGjC,IAAAM,kBAAkC,GAAAC,OAAA;AAClC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AAyBvB,IAAAE,cAAA,GAAAF,OAAA;AAvBT,IAAAG,sBAAkB,GAAAH,OAAA,kCAAO;AAAW,IAClCI,SAAM,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACNC,IAAA,QAAQ;EACRC,MAAA,QAAY;EACZC,UAAM;EACNC,IAAA;EACAC,UAAQ;EACRC,MAAA,WAAY;EACZC,UAAS;EACTC,OAAA;EAEAC,YAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACAC,KAAA;QACFC,eAAA;MACF;IACF;EACD;AAEM;AACL,IAAAzB,IAAM,GAAES,SAAU,CAAAiB,SAAI,WAAAC,KAAA,EAAAC,GAAA;EACtB;IAAAC;EAAO,QAAAvB,YAAA,CAAAwB,gBAAC;EACT,0BAAA1B,kBAAA,CAAA2B,GAAA,EAAAtB,SAAA;IAEMmB,GAAM;IACX,GAAAC,SAAM,CAAAT,YAAA;IACN,GAAAS,SAAQ,CAAAG,IAAA;IACR,GAAAL;EACA;AAA4B,EAC5B;AAAsC,IACtC1B,UAAQ,OAAAM,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACRC,IAAA,cAAc;EACdC,MAAA,QAAU;EACVC,UAAA,EAAY;EACZU,KAAA,EAAAhB,sBAAmB,CAAAyB,eAAA,CAAAC,IAAA,CAAAC,UAAA;EACnBV,eAAA,EAAiBjB,sBAAA,CAAAyB,eAAA,CAAAC,IAAA,CAAAE,UAAA;EACjBnB,MAAA;EACAG,YAAY;EACbiB,QAAA","ignoreList":[]}

package/dist/cjs/code/CodeBlock/CodeBlock.spec.cjs

@@ -0,0 +1,73 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_Code = require("../Code/index.cjs");
+var import_Pre = require("../Pre/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("CodeBlock rendering", () => {
+  (0, import_vitest.it)("should render Pre + Code combination successfully", () => {
+    const {
+      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";'
+      })
+    }));
+    const preElement = container.querySelector("pre");
+    const 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", () => {
+    const {
+      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"'
+      })
+    }));
+    const 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", () => {
+    const {
+      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", () => {
+    const {
+      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, {})
+    }));
+    const preElement = container.querySelector("pre");
+    (0, import_vitest.expect)(preElement).toBeDefined();
+  });
+  (0, import_vitest.it)("should handle whitespace and multiline code", () => {
+    const {
+      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()");
+  });
+});

package/dist/cjs/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/cjs/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;;AACA,IAAAA,kBAAqC,GAAAC,OAAA;AACrC,IAAAC,iBAAqB,GAAAD,OAAA;AACrB,IAAAE,aAAoB,GAAAF,OAAA;AASZ,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAJRI,UAAA,GAAAJ,OAAA,yBAAS;AACP,IAAAE,aAAA,CAAAG,QAAG;EACD,IAAAH,aAAQ,CAAAI,EAAU,qDAAI;IAAA,IACpB;MAAAC;IAAA,QAAAN,iBAAA,CAAAO,mBAAC,iBACC,IAAAT,kBAAA,CAAAU,GAAA,EAAAL,UAAA,CAACM,GAAA;MAELC,QAAA,qBAAAZ,kBAAA,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QACAD,QAAM;MACN;IACA;IACA,IAAAE,UAAA,GAAAN,SAAO,CAAAO,aAAa;IACpB,IAAAC,WAAA,GAAAR,SAAO,CAAAO,aAAU,OAAW,CAAE;IAC/B,IAAAZ,aAAA,CAAAc,MAAA,EAAAH,UAAA,EAAAI,WAAA;IAED,IAAAf,aAAA,CAAAc,MAAG,EAAAD,WAAA,EAAAE,WAAA;IACD,IAAAf,aAAQ,CAAUc,MAAA,EAAIT,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,QAAA,iBAAO,IAAAZ,kBAAa,CAAYU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QAChCQ,SAAA,uBAAiB;QAClBT,QAAA;MAED;IACE;IAAgC,IAC9BI,WAAA,GAAAR,SAAA,CAAAO,aAAA,OAAC;IAGH,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,SAAA;MAAAc;IAAO,QAAApB,iBAAuB,CAAAO,mBAAU,iBAA0B,IAAAT,kBAAA,CAAAU,GAAA,EAAAL,UAAA,CAAAM,GAAA;MACnEC,QAAA,qBAAAZ,kBAAA,CAAAU,GAAA,EAAAN,WAAA,CAAAS,IAAA;QAEDD,QAAA;MACE;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,QAAA;MACD;IAED;IACE,IAAAT,aAAQ,CAAUc,MAAA,EAAIT,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,UAAA,GAAAN,SAAO,CAAAO,aAAU,OAAW;IAC5B,IAAAZ,aAAA,CAAAc,MAAA,EAAOH,UAAU,EAAAI,WAAa;EAChC,CAAC;EACF,IAAAf,aAAA,CAAAI,EAAA","ignoreList":[]}

package/dist/cjs/code/CodeBlock/codeBlock.stories.cjs

@@ -0,0 +1,57 @@
+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.cjs");
+const meta = {
+  title: "Components/CodeBlock",
+  component: import_index.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;

package/dist/cjs/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/cjs/code/CodeBlock/codeBlock.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","codeBlock_stories_exports","__export","default","codeBlock_stories_default","main","module","exports","import_index","require","meta","title","component","CodeBlock","parameters","status","type","name","args","backgroundColor","debug","disableCopy","isCollapsible","isHighlightingLines","showLineNumbers","children"],"sources":["../../../../src/code/CodeBlock/codeBlock.stories.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC,yBAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAA0B,CAAAK,yBAAA;AAE1B,IAAAO,YAAmB,GAAAC,OAAA;AAAA,IACjBC,IAAA,GAAO;EACPC,KAAA,wBAAW;EACXC,SAAA,EAAAJ,YAAY,CAAAK,SAAA;EAAAC,UACF,EAAE;IACZC,MAAA;MACFC,IAAA;IAEO;EACL;AAAM;AACA,IACJX,IAAA;EAAiBY,IACjB,QAAO;EAAAC,IACP;IACAC,eAAe;IACfC,KAAA;IACAC,WAAA,OAAiB;IACjBC,aAAU;IAAAC,mBAAA;IAAAC,eAAA;IAAAC,QAAA;AAAA;AAAA;AAAA;AAAA;AAQd;AAEA","ignoreList":[]}