@multiplatform.one/components 6.1.0 → 6.4.0

package/dist/cjs/layouts/Toolbar.stories.cjs

@@ -1,90 +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: 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 Toolbar_stories_exports = {};
-__export(Toolbar_stories_exports, {
-  Default: () => Default,
-  Loading: () => Loading,
-  default: () => Toolbar_stories_default
-});
-module.exports = __toCommonJS(Toolbar_stories_exports);
-var import_tamagui = require("tamagui");
-var import_toolbar = require("./toolbar.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Toolbar_stories_default = {
-  title: "Components/Toolbar",
-  component: import_toolbar.Toolbar,
-  parameters: {
-    status: {
-      type: "stable"
-    }
-  }
-};
-const Default = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-  gap: "$4",
-  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-    size: "$3",
-    color: "$color10",
-    children: "Top toolbar with actions:"
-  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
-    primaryActions: [{
-      label: "Save",
-      onPress: () => {},
-      variant: "primary"
-    }, {
-      label: "Publish",
-      onPress: () => {},
-      variant: "default"
-    }],
-    secondaryActions: [{
-      label: "Discard",
-      onPress: () => {},
-      variant: "outlined"
-    }, {
-      label: "Delete",
-      onPress: () => {},
-      variant: "destructive"
-    }]
-  })]
-});
-Default.storyName = "Main";
-const Loading = () => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-  gap: "$4",
-  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-    size: "$3",
-    color: "$color10",
-    children: "Toolbar with loading state:"
-  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
-    primaryActions: [{
-      label: "Saving...",
-      onPress: () => {},
-      variant: "primary",
-      loading: true
-    }],
-    secondaryActions: [{
-      label: "Cancel",
-      onPress: () => {},
-      variant: "outlined",
-      disabled: true
-    }]
-  })]
-});

package/dist/cjs/layouts/Toolbar.stories.native.js

@@ -1,97 +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: 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 Toolbar_stories_exports = {};
-__export(Toolbar_stories_exports, {
-  Default: () => Default,
-  Loading: () => Loading,
-  default: () => Toolbar_stories_default
-});
-module.exports = __toCommonJS(Toolbar_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
-var import_toolbar = require("./toolbar.native.js");
-var Toolbar_stories_default = {
-  title: "Components/Toolbar",
-  component: import_toolbar.Toolbar,
-  parameters: {
-    status: {
-      type: "stable"
-    }
-  }
-};
-var Default = function Default2() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      size: "$3",
-      color: "$color10",
-      children: "Top toolbar with actions:"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
-      primaryActions: [{
-        label: "Save",
-        onPress: function onPress() {},
-        variant: "primary"
-      }, {
-        label: "Publish",
-        onPress: function onPress() {},
-        variant: "default"
-      }],
-      secondaryActions: [{
-        label: "Discard",
-        onPress: function onPress() {},
-        variant: "outlined"
-      }, {
-        label: "Delete",
-        onPress: function onPress() {},
-        variant: "destructive"
-      }]
-    })]
-  });
-};
-Default.storyName = "Main";
-var Loading = function Loading2() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      size: "$3",
-      color: "$color10",
-      children: "Toolbar with loading state:"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
-      primaryActions: [{
-        label: "Saving...",
-        onPress: function onPress() {},
-        variant: "primary",
-        loading: true
-      }],
-      secondaryActions: [{
-        label: "Cancel",
-        onPress: function onPress() {},
-        variant: "outlined",
-        disabled: true
-      }]
-    })]
-  });
-};
-//# sourceMappingURL=Toolbar.stories.native.js.map

