@multiplatform.one/components 5.0.26 → 6.0.0

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

@@ -0,0 +1,76 @@
+"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 Breadcrumbs_stories_exports = {};
+__export(Breadcrumbs_stories_exports, {
+  Default: () => Default,
+  default: () => Breadcrumbs_stories_default
+});
+module.exports = __toCommonJS(Breadcrumbs_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_breadcrumbs = require("./breadcrumbs.native.js");
+var Breadcrumbs_stories_default = {
+  title: "Components/Breadcrumbs",
+  component: import_breadcrumbs.Breadcrumbs,
+  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_breadcrumbs.Breadcrumbs, {
+      items: [{
+        label: "Home",
+        href: "/"
+      }, {
+        label: "Projects",
+        href: "/projects"
+      }, {
+        label: "multiplatform.one",
+        href: "/projects/mp1"
+      }, {
+        label: "Settings"
+      }],
+      onNavigate: function onNavigate(href) {
+        return console.log("Navigate:", href);
+      }
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_breadcrumbs.Breadcrumbs, {
+      items: [{
+        label: "Dashboard",
+        href: "/"
+      }, {
+        label: "Users"
+      }],
+      onNavigate: function onNavigate(href) {
+        return console.log("Navigate:", href);
+      }
+    })]
+  });
+};
+Default.storyName = "Main";
+//# sourceMappingURL=Breadcrumbs.stories.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Breadcrumbs_stories_exports","__export","Default","default","Breadcrumbs_stories_default","module","exports","import_jsx_runtime","require","import_tamagui","import_breadcrumbs","title","component","Breadcrumbs","parameters","status","type","Default2","jsxs","YStack","gap","children","jsx","items","label","href"],"sources":["../../../src/layouts/Breadcrumbs.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA,OAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAuB,CAAAK,2BAAA;AACvB,IAAAO,kBAAA,GAA4BC,OAAA;AAS1B,IAAAC,cAAA,GAAAD,OAAA;AAPF,IAAOE,kBAAA,GAAAF,OAAA,0BAAQ;AAAA,IACbJ,2BAAO;EACPO,KAAA,0BAAW;EACXC,SAAA,EAAAF,kBAAwB,CAAMG,WAAW;EAC3CC,UAAA;IAEOC,MAAM;MAETC,IAAA;IAAC;EAAA;AAAA;AACQ,IAAAd,OACH,YAAOe,QAAcA,CAAA;EAAI,OAC3B,eAAS,IAAYV,kBAAkB,CAAAW,IAAA,EAAAT,cAAA,CAAAU,MAAA;IAAAC,GAAA,EACvC,IAAE;IAAkDC,QAClD,GACJ,mBAAAd,kBAAA,CAAAe,GAAA,EAAAZ,kBAAA,CAAAG,WAAA;MACAU,KAAA,GAAmD;QACrDC,KAAA;QACAC,IAAA;MAAC;QACCD,KAAU,YAAO;QACjBC,IAAA,EAAY;MAAuC,GACrD;QACFD,KAAA;QAEMC,IAAA","ignoreList":[]}

package/dist/cjs/layouts/Debug/DebugLayout.stories.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var DebugLayout_stories_exports = {};
 __export(DebugLayout_stories_exports, {
@@ -24,20 +26,23 @@ __export(DebugLayout_stories_exports, {
   main: () => main
 });
 module.exports = __toCommonJS(DebugLayout_stories_exports);
-var import_addon_actions = require("@storybook/addon-actions"),
-  import_tamagui = require("tamagui"),
-  import_index = require("./index.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime"),
-  DebugLayout_stories_default = {
-    title: "layouts/Debug",
-    parameters: {
-      status: {
-        type: "beta"
-      }
+var import_storybook = require("@multiplatform.one/storybook");
+var import_forms = require("@multiplatform.one/forms");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DebugLayout_stories_default = {
+  title: "Components/DebugLayout",
+  parameters: {
+    status: {
+      type: "beta"
     }
-  };
-const Main = (0, import_index.withDebugLayout)(() => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-    onPress: (0, import_addon_actions.action)("onPress"),
-    children: "Hello, world!"
-  })),
-  main = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(Main, {});
+  }
+};
+const MainComponent = (0, import_index.withDebugLayout)(() => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+  onPress: (0, import_storybook.action)("onPress"),
+  children: "Hello, world!"
+}));
+const main = {
+  name: "Main",
+  render: () => /* @__PURE__ */(0, import_jsx_runtime.jsx)(MainComponent, {})
+};

