@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/{jsx/images/index.mjs → esm/images/index.native.js}

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

package/dist/{jsx/index.mjs → esm/index.native.js}

@@ -8,4 +8,4 @@ export * from "./layouts";
 export * from "./mdx";
 export * from "./panels";
 export * from "./table";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

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

@@ -1,15 +1,14 @@
-import React from "react";
 import { Button } from "ui";
 import { action } from "@storybook/addon-actions";
 import { withDebugLayout } from "./index";
+import { jsx } from "react/jsx-runtime";
 var DebugLayout_stories_default = {
   title: "layouts/Debug",
   parameters: {
     status: { type: "beta" }
   }
 };
-const Main = withDebugLayout(() => /* @__PURE__ */ React.createElement(Button, { onPress: action("onPress") }, "Hello, world!"));
-const main = () => /* @__PURE__ */ React.createElement(Main, null);
+const Main = withDebugLayout(() => /* @__PURE__ */ jsx(Button, { onPress: action("onPress"), children: "Hello, world!" })), main = () => /* @__PURE__ */ jsx(Main, {});
 export {
   DebugLayout_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,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,oCAAC,UAAO,SAAS,OAAO,SAAS,KAAG,eAAa,CAAS;AACtF,MAAM,OAAO,MAAM,oCAAC,UAAK;",
+  "mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AASG;AAPnC,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,OAAO,gBAAgB,MAAM,oBAAC,UAAO,SAAS,OAAO,SAAS,GAAG,2BAAa,CAAS,GAChF,OAAO,MAAM,oBAAC,QAAK;",
   "names": []
 }

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { Button } from "ui";
+import { action } from "@storybook/addon-actions";
+import { withDebugLayout } from "./index";
+var DebugLayout_stories_default = {
+  title: "layouts/Debug",
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const Main = withDebugLayout(() => /* @__PURE__ */ React.createElement(Button, { onPress: action("onPress") }, "Hello, world!")), main = () => /* @__PURE__ */ React.createElement(Main, null);
+export {
+  DebugLayout_stories_default as default,
+  main
+};
+//# sourceMappingURL=DebugLayout.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/Debug/DebugLayout.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,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,oCAAC,UAAO,SAAS,OAAO,SAAS,KAAG,eAAa,CAAS,GAChF,OAAO,MAAM,oCAAC,UAAK;",
+  "names": []
+}

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

