@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/esm/code/Pre/Pre.stories.mjs

@@ -0,0 +1,105 @@
+import { Text, YStack } from "tamagui";
+import { Pre } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "Components/Pre",
+  component: Pre,
+  tags: ["!test"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A styled pre-formatted text container for displaying code blocks with proper spacing and background."
+      }
+    }
+  }
+};
+var Pre_stories_default = meta;
+const Basic = {
+  name: "Main",
+  render: () => /* @__PURE__ */jsxs(Pre, {
+    children: [/* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      children: 'const greeting = "Hello, World!";'
+    }), /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      children: "console.log(greeting);"
+    })]
+  })
+};
+const MultilineCode = {
+  render: () => /* @__PURE__ */jsxs(Pre, {
+    children: [/* @__PURE__ */jsxs(Text, {
+      fontFamily: "$mono",
+      children: ["function fibonacci(n) ", "{"]
+    }), /* @__PURE__ */jsxs(Text, {
+      fontFamily: "$mono",
+      children: [" if (n ", "<=", " 1) return n;"]
+    }), /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      children: " return fibonacci(n - 1) + fibonacci(n - 2);"
+    }), /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      children: "}"
+    })]
+  })
+};
+const JSONExample = {
+  render: () => /* @__PURE__ */jsx(Pre, {
+    children: /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      children: `{
+  "name": "multiplatform.one",
+  "version": "1.0.0",
+  "description": "Cross-platform components",
+  "main": "index.js"
+}`
+    })
+  })
+};
+const LongCode = {
+  render: () => /* @__PURE__ */jsx(Pre, {
+    children: /* @__PURE__ */jsx(Text, {
+      fontFamily: "$mono",
+      children: `import React from 'react';
+import { View, Text } from 'react-native';
+
+export function MyComponent() {
+  const [count, setCount] = React.useState(0);
+
+  return (
+    <View>
+      <Text>Count: {count}</Text>
+      <Button onPress={() => setCount(count + 1)}>
+        Increment
+      </Button>
+    </View>
+  );
+}`
+    })
+  })
+};
+const CustomStyling = {
+  render: () => /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */jsx(Pre, {
+      backgroundColor: "$gray2",
+      borderRadius: "$2",
+      padding: "$2",
+      children: /* @__PURE__ */jsx(Text, {
+        fontFamily: "$mono",
+        children: "Light background"
+      })
+    }), /* @__PURE__ */jsx(Pre, {
+      backgroundColor: "$gray10",
+      borderRadius: "$6",
+      padding: "$6",
+      children: /* @__PURE__ */jsx(Text, {
+        fontFamily: "$mono",
+        color: "$gray1",
+        children: "Dark background with custom padding"
+      })
+    })]
+  })
+};
+export { Basic, CustomStyling, JSONExample, LongCode, MultilineCode, Pre_stories_default as default };
+//# sourceMappingURL=Pre.stories.mjs.map

