@multiplatform.one/components 0.2.0

package/dist/jsx/images/SimpleImage/index.stories.mjs

@@ -0,0 +1,55 @@
+import { Platform } from "react-native";
+import { useAssets } from "../../hooks";
+import { SimpleImage } from "./index";
+var index_stories_default = {
+  title: "images/SimpleImage",
+  component: SimpleImage,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = (args) => <SimpleImage src={require("../../../assets/poker-game-1894.png")} {...args} />;
+main.args = {
+  aspectRatio: void 0,
+  height: void 0,
+  width: void 0,
+  bg: "black"
+};
+const withSvg = (args) => <SimpleImage src={require("../../../assets/pentagon.svg")} {...args} />;
+withSvg.args = {
+  aspectRatio: void 0,
+  height: void 0,
+  bg: "black",
+  width: void 0,
+  resizeMode: void 0
+};
+withSvg.argTypes = {
+  resizeMode: {
+    control: {
+      type: Platform.OS === "web" ? "select" : "text",
+      options: ["contain", "cover", "stretch"]
+    }
+  }
+};
+function WithUseAssets() {
+  const [pokerGame1894Png] = useAssets([require("../../../assets/poker-game-1894.png")]);
+  return <SimpleImage width={400} height={400} backgroundColor="black" src={pokerGame1894Png} />;
+}
+const withUseAssets = () => <WithUseAssets />;
+function WithRequire() {
+  return <SimpleImage
+    width={400}
+    height={400}
+    backgroundColor="black"
+    src={require("../../../assets/poker-game-1894.png")}
+  />;
+}
+const withRequire = () => <WithRequire />;
+export {
+  index_stories_default as default,
+  main,
+  withRequire,
+  withSvg,
+  withUseAssets
+};
+//# sourceMappingURL=index.stories.mjs.map

package/dist/jsx/images/SimpleImage/index.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SimpleImage/index.stories.tsx"],
+  "mappings": "AACA,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,CAAC,SAAgB,CAAC,YAAY,KAAK,QAAQ,qCAAqC,OAAO,MAAM;AACjH,KAAK,OAAO;AAAA,EACV,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,IAAI;AACN;AAEO,MAAM,UAAU,CAAC,SAAgB,CAAC,YAAY,KAAK,QAAQ,8BAA8B,OAAO,MAAM;AAC7G,QAAQ,OAAO;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,YAAY;AACd;AACA,QAAQ,WAAW;AAAA,EACjB,YAAY;AAAA,IACV,SAAS;AAAA,MACP,MAAM,SAAS,OAAO,QAAQ,WAAW;AAAA,MACzC,SAAS,CAAC,WAAW,SAAS,SAAS;AAAA,IACzC;AAAA,EACF;AACF;AAEA,SAAS,gBAAgB;AACvB,QAAM,CAAC,gBAAgB,IAAI,UAAU,CAAC,QAAQ,qCAAqC,CAAC,CAAC;AACrF,SAAO,CAAC,YAAY,OAAO,KAAK,QAAQ,KAAK,gBAAgB,QAAQ,KAAK,kBAAkB;AAC9F;AACO,MAAM,gBAAgB,MAAM,CAAC,cAAc;AAElD,SAAS,cAAc;AACrB,SACE,CAAC;AAAA,IACC,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,KAAK,QAAQ,qCAAqC;AAAA,EACpD;AAEJ;AACO,MAAM,cAAc,MAAM,CAAC,YAAY;",
+  "names": []
+}

package/dist/jsx/images/Svg/Svg.stories.js

@@ -0,0 +1,21 @@
+import { Path } from "react-native-svg";
+import { Svg } from "./index";
+var Svg_stories_default = {
+  title: "images/Svg",
+  component: Svg,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <Svg width={304} height={290}><Path
+  d="M2,111 h300 l-242.7,176.3 92.7,-285.3 92.7,285.3 z"
+  fill="#FB2"
+  stroke="#BBB"
+  strokeWidth={15}
+  strokeLinejoin="round"
+/></Svg>;
+export {
+  Svg_stories_default as default,
+  main
+};
+//# sourceMappingURL=Svg.stories.js.map

package/dist/jsx/images/Svg/Svg.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/Svg.stories.tsx"],
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,WAAW;AAEpB,IAAO,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,IAAI,OAAO,KAAK,QAAQ,KACvB,CAAC;AAAA,EACC,EAAE;AAAA,EACF,KAAK;AAAA,EACL,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe;AACjB,EACF,EARC;",
+  "names": []
+}