@@ -1,9 +1,9 @@
-import React from "react";
 import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
 import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
 import { config } from "app/config";
 import { useThemeState } from "app/state/theme";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function DebugLayout({
   children,
   debugView,
@@ -12,10 +12,7 @@ function DebugLayout({
   size,
   subThemeNames
 }) {
-  const DebugView = debugView;
-  const [locale, setLocale] = useLocale();
-  const themeState = useThemeState();
-  const supportedLocales = useSupportedLocales();
+  const DebugView = debugView, [locale, setLocale] = useLocale(), themeState = useThemeState(), supportedLocales = useSupportedLocales();
   function handleSubThemeChange(subTheme) {
     themeState.setSub(subTheme);
   }
@@ -23,58 +20,67 @@ function DebugLayout({
     themeState.setRoot(rootTheme);
   }
   function renderSubThemeItems() {
-    return (subThemeNames || []).map((name, i) => {
-      return /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name));
-    });
+    return (subThemeNames || []).map((name, i) => /* @__PURE__ */ jsx(Select.Item, { index: i, value: name, children: /* @__PURE__ */ jsx(Select.ItemText, { children: name }) }, i + name));
   }
   function renderRootThemeItems() {
-    return (rootThemeNames || []).map((name, i) => {
-      return /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name));
-    });
+    return (rootThemeNames || []).map((name, i) => /* @__PURE__ */ jsx(Select.Item, { index: i, value: name, children: /* @__PURE__ */ jsx(Select.ItemText, { children: name }) }, i + name));
   }
   function renderLocaleItems() {
-    return (supportedLocales || []).map((name, i) => {
-      return /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name));
-    });
+    return (supportedLocales || []).map((name, i) => /* @__PURE__ */ jsx(Select.Item, { index: i, value: name, children: /* @__PURE__ */ jsx(Select.ItemText, { children: name }) }, i + name));
   }
   function renderDebug() {
-    return /* @__PURE__ */ React.createElement(XStack, { space: true, m: "$4", width: size, height: size }, /* @__PURE__ */ React.createElement(Popover, { placement: "right", size: "$5" }, /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Circle, { cursor: "pointer", backgroundColor: "$color9", width: size, height: size })), /* @__PURE__ */ React.createElement(Adapt, null, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: true }, /* @__PURE__ */ React.createElement(XStack, { space: true }, /* @__PURE__ */ React.createElement(
-      SelectSimple,
-      {
-        id: "root-theme",
-        placeholder: themeState.root,
-        width: 96,
-        value: themeState.root,
-        onValueChange: handleRootThemeChange
-      },
-      renderRootThemeItems()
-    ), /* @__PURE__ */ React.createElement(
-      SelectSimple,
-      {
-        id: "sub-theme",
-        placeholder: themeState.sub,
-        width: 96,
-        backgroundColor: "$color5",
-        value: themeState.sub,
-        onValueChange: handleSubThemeChange
-      },
-      renderSubThemeItems()
-    ), /* @__PURE__ */ React.createElement(
-      SelectSimple,
-      {
-        id: "locales",
-        width: 96,
-        placeholder: locale,
-        backgroundColor: "$color10",
-        value: locale,
-        onValueChange: setLocale
-      },
-      renderLocaleItems()
-    )), DebugView && /* @__PURE__ */ React.createElement(DebugView, { ...debugViewProps }))));
+    return /* @__PURE__ */ jsx(XStack, { space: !0, m: "$4", width: size, height: size, children: /* @__PURE__ */ jsxs(Popover, { placement: "right", size: "$5", children: [
+      /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(Circle, { cursor: "pointer", backgroundColor: "$color9", width: size, height: size }) }),
+      /* @__PURE__ */ jsx(Adapt, { children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
+        /* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+        /* @__PURE__ */ jsx(Popover.Sheet.Overlay, {})
+      ] }) }),
+      /* @__PURE__ */ jsxs(Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: !0, children: [
+        /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
+          /* @__PURE__ */ jsx(
+            SelectSimple,
+            {
+              id: "root-theme",
+              placeholder: themeState.root,
+              width: 96,
+              value: themeState.root,
+              onValueChange: handleRootThemeChange,
+              children: renderRootThemeItems()
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SelectSimple,
+            {
+              id: "sub-theme",
+              placeholder: themeState.sub,
+              width: 96,
+              backgroundColor: "$color5",
+              value: themeState.sub,
+              onValueChange: handleSubThemeChange,
+              children: renderSubThemeItems()
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SelectSimple,
+            {
+              id: "locales",
+              width: 96,
+              placeholder: locale,
+              backgroundColor: "$color10",
+              value: locale,
+              onValueChange: setLocale,
+              children: renderLocaleItems()
+            }
+          )
+        ] }),
+        DebugView && /* @__PURE__ */ jsx(DebugView, { ...debugViewProps })
+      ] })
+    ] }) });
   }