package/dist/cjs/layouts/Toolbar.stories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Toolbar_stories_exports","__export","Default","Loading","default","Toolbar_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_toolbar","title","component","Toolbar","parameters","status","type","Default2","jsxs","YStack","gap","children","jsx","Paragraph","size","color","primaryActions","label","onPress","variant","secondaryActions"],"sources":["../../../src/layouts/Toolbar.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAZ,YAAkC,CAAAK,uBAAA;AAClC,IAAAQ,kBAAwB,GAAAC,OAAA;AAStB,IAAAC,cAAA,GAAAD,OAAA;AAPF,IAAOE,cAAA,GAAAF,OAAA,sBAAQ;AAAA,IACbJ,uBAAO;EACPO,KAAA,sBAAW;EACXC,SAAA,EAAAF,cAAwB,CAAAG,OAAM;EAChCC,UAAA;IAEOC,MAAM;MAETC,IAAA;IAGA;EAAA;AAAC;AAAA,IAAAf,OACC,YAAgBgB,SAAA;EAAA,OACd,eAAiB,IAAAV,kBAAe,CAAAW,IAAA,EAAAT,cAAA,CAAAU,MAAA;IAAAC,GAAA,EAAC,IAAG;IAAmBC,QACrD,GAAiC,eAAa,IAAAd,kBAAU,CAAAe,GAAA,EAAAb,cAAA,CAAAc,SAAA;MAC5DC,IAAA;MACAC,KAAA,YAAkB;MAChBJ,QAAE,EAAO;IAA0B,EAAC,EAAuB,eAClD,IAAAd,kBAAyB,CAAAe,GAAA,EAAAZ,cAAA,CAAAG,OAAA;MAACa,cAAY,GACjD;QAAAC,KAAA;QACFC,OAAA,WAAAA,QAAA,GACF;QAGMC,OAAA,EAAY;MACP,GAET;QAGAF,KAAA;QAACC,OAAA,WAAAA,QAAA;QACCC,OAAA;MACI,EAAoC;MACxCC,gBAAA,GACA;QACIH,KAAO,WAAU;QAAmBC,OAAA,EAAS,SAAAA,OAAYA,CAAA,GAC7D;QAAAC,OAAA;MACF,GACF","ignoreList":[]}

package/dist/cjs/layouts/ViewSwitcher.stories.cjs

@@ -1,70 +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: 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 ViewSwitcher_stories_exports = {};
-__export(ViewSwitcher_stories_exports, {
-  Default: () => Default,
-  default: () => ViewSwitcher_stories_default
-});
-module.exports = __toCommonJS(ViewSwitcher_stories_exports);
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-var import_ViewSwitcher = require("./ViewSwitcher.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-const views = [{
-  type: "list",
-  label: "List"
-}, {
-  type: "grid",
-  label: "Grid"
-}, {
-  type: "kanban",
-  label: "Kanban"
-}];
-function ViewSwitcherExample() {
-  const [current, setCurrent] = (0, import_react.useState)("list");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcher.ViewSwitcher, {
-      views,
-      currentView: current,
-      onViewChange: setCurrent
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-      children: ["Current view: ", current]
-    })]
-  });
-}
-const meta = {
-  title: "Components/ViewSwitcher",
-  component: import_ViewSwitcher.ViewSwitcher,
-  parameters: {
-    status: {
-      type: "stable"
-    }
-  }
-};
-var ViewSwitcher_stories_default = meta;
-const Default = {
-  name: "Main",
-  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewSwitcherExample, {})
-};

package/dist/cjs/layouts/ViewSwitcher.stories.native.js

@@ -1,75 +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: 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 ViewSwitcher_stories_exports = {};
-__export(ViewSwitcher_stories_exports, {
-  Default: () => Default,
-  default: () => ViewSwitcher_stories_default
-});
-module.exports = __toCommonJS(ViewSwitcher_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_tamagui = require("tamagui");
-var import_ViewSwitcher = require("./ViewSwitcher.native.js");
-var views = [{
-  type: "list",
-  label: "List"
-}, {
-  type: "grid",
-  label: "Grid"
-}, {
-  type: "kanban",
-  label: "Kanban"
-}];
-function ViewSwitcherExample() {
-  var [current, setCurrent] = (0, import_react.useState)("list");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    gap: "$4",
-    padding: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcher.ViewSwitcher, {
-      views,
-      currentView: current,
-      onViewChange: setCurrent
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
-      children: ["Current view: ", current]
-    })]
-  });
-}
-var meta = {
-  title: "Components/ViewSwitcher",
-  component: import_ViewSwitcher.ViewSwitcher,
-  parameters: {
-    status: {
-      type: "stable"
-    }
-  }
-};
-var ViewSwitcher_stories_default = meta;
-var Default = {
-  name: "Main",
-  render: function render() {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ViewSwitcherExample, {});
-  }
-};
-//# sourceMappingURL=ViewSwitcher.stories.native.js.map