package/dist/jsx/images/Svg/Svg.stories.mjs

@@ -0,0 +1,21 @@
+import { Path } from "react-native-svg";
+import { Svg } from "./index";
+var Svg_stories_default = {
+  title: "images/Svg",
+  component: Svg,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = () => <Svg width={304} height={290}><Path
+  d="M2,111 h300 l-242.7,176.3 92.7,-285.3 92.7,285.3 z"
+  fill="#FB2"
+  stroke="#BBB"
+  strokeWidth={15}
+  strokeLinejoin="round"
+/></Svg>;
+export {
+  Svg_stories_default as default,
+  main
+};
+//# sourceMappingURL=Svg.stories.mjs.map

package/dist/jsx/images/Svg/Svg.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/Svg.stories.tsx"],
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,WAAW;AAEpB,IAAO,sBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAO,MAClB,CAAC,IAAI,OAAO,KAAK,QAAQ,KACvB,CAAC;AAAA,EACC,EAAE;AAAA,EACF,KAAK;AAAA,EACL,OAAO;AAAA,EACP,aAAa;AAAA,EACb,eAAe;AACjB,EACF,EARC;",
+  "names": []
+}

package/dist/jsx/images/Svg/index.js

@@ -0,0 +1,7 @@
+import { Svg as TSvg } from "@tamagui/react-native-svg";
+import { styled } from "tamagui";
+const Svg = styled(TSvg, {});
+export {
+  Svg
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/images/Svg/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/index.ts"],
+  "mappings": "AAEA,SAAS,OAAO,YAAY;AAC5B,SAAS,cAAc;AAEhB,MAAM,MAAM,OAAO,MAAsB,CAAC,CAAC;",
+  "names": []
+}

package/dist/jsx/images/Svg/index.mjs

@@ -0,0 +1,7 @@
+import { Svg as TSvg } from "@tamagui/react-native-svg";
+import { styled } from "tamagui";
+const Svg = styled(TSvg, {});
+export {
+  Svg
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/images/Svg/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/index.ts"],
+  "mappings": "AAEA,SAAS,OAAO,YAAY;AAC5B,SAAS,cAAc;AAEhB,MAAM,MAAM,OAAO,MAAsB,CAAC,CAAC;",
+  "names": []
+}

package/dist/jsx/images/Svg/index.native.js

@@ -0,0 +1,7 @@
+import { Svg as RNSvg } from "react-native-svg";
+import { styled } from "tamagui";
+const Svg = styled(RNSvg, {});
+export {
+  Svg
+};
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/images/Svg/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/index.native.ts"],
+  "mappings": "AAAA,SAAS,OAAO,aAAa;AAC7B,SAAS,cAAc;AAEhB,MAAM,MAAM,OAAO,OAAO,CAAC,CAAC;",
+  "names": []
+}

package/dist/jsx/images/Svg/index.native.mjs

@@ -0,0 +1,7 @@
+import { Svg as RNSvg } from "react-native-svg";
+import { styled } from "tamagui";
+const Svg = styled(RNSvg, {});
+export {
+  Svg
+};
+//# sourceMappingURL=index.native.mjs.map

package/dist/jsx/images/Svg/index.native.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/Svg/index.native.ts"],
+  "mappings": "AAAA,SAAS,OAAO,aAAa;AAC7B,SAAS,cAAc;AAEhB,MAAM,MAAM,OAAO,OAAO,CAAC,CAAC;",
+  "names": []
+}

package/dist/jsx/images/SvgUri/index.js