-  if (config.get("DEBUG") !== "1")
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  return /* @__PURE__ */ React.createElement(YStack, { fullscreen: true }, children, /* @__PURE__ */ React.createElement(YStack, { position: "absolute" }, renderDebug()));
+  return config.get("DEBUG") !== "1" ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsxs(YStack, { fullscreen: !0, children: [
+    children,
+    /* @__PURE__ */ jsx(YStack, { position: "absolute", children: renderDebug() })
+  ] });
 }
 DebugLayout.defaultProps = {
   rootThemeNames: ["light", "dark"],

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

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

package/dist/esm/layouts/Debug/index.native.js

@@ -0,0 +1,82 @@
+import React from "react";
+import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
+import { SelectSimple } from "../../forms/SelectSimple";
+import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
+import { config } from "app/config";
+import { useThemeState } from "app/state/theme";
+function DebugLayout({
+  children,
+  debugView,
+  debugViewProps,
+  rootThemeNames,
+  size,
+  subThemeNames
+}) {
+  const DebugView = debugView, [locale, setLocale] = useLocale(), themeState = useThemeState(), supportedLocales = useSupportedLocales();
+  function handleSubThemeChange(subTheme) {
+    themeState.setSub(subTheme);
+  }
+  function handleRootThemeChange(rootTheme) {
+    themeState.setRoot(rootTheme);
+  }
+  function renderSubThemeItems() {
+    return (subThemeNames || []).map((name, i) => /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name)));
+  }
+  function renderRootThemeItems() {
+    return (rootThemeNames || []).map((name, i) => /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name)));
+  }
+  function renderLocaleItems() {
+    return (supportedLocales || []).map((name, i) => /* @__PURE__ */ React.createElement(Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ React.createElement(Select.ItemText, null, name)));
+  }
+  function renderDebug() {
+    return /* @__PURE__ */ React.createElement(XStack, { space: !0, m: "$4", width: size, height: size }, /* @__PURE__ */ React.createElement(Popover, { placement: "right", size: "$5" }, /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Circle, { cursor: "pointer", backgroundColor: "$color9", width: size, height: size })), /* @__PURE__ */ React.createElement(Adapt, null, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: !0 }, /* @__PURE__ */ React.createElement(XStack, { space: !0 }, /* @__PURE__ */ React.createElement(
+      SelectSimple,
+      {
+        id: "root-theme",
+        placeholder: themeState.root,
+        width: 96,
+        value: themeState.root,
+        onValueChange: handleRootThemeChange
+      },
+      renderRootThemeItems()
+    ), /* @__PURE__ */ React.createElement(
+      SelectSimple,
+      {
+        id: "sub-theme",
+        placeholder: themeState.sub,
+        width: 96,
+        backgroundColor: "$color5",
+        value: themeState.sub,
+        onValueChange: handleSubThemeChange
+      },
+      renderSubThemeItems()
+    ), /* @__PURE__ */ React.createElement(
+      SelectSimple,
+      {
+        id: "locales",
+        width: 96,
+        placeholder: locale,
+        backgroundColor: "$color10",
+        value: locale,
+        onValueChange: setLocale
+      },
+      renderLocaleItems()
+    )), DebugView && /* @__PURE__ */ React.createElement(DebugView, { ...debugViewProps }))));
+  }
+  return config.get("DEBUG") !== "1" ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : /* @__PURE__ */ React.createElement(YStack, { fullscreen: !0 }, children, /* @__PURE__ */ React.createElement(YStack, { position: "absolute" }, renderDebug()));
+}
+DebugLayout.defaultProps = {
+  rootThemeNames: ["light", "dark"],
+  size: 12,
+  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/esm/layouts/Debug/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/Debug/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAIlB,SAAS,QAAQ,QAAQ,QAAQ,OAAO,SAAS,cAAc;AAC/D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,WAAW,2BAA2B;AAEjE,SAAS,cAAc;AAEvB,SAAS,qBAAqB;AAavB,SAAS,YAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,YAAY,WACZ,CAAC,QAAQ,SAAS,IAAI,UAAU,GAChC,aAAa,cAAc,GAC3B,mBAAmB,oBAAoB;AAE7C,WAAS,qBAAqB,UAAqB;AACjD,eAAW,OAAO,QAAQ;AAAA,EAC5B;AAEA,WAAS,sBAAsB,WAAsB;AACnD,eAAW,QAAQ,SAAwB;AAAA,EAC7C;AAEA,WAAS,sBAAsB;AAC7B,YAAQ,iBAAiB,CAAC,GAAG,IAAI,CAAC,MAAc,MAE5C,oCAAC,OAAO,MAAP,EAAY,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,QAC3C,oCAAC,OAAO,UAAP,MAAiB,IAAK,CACzB,CAEH;AAAA,EACH;AAEA,WAAS,uBAAuB;AAC9B,YAAQ,kBAAkB,CAAC,GAAG,IAAI,CAAC,MAAc,MAE7C,oCAAC,OAAO,MAAP,EAAY,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,QAC3C,oCAAC,OAAO,UAAP,MAAiB,IAAK,CACzB,CAEH;AAAA,EACH;AAEA,WAAS,oBAAoB;AAC3B,YAAQ,oBAAoB,CAAC,GAAG,IAAI,CAAC,MAAc,MAE/C,oCAAC,OAAO,MAAP,EAAY,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,QAC3C,oCAAC,OAAO,UAAP,MAAiB,IAAK,CACzB,CAEH;AAAA,EACH;AAEA,WAAS,cAAc;AACrB,WACE,oCAAC,UAAO,OAAK,IAAC,GAAE,MAAK,OAAO,MAAM,QAAQ,QACxC,oCAAC,WAAQ,WAAU,SAAQ,MAAK,QAC9B,oCAAC,QAAQ,SAAR,MACC,oCAAC,UAAO,QAAO,WAAU,iBAAgB,WAAU,OAAO,MAAM,QAAQ,MAAM,CAChF,GACA,oCAAC,aACC,oCAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,MACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,QAC3B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA,oCAAC,QAAQ,SAAR,EAAgB,aAAa,GAAG,aAAY,gBAAe,SAAO,MACjE,oCAAC,UAAO,OAAK,MACX;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,aAAa,WAAW;AAAA,QACxB,OAAO;AAAA,QACP,OAAO,WAAW;AAAA,QAClB,eAAe;AAAA;AAAA,MAEd,qBAAqB;AAAA,IACxB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,aAAa,WAAW;AAAA,QACxB,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,OAAO,WAAW;AAAA,QAClB,eAAe;AAAA;AAAA,MAEd,oBAAoB;AAAA,IACvB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAO;AAAA,QACP,aAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,eAAe;AAAA;AAAA,MAEd,kBAAkB;AAAA,IACrB,CACF,GACC,aAAa,oCAAC,aAAW,GAAI,gBAAwB,CACxD,CACF,CACF;AAAA,EAEJ;AAEA,SAAI,OAAO,IAAI,OAAO,MAAM,MAAY,0DAAG,QAAS,IAElD,oCAAC,UAAO,YAAU,MACf,UACD,oCAAC,UAAO,UAAS,cAAY,YAAY,CAAE,CAC7C;AAEJ;AAEA,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC,SAAS,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,eAAe,CAAC,QAAQ,QAAQ,SAAS,UAAU,QAAQ,UAAU,OAAO,QAAQ;AACtF;AAEO,SAAS,sBACd,cACA,mBAA0D,CAAC,GAC3D;AACA,SAAO,iBAAiB,aAAa,cAAc,gBAAgB;AACrE;AAEO,MAAM,kBAAkB,sBAAsB;",
+  "names": []
+}

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

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

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