package/dist/cjs/layouts/ViewSwitcher.stories.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ViewSwitcher_stories_exports","__export","Default","default","ViewSwitcher_stories_default","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_ViewSwitcher","views","type","label","ViewSwitcherExample","current","setCurrent","useState","jsxs","YStack","gap","padding","children","jsx","ViewSwitcher","currentView","onViewChange","Text"],"sources":["../../../src/layouts/ViewSwitcher.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAX,YAAyB,CAAAK,4BAAA;AACzB,IAAAO,kBAA6B,GAAAC,OAAA;AAC7B,IAAAC,YAAA,GAAAD,OAA8C;AAYxC,IAAAE,cAAA,GAAAF,OAAA;AAVN,IAAAG,mBAA4B,GAAAH,OAAA;AAAA,IACxBI,KAAA,GAAM,CACR;EACEC,IAAA,EAAM;EACVC,KAAA;AAEA,GACE;EACAD,IAAA,EACE;EACEC,KAAA;AAA4E,GACtE;EAAAD,IAAe;EAAAC,KAAQ;AAAA,EAGnC;AAEA,SAAMC,mBAAkCA,CAAA;EACtC,KAAAC,OAAO,EAAAC,UAAA,QAAAR,YAAA,CAAAS,QAAA;EACP,sBAAW,IAAAX,kBAAA,CAAAY,IAAA,EAAAT,cAAA,CAAAU,MAAA;IACXC,GAAA;IACEC,OAAA,EAAQ,IAAE;IACZC,QAAA,GACF,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAAb,mBAAA,CAAAc,YAAA;MAEOb,KAAA;MAGMc,WAAiB,EAAAV,OAAA;MACtBW,YAAA,EAAAV;IACN,IACF,mBAAAV,kBAAA,CAAAY,IAAA,EAAAT,cAAA,CAAAkB,IAAA","ignoreList":[]}

package/dist/cjs/layouts/layouts.spec.cjs