@@ -0,0 +1,9 @@
+const logger = console;
+function SvgUri(_props) {
+  logger.error("use SimpleImage instead of SvgUri");
+  return <>{}</>;
+}
+export {
+  SvgUri
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/images/SvgUri/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SvgUri/index.tsx"],
+  "mappings": "AAIA,MAAM,SAAS;AAIR,SAAS,OAAO,QAAqB;AAC1C,SAAO,MAAM,mCAAmC;AAChD,SAAO,IAAI;AACb;",
+  "names": []
+}

package/dist/jsx/images/SvgUri/index.mjs

@@ -0,0 +1,9 @@
+const logger = console;
+function SvgUri(_props) {
+  logger.error("use SimpleImage instead of SvgUri");
+  return <>{}</>;
+}
+export {
+  SvgUri
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/images/SvgUri/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SvgUri/index.tsx"],
+  "mappings": "AAIA,MAAM,SAAS;AAIR,SAAS,OAAO,QAAqB;AAC1C,SAAO,MAAM,mCAAmC;AAChD,SAAO,IAAI;AACb;",
+  "names": []
+}

package/dist/jsx/images/SvgUri/index.native.js

@@ -0,0 +1,7 @@
+import { SvgUri as RNSvgUri } from "react-native-svg";
+import { styled } from "tamagui";
+const SvgUri = styled(RNSvgUri, { uri: null });
+export {
+  SvgUri
+};
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/images/SvgUri/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SvgUri/index.native.ts"],
+  "mappings": "AAAA,SAAS,UAAU,gBAAgB;AACnC,SAAS,cAAc;AAEhB,MAAM,SAAS,OAAO,UAAU,EAAE,KAAK,KAAK,CAAC;",
+  "names": []
+}

package/dist/jsx/images/SvgUri/index.native.mjs

@@ -0,0 +1,7 @@
+import { SvgUri as RNSvgUri } from "react-native-svg";
+import { styled } from "tamagui";
+const SvgUri = styled(RNSvgUri, { uri: null });
+export {
+  SvgUri
+};
+//# sourceMappingURL=index.native.mjs.map

package/dist/jsx/images/SvgUri/index.native.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/images/SvgUri/index.native.ts"],
+  "mappings": "AAAA,SAAS,UAAU,gBAAgB;AACnC,SAAS,cAAc;AAEhB,MAAM,SAAS,OAAO,UAAU,EAAE,KAAK,KAAK,CAAC;",
+  "names": []
+}

package/dist/jsx/images/index.js

@@ -0,0 +1,3 @@
+export * from "./SimpleImage";
+export * from "./Svg";
+//# sourceMappingURL=index.js.map

package/dist/jsx/images/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/images/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/images/index.mjs

@@ -0,0 +1,3 @@
+export * from "./SimpleImage";
+export * from "./Svg";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/images/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/images/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1,11 @@
+export * from "./ErrorBoundary";
+export * from "./code";
+export * from "./forms";
+export * from "./helpers";
+export * from "./hooks";
+export * from "./images";
+export * from "./layouts";
+export * from "./mdx";
+export * from "./panels";
+export * from "./table";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,11 @@
+export * from "./ErrorBoundary";
+export * from "./code";
+export * from "./forms";
+export * from "./helpers";
+export * from "./hooks";
+export * from "./images";
+export * from "./layouts";
+export * from "./mdx";
+export * from "./panels";
+export * from "./table";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/layouts/Debug/DebugLayout.stories.js

@@ -0,0 +1,15 @@
+import { Text } from "tamagui";
+import { withDebugLayout } from "./index";
+var DebugLayout_stories_default = {
+  title: "layouts/Debug",
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const Main = withDebugLayout(() => <Text>Hello, world!</Text>);
+const main = () => <Main />;
+export {
+  DebugLayout_stories_default as default,
+  main
+};
+//# sourceMappingURL=DebugLayout.stories.js.map

package/dist/jsx/layouts/Debug/DebugLayout.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,KAAK,aAAa,EAAlB,KAAyB;AACtD,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "names": []
+}

package/dist/jsx/layouts/Debug/DebugLayout.stories.mjs