package/dist/cjs/layouts/Debug/DebugLayout.stories.native.js

@@ -1,41 +1,55 @@
 "use strict";
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var DebugLayout_stories_exports = {};
 __export(DebugLayout_stories_exports, {
   default: () => DebugLayout_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(DebugLayout_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_addon_actions = require("@storybook/addon-actions"), import_tamagui = require("tamagui"), import_index = require("./index"), DebugLayout_stories_default = {
-  title: "layouts/Debug",
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_storybook = require("@multiplatform.one/storybook");
+var import_forms = require("@multiplatform.one/forms");
+var import_index = require("./index.native.js");
+var DebugLayout_stories_default = {
+  title: "Components/DebugLayout",
   parameters: {
     status: {
       type: "beta"
     }
   }
-}, Main = (0, import_index.withDebugLayout)(function() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-    onPress: (0, import_addon_actions.action)("onPress"),
+};
+var MainComponent = (0, import_index.withDebugLayout)(function () {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+    onPress: (0, import_storybook.action)("onPress"),
     children: "Hello, world!"
   });
-}), main = function() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Main, {});
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  main
 });
-//# sourceMappingURL=DebugLayout.stories.js.map
+var main = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(MainComponent, {});
+  }
+};
+//# sourceMappingURL=DebugLayout.stories.native.js.map

package/dist/cjs/layouts/Debug/DebugLayout.stories.native.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/layouts/Debug/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;AAmBC,yBAAA,8BAED,uBAAuB,qCACvB,iBAAuB,oBACvB,eAAgC,oBAEhC,8BAAe;EACbA,OAAO;EACPC,YAAY;IACVC,QAAQ;MAAEC,MAAM;IAAO;EACzB;AACF,GAEMC,WAAOC,8BAAgB,WAAA;SAC3B,uCAAAC,KAACC,uBAAAA;IAAOC,aAASC,6BAAO,SAAA;cAAY;;IAEzBC,OAAO,WAAA;SAAM,uCAAAJ,KAACF,MAAAA,CAAAA,CAAAA;;",
-  "names": ["title", "parameters", "status", "type", "Main", "withDebugLayout", "_jsx", "Button", "onPress", "action", "main"]
-}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DebugLayout_stories_exports","__export","default","DebugLayout_stories_default","main","module","exports","import_jsx_runtime","require","import_storybook","import_forms","import_index","title","parameters","status","type","MainComponent","withDebugLayout","jsx","Button"],"sources":["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC,2BAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAuB,CAAAK,2BAAA;AACvB,IAAAO,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,gBAAgC,GAAAD,OAAA;AAU9B,IAAAE,YAAA,GAAAF,OAAA;AARF,IAAOG,YAAA,GAAAH,OAAA,oBAAQ;AAAA,IACbL,2BAAO;EACPS,KAAA,0BAAY;EAAAC,UACF,EAAE;IACZC,MAAA;MACFC,IAAA;IAEA;EAIO;AAAa;AACZ,IACNC,aAAc,OAAAL,YAAA,CAAAM,eAAA,cAAC;EACjB,0BAAAV,kBAAA,CAAAW,GAAA,EAAAR,YAAA,CAAAS,MAAA","ignoreList":[]}

package/dist/cjs/layouts/Debug/debug.spec.cjs