@@ -1,11 +1,10 @@
-import React from "react";
 import { ExternalIcon } from "./index";
+import { jsx } from "react/jsx-runtime";
 const meta = {
   title: "mdx/ExternalIcon",
   component: ExternalIcon,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ React.createElement(ExternalIcon, null);
+}, main = () => /* @__PURE__ */ jsx(ExternalIcon, {});
 var ExternalIcon_stories_default = meta;
 export {
   ExternalIcon_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/ExternalIcon/ExternalIcon.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,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,oCAAC,kBAAa;AACxC,IAAO,+BAAQ;",
+  "mappings": "AACA,SAAS,oBAAoB;AASH;AAN1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,oBAAC,gBAAa;AACxC,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/mdx/ExternalIcon/ExternalIcon.stories.native.js

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

package/dist/esm/mdx/ExternalIcon/ExternalIcon.stories.native.js.map

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

package/dist/esm/mdx/ExternalIcon/index.js

@@ -1,13 +1,13 @@
-import React from "react";
 import { Svg, Path } from "react-native-svg";
+import { jsx } from "react/jsx-runtime";
 function ExternalIcon() {
-  return /* @__PURE__ */ React.createElement(Svg, { style: { opacity: 0.4 }, width: "100", height: "100", viewBox: "0 0 15 15" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Svg, { style: { opacity: 0.4 }, width: "100", height: "100", viewBox: "0 0 15 15", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: "M3.64645 11.3536C3.45118 11.1583 3.45118 10.8417 3.64645 10.6465L10.2929 4L6 4C5.72386 4 5.5 3.77614 5.5 3.5C5.5 3.22386 5.72386 3 6 3L11.5 3C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5L12 9.00001C12 9.27615 11.7761 9.50001 11.5 9.50001C11.2239 9.50001 11 9.27615 11 9.00001V4.70711L4.35355 11.3536C4.15829 11.5488 3.84171 11.5488 3.64645 11.3536Z",
       fill: "var(--color)"
     }
-  ));
+  ) });
 }
 export {
   ExternalIcon

package/dist/esm/mdx/ExternalIcon/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAEnB,SAAS,eAAe;AAC7B,SACE,oCAAC,OAAI,OAAO,EAAE,SAAS,IAAI,GAAG,OAAM,OAAM,QAAO,OAAM,SAAQ,eAC7D;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,CACF;AAEJ;",
+  "mappings": "AACA,SAAS,KAAK,YAAY;AAKpB;AAHC,SAAS,eAAe;AAC7B,SACE,oBAAC,OAAI,OAAO,EAAE,SAAS,IAAI,GAAG,OAAM,OAAM,QAAO,OAAM,SAAQ,aAC7D;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/mdx/ExternalIcon/index.native.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Svg, Path } from "react-native-svg";
+function ExternalIcon() {
+  return /* @__PURE__ */ React.createElement(Svg, { style: { opacity: 0.4 }, width: "100", height: "100", viewBox: "0 0 15 15" }, /* @__PURE__ */ React.createElement(
+    Path,
+    {
+      d: "M3.64645 11.3536C3.45118 11.1583 3.45118 10.8417 3.64645 10.6465L10.2929 4L6 4C5.72386 4 5.5 3.77614 5.5 3.5C5.5 3.22386 5.72386 3 6 3L11.5 3C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5L12 9.00001C12 9.27615 11.7761 9.50001 11.5 9.50001C11.2239 9.50001 11 9.27615 11 9.00001V4.70711L4.35355 11.3536C4.15829 11.5488 3.84171 11.5488 3.64645 11.3536Z",
+      fill: "var(--color)"
+    }
+  ));
+}
+export {
+  ExternalIcon
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/mdx/ExternalIcon/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAEnB,SAAS,eAAe;AAC7B,SACE,oCAAC,OAAI,OAAO,EAAE,SAAS,IAAI,GAAG,OAAM,OAAM,QAAO,OAAM,SAAQ,eAC7D;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,CACF;AAEJ;",
+  "names": []
+}

package/dist/esm/mdx/HR/HR.stories.js

@@ -1,11 +1,11 @@
-import React from "react";
 import { HR } from "./index";
+import { jsx } from "react/jsx-runtime";
 var HR_stories_default = {
   title: "mdx/HR",
   component: HR,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(HR, null);
+const main = () => /* @__PURE__ */ jsx(HR, {});
 export {
   HR_stories_default as default,
   main

package/dist/esm/mdx/HR/HR.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,QAAG;",
+  "mappings": "AACA,SAAS,UAAU;AAQO;AAN1B,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oBAAC,MAAG;",
   "names": []
 }

package/dist/esm/mdx/HR/HR.stories.native.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { HR } from "./index";
+var HR_stories_default = {
+  title: "mdx/HR",
+  component: HR,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => /* @__PURE__ */ React.createElement(HR, null);
+export {
+  HR_stories_default as default,
+  main
+};
+//# sourceMappingURL=HR.stories.js.map

package/dist/esm/mdx/HR/HR.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,QAAG;",
+  "names": []
+}

package/dist/esm/mdx/HR/index.js

@@ -1,6 +1,9 @@
-import React from "react";
 import { EnsureFlexed, YStack } from "tamagui";
-const HR = () => /* @__PURE__ */ React.createElement(YStack, { my: "$10", mx: "auto", maxWidth: "50%" }, /* @__PURE__ */ React.createElement(EnsureFlexed, null), /* @__PURE__ */ React.createElement(YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 }));
+import { jsx, jsxs } from "react/jsx-runtime";
+const HR = () => /* @__PURE__ */ jsxs(YStack, { my: "$10", mx: "auto", maxWidth: "50%", children: [
+  /* @__PURE__ */ jsx(EnsureFlexed, {}),
+  /* @__PURE__ */ jsx(YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 })
+] });
 export {
   HR
 };