package/dist/esm/code/Pre/Pre.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","YStack","Pre","jsx","jsxs","meta","title","component","tags","parameters","docs","description","Pre_stories_default","Basic","name","render","children","fontFamily","MultilineCode","JSONExample","LongCode","CustomStyling","gap","backgroundColor","borderRadius","padding","color"],"sources":["../../../../src/code/Pre/Pre.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,EAAMC,MAAA,QAAc;AAC7B,SAASC,GAAA,QAAW;AAsBhB,SACEC,GAAA,EADFC,IAAA;AApBJ,MAAMC,IAAA,GAAyB;EAC7BC,KAAA,EAAO;EACPC,SAAA,EAAWL,GAAA;EACXM,IAAA,EAAM,CAAC,OAAO;EACdC,UAAA,EAAY;IACVC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXJ,SAAA,EACE;MACJ;IACF;EACF;AACF;AAEA,IAAOK,mBAAA,GAAQP,IAAA;AAGR,MAAMQ,KAAA,GAAe;EAC1BC,IAAA,EAAM;EACNC,MAAA,EAAQA,CAAA,KACN,eAAAX,IAAA,CAACF,GAAA;IACCc,QAAA,kBAAAb,GAAA,CAACH,IAAA;MAAKiB,UAAA,EAAW;MAAQD,QAAA;IAAA,CAAiC,GAC1D,eAAAb,GAAA,CAACH,IAAA;MAAKiB,UAAA,EAAW;MAAQD,QAAA;IAAA,CAAsB;EAAA,CACjD;AAEJ;AAEO,MAAME,aAAA,GAAuB;EAClCH,MAAA,EAAQA,CAAA,KACN,eAAAX,IAAA,CAACF,GAAA;IACCc,QAAA,kBAAAZ,IAAA,CAACJ,IAAA;MAAKiB,UAAA,EAAW;MAAQD,QAAA,6BAAuB;IAAA,CAAI,GACpD,eAAAZ,IAAA,CAACJ,IAAA;MAAKiB,UAAA,EAAW;MAAQD,QAAA,cAAQ,MAAK;IAAA,CAAa,GACnD,eAAAb,GAAA,CAACH,IAAA;MAAKiB,UAAA,EAAW;MAAQD,QAAA;IAAA,CAA4C,GACrE,eAAAb,GAAA,CAACH,IAAA;MAAKiB,UAAA,EAAW;MAASD,QAAA;IAAA,CAAI;EAAA,CAChC;AAEJ;AAEO,MAAMG,WAAA,GAAqB;EAChCJ,MAAA,EAAQA,CAAA,KACN,eAAAZ,GAAA,CAACD,GAAA;IACCc,QAAA,iBAAAb,GAAA,CAACH,IAAA;MAAKiB,UAAA,EAAW;MAASD,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAAA,CAK7B;EAAA,CACC;AAEJ;AAEO,MAAMI,QAAA,GAAkB;EAC7BL,MAAA,EAAQA,CAAA,KACN,eAAAZ,GAAA,CAACD,GAAA;IACCc,QAAA,iBAAAb,GAAA,CAACH,IAAA;MAAKiB,UAAA,EAAW;MAASD,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAAA,CAc7B;EAAA,CACC;AAEJ;AAEO,MAAMK,aAAA,GAAuB;EAClCN,MAAA,EAAQA,CAAA,KACN,eAAAX,IAAA,CAACH,MAAA;IAAOqB,GAAA,EAAI;IACVN,QAAA,kBAAAb,GAAA,CAACD,GAAA;MAAIqB,eAAA,EAAgB;MAASC,YAAA,EAAa;MAAKC,OAAA,EAAQ;MACtDT,QAAA,iBAAAb,GAAA,CAACH,IAAA;QAAKiB,UAAA,EAAW;QAAQD,QAAA;MAAA,CAAgB;IAAA,CAC3C,GAEA,eAAAb,GAAA,CAACD,GAAA;MAAIqB,eAAA,EAAgB;MAAUC,YAAA,EAAa;MAAKC,OAAA,EAAQ;MACvDT,QAAA,iBAAAb,GAAA,CAACH,IAAA;QAAKiB,UAAA,EAAW;QAAQS,KAAA,EAAM;QAASV,QAAA;MAAA,CAExC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/code/Pre/Pre.stories.native.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, YStack } from "tamagui";
+import { Pre } from "./index.native.js";
+var meta = {
+  title: "Components/Pre",
+  component: Pre,
+  tags: ["!test"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A styled pre-formatted text container for displaying code blocks with proper spacing and background."
+      }
+    }
+  }
+};
+var Pre_stories_default = meta;
+var Basic = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */_jsxs(Pre, {
+      children: [/* @__PURE__ */_jsx(Text, {
+        fontFamily: "$mono",
+        children: 'const greeting = "Hello, World!";'
+      }), /* @__PURE__ */_jsx(Text, {
+        fontFamily: "$mono",
+        children: "console.log(greeting);"
+      })]
+    });
+  }
+};
+var MultilineCode = {
+  render: function render2() {
+    return /* @__PURE__ */_jsxs(Pre, {
+      children: [/* @__PURE__ */_jsxs(Text, {
+        fontFamily: "$mono",
+        children: ["function fibonacci(n) ", "{"]
+      }), /* @__PURE__ */_jsxs(Text, {
+        fontFamily: "$mono",
+        children: [" if (n ", "<=", " 1) return n;"]
+      }), /* @__PURE__ */_jsx(Text, {
+        fontFamily: "$mono",
+        children: " return fibonacci(n - 1) + fibonacci(n - 2);"
+      }), /* @__PURE__ */_jsx(Text, {
+        fontFamily: "$mono",
+        children: "}"
+      })]
+    });
+  }
+};
+var JSONExample = {
+  render: function render3() {
+    return /* @__PURE__ */_jsx(Pre, {
+      children: /* @__PURE__ */_jsx(Text, {
+        fontFamily: "$mono",
+        children: `{
+  "name": "multiplatform.one",
+  "version": "1.0.0",
+  "description": "Cross-platform components",
+  "main": "index.js"
+}`
+      })
+    });
+  }
+};
+var LongCode = {
+  render: function render4() {
+    return /* @__PURE__ */_jsx(Pre, {
+      children: /* @__PURE__ */_jsx(Text, {
+        fontFamily: "$mono",
+        children: `import React from 'react';
+import { View, Text } from 'react-native';
+
+export function MyComponent() {
+  const [count, setCount] = React.useState(0);
+
+  return (
+    <View>
+      <Text>Count: {count}</Text>
+      <Button onPress={() => setCount(count + 1)}>
+        Increment
+      </Button>
+    </View>
+  );
+}`
+      })
+    });
+  }
+};
+var CustomStyling = {
+  render: function render5() {
+    return /* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */_jsx(Pre, {
+        backgroundColor: "$gray2",
+        borderRadius: "$2",
+        padding: "$2",
+        children: /* @__PURE__ */_jsx(Text, {
+          fontFamily: "$mono",
+          children: "Light background"
+        })
+      }), /* @__PURE__ */_jsx(Pre, {
+        backgroundColor: "$gray10",
+        borderRadius: "$6",
+        padding: "$6",
+        children: /* @__PURE__ */_jsx(Text, {
+          fontFamily: "$mono",
+          color: "$gray1",
+          children: "Dark background with custom padding"
+        })
+      })]
+    });
+  }
+};
+export { Basic, CustomStyling, JSONExample, LongCode, MultilineCode, Pre_stories_default as default };
+//# sourceMappingURL=Pre.stories.native.js.map