@@ -0,0 +1,198 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_react = require("@testing-library/react");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+import_vitest.vi.mock("multiplatform.one", () => ({
+  useTheme: () => [{}, import_vitest.vi.fn(), false],
+  useLanguage: () => ["en", import_vitest.vi.fn()],
+  config: {
+    get: () => "1"
+  },
+  createWithLayout: import_vitest.vi.fn(),
+  isWeb: false
+}));
+import_vitest.vi.mock("@multiplatform.one/platform", () => ({
+  config: {
+    get: () => "1"
+  },
+  createWithLayout: import_vitest.vi.fn(Component => Component)
+}));
+import_vitest.vi.mock("@multiplatform.one/theme", () => ({
+  useTheme: () => [{}, import_vitest.vi.fn(), false]
+}));
+import_vitest.vi.mock("i18next", () => ({
+  default: {
+    languages: ["en", "es", "fr"],
+    language: "en",
+    on: import_vitest.vi.fn(),
+    off: import_vitest.vi.fn(),
+    changeLanguage: import_vitest.vi.fn()
+  }
+}));
+import_vitest.vi.mock("@multiplatform.one/i18n", () => ({
+  useLanguage: () => ["en", import_vitest.vi.fn()]
+}));
+import_vitest.vi.mock("tamagui", async () => {
+  const actual = await import_vitest.vi.importActual("tamagui");
+  return {
+    ...actual,
+    Select: {
+      Item: ({
+        children,
+        value,
+        index
+      }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        "data-testid": `select-item-${value}`,
+        "data-index": index,
+        children
+      }),
+      ItemText: ({
+        children
+      }) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        "data-testid": "select-item-text",
+        children
+      })
+    }
+  };
+});
+(0, import_vitest.describe)("DebugLayout", () => {
+  (0, import_vitest.beforeEach)(() => {
+    import_vitest.vi.clearAllMocks();
+  });
+  (0, import_vitest.afterEach)(import_react.cleanup);
+  (0, import_vitest.it)("renders children correctly", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        "data-testid": "child",
+        children: "Test Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("child")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("renders debug circle when DEBUG is enabled", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-circle")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("maintains layout structure at different viewport sizes", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Responsive Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-layout-root")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Responsive Content")).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles scheme changes correctly", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Theme Test"
+      })
+    }));
+    const debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    await (0, import_react.act)(async () => {
+      import_react.fireEvent.click(debugCircle);
+    });
+  });
+  (0, import_vitest.it)("renders with custom size", () => {
+    const customSize = 24;
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      size: customSize,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Custom Size Test"
+      })
+    }));
+    const debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    const debugContainer = import_react.screen.getByTestId("debug-container");
+    (0, import_vitest.expect)(debugContainer).toBeInTheDocument();
+  });
+  import_vitest.it.skip("shows and hides popover content on click", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Content"
+      })
+    }));
+    const debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    await (0, import_react.act)(async () => {
+      import_react.fireEvent.click(debugCircle);
+    });
+    const popoverContent = import_react.screen.getByTestId("debug-circle").closest('[data-state="open"]');
+    (0, import_vitest.expect)(popoverContent).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles color theme changes correctly", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Color Theme Test"
+      })
+    }));
+    const debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    await (0, import_react.act)(async () => {
+      import_react.fireEvent.click(debugCircle);
+    });
+  });
+  (0, import_vitest.it)("handles missing theme names gracefully", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Error Test"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-circle")).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles empty theme arrays", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Empty Theme Test"
+      })
+    }));
+    const debugButton = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugButton).toBeTruthy();
+    import_react.fireEvent.click(debugButton);
+    const popoverContent = await import_react.screen.findByRole("dialog");
+    (0, import_vitest.expect)(popoverContent).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles undefined i18n languages", async () => {
+    import_vitest.vi.mock("i18next", () => ({
+      default: {
+        languages: void 0
+      }
+    }));
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Content"
+      })
+    }));
+    const debugButton = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugButton).toBeTruthy();
+    import_react.fireEvent.click(debugButton);
+    const popoverContent = await import_react.screen.findByRole("dialog");
+    (0, import_vitest.expect)(popoverContent).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("should render debug button", () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Test Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-circle")).toBeTruthy();
+  });
+  import_vitest.it.skip("should open popover when debug button is clicked", async () => {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Test Content"
+      })
+    }));
+    const debugButton = import_react.screen.getByTestId("debug-circle");
+    import_react.fireEvent.click(debugButton);
+    const dialog = await import_react.screen.findByRole("dialog");
+    (0, import_vitest.expect)(dialog).toBeInTheDocument();
+  });
+});

package/dist/cjs/layouts/Debug/debug.spec.native.js