package/dist/esm/mdx/HR/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/HR/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc,cAAc;AAE9B,MAAM,KAAK,MAChB,oCAAC,UAAO,IAAG,OAAM,IAAG,QAAO,UAAS,SAClC,oCAAC,kBAAa,GACd,oCAAC,UAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG,CAC1E;",
+  "mappings": "AACA,SAAS,cAAc,cAAc;AAGnC,SACE,KADF;AADK,MAAM,KAAK,MAChB,qBAAC,UAAO,IAAG,OAAM,IAAG,QAAO,UAAS,OAClC;AAAA,sBAAC,gBAAa;AAAA,EACd,oBAAC,UAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG;AAAA,GAC1E;",
   "names": []
 }

package/dist/esm/mdx/HR/index.native.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { EnsureFlexed, YStack } from "tamagui";
+const HR = () => /* @__PURE__ */ React.createElement(YStack, { my: "$10", mx: "auto", maxWidth: "50%" }, /* @__PURE__ */ React.createElement(EnsureFlexed, null), /* @__PURE__ */ React.createElement(YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 }));
+export {
+  HR
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/mdx/HR/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/HR/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc,cAAc;AAE9B,MAAM,KAAK,MAChB,oCAAC,UAAO,IAAG,OAAM,IAAG,QAAO,UAAS,SAClC,oCAAC,kBAAa,GACd,oCAAC,UAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG,CAC1E;",
+  "names": []
+}

