@multiplatform.one/components 5.0.26 → 6.0.0

package/src/views/views.spec.tsx

@@ -0,0 +1,336 @@
+import { cleanup, screen } from "@testing-library/react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import * as React from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { Calendar, type CalendarEvent } from "./Calendar";
+import * as ViewExports from "./index";
+
+// Mock @tanstack/react-virtual so that useVirtualizer renders all items
+// in the happy-dom test environment (which has no layout engine).
+vi.mock("@tanstack/react-virtual", () => ({
+  useVirtualizer: (opts: { count: number; estimateSize: () => number; overscan?: number }) => {
+    const size = opts.estimateSize();
+    const items = Array.from({ length: opts.count }, (_, i) => ({
+      index: i,
+      key: String(i),
+      start: i * size,
+      end: (i + 1) * size,
+      size,
+    }));
+    return {
+      getVirtualItems: () => items,
+      getTotalSize: () => opts.count * size,
+      measureElement: () => {},
+    };
+  },
+}));
+
+// Import view components AFTER the mock is set up
+import { List } from "./List";
+import { Kanban, type KanbanColumn } from "./Kanban";
+import { TreeView, type TreeNode } from "./TreeView";
+import { ImageGrid } from "./ImageGrid";
+
+afterEach(cleanup);
+
+// ---------------------------------------------------------------------------
+// Test 1: List renders items as ListItem rows
+// ---------------------------------------------------------------------------
+describe("List", () => {
+  it("renders items from array prop", () => {
+    const items = [
+      { id: "1", name: "Pikachu" },
+      { id: "2", name: "Charmander" },
+      { id: "3", name: "Bulbasaur" },
+    ];
+
+    renderWithProviders(
+      <List
+        items={items}
+        renderItem={(item) => <span data-testid={`item-${item.id}`}>{item.name}</span>}
+        height={300}
+        estimateSize={50}
+      />,
+    );
+
+    expect(screen.getByText("Pikachu")).toBeInTheDocument();
+    expect(screen.getByText("Charmander")).toBeInTheDocument();
+    expect(screen.getByText("Bulbasaur")).toBeInTheDocument();
+  });
+
+  it("renders empty message when items array is empty", () => {
+    renderWithProviders(
+      <List items={[]} renderItem={() => <span />} emptyMessage="No Pokemon found" />,
+    );
+
+    expect(screen.getByText("No Pokemon found")).toBeInTheDocument();
+  });
+
+  it("renders rows as ListItem with listitem role", () => {
+    const items = [
+      { id: "1", name: "Pikachu" },
+      { id: "2", name: "Charmander" },
+    ];
+
+    const { container } = renderWithProviders(
+      <List
+        items={items}
+        renderItem={(item) => <span>{item.name}</span>}
+        height={300}
+        estimateSize={50}
+      />,
+    );
+
+    const listItems = container.querySelectorAll('[role="listitem"]');
+    expect(listItems.length).toBe(2);
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Test 2: List uses useVirtualizer for DOM windowing
+// ---------------------------------------------------------------------------
+describe("List virtualization", () => {
+  it("uses useVirtualizer with absolute positioning for windowed rendering", () => {
+    const items = Array.from({ length: 50 }, (_, i) => ({
+      id: String(i),
+      name: `Item ${i}`,
+    }));
+
+    const { container } = renderWithProviders(
+      <List
+        items={items}
+        renderItem={(item) => <div data-testid={`item-${item.id}`}>{item.name}</div>}
+        height={200}
+        estimateSize={50}
+        overscan={2}
+      />,
+    );
+
+    // The virtualizer renders items with absolute positioning + translateY
+    const renderedItems = container.querySelectorAll('[data-testid^="item-"]');
+    expect(renderedItems.length).toBeGreaterThan(0);
+
+    // Items are positioned via transform (virtualizer pattern)
+    const firstItemParent = renderedItems[0]?.closest('[role="listitem"]');
+    expect(firstItemParent).toBeTruthy();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Test 3: Kanban renders columns as Card and cards from props
+// ---------------------------------------------------------------------------
+describe("Kanban", () => {
+  it("renders columns and cards from props", () => {
+    const columns: KanbanColumn<{ id: string; title: string }>[] = [
+      {
+        id: "todo",
+        title: "To Do",
+        items: [
+          { id: "1", title: "Task 1" },
+          { id: "2", title: "Task 2" },
+        ],
+      },
+      {
+        id: "done",
+        title: "Done",
+        items: [{ id: "3", title: "Task 3" }],
+      },
+    ];
+
+    renderWithProviders(
+      <Kanban
+        columns={columns}
+        renderCard={(item) => <span>{item.title}</span>}
+        estimateSize={80}
+      />,
+    );
+
+    // Column headers
+    expect(screen.getByText("To Do")).toBeInTheDocument();
+    expect(screen.getByText("Done")).toBeInTheDocument();
+
+    // Cards
+    expect(screen.getByText("Task 1")).toBeInTheDocument();
+    expect(screen.getByText("Task 2")).toBeInTheDocument();
+    expect(screen.getByText("Task 3")).toBeInTheDocument();
+
+    // Counts
+    expect(screen.getByText("2")).toBeInTheDocument();
+    expect(screen.getByText("1")).toBeInTheDocument();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Test 4: TreeView renders nested tree data as ListItem rows
+// ---------------------------------------------------------------------------
+describe("TreeView", () => {
+  it("renders nested tree data from props", () => {
+    const nodes: TreeNode[] = [
+      {
+        id: "root",
+        label: "Root Node",
+        children: [
+          { id: "child-1", label: "Child 1" },
+          {
+            id: "child-2",
+            label: "Child 2",
+            children: [{ id: "grandchild", label: "Grandchild" }],
+          },
+        ],
+      },
+      {
+        id: "root-2",
+        label: "Root 2",
+      },
+    ];
+
+    renderWithProviders(
+      <TreeView
+        nodes={nodes}
+        renderNode={(node) => <span>{node.label}</span>}
+        defaultExpandedIds={["root", "child-2"]}
+        height={400}
+      />,
+    );
+
+    // Root nodes visible
+    expect(screen.getByText("Root Node")).toBeInTheDocument();
+    expect(screen.getByText("Root 2")).toBeInTheDocument();
+
+    // Children visible (root is expanded by default)
+    expect(screen.getByText("Child 1")).toBeInTheDocument();
+    expect(screen.getByText("Child 2")).toBeInTheDocument();
+
+    // Grandchild visible (child-2 is expanded by default)
+    expect(screen.getByText("Grandchild")).toBeInTheDocument();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Test 5: ImageGrid renders image items from props
+// ---------------------------------------------------------------------------
+describe("ImageGrid", () => {
+  it("renders image items from props", () => {
+    const items = [
+      { id: "1", title: "Photo A", url: "https://example.com/a.jpg" },
+      { id: "2", title: "Photo B", url: "https://example.com/b.jpg" },
+      { id: "3", title: "Photo C", url: "https://example.com/c.jpg" },
+    ];
+
+    renderWithProviders(
+      <ImageGrid
+        items={items}
+        columns={3}
+        renderItem={(item) => (
+          <div data-testid={`grid-item-${item.id}`}>
+            <span>{item.title}</span>
+          </div>
+        )}
+        height={400}
+        estimateSize={200}
+      />,
+    );
+
+    expect(screen.getByText("Photo A")).toBeInTheDocument();
+    expect(screen.getByText("Photo B")).toBeInTheDocument();
+    expect(screen.getByText("Photo C")).toBeInTheDocument();
+  });
+
+  it("renders empty message when items array is empty", () => {
+    renderWithProviders(
+      <ImageGrid items={[]} renderItem={() => <div />} emptyMessage="No images" />,
+    );
+
+    expect(screen.getByText("No images")).toBeInTheDocument();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Test 6: Calendar renders events and uses ToggleGroup for view switcher
+// ---------------------------------------------------------------------------
+describe("Calendar", () => {
+  it("renders events from props", () => {
+    const today = new Date();
+    const events: CalendarEvent[] = [
+      {
+        id: "evt-1",
+        title: "Team Meeting",
+        start: today,
+        color: "#3b82f6",
+      },
+      {
+        id: "evt-2",
+        title: "Sprint Review",
+        start: today,
+        color: "#10b981",
+      },
+    ];
+
+    renderWithProviders(
+      <Calendar events={events} viewType="month" initialDate={today} height={600} />,
+    );
+
+    // Events should be rendered in the month view
+    expect(screen.getByText("Team Meeting")).toBeInTheDocument();
+    expect(screen.getByText("Sprint Review")).toBeInTheDocument();
+
+    // Navigation controls should be present
+    expect(screen.getByText("Today")).toBeInTheDocument();
+    // ToggleGroup items for view switcher
+    expect(screen.getByText("Month")).toBeInTheDocument();
+    expect(screen.getByText("Week")).toBeInTheDocument();
+    expect(screen.getByText("Day")).toBeInTheDocument();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Test 7: Dashboard renders KPICard and ChartCard as Card components
+// ---------------------------------------------------------------------------
+describe("Dashboard", () => {
+  it("renders KPI widgets from props", () => {
+    renderWithProviders(
+      <ViewExports.Dashboard
+        title="Sales Overview"
+        widgets={[
+          {
+            id: "revenue",
+            type: "kpi",
+            kpiConfig: {
+              id: "revenue",
+              title: "Revenue",
+              value: 125000,
+              format: "currency",
+              trend: "up",
+              trendValue: "+12%",
+            },
+          },
+        ]}
+      />,
+    );
+
+    expect(screen.getByText("Sales Overview")).toBeInTheDocument();
+    expect(screen.getByText("Revenue")).toBeInTheDocument();
+    expect(screen.getByText("$125,000")).toBeInTheDocument();
+    expect(screen.getByText("+12%")).toBeInTheDocument();
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Barrel export validation
+// ---------------------------------------------------------------------------
+describe("Views barrel exports", () => {
+  it("exports all view components", () => {
+    expect(ViewExports).toHaveProperty("List");
+    expect(ViewExports).toHaveProperty("Kanban");
+    expect(ViewExports).toHaveProperty("Calendar");
+    expect(ViewExports).toHaveProperty("TreeView");
+    expect(ViewExports).toHaveProperty("ImageGrid");
+    expect(ViewExports).toHaveProperty("Dashboard");
+    expect(ViewExports).toHaveProperty("ReportBuilder");
+    expect(ViewExports).toHaveProperty("KPICard");
+    expect(ViewExports).toHaveProperty("ChartCard");
+    expect(ViewExports).toHaveProperty("calculateTrend");
+    expect(ViewExports).toHaveProperty("calculatePercentageChange");
+    expect(ViewExports).toHaveProperty("aggregateData");
+  });
+});

package/dist/cjs/ErrorBoundary/index.js

@@ -1,37 +0,0 @@
-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 });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var ErrorBoundary_exports = {};
-__export(ErrorBoundary_exports, {
-  ErrorBoundary: () => ErrorBoundary
-});
-module.exports = __toCommonJS(ErrorBoundary_exports);
-var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
-const logger = console;
-class ErrorBoundary extends import_react.Component {
-  static getDerivedStateFromError(_err) {
-    return { hasError: !0 };
-  }
-  state = { hasError: !1 };
-  componentDidCatch(err, errorInfo) {
-    logger.info({ error: err, errorInfo });
-  }
-  render() {
-    return this.state.hasError ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Oops, there is an error!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => this.setState({ hasError: !1 }), children: "Try again?" })
-    ] }) : this.props.children;
-  }
-}
-//# sourceMappingURL=index.js.map

package/dist/cjs/ErrorBoundary/index.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ErrorBoundary/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B,kBAC1B,iBAAmC,oBAkB3B;AAhBR,MAAM,SAAS;AAER,MAAM,sBAAsB,uBAAe;AAAA,EAChD,OAAO,yBAAyB,MAAa;AAC3C,WAAO,EAAE,UAAU,GAAK;AAAA,EAC1B;AAAA,EAEA,QAAQ,EAAE,UAAU,GAAM;AAAA,EAE1B,kBAAkB,KAAY,WAAgB;AAC5C,WAAO,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;AAAA,EACvC;AAAA,EAEA,SAAS;AACP,WAAI,KAAK,MAAM,WAEX,6CAAC,yBACC;AAAA,kDAAC,qBAAG,sCAAwB;AAAA,MAC5B,4CAAC,yBAAO,SAAS,MAAM,KAAK,SAAS,EAAE,UAAU,GAAM,CAAC,GAAG,wBAE3D;AAAA,OACF,IAGG,KAAK,MAAM;AAAA,EACpB;AACF;",
-  "names": []
-}

package/dist/cjs/code/Code/Code.stories.js

@@ -1,35 +0,0 @@
-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 });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var Code_stories_exports = {};
-__export(Code_stories_exports, {
-  default: () => Code_stories_default,
-  main: () => main
-});
-module.exports = __toCommonJS(Code_stories_exports);
-var import_index = require("./index");
-const meta = {
-  title: "code/Code",
-  component: import_index.Code,
-  parameters: {
-    status: { type: "beta" }
-  }
-}, main = {
-  args: {
-    children: `const hello = "world"
-const hello = "world"`
-  }
-};
-var Code_stories_default = meta;
-//# sourceMappingURL=Code.stories.js.map

package/dist/cjs/code/Code/Code.stories.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/code/Code/Code.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,mBAAqB;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAA8B;AAAA,EACzC,MAAM;AAAA,IACJ,UAAU;AAAA;AAAA,EAEZ;AACF;AAEA,IAAO,uBAAQ;",
-  "names": []
-}

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

@@ -1,55 +0,0 @@
-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 });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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");
-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"
-      }
-    }
-  }
-}), 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"
-});
-//# sourceMappingURL=index.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/code/Code/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,2BAAsB,8BAEtB,iBAAkC;AAE3B,MAAM,WAAO,uBAAO,0BAAW;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA;AAAA,EAER,YAAY,6BAAQ,UAAU;AAAA,EAC9B,YAAY;AAAA,EACZ,SAAS;AAAA;AAAA,EAET,MAAM;AAAA,EACN,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,iBAAa,uBAAO,0BAAW;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA;AAAA,EAER,YAAY,6BAAQ,UAAU;AAAA;AAAA,EAE9B,UAAU;AAAA,EACV,SAAS;AAAA,EACT,KAAK;AACP,CAAC;",
-  "names": []
-}

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

@@ -1,54 +0,0 @@
-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
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), 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: "code/CodeBlock",
-    component: import_index.CodeBlock,
-    parameters: {
-      status: {
-        type: "beta"
-      }
-    }
-  },
-  main = {
-    args: {
-      backgroundColor: "$color2",
-      debug: !1,
-      disableCopy: !1,
-      isCollapsible: !1,
-      isHighlightingLines: !0,
-      showLineNumbers: !1,
-      children: `
-const hello = 'world';
-
-function howdy() {
-  return 'texas';
-}
-`
-    }
-  };
-var CodeBlock_stories_default = meta;

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

@@ -1,46 +0,0 @@
-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 });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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");
-const meta = {
-  title: "code/CodeBlock",
-  component: import_index.CodeBlock,
-  parameters: {
-    status: { type: "beta" }
-  }
-}, main = {
-  args: {
-    backgroundColor: "$color2",
-    debug: !1,
-    disableCopy: !1,
-    isCollapsible: !1,
-    isHighlightingLines: !0,
-    showLineNumbers: !1,
-    children: `
-const hello = 'world';
-
-function howdy() {
-  return 'texas';
-}
-`
-  }
-};
-var CodeBlock_stories_default = meta;
-//# sourceMappingURL=CodeBlock.stories.js.map

package/dist/cjs/code/CodeBlock/CodeBlock.stories.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0B;AAE1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAmC;AAAA,EAC9C,MAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ;AACF;AAEA,IAAO,4BAAQ;",
-  "names": []
-}

package/dist/cjs/code/CodeBlock/CodeBlock.stories.native.js

@@ -1,51 +0,0 @@
-"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 });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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"), meta = {
-  title: "code/CodeBlock",
-  component: import_index.CodeBlock,
-  parameters: {
-    status: {
-      type: "beta"
-    }
-  }
-}, main = {
-  args: {
-    backgroundColor: "$color2",
-    debug: !1,
-    disableCopy: !1,
-    isCollapsible: !1,
-    isHighlightingLines: !0,
-    showLineNumbers: !1,
-    children: `
-const hello = 'world';
-
-function howdy() {
-  return 'texas';
-}
-`
-  }
-}, CodeBlock_stories_default = meta;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  main
-});
-//# sourceMappingURL=CodeBlock.stories.js.map

package/dist/cjs/code/CodeBlock/CodeBlock.stories.native.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/code/CodeBlock/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/code/CodeBlock/CodeBlock.stories.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;;mBAA0B,oBAEpBA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEaC,OAAmC;EAC9CC,MAAM;IACJC,iBAAiB;IACjBC,OAAO;IACPC,aAAa;IACbC,eAAe;IACfC,qBAAqB;IACrBC,iBAAiB;IACjBC,UAAU;;;;;;;EAOZ;AACF,GAEA,4BAAef;",
-  "names": ["meta", "title", "component", "CodeBlock", "parameters", "status", "type", "main", "args", "backgroundColor", "debug", "disableCopy", "isCollapsible", "isHighlightingLines", "showLineNumbers", "children"]
-}