@multiplatform.one/components 5.0.27 → 6.0.1

package/dist/esm/views/hotkeys.spec.mjs

@@ -0,0 +1,211 @@
+import { cleanup, screen, fireEvent } from "@testing-library/react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { HotkeyManager } from "@tanstack/hotkeys";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { List } from "./List.mjs";
+import { jsx } from "react/jsx-runtime";
+vi.mock("@tanstack/react-virtual", () => ({
+  useVirtualizer: opts => {
+    const size = opts.estimateSize();
+    const items2 = Array.from({
+      length: opts.count
+    }, (_, i) => ({
+      index: i,
+      key: String(i),
+      start: i * size,
+      end: (i + 1) * size,
+      size
+    }));
+    return {
+      getVirtualItems: () => items2,
+      getTotalSize: () => opts.count * size,
+      measureElement: () => {},
+      scrollToIndex: () => {}
+    };
+  }
+}));
+afterEach(() => {
+  cleanup();
+  HotkeyManager.resetInstance();
+});
+const items = [{
+  id: "0",
+  name: "Item 0"
+}, {
+  id: "1",
+  name: "Item 1"
+}, {
+  id: "2",
+  name: "Item 2"
+}, {
+  id: "3",
+  name: "Item 3"
+}, {
+  id: "4",
+  name: "Item 4"
+}];
+function renderList(props = {}) {
+  return renderWithProviders(/* @__PURE__ */jsx(List, {
+    items,
+    renderItem: item => /* @__PURE__ */jsx("span", {
+      "data-testid": `item-${item.id}`,
+      children: item.name
+    }),
+    height: 300,
+    estimateSize: 50,
+    ...props
+  }));
+}
+describe("List keyboard navigation: ArrowDown/Up", () => {
+  it("ArrowDown focuses items sequentially, ArrowUp reverses", () => {
+    renderList();
+    const container = screen.getByRole("list");
+    expect(container.querySelector("[data-focused]")).toBeNull();
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    let focused = container.querySelector("[data-focused]");
+    expect(focused).not.toBeNull();
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 1");
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 2");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 1");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+  });
+});
+describe("List keyboard navigation: Enter to select", () => {
+  it("Enter triggers onItemClick with the focused item", () => {
+    const onItemClick = vi.fn();
+    renderList({
+      onItemClick
+    });
+    const container = screen.getByRole("list");
+    fireEvent.keyDown(container, {
+      key: "Enter"
+    });
+    expect(onItemClick).not.toHaveBeenCalled();
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    fireEvent.keyDown(container, {
+      key: "Enter"
+    });
+    expect(onItemClick).toHaveBeenCalledTimes(1);
+    expect(onItemClick).toHaveBeenCalledWith(items[0]);
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    fireEvent.keyDown(container, {
+      key: "Enter"
+    });
+    expect(onItemClick).toHaveBeenCalledTimes(2);
+    expect(onItemClick).toHaveBeenCalledWith(items[1]);
+  });
+});
+describe("List keyboard navigation: Home/End/PageUp/PageDown", () => {
+  it("Home goes to first, End goes to last, PageDown/Up jump by 10", () => {
+    const manyItems = Array.from({
+      length: 50
+    }, (_, i) => ({
+      id: String(i),
+      name: `Item ${i}`
+    }));
+    renderWithProviders(/* @__PURE__ */jsx(List, {
+      items: manyItems,
+      renderItem: item => /* @__PURE__ */jsx("span", {
+        children: item.name
+      }),
+      height: 300,
+      estimateSize: 30
+    }));
+    const container = screen.getByRole("list");
+    fireEvent.keyDown(container, {
+      key: "End"
+    });
+    let focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 49");
+    fireEvent.keyDown(container, {
+      key: "Home"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "PageDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 10");
+    fireEvent.keyDown(container, {
+      key: "PageDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 20");
+    fireEvent.keyDown(container, {
+      key: "PageUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 10");
+    fireEvent.keyDown(container, {
+      key: "PageUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+  });
+});
+describe("List keyboard navigation: hotkey overrides", () => {
+  it("custom hotkeys replace default keybindings", () => {
+    renderList({
+      hotkeys: {
+        next: "ArrowRight",
+        prev: "ArrowLeft"
+      }
+    });
+    const container = screen.getByRole("list");
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    expect(container.querySelector("[data-focused]")).toBeNull();
+    fireEvent.keyDown(container, {
+      key: "ArrowRight"
+    });
+    let focused = container.querySelector("[data-focused]");
+    expect(focused).not.toBeNull();
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowRight"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 1");
+    fireEvent.keyDown(container, {
+      key: "ArrowLeft"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+  });
+});
+//# sourceMappingURL=hotkeys.spec.mjs.map

package/dist/esm/views/hotkeys.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["cleanup","screen","fireEvent","renderWithProviders","HotkeyManager","afterEach","describe","expect","it","vi","List","jsx","mock","useVirtualizer","opts","size","estimateSize","items2","Array","from","length","count","_","i","index","key","String","start","end","getVirtualItems","getTotalSize","measureElement","scrollToIndex","resetInstance","items","id","name","renderList","props","renderItem","item","children","height","container","getByRole","querySelector","toBeNull","keyDown","focused","not","textContent","toContain","onItemClick","fn","toHaveBeenCalled","toHaveBeenCalledTimes","toHaveBeenCalledWith","manyItems","hotkeys","next","prev"],"sources":["../../../src/views/hotkeys.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/views/hotkeys.spec.native.js

@@ -0,0 +1,227 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cleanup, screen, fireEvent } from "@testing-library/react";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { HotkeyManager } from "@tanstack/hotkeys";
+import * as React from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { List } from "./List.native.js";
+vi.mock("@tanstack/react-virtual", function () {
+  return {
+    useVirtualizer: function useVirtualizer(opts) {
+      var size = opts.estimateSize();
+      var items2 = Array.from({
+        length: opts.count
+      }, function (_, i) {
+        return {
+          index: i,
+          key: String(i),
+          start: i * size,
+          end: (i + 1) * size,
+          size
+        };
+      });
+      return {
+        getVirtualItems: function getVirtualItems() {
+          return items2;
+        },
+        getTotalSize: function getTotalSize() {
+          return opts.count * size;
+        },
+        measureElement: function measureElement() {},
+        scrollToIndex: function scrollToIndex() {}
+      };
+    }
+  };
+});
+afterEach(function () {
+  cleanup();
+  HotkeyManager.resetInstance();
+});
+var items = [{
+  id: "0",
+  name: "Item 0"
+}, {
+  id: "1",
+  name: "Item 1"
+}, {
+  id: "2",
+  name: "Item 2"
+}, {
+  id: "3",
+  name: "Item 3"
+}, {
+  id: "4",
+  name: "Item 4"
+}];
+function renderList() {
+  var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  return renderWithProviders(/* @__PURE__ */_jsx(List, {
+    items,
+    renderItem: function renderItem(item) {
+      return /* @__PURE__ */_jsx("span", {
+        "data-testid": `item-${item.id}`,
+        children: item.name
+      });
+    },
+    height: 300,
+    estimateSize: 50,
+    ...props
+  }));
+}
+describe("List keyboard navigation: ArrowDown/Up", function () {
+  it("ArrowDown focuses items sequentially, ArrowUp reverses", function () {
+    renderList();
+    var container = screen.getByRole("list");
+    expect(container.querySelector("[data-focused]")).toBeNull();
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    var focused = container.querySelector("[data-focused]");
+    expect(focused).not.toBeNull();
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 1");
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 2");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 1");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+  });
+});
+describe("List keyboard navigation: Enter to select", function () {
+  it("Enter triggers onItemClick with the focused item", function () {
+    var onItemClick = vi.fn();
+    renderList({
+      onItemClick
+    });
+    var container = screen.getByRole("list");
+    fireEvent.keyDown(container, {
+      key: "Enter"
+    });
+    expect(onItemClick).not.toHaveBeenCalled();
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    fireEvent.keyDown(container, {
+      key: "Enter"
+    });
+    expect(onItemClick).toHaveBeenCalledTimes(1);
+    expect(onItemClick).toHaveBeenCalledWith(items[0]);
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    fireEvent.keyDown(container, {
+      key: "Enter"
+    });
+    expect(onItemClick).toHaveBeenCalledTimes(2);
+    expect(onItemClick).toHaveBeenCalledWith(items[1]);
+  });
+});
+describe("List keyboard navigation: Home/End/PageUp/PageDown", function () {
+  it("Home goes to first, End goes to last, PageDown/Up jump by 10", function () {
+    var manyItems = Array.from({
+      length: 50
+    }, function (_, i) {
+      return {
+        id: String(i),
+        name: `Item ${i}`
+      };
+    });
+    renderWithProviders(/* @__PURE__ */_jsx(List, {
+      items: manyItems,
+      renderItem: function renderItem(item) {
+        return /* @__PURE__ */_jsx("span", {
+          children: item.name
+        });
+      },
+      height: 300,
+      estimateSize: 30
+    }));
+    var container = screen.getByRole("list");
+    fireEvent.keyDown(container, {
+      key: "End"
+    });
+    var focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 49");
+    fireEvent.keyDown(container, {
+      key: "Home"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "PageDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 10");
+    fireEvent.keyDown(container, {
+      key: "PageDown"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 20");
+    fireEvent.keyDown(container, {
+      key: "PageUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 10");
+    fireEvent.keyDown(container, {
+      key: "PageUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+  });
+});
+describe("List keyboard navigation: hotkey overrides", function () {
+  it("custom hotkeys replace default keybindings", function () {
+    renderList({
+      hotkeys: {
+        next: "ArrowRight",
+        prev: "ArrowLeft"
+      }
+    });
+    var container = screen.getByRole("list");
+    fireEvent.keyDown(container, {
+      key: "ArrowDown"
+    });
+    expect(container.querySelector("[data-focused]")).toBeNull();
+    fireEvent.keyDown(container, {
+      key: "ArrowRight"
+    });
+    var focused = container.querySelector("[data-focused]");
+    expect(focused).not.toBeNull();
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowRight"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 1");
+    fireEvent.keyDown(container, {
+      key: "ArrowLeft"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+    fireEvent.keyDown(container, {
+      key: "ArrowUp"
+    });
+    focused = container.querySelector("[data-focused]");
+    expect(focused.textContent).toContain("Item 0");
+  });
+});
+//# sourceMappingURL=hotkeys.spec.native.js.map

package/dist/esm/views/hotkeys.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","cleanup","screen","fireEvent","renderWithProviders","HotkeyManager","React","afterEach","describe","expect","it","vi","List","mock","useVirtualizer","opts","size","estimateSize","items2","Array","from","length","count","_","i","index","key","String","start","end","getVirtualItems","getTotalSize","measureElement","scrollToIndex","resetInstance","items","id","name","renderList","props","arguments","renderItem","item","children","height","container","getByRole","querySelector","toBeNull","keyDown","focused","not","textContent","toContain","onItemClick","fn","toHaveBeenCalled","toHaveBeenCalledTimes","toHaveBeenCalledWith","manyItems"],"sources":["../../../src/views/hotkeys.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,QAAQ,mBAAiB;AAC3C,SAASC,OAAA,EAAAC,MAAA,EAAAC,SAAA,QAA2B;AACpC,SAASC,mBAAA,QAAqB;AAE9B,SAASC,aAAW,QAAU,mBAAY;AAwB1C,YAASC,KAAA,MAAY;AAuBO,SAAAC,SAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,EAAA,EAAAC,EAAA;AA3C5B,SAAQC,IAAA;AAAkCD,EACxC,CAAAE,IAAA,0BAA4F;EAC1F;IACAC,cAAM,EAAQ,SAAMA,cAAeA,CAAAC,IAAK;MACtC,IAAAC,IAAO,GAAAD,IAAA,CAAAE,YAAA;MACP,IAAAC,MAAK,GAAQC,KAAA,CAAAC,IAAA;QACbC,MAAO,EAAAN,IAAI,CAAAO;MACX,aAAUC,CAAA,EAAKC,CAAA;QACf;UACAC,KAAA,EAAAD,CAAA;UACFE,GAAO,EAAAC,MAAA,CAAAH,CAAA;UACLI,KAAA,EAAAJ,CAAA,GAAAR,IAAiB;UACjBa,GAAA,GAAAL,CAAA,GAAc,KAAAR,IAAM;UACpBA;QAAuB;MACvB;MAAsB;QACxBc,eAAA,WAAAA,gBAAA;UACF,OAAAZ,MAAA;QACA;QAKFa,YAAgB,WAAAA,aAAA;UACN,OAAAhB,IAAA,CAAAO,KAAA,GAAAN,IAAA;QACR;QACDgB,cAAA,WAAAA,eAAA,GAMK;QACEC,aAAW,WAASA,cAAA,GACpB;MACJ;IACA;EACF;AACF;AAEA1B,SAAS,aAAW;EAClBN,OAAO;EAAAI,aACL,CAAA6B,aAAA;AAAA;AAAC,IAAAC,KAAA;EACCC,EAAA,EACA;EAAuEC,IACvE;AAAQ,GACM;EACVD,EAAA;EACNC,IAAA;AACF,GACF;EAKAD,EAAA,KAAS;EACPC,IAAG;AACD,GACA;EAGAD,EAAA,KAAO;EAGPC,IAAA;AACA,GACA;EACAD,EAAA,KAAO;EAGPC,IAAA;AACA,EACA;AAGA,SAAAC,UAAUA,CAAA,EAAQ;EAClB,IAAAC,KAAA,GAAUC,SAAA,CAAUnB,MAAA,QAAcmB,SAAA,QAAgB,SAAAA,SAAA;EAClD,OAAApC,mBAAgB,gBAAuBJ,IAAA,CAAQY,IAAA;IAG/CuB,KAAA;IACAM,UAAU,WAAUA,WAAAC,IAAc;MAClC,OAAO,eAAS1C,IAAa,SAAU;QAGvC,aAAU,EAAQ,QAAA0C,IAAa,CAAAN,EAAA,EAAK;QACpCO,QAAU,EAAAD,IAAA,CAAAL;MACV;IAGA;IACAO,MAAA,KAAU;IACV3B,YAAO,IAAS;IACjB,GAAAsB;EACF;AAKD;AACE/B,QAAG,uDAAoD;EACrDE,EAAA,yDAA0B;IAC1B4B,UAAA,CAAW;IACX,IAAAO,SAAM,GAAA3C,MAAY,CAAA4C,SAAO,OAAU;IAGnCrC,MAAA,CAAAoC,SAAU,CAAAE,aAAmB,CAAE,gBAAc,GAAAC,QAAA;IAC7C7C,SAAO,CAAA8C,OAAA,CAAWJ,SAAM;MAGxBnB,GAAA;IACA;IACA,IAAAwB,OAAO,GAAAL,SAAa,CAAAE,aAAA,iBAAuB;IAC3CtC,MAAA,CAAOyC,OAAA,EAAAC,GAAW,CAAEH,QAAA;IAGpBvC,MAAA,CAAAyC,OAAU,CAAAE,WAAQ,EAAAC,SAAkB;IACpClD,SAAA,CAAU8C,OAAA,CAAQJ,SAAA,EAAW;MAC7BnB,GAAA,EAAO;IACP;IACDwB,OAAA,GAAAL,SAAA,CAAAE,aAAA;IACFtC,MAAA,CAAAyC,OAAA,CAAAE,WAAA,EAAAC,SAAA;IAKDlD,SAAS,CAAA8C,OAAA,CAAAJ,SAAA;MACJnB,GAAA;IACD;IAAwDwB,OAClD,GAAAL,SAAQ,CAAAE,aAAA;IAAAtC,MACZ,CAAAyC,OAAM,CAAAE,WAAS,EAAAC,SAAA;IACjBlD,SAAE,CAAA8C,OAAA,CAAAJ,SAAA;MAEFnB,GAAA;IAAA,EACE;IAAAwB,OAAC,GAAAL,SAAA,CAAAE,aAAA;IAAAtC,MAAA,CAAAyC,OAAA,CAAAE,WAAA,EAAAC,SAAA;IAAAlD,SACC,CAAA8C,OAAO,CAAAJ,SAAA;MAAAnB,GAAA,EACP;IAAuC;IAC/BwB,OACR,GAAAL,SAAA,CAAcE,aAAA;IAAAtC,MAAA,CAAAyC,OAAA,CAAAE,WAAA,EAAAC,SAAA;IAAAlD,SAChB,CAAA8C,OAAA,CAAAJ,SAAA;MACFnB,GAAA;IAEA;IAGAwB,OAAA,GAAUL,SAAQ,CAAAE,aAAa,iBAAY;IAC3CtC,MAAI,CAAAyC,OAAU,CAAAE,WAAU,EAAAC,SAAA,CAAc;EACtC;AAGA;AACA7C,QAAA,4CAAkC,EAAgB;EAClDE,EAAA,mDAA+C;IAG/C,IAAA4C,WAAU,GAAQ3C,EAAA,CAAA4C,EAAA;IAClBjB,UAAU;MACVgB;IAGA;IACA,IAAAT,SAAU,GAAA3C,MAAU,CAAA4C,SAAA,OAAc;IAClC3C,SAAO,CAAA8C,OAAS,CAAAJ,SAAW,EAAE;MAG7BnB,GAAA;IACA;IACAjB,MAAA,CAAO6C,WAAS,EAAAH,GAAA,CAAAK,gBAAuB;IAGvCrD,SAAA,CAAU8C,OAAA,CAAQJ,SAAA,EAAW;MAC7BnB,GAAA;IACA;IACDvB,SAAA,CAAA8C,OAAA,CAAAJ,SAAA;MACFnB,GAAA;IAKD;IACEjB,MAAG,CAAA6C,WAAA,EAAAG,qBAAA;IACDhD,MAAA,CAAA6C,WAAW,EAAAI,oBAAA,CAAAvB,KAAA;IAAAhC,SACT,CAAA8C,OAAS,CAAAJ,SAAA;MAAAnB,GACP;IAAM;IACAvB,SACR,CAAA8C,OAAA,CAAAJ,SAAA;MACDnB,GAAA;IACD;IAGAjB,MAAA,CAAA6C,WAAkB,EAAAG,qBAAkB;IACpChD,MAAA,CAAO6C,WAAU,EAAAI,oBAAc,CAAAvB,KAAA,CAAgB,CAAC,EAAE;EAGlD;AACA;AACA3B,QAAA,qDAA6B;EAC7BE,EAAA,+DAA+C;IAG/C,IAAAiD,SAAU,GAAAxC,KAAQ,CAAAC,IAAA;MAClBC,MAAA,EAAU;IACV,aAAOE,CAAA,EAASC,CAAA;MAGhB;QACAY,EAAA,EAAAT,MAAU,CAAAH,CAAA;QACVa,IAAO,UAASb,CAAA;MAGhB;IACA;IAEApB,mBAAgB,gBAAaJ,IAAU,CAAAY,IAAA,EAAQ;MAChDuB,KAAA,EAAAwB,SAAA;MACFlB,UAAA,WAAAA,WAAAC,IAAA","ignoreList":[]}

package/dist/esm/views/index.mjs

@@ -0,0 +1,9 @@
+import { List } from "./List.mjs";
+import { Kanban } from "./Kanban.mjs";
+import { Calendar } from "./Calendar.mjs";
+import { TreeView } from "./TreeView.mjs";
+import { ImageGrid } from "./ImageGrid.mjs";
+import { Dashboard, KPICard, ChartCard, calculateTrend, calculatePercentageChange, aggregateData } from "./Dashboard.mjs";
+import { ReportBuilder } from "./ReportBuilder.mjs";
+export { Calendar, ChartCard, Dashboard, ImageGrid, KPICard, Kanban, List, ReportBuilder, TreeView, aggregateData, calculatePercentageChange, calculateTrend };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/views/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["List","Kanban","Calendar","TreeView","ImageGrid","Dashboard","KPICard","ChartCard","calculateTrend","calculatePercentageChange","aggregateData","ReportBuilder"],"sources":["../../../src/views/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAA8C;AACvD,SAASC,MAAA,QAAuE;AAChF,SACEC,QAAA,QAIK;AACP,SAASC,QAAA,QAAyE;AAClF,SAASC,SAAA,QAA6D;AACtE,SACEC,SAAA,EACAC,OAAA,EACAC,SAAA,EACAC,cAAA,EACAC,yBAAA,EACAC,aAAA,QAUK;AACP,SACEC,aAAA,QAIK","ignoreList":[]}

package/dist/esm/views/index.native.js

@@ -0,0 +1,9 @@
+import { List } from "./List.native.js";
+import { Kanban } from "./Kanban.native.js";
+import { Calendar } from "./Calendar.native.js";
+import { TreeView } from "./TreeView.native.js";
+import { ImageGrid } from "./ImageGrid.native.js";
+import { Dashboard, KPICard, ChartCard, calculateTrend, calculatePercentageChange, aggregateData } from "./Dashboard.native.js";
+import { ReportBuilder } from "./ReportBuilder.native.js";
+export { Calendar, ChartCard, Dashboard, ImageGrid, KPICard, Kanban, List, ReportBuilder, TreeView, aggregateData, calculatePercentageChange, calculateTrend };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/views/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["List","Kanban","Calendar","TreeView","ImageGrid","Dashboard","KPICard","ChartCard","calculateTrend","calculatePercentageChange","aggregateData","ReportBuilder"],"sources":["../../../src/views/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAA8C;AACvD,SAASC,MAAA,QAAuE;AAChF,SAAAC,QAAA;AAAA,SACEC,QAAA;AAAA,SAIKC,SAAA;AACP,SAASC,SAAA,EAAAC,OAAyE,EAAAC,SAAA,EAAAC,cAAA,EAAAC,yBAAA,EAAAC,aAAA;AAClF,SAASC,aAAA,QAA6D;AACtE,SACET,QAAA,EACAK,SAAA,EACAF,SAAA,EACAD,SAAA,EACAE,OAAA,EACAL,MAAA,EAAAD,IAAA,EAWFW,aAAA,EACER,QAAA,EAAAO,aAIK,E","ignoreList":[]}