@@ -0,0 +1,15 @@
+import { Text } from "tamagui";
+import { withDebugLayout } from "./index";
+var DebugLayout_stories_default = {
+  title: "layouts/Debug",
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const Main = withDebugLayout(() => <Text>Hello, world!</Text>);
+const main = () => <Main />;
+export {
+  DebugLayout_stories_default as default,
+  main
+};
+//# sourceMappingURL=DebugLayout.stories.mjs.map

package/dist/jsx/layouts/Debug/DebugLayout.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAEhC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,CAAC,KAAK,aAAa,EAAlB,KAAyB;AACtD,MAAM,OAAO,MAAM,CAAC,KAAK;",
+  "names": []
+}

package/dist/jsx/layouts/Debug/index.js

@@ -0,0 +1,98 @@
+import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { SelectSimple } from "../../forms/SelectSimple";
+import { createWithLayout } from "multiplatform.one";
+import { useLocale } from "multiplatform.one";
+import { useSupportedLocales } from "multiplatform.one";
+import { config } from "app/config";
+import { useThemeState } from "app/state/theme";
+function DebugLayout({
+  children,
+  debugView,
+  debugViewProps,
+  rootThemeNames,
+  subThemeNames
+}) {
+  const DebugView = debugView;
+  const [locale, setLocale] = useLocale();
+  const themeState = useThemeState();
+  const supportedLocales = useSupportedLocales();
+  function handleSubThemeChange(subTheme) {
+    themeState.setSub(subTheme);
+  }
+  function handleRootThemeChange(rootTheme) {
+    themeState.setRoot(rootTheme);
+  }
+  function renderSubThemeItems() {
+    return (subThemeNames || []).map((name, i) => {
+      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
+    });
+  }
+  function renderRootThemeItems() {
+    return (rootThemeNames || []).map((name, i) => {
+      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
+    });
+  }
+  function renderLocaleItems() {
+    return (supportedLocales || []).map((name, i) => {
+      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
+    });
+  }
+  function renderDebug() {
+    return <XStack space padding="$4" zIndex={9999}><Popover placement="right" size="$5">
+      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={8} height={8} /></Popover.Trigger>
+      <Adapt><Popover.Sheet modal dismissOnSnapToBottom>
+        <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
+        <Popover.Sheet.Overlay />
+      </Popover.Sheet></Adapt>
+      <Popover.Content borderWidth={1} borderColor="$borderColor" elevate>
+        <XStack space>
+          <SelectSimple
+            id="root-theme"
+            placeholder={themeState.root}
+            width={96}
+            value={themeState.root}
+            onValueChange={handleRootThemeChange}
+          >{renderRootThemeItems()}</SelectSimple>
+          <SelectSimple
+            id="sub-theme"
+            placeholder={themeState.sub}
+            width={96}
+            backgroundColor="$color5"
+            value={themeState.sub}
+            onValueChange={handleSubThemeChange}
+          >{renderSubThemeItems()}</SelectSimple>
+          <SelectSimple
+            id="locales"
+            width={96}
+            placeholder={locale}
+            backgroundColor="$color10"
+            value={locale}
+            onValueChange={setLocale}
+          >{renderLocaleItems()}</SelectSimple>
+        </XStack>
+        {DebugView && <DebugView {...debugViewProps} />}
+      </Popover.Content>
+    </Popover></XStack>;
+  }
+  if (config.get("DEBUG") !== "1") {
+    return <>{children}</>;
+  }
+  return <ZStack fullscreen>
+    {renderDebug()}
+    <YStack fullscreen>{children}</YStack>
+  </ZStack>;
+}
+DebugLayout.defaultProps = {
+  rootThemeNames: ["light", "dark"],
+  subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
+};
+function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {
+  return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
+}
+const withDebugLayout = createWithDebugLayout();
+export {
+  DebugLayout,
+  createWithDebugLayout,
+  withDebugLayout
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/layouts/Debug/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/Debug/index.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/layouts/Debug/index.mjs

@@ -0,0 +1,98 @@
+import { Select, YStack, ZStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { SelectSimple } from "../../forms/SelectSimple";
+import { createWithLayout } from "multiplatform.one";
+import { useLocale } from "multiplatform.one";
+import { useSupportedLocales } from "multiplatform.one";
+import { config } from "app/config";
+import { useThemeState } from "app/state/theme";
+function DebugLayout({
+  children,
+  debugView,
+  debugViewProps,
+  rootThemeNames,
+  subThemeNames
+}) {
+  const DebugView = debugView;
+  const [locale, setLocale] = useLocale();
+  const themeState = useThemeState();
+  const supportedLocales = useSupportedLocales();
+  function handleSubThemeChange(subTheme) {
+    themeState.setSub(subTheme);
+  }
+  function handleRootThemeChange(rootTheme) {
+    themeState.setRoot(rootTheme);
+  }
+  function renderSubThemeItems() {
+    return (subThemeNames || []).map((name, i) => {
+      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
+    });
+  }
+  function renderRootThemeItems() {
+    return (rootThemeNames || []).map((name, i) => {
+      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
+    });
+  }
+  function renderLocaleItems() {
+    return (supportedLocales || []).map((name, i) => {
+      return <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>;
+    });
+  }
+  function renderDebug() {
+    return <XStack space padding="$4" zIndex={9999}><Popover placement="right" size="$5">
+      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={8} height={8} /></Popover.Trigger>
+      <Adapt><Popover.Sheet modal dismissOnSnapToBottom>
+        <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
+        <Popover.Sheet.Overlay />
+      </Popover.Sheet></Adapt>
+      <Popover.Content borderWidth={1} borderColor="$borderColor" elevate>
+        <XStack space>
+          <SelectSimple
+            id="root-theme"
+            placeholder={themeState.root}
+            width={96}
+            value={themeState.root}
+            onValueChange={handleRootThemeChange}
+          >{renderRootThemeItems()}</SelectSimple>
+          <SelectSimple
+            id="sub-theme"
+            placeholder={themeState.sub}
+            width={96}
+            backgroundColor="$color5"
+            value={themeState.sub}
+            onValueChange={handleSubThemeChange}
+          >{renderSubThemeItems()}</SelectSimple>
+          <SelectSimple
+            id="locales"
+            width={96}
+            placeholder={locale}
+            backgroundColor="$color10"
+            value={locale}
+            onValueChange={setLocale}
+          >{renderLocaleItems()}</SelectSimple>
+        </XStack>
+        {DebugView && <DebugView {...debugViewProps} />}
+      </Popover.Content>
+    </Popover></XStack>;
+  }
+  if (config.get("DEBUG") !== "1") {
+    return <>{children}</>;
+  }
+  return <ZStack fullscreen>
+    {renderDebug()}
+    <YStack fullscreen>{children}</YStack>
+  </ZStack>;
+}
+DebugLayout.defaultProps = {
+  rootThemeNames: ["light", "dark"],
+  subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
+};
+function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {
+  return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
+}
+const withDebugLayout = createWithDebugLayout();
+export {
+  DebugLayout,
+  createWithDebugLayout,
+  withDebugLayout
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/layouts/Debug/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/Debug/index.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/layouts/index.js

@@ -0,0 +1,2 @@
+export * from "./Debug";
+//# sourceMappingURL=index.js.map

package/dist/jsx/layouts/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/layouts/index.tsx"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/layouts/index.mjs

@@ -0,0 +1,2 @@
+export * from "./Debug";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/layouts/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/layouts/index.tsx"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/mdx/ExternalIcon/ExternalIcon.stories.js

@@ -0,0 +1,13 @@
+import { ExternalIcon } from "./index";
+const meta = {
+  title: "mdx/ExternalIcon",
+  component: ExternalIcon,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <ExternalIcon />;
+var ExternalIcon_stories_default = meta;
+export {
+  ExternalIcon_stories_default as default,
+  main
+};
+//# sourceMappingURL=ExternalIcon.stories.js.map

package/dist/jsx/mdx/ExternalIcon/ExternalIcon.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/ExternalIcon.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,CAAC,aAAa;AACxC,IAAO,+BAAQ;",
+  "names": []
+}