package/dist/esm/code/Pre/Pre.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Text","YStack","Pre","meta","title","component","tags","parameters","docs","description","Pre_stories_default","Basic","name","render","children","fontFamily","MultilineCode","render2","JSONExample","render3"],"sources":["../../../../src/code/Pre/Pre.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAA,IAAcC,KAAA;AAC7B,SAASC,IAAA,EAAAC,MAAW;AAsBhB,SACEC,GAAA,QADF;AApBJ,IAAAC,IAAM;EACJC,KAAA,EAAO;EACPC,SAAA,EAAWH,GAAA;EACXI,IAAA,EAAM,CACN,QAAY;EACJC,UACJ;IAAaC,IACX;MAEFC,WAAA;QACFJ,SAAA;MACF;IACF;EAEA;AAGO;AAAqB,IAC1BK,mBAAM,GAAAP,IAAA;AAAA,IACNQ,KAAA,GAAQ;EAEJC,IAAA;EAA0DC,MAC1D,WAAAA,MAACA,CAAA;IAA8C,OACjD,eAAAd,KAAA,CAAAG,GAAA;MAEJY,QAAA,GAEa,eAAuBjB,IAAA,CAAAG,IAAA;QAC1Be,UACN;QACED,QAAA;MAAyB,IAAuB,eAAAjB,IAAA,CAAAG,IAAA;QAAIe,UAAA;QACpDD,QAAA;MAAyB;IAAQ,EAAK;EAAA;AAAa;AACkB,IACrEE,aAAA;EAA8BH,MAChC,WAAAI,QAAA;IAEJ,sBAAAlB,KAAA,CAAAG,GAAA;MAEaY,QAAA,GACX,eACEf,KAAA,CAAAC,IAAA,EAAC;QAC2Be,UAAA;QAAAD,QAAA;MAQhC,IAEa,eAAkBf,KAAA,CAAAC,IAAA;QACrBe,UACN;QAC4BD,QAAA;MAAA,mBAAAjB,IAAA,CAAAG,IAAA;QAAAe,UAAA;QAAAD,QAAA;MAAA,mBAAAjB,IAAA,CAAAG,IAAA;QAAAe,UAAA;QAAAD,QAAA;MAe5B;IAIG,EAAM;EACX;AAEI;AAEA,IAEAI,WAAA;EAIAL,MACF,WAAAM,QAAA;IAEJ,sBAAAtB,IAAA,CAAAK,GAAA","ignoreList":[]}