package/dist/esm/mdx/LI/LI.stories.js

@@ -1,12 +1,12 @@
-import React from "react";
 import { Text } from "tamagui";
 import { LI } from "./index";
+import { jsx } from "react/jsx-runtime";
 var LI_stories_default = {
   title: "mdx/LI",
   component: LI,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(LI, null, /* @__PURE__ */ React.createElement(Text, null, "Hello world"));
+const main = () => /* @__PURE__ */ jsx(LI, { children: /* @__PURE__ */ jsx(Text, { children: "Hello world" }) });
 export {
   LI_stories_default as default,
   main

package/dist/esm/mdx/LI/LI.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/LI/LI.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,UACC,oCAAC,YAAK,aAAW,CACnB;",
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,UAAU;AAUf;AARJ,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oBAAC,MACC,8BAAC,QAAK,yBAAW,GACnB;",
   "names": []
 }

package/dist/esm/mdx/LI/LI.stories.native.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { Text } from "tamagui";
+import { LI } from "./index";
+var LI_stories_default = {
+  title: "mdx/LI",
+  component: LI,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => /* @__PURE__ */ React.createElement(LI, null, /* @__PURE__ */ React.createElement(Text, null, "Hello world"));
+export {
+  LI_stories_default as default,
+  main
+};
+//# sourceMappingURL=LI.stories.js.map

package/dist/esm/mdx/LI/LI.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/LI/LI.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,UACC,oCAAC,YAAK,aAAW,CACnB;",
+  "names": []
+}

package/dist/{jsx/mdx/LI/index.mjs → esm/mdx/LI/index.native.js}

@@ -8,4 +8,4 @@ const LI = styled(Paragraph, {
 export {
   LI
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/esm/mdx/MDX/MDX.stories.js

@@ -1,12 +1,11 @@
-import React from "react";
 import { MDX } from "./index";
+import { jsx } from "react/jsx-runtime";
 const meta = {
   title: "mdx/MDX",
   parameters: {
     status: { type: "beta" }
   }
-};
-const mdxSource = `
+}, mdxSource = `
 # Hello
 
 > I am a blockquote
@@ -42,8 +41,7 @@ const hello = "world";
 const hello = "world";
 const hello = "world";
 \`\`\`
-`;
-const main = () => /* @__PURE__ */ React.createElement(MDX, { debug: true }, mdxSource);
+`, main = () => /* @__PURE__ */ jsx(MDX, { debug: !0, children: mdxSource });
 var MDX_stories_default = meta;
 export {
   MDX_stories_default as default,

package/dist/esm/mdx/MDX/MDX.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/MDX/MDX.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,WAAW;AAEpB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCX,MAAM,OAAO,MAAM,oCAAC,OAAI,OAAK,QAAE,SAAU;AAEhD,IAAO,sBAAQ;",
+  "mappings": "AAEA,SAAS,WAAW;AA+CM;AA7C1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsCL,OAAO,MAAM,oBAAC,OAAI,OAAK,IAAE,qBAAU;AAEhD,IAAO,sBAAQ;",
   "names": []
 }