@@ -0,0 +1,233 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_react = require("@testing-library/react");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_index = require("./index.native.js");
+import_vitest.vi.mock("multiplatform.one", function () {
+  return {
+    useTheme: function useTheme() {
+      return [{}, import_vitest.vi.fn(), false];
+    },
+    useLanguage: function useLanguage() {
+      return ["en", import_vitest.vi.fn()];
+    },
+    config: {
+      get: function get() {
+        return "1";
+      }
+    },
+    createWithLayout: import_vitest.vi.fn(),
+    isWeb: false
+  };
+});
+import_vitest.vi.mock("@multiplatform.one/platform", function () {
+  return {
+    config: {
+      get: function get() {
+        return "1";
+      }
+    },
+    createWithLayout: import_vitest.vi.fn(function (Component) {
+      return Component;
+    })
+  };
+});
+import_vitest.vi.mock("@multiplatform.one/theme", function () {
+  return {
+    useTheme: function useTheme() {
+      return [{}, import_vitest.vi.fn(), false];
+    }
+  };
+});
+import_vitest.vi.mock("i18next", function () {
+  return {
+    default: {
+      languages: ["en", "es", "fr"],
+      language: "en",
+      on: import_vitest.vi.fn(),
+      off: import_vitest.vi.fn(),
+      changeLanguage: import_vitest.vi.fn()
+    }
+  };
+});
+import_vitest.vi.mock("@multiplatform.one/i18n", function () {
+  return {
+    useLanguage: function useLanguage() {
+      return ["en", import_vitest.vi.fn()];
+    }
+  };
+});
+import_vitest.vi.mock("tamagui", async function () {
+  var actual = await import_vitest.vi.importActual("tamagui");
+  return {
+    ...actual,
+    Select: {
+      Item: function Item(param) {
+        var {
+          children,
+          value,
+          index
+        } = param;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          "data-testid": `select-item-${value}`,
+          "data-index": index,
+          children
+        });
+      },
+      ItemText: function ItemText(param) {
+        var {
+          children
+        } = param;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+          "data-testid": "select-item-text",
+          children
+        });
+      }
+    }
+  };
+});
+(0, import_vitest.describe)("DebugLayout", function () {
+  (0, import_vitest.beforeEach)(function () {
+    import_vitest.vi.clearAllMocks();
+  });
+  (0, import_vitest.afterEach)(import_react.cleanup);
+  (0, import_vitest.it)("renders children correctly", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        "data-testid": "child",
+        children: "Test Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("child")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("renders debug circle when DEBUG is enabled", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-circle")).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("maintains layout structure at different viewport sizes", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Responsive Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-layout-root")).toBeInTheDocument();
+    (0, import_vitest.expect)(import_react.screen.getByText("Responsive Content")).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles scheme changes correctly", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Theme Test"
+      })
+    }));
+    var debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    await (0, import_react.act)(async function () {
+      import_react.fireEvent.click(debugCircle);
+    });
+  });
+  (0, import_vitest.it)("renders with custom size", function () {
+    var customSize = 24;
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      size: customSize,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Custom Size Test"
+      })
+    }));
+    var debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    var debugContainer = import_react.screen.getByTestId("debug-container");
+    (0, import_vitest.expect)(debugContainer).toBeInTheDocument();
+  });
+  import_vitest.it.skip("shows and hides popover content on click", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Content"
+      })
+    }));
+    var debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    await (0, import_react.act)(async function () {
+      import_react.fireEvent.click(debugCircle);
+    });
+    var popoverContent = import_react.screen.getByTestId("debug-circle").closest('[data-state="open"]');
+    (0, import_vitest.expect)(popoverContent).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles color theme changes correctly", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Color Theme Test"
+      })
+    }));
+    var debugCircle = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugCircle).toBeInTheDocument();
+    await (0, import_react.act)(async function () {
+      import_react.fireEvent.click(debugCircle);
+    });
+  });
+  (0, import_vitest.it)("handles missing theme names gracefully", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Error Test"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-circle")).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles empty theme arrays", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Empty Theme Test"
+      })
+    }));
+    var debugButton = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugButton).toBeTruthy();
+    import_react.fireEvent.click(debugButton);
+    var popoverContent = await import_react.screen.findByRole("dialog");
+    (0, import_vitest.expect)(popoverContent).toBeInTheDocument();
+  });
+  import_vitest.it.skip("handles undefined i18n languages", async function () {
+    import_vitest.vi.mock("i18next", function () {
+      return {
+        default: {
+          languages: void 0
+        }
+      };
+    });
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Content"
+      })
+    }));
+    var debugButton = import_react.screen.getByTestId("debug-circle");
+    (0, import_vitest.expect)(debugButton).toBeTruthy();
+    import_react.fireEvent.click(debugButton);
+    var popoverContent = await import_react.screen.findByRole("dialog");
+    (0, import_vitest.expect)(popoverContent).toBeInTheDocument();
+  });
+  (0, import_vitest.it)("should render debug button", function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Test Content"
+      })
+    }));
+    (0, import_vitest.expect)(import_react.screen.getByTestId("debug-circle")).toBeTruthy();
+  });
+  import_vitest.it.skip("should open popover when debug button is clicked", async function () {
+    (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.DebugLayout, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        children: "Test Content"
+      })
+    }));
+    var debugButton = import_react.screen.getByTestId("debug-circle");
+    import_react.fireEvent.click(debugButton);
+    var dialog = await import_react.screen.findByRole("dialog");
+    (0, import_vitest.expect)(dialog).toBeInTheDocument();
+  });
+});
+//# sourceMappingURL=debug.spec.native.js.map