package/dist/esm/code/Pre/index.mjs

@@ -1,10 +1,26 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { YStack, styled } from "tamagui";
-const Pre = styled(YStack, {
-  backgroundColor: "$background",
-  borderRadius: "$4",
+import { jsx } from "react/jsx-runtime";
+const PreFrame = styled(YStack, {
+  name: "Pre",
   overflow: "visible",
+  render: "pre",
+  flex: 1,
+  flexBasis: "auto",
   padding: "$4",
-  tag: "pre"
+  borderRadius: "$4",
+  backgroundColor: "$background"
+});
+const Pre = PreFrame.styleable((props, ref) => {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsx(PreFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    ...knobProps.panelPadding,
+    ...props
+  });
 });
 export { Pre };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/code/Pre/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["YStack","styled","Pre","backgroundColor","borderRadius","overflow","padding","tag"],"sources":["../../../../src/code/Pre/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAExB,MAAMC,GAAA,GAAMD,MAAA,CAAOD,MAAA,EAAQ;EAChCG,eAAA,EAAiB;EACjBC,YAAA,EAAc;EACdC,QAAA,EAAU;EACVC,OAAA,EAAS;EACTC,GAAA,EAAK;AACP,CAAC","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","YStack","styled","jsx","PreFrame","name","overflow","render","flex","flexBasis","padding","borderRadius","backgroundColor","Pre","styleable","props","ref","knobProps","panelPadding"],"sources":["../../../../src/code/Pre/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,MAAA,EAAQC,MAAA,QAAc;AAetB,SAAAC,GAAA;AAbT,MAAMC,QAAA,GAAWF,MAAA,CAAOD,MAAA,EAAQ;EAC9BI,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;EACTC,YAAA,EAAc;EACdC,eAAA,EAAiB;AACnB,CAAC;AAEM,MAAMC,GAAA,GAAMT,QAAA,CAASU,SAAA,CAAU,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACpD,MAAM;IAAEC;EAAU,IAAIjB,gBAAA,CAAiB;EACvC,OAAO,eAAAG,GAAA,CAACC,QAAA;IAASY,GAAA;IAAW,GAAGC,SAAA,CAAUN,YAAA;IAAe,GAAGM,SAAA,CAAUC,YAAA;IAAe,GAAGH;EAAA,CAAO;AAChG,CAAC","ignoreList":[]}

package/dist/esm/code/Pre/index.native.js

@@ -1,12 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { YStack, styled } from "tamagui";
-var Pre = styled(YStack, {
-  backgroundColor: "$background",
-  borderRadius: "$4",
+var PreFrame = styled(YStack, {
+  name: "Pre",
   overflow: "visible",
+  render: "pre",
+  flex: 1,
+  flexBasis: "auto",
   padding: "$4",
-  tag: "pre"
+  borderRadius: "$4",
+  backgroundColor: "$background"
+});
+var Pre = PreFrame.styleable(function (props, ref) {
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(PreFrame, {
+    ref,
+    ...knobProps.borderRadius,
+    ...knobProps.panelPadding,
+    ...props
+  });
 });
-export {
-  Pre
-};
-//# sourceMappingURL=index.js.map
+export { Pre };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/code/Pre/index.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/code/Pre/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/Pre/index.ts"],
-  "mappings": "AAAA,SAASA,QAAQC,cAAc;AAExB,IAAMC,MAAMD,OAAOD,QAAQ;EAChCG,iBAAiB;EACjBC,cAAc;EACdC,UAAU;EACVC,SAAS;EACTC,KAAK;AACP,CAAA;",
-  "names": ["YStack", "styled", "Pre", "backgroundColor", "borderRadius", "overflow", "padding", "tag"]
-}
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","YStack","styled","PreFrame","name","overflow","render","flex","flexBasis","padding","borderRadius","backgroundColor","Pre","styleable","props","ref","knobProps"],"sources":["../../../../src/code/Pre/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AACjC,SAASC,gBAAQ,QAAc;AAetB,SAAAC,MAAA,EAAAC,MAAA;AAbT,IAAAC,QAAM,GAAAD,MAAW,CAAAD,MAAO;EACtBG,IAAA,EAAM;EACNC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,SAAA,EAAW;EACXC,OAAA,EAAS;EACTC,YAAA,EAAc;EACdC,eAAA,EAAiB;AACnB,CAAC;AAEM,IAAAC,GAAM,GAAAT,QAAM,CAAAU,SAAS,WAAWC,KAAO,EAAAC,GAAQ;EACpD;IAAMC;EAAE,IAAUhB,gBAAI;EACtB,OAAO,eAAAD,IAAC,CAAAI,QAAA;IACTY,GAAA","ignoreList":[]}

package/dist/esm/code/Pre/pre.spec.mjs

@@ -0,0 +1,140 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { Pre } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Pre", () => {
+  const defaultProps = {
+    children: "Test content"
+  };
+  const renderPre = (props = {}) => {
+    return renderWithProviders(/* @__PURE__ */jsx(Pre, {
+      ...defaultProps,
+      ...props
+    }));
+  };
+  describe("Basic Rendering", () => {
+    it("should render successfully", () => {
+      const {
+        container
+      } = renderPre();
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Test content");
+    });
+    it("should render with custom content", () => {
+      const {
+        container
+      } = renderPre({
+        children: "Custom content"
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Custom content");
+    });
+  });
+  describe("Content Handling", () => {
+    it("should handle empty content", () => {
+      const {
+        container
+      } = renderPre({
+        children: ""
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+    });
+    it("should handle multiple lines", () => {
+      const {
+        container
+      } = renderPre({
+        children: `Line 1
+        Line 2`
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Line 1");
+      expect(container.textContent).toContain("Line 2");
+    });
+    it("should handle code content", () => {
+      const {
+        container
+      } = renderPre({
+        children: `
+        const test = "hello";
+        function greet() {
+          return test;
+        }`
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("const test");
+    });
+  });
+  describe("Styling", () => {
+    it("should handle custom background color", () => {
+      const {
+        container
+      } = renderPre({
+        backgroundColor: "$blue10"
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+    });
+    it("should handle custom text color", () => {
+      const {
+        container
+      } = renderPre({
+        color: "$color12"
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+    });
+  });
+  describe("Dynamic Updates", () => {
+    it("should update content when changed", () => {
+      const {
+        container,
+        rerender
+      } = renderPre();
+      rerender(/* @__PURE__ */jsx(Pre, {
+        children: "Updated content"
+      }));
+      expect(container.textContent).toContain("Updated content");
+    });
+  });
+  describe("Edge Cases", () => {
+    it("should handle special characters", () => {
+      const {
+        container
+      } = renderPre({
+        children: "Special chars: @#$%^&*"
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Special chars: @#$%^&*");
+    });
+    it("should handle very long content", () => {
+      const {
+        container
+      } = renderPre({
+        children: "x".repeat(1e3)
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent?.length ?? 0).toBeGreaterThanOrEqual(1e3);
+    });
+  });
+  describe("Accessibility", () => {
+    it("should have proper ARIA attributes", () => {
+      const {
+        container
+      } = renderPre({
+        "aria-label": "Code block"
+      });
+      const preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      const labeled = container.querySelector('[aria-label="Code block"]');
+      expect(labeled).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=pre.spec.mjs.map

package/dist/esm/code/Pre/pre.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","describe","expect","it","Pre","jsx","defaultProps","children","renderPre","props","container","preElement","querySelector","toBeDefined","textContent","toContain","backgroundColor","color","rerender","repeat","length","toBeGreaterThanOrEqual","labeled"],"sources":["../../../../src/code/Pre/pre.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/code/Pre/pre.spec.native.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { describe, expect, it } from "vitest";
+import { Pre } from "./index.native.js";
+describe("Pre", function () {
+  var defaultProps = {
+    children: "Test content"
+  };
+  var renderPre = function renderPre2() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return renderWithProviders(/* @__PURE__ */_jsx(Pre, {
+      ...defaultProps,
+      ...props
+    }));
+  };
+  describe("Basic Rendering", function () {
+    it("should render successfully", function () {
+      var {
+        container
+      } = renderPre();
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Test content");
+    });
+    it("should render with custom content", function () {
+      var {
+        container
+      } = renderPre({
+        children: "Custom content"
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Custom content");
+    });
+  });
+  describe("Content Handling", function () {
+    it("should handle empty content", function () {
+      var {
+        container
+      } = renderPre({
+        children: ""
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+    });
+    it("should handle multiple lines", function () {
+      var {
+        container
+      } = renderPre({
+        children: `Line 1
+        Line 2`
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Line 1");
+      expect(container.textContent).toContain("Line 2");
+    });
+    it("should handle code content", function () {
+      var {
+        container
+      } = renderPre({
+        children: `
+        const test = "hello";
+        function greet() {
+          return test;
+        }`
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("const test");
+    });
+  });
+  describe("Styling", function () {
+    it("should handle custom background color", function () {
+      var {
+        container
+      } = renderPre({
+        backgroundColor: "$blue10"
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+    });
+    it("should handle custom text color", function () {
+      var {
+        container
+      } = renderPre({
+        color: "$color12"
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+    });
+  });
+  describe("Dynamic Updates", function () {
+    it("should update content when changed", function () {
+      var {
+        container,
+        rerender
+      } = renderPre();
+      rerender(/* @__PURE__ */_jsx(Pre, {
+        children: "Updated content"
+      }));
+      expect(container.textContent).toContain("Updated content");
+    });
+  });
+  describe("Edge Cases", function () {
+    it("should handle special characters", function () {
+      var {
+        container
+      } = renderPre({
+        children: "Special chars: @#$%^&*"
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect(container.textContent).toContain("Special chars: @#$%^&*");
+    });
+    it("should handle very long content", function () {
+      var _ref;
+      var _container_textContent;
+      var {
+        container
+      } = renderPre({
+        children: "x".repeat(1e3)
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      expect((_ref = (_container_textContent = container.textContent) === null || _container_textContent === void 0 ? void 0 : _container_textContent.length) !== null && _ref !== void 0 ? _ref : 0).toBeGreaterThanOrEqual(1e3);
+    });
+  });
+  describe("Accessibility", function () {
+    it("should have proper ARIA attributes", function () {
+      var {
+        container
+      } = renderPre({
+        "aria-label": "Code block"
+      });
+      var preElement = container.querySelector("pre");
+      expect(preElement).toBeDefined();
+      var labeled = container.querySelector('[aria-label="Code block"]');
+      expect(labeled).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=pre.spec.native.js.map

package/dist/esm/code/Pre/pre.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","renderWithProviders","describe","expect","it","Pre","defaultProps","children","renderPre","renderPre2","props","arguments","length","container","preElement","querySelector","toBeDefined","textContent","toContain","backgroundColor","color","rerender","_ref","_container_textContent","repeat","toBeGreaterThanOrEqual"],"sources":["../../../../src/code/Pre/pre.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/code/code.spec.mjs

@@ -0,0 +1,47 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Code, CodeInline } from "./Code/index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Code Component", () => {
+  it("should render successfully", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Code, {
+      children: "const x = 10"
+    }));
+    const codeElement = container.querySelector("code");
+    expect(codeElement).toBeDefined();
+    expect(container.textContent).toContain("const x = 10");
+  });
+  it("should apply default styles", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Code, {
+      children: "const x = 10"
+    }));
+    const codeElement = container.querySelector("code");
+    expect(codeElement).toBeDefined();
+  });
+  it("should render inline code properly", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(CodeInline, {
+      children: "inline code"
+    }));
+    const codeElement = container.querySelector("code");
+    expect(codeElement).toBeDefined();
+    expect(container.textContent).toContain("inline code");
+  });
+  it("should allow custom props", () => {
+    const {
+      container
+    } = renderWithProviders(/* @__PURE__ */jsx(Code, {
+      style: {
+        fontSize: "20px"
+      },
+      children: "custom size"
+    }));
+    const codeElement = container.querySelector("code");
+    expect(codeElement).toBeDefined();
+  });
+});
+//# sourceMappingURL=code.spec.mjs.map

package/dist/esm/code/code.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderWithProviders","Code","CodeInline","jsx","describe","it","container","children","codeElement","querySelector","expect","toBeDefined","textContent","toContain","style","fontSize"],"sources":["../../../src/code/code.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,IAAA,EAAMC,UAAA,QAAkB;AAIa,SAAAC,GAAA;AAF9CC,QAAA,CAAS,kBAAkB,MAAM;EAC/BC,EAAA,CAAG,8BAA8B,MAAM;IACrC,MAAM;MAAEC;IAAU,IAAIN,mBAAA,CAAoB,eAAAG,GAAA,CAACF,IAAA;MAAKM,QAAA;IAAA,CAAY,CAAO;IACnE,MAAMC,WAAA,GAAcF,SAAA,CAAUG,aAAA,CAAc,MAAM;IAClDC,MAAA,CAAOF,WAAW,EAAEG,WAAA,CAAY;IAChCD,MAAA,CAAOJ,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,cAAc;EACxD,CAAC;EAEDR,EAAA,CAAG,+BAA+B,MAAM;IACtC,MAAM;MAAEC;IAAU,IAAIN,mBAAA,CAAoB,eAAAG,GAAA,CAACF,IAAA;MAAKM,QAAA;IAAA,CAAY,CAAO;IACnE,MAAMC,WAAA,GAAcF,SAAA,CAAUG,aAAA,CAAc,MAAM;IAClDC,MAAA,CAAOF,WAAW,EAAEG,WAAA,CAAY;EAClC,CAAC;EAEDN,EAAA,CAAG,sCAAsC,MAAM;IAC7C,MAAM;MAAEC;IAAU,IAAIN,mBAAA,CAAoB,eAAAG,GAAA,CAACD,UAAA;MAAWK,QAAA;IAAA,CAAW,CAAa;IAC9E,MAAMC,WAAA,GAAcF,SAAA,CAAUG,aAAA,CAAc,MAAM;IAClDC,MAAA,CAAOF,WAAW,EAAEG,WAAA,CAAY;IAChCD,MAAA,CAAOJ,SAAA,CAAUM,WAAW,EAAEC,SAAA,CAAU,aAAa;EACvD,CAAC;EAEDR,EAAA,CAAG,6BAA6B,MAAM;IACpC,MAAM;MAAEC;IAAU,IAAIN,mBAAA,CACpB,eAAAG,GAAA,CAACF,IAAA;MAAKa,KAAA,EAAO;QAAEC,QAAA,EAAU;MAAO;MAAGR,QAAA;IAAA,CAAW,CAChD;IACA,MAAMC,WAAA,GAAcF,SAAA,CAAUG,aAAA,CAAc,MAAM;IAClDC,MAAA,CAAOF,WAAW,EAAEG,WAAA,CAAY;EAClC,CAAC;AACH,CAAC","ignoreList":[]}