@@ -1,249 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var import_react = require("@testing-library/react");
-var import_test_utils = require("@multiplatform.one/test-utils");
-var import_vitest = require("vitest");
-var Debug = __toESM(require("./Debug/index.cjs"));
-var Layouts = __toESM(require("./index.cjs"));
-var import_sidebar = require("./sidebar.cjs");
-var import_toolbar = require("./toolbar.cjs");
-var import_ViewSwitcher = require("./ViewSwitcher.cjs");
-var import_breadcrumbs = require("./breadcrumbs.cjs");
-var import_tags = require("./tags.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-(0, import_vitest.afterEach)(import_react.cleanup);
-(0, import_vitest.describe)("Layouts Index", () => {
-  (0, import_vitest.it)("should export everything from Debug", () => {
-    for (const key of Object.keys(Debug)) {
-      (0, import_vitest.expect)(Layouts).toHaveProperty(key);
-      (0, import_vitest.expect)(Layouts[key]).toBe(Debug[key]);
-    }
-  });
-  (0, import_vitest.it)("should export Sidebar", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("Sidebar");
-  });
-  (0, import_vitest.it)("should export Toolbar", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("Toolbar");
-  });
-  (0, import_vitest.it)("should export ViewSwitcher", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("ViewSwitcher");
-  });
-  (0, import_vitest.it)("should export Breadcrumbs", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("Breadcrumbs");
-  });
-  (0, import_vitest.it)("should export Attachments", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("Attachments");
-  });
-  (0, import_vitest.it)("should export Tags", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("Tags");
-  });
-  (0, import_vitest.it)("should export Timeline", () => {
-    (0, import_vitest.expect)(Layouts).toHaveProperty("Timeline");
-  });
-});
-(0, import_vitest.describe)("Sidebar", () => {
-  (0, import_vitest.it)("renders sections and items as ListItem with title and count", () => {
-    const sections = [{
-      title: "Navigation",
-      items: [{
-        label: "Home",
-        value: "home",
-        active: true
-      }, {
-        label: "Settings",
-        value: "settings",
-        count: 3
-      }]
-    }, {
-      title: "Reports",
-      items: [{
-        label: "Sales",
-        value: "sales"
-      }]
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_sidebar.Sidebar, {
-      sections
-    }));
-    (0, import_vitest.expect)(import_react.screen.getByText("Navigation")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Reports")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Home")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Settings")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Sales")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("(3)")).toBeInTheDocument();
-  });
-});
-(0, import_vitest.describe)("Toolbar", () => {
-  (0, import_vitest.it)("renders actions from props and calls action callbacks", () => {
-    const onSave = import_vitest.vi.fn();
-    const onDelete = import_vitest.vi.fn();
-    const primaryActions = [{
-      label: "Save",
-      onPress: onSave,
-      variant: "primary"
-    }];
-    const secondaryActions = [{
-      label: "Delete",
-      onPress: onDelete,
-      variant: "destructive"
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_toolbar.Toolbar, {
-      primaryActions,
-      secondaryActions
-    }));
-    const saveButton = import_react.screen.getByText("Save");
-    const deleteButton = import_react.screen.getByText("Delete");
-    (0, import_vitest.expect)(saveButton).toBeInTheDocument();
-    (0, import_vitest.expect)(deleteButton).toBeInTheDocument();
-    import_react.fireEvent.click(saveButton);
-    (0, import_vitest.expect)(onSave).toHaveBeenCalledTimes(1);
-    import_react.fireEvent.click(deleteButton);
-    (0, import_vitest.expect)(onDelete).toHaveBeenCalledTimes(1);
-  });
-});
-(0, import_vitest.describe)("ViewSwitcher", () => {
-  (0, import_vitest.it)("renders view options as ToggleGroup items", () => {
-    const onViewChange = import_vitest.vi.fn();
-    const views = [{
-      type: "list",
-      label: "List"
-    }, {
-      type: "table",
-      label: "Table"
-    }, {
-      type: "kanban",
-      label: "Kanban"
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ViewSwitcher.ViewSwitcher, {
-      views,
-      currentView: "list",
-      onViewChange
-    }));
-    (0, import_vitest.expect)(import_react.screen.getByText("List")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Table")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Kanban")).toBeInTheDocument();
-  });
-});
-(0, import_vitest.describe)("Breadcrumbs", () => {
-  (0, import_vitest.it)("renders items from props and calls onNavigate", () => {
-    const onNavigate = import_vitest.vi.fn();
-    const items = [{
-      label: "Home",
-      href: "/"
-    }, {
-      label: "Products",
-      href: "/products"
-    }, {
-      label: "Widget"
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_breadcrumbs.Breadcrumbs, {
-      items,
-      onNavigate
-    }));
-    (0, import_vitest.expect)(import_react.screen.getByText("Home")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Products")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Widget")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getAllByText("/")).toHaveLength(2);
-    import_react.fireEvent.click(import_react.screen.getByText("Home"));
-    (0, import_vitest.expect)(onNavigate).toHaveBeenCalledWith("/");
-  });
-});
-(0, import_vitest.describe)("Tags", () => {
-  (0, import_vitest.it)("renders tag list with chip-styled buttons", () => {
-    const onRemove = import_vitest.vi.fn();
-    const onAdd = import_vitest.vi.fn();
-    const tags = [{
-      id: "tag-1",
-      label: "urgent"
-    }, {
-      id: "tag-2",
-      label: "important"
-    }, {
-      id: "tag-3",
-      label: "review"
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tags.Tags, {
-      tags,
-      onAdd,
-      onRemove
-    }));
-    (0, import_vitest.expect)(import_react.screen.getByText("urgent")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("important")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("review")).toBeInTheDocument();
-  });
-});
-(0, import_vitest.describe)("Attachments", () => {
-  (0, import_vitest.it)("renders attachment items with file name and size", () => {
-    const {
-      Attachments
-    } = Layouts;
-    const items = [{
-      id: "file-1",
-      fileName: "report.pdf",
-      fileUrl: "/files/report.pdf",
-      fileSize: 1024 * 512,
-      fileType: "application/pdf"
-    }, {
-      id: "file-2",
-      fileName: "photo.jpg",
-      fileUrl: "/files/photo.jpg",
-      fileSize: 1024 * 1024 * 2,
-      isImage: true
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Attachments, {
-      items
-    }));
-    (0, import_vitest.expect)(import_react.screen.getByText("report.pdf")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("photo.jpg")).toBeInTheDocument();
-  });
-});
-(0, import_vitest.describe)("Timeline", () => {
-  (0, import_vitest.it)("renders timeline entries with author names", () => {
-    const {
-      Timeline
-    } = Layouts;
-    const entries = [{
-      id: "entry-1",
-      type: "comment",
-      content: "Looks good!",
-      author: "Alice",
-      timestamp: "2026-01-15T10:00:00Z"
-    }, {
-      id: "entry-2",
-      type: "version",
-      author: "Bob",
-      timestamp: "2026-01-15T11:00:00Z",
-      changes: [{
-        field: "status",
-        old: "Open",
-        new: "Closed"
-      }]
-    }];
-    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(Timeline, {
-      entries
-    }));
-    (0, import_vitest.expect)(import_react.screen.getByText("Alice")).toBeInTheDocument();
-    (0, import_vitest.expect)(import_react.screen.getByText("Bob")).toBeInTheDocument();
-  });
-});