@multiplatform.one/components 0.7.0 → 0.7.1

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

@@ -0,0 +1,107 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __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 });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Debug_exports = {};
+__export(Debug_exports, {
+  DebugLayout: () => DebugLayout,
+  createWithDebugLayout: () => createWithDebugLayout,
+  withDebugLayout: () => withDebugLayout
+});
+module.exports = __toCommonJS(Debug_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_SelectSimple = require("../../forms/SelectSimple"), import_multiplatform = require("multiplatform.one"), import_config = require("app/config"), import_theme = require("app/state/theme");
+function DebugLayout({
+  children,
+  debugView,
+  debugViewProps,
+  rootThemeNames,
+  size,
+  subThemeNames
+}) {
+  const DebugView = debugView, [locale, setLocale] = (0, import_multiplatform.useLocale)(), themeState = (0, import_theme.useThemeState)(), supportedLocales = (0, import_multiplatform.useSupportedLocales)();
+  function handleSubThemeChange(subTheme) {
+    themeState.setSub(subTheme);
+  }
+  function handleRootThemeChange(rootTheme) {
+    themeState.setRoot(rootTheme);
+  }
+  function renderSubThemeItems() {
+    return (subThemeNames || []).map((name, i) => /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ItemText, null, name)));
+  }
+  function renderRootThemeItems() {
+    return (rootThemeNames || []).map((name, i) => /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ItemText, null, name)));
+  }
+  function renderLocaleItems() {
+    return (supportedLocales || []).map((name, i) => /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Item, { key: i + name, index: i, value: name }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ItemText, null, name)));
+  }
+  function renderDebug() {
+    return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, { space: !0, m: "$4", width: size, height: size }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, { placement: "right", size: "$5" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Trigger, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Circle, { cursor: "pointer", backgroundColor: "$color9", width: size, height: size })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet.Overlay, null))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Content, { borderWidth: 1, borderColor: "$borderColor", elevate: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, { space: !0 }, /* @__PURE__ */ import_react.default.createElement(
+      import_SelectSimple.SelectSimple,
+      {
+        id: "root-theme",
+        placeholder: themeState.root,
+        width: 96,
+        value: themeState.root,
+        onValueChange: handleRootThemeChange
+      },
+      renderRootThemeItems()
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_SelectSimple.SelectSimple,
+      {
+        id: "sub-theme",
+        placeholder: themeState.sub,
+        width: 96,
+        backgroundColor: "$color5",
+        value: themeState.sub,
+        onValueChange: handleSubThemeChange
+      },
+      renderSubThemeItems()
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_SelectSimple.SelectSimple,
+      {
+        id: "locales",
+        width: 96,
+        placeholder: locale,
+        backgroundColor: "$color10",
+        value: locale,
+        onValueChange: setLocale
+      },
+      renderLocaleItems()
+    )), DebugView && /* @__PURE__ */ import_react.default.createElement(DebugView, { ...debugViewProps }))));
+  }
+  return import_config.config.get("DEBUG") !== "1" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children) : /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { fullscreen: !0 }, children, /* @__PURE__ */ import_react.default.createElement(import_tamagui.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 (0, import_multiplatform.createWithLayout)(DebugLayout, extraLayouts, debugLayoutProps);
+}
+const withDebugLayout = createWithDebugLayout();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DebugLayout,
+  createWithDebugLayout,
+  withDebugLayout
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/layouts/Debug/index.native.js.map

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

package/dist/cjs/layouts/index.js

@@ -3,15 +3,12 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+  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 });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var layouts_exports = {};
 module.exports = __toCommonJS(layouts_exports);
 __reExport(layouts_exports, require("./Debug"), module.exports);

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

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

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

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var layouts_exports = {};
+module.exports = __toCommonJS(layouts_exports);
+__reExport(layouts_exports, require("./Debug"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Debug")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/layouts/index.native.js.map

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

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

@@ -1,44 +1,29 @@
-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 __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") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var ExternalIcon_stories_exports = {};
 __export(ExternalIcon_stories_exports, {
   default: () => ExternalIcon_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(ExternalIcon_stories_exports);
-var import_react = __toESM(require("react"));
-var import_index = require("./index");
+var import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime");
 const meta = {
   title: "mdx/ExternalIcon",
   component: import_index.ExternalIcon,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.ExternalIcon, null);
+}, main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.ExternalIcon, {});
 var ExternalIcon_stories_default = meta;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/ExternalIcon/ExternalIcon.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAA6B;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,6BAAAA,QAAA,cAAC,+BAAa;AACxC,IAAO,+BAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA6B,oBASH;AAN1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,4CAAC,6BAAa;AACxC,IAAO,+BAAQ;",
+  "names": []
 }

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

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __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 });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ExternalIcon_stories_exports = {};
+__export(ExternalIcon_stories_exports, {
+  default: () => ExternalIcon_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(ExternalIcon_stories_exports);
+var import_react = __toESM(require("react")), import_index = require("./index");
+const meta = {
+  title: "mdx/ExternalIcon",
+  component: import_index.ExternalIcon,
+  parameters: { status: { type: "beta" } }
+}, main = () => /* @__PURE__ */ import_react.default.createElement(import_index.ExternalIcon, null);
+var ExternalIcon_stories_default = meta;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=ExternalIcon.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/ExternalIcon.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAA6B;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,6BAAAA,QAAA,cAAC,+BAAa;AACxC,IAAO,+BAAQ;",
+  "names": ["React"]
+}

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

@@ -1,45 +1,31 @@
-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 __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") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var ExternalIcon_exports = {};
 __export(ExternalIcon_exports, {
   ExternalIcon: () => ExternalIcon
 });
 module.exports = __toCommonJS(ExternalIcon_exports);
-var import_react = __toESM(require("react"));
-var import_react_native_svg = require("react-native-svg");
+var import_react_native_svg = require("react-native-svg"), import_jsx_runtime = require("react/jsx-runtime");
 function ExternalIcon() {
-  return /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Svg, { style: { opacity: 0.4 }, width: "100", height: "100", viewBox: "0 0 15 15" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.Svg, { style: { opacity: 0.4 }, width: "100", height: "100", viewBox: "0 0 15 15", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_native_svg.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)"
     }
-  ));
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,8BAA0B;AAEnB,SAAS,eAAe;AAC7B,SACE,6BAAAA,QAAA,cAAC,+BAAI,OAAO,EAAE,SAAS,IAAI,GAAG,OAAM,OAAM,QAAO,OAAM,SAAQ,eAC7D,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA0B,6BAKpB;AAHC,SAAS,eAAe;AAC7B,SACE,4CAAC,+BAAI,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/cjs/mdx/ExternalIcon/index.native.js

@@ -0,0 +1,42 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __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 });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ExternalIcon_exports = {};
+__export(ExternalIcon_exports, {
+  ExternalIcon: () => ExternalIcon
+});
+module.exports = __toCommonJS(ExternalIcon_exports);
+var import_react = __toESM(require("react")), import_react_native_svg = require("react-native-svg");
+function ExternalIcon() {
+  return /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.Svg, { style: { opacity: 0.4 }, width: "100", height: "100", viewBox: "0 0 15 15" }, /* @__PURE__ */ import_react.default.createElement(
+    import_react_native_svg.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)"
+    }
+  ));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ExternalIcon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,0BAA0B;AAEnB,SAAS,eAAe;AAC7B,SACE,6BAAAA,QAAA,cAAC,+BAAI,OAAO,EAAE,SAAS,IAAI,GAAG,OAAM,OAAM,QAAO,OAAM,SAAQ,eAC7D,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,CACF;AAEJ;",
+  "names": ["React"]
+}

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

@@ -1,44 +1,29 @@
-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 __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") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var HR_stories_exports = {};
 __export(HR_stories_exports, {
   default: () => HR_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(HR_stories_exports);
-var import_react = __toESM(require("react"));
-var import_index = require("./index");
-var HR_stories_default = {
+var import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime"), HR_stories_default = {
   title: "mdx/HR",
   component: import_index.HR,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.HR, null);
+const main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.HR, {});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAmB;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,6BAAAA,QAAA,cAAC,qBAAG;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAmB,oBAQO,mDANnB,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,4CAAC,mBAAG;",
+  "names": []
 }

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

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __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 });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var HR_stories_exports = {};
+__export(HR_stories_exports, {
+  default: () => HR_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(HR_stories_exports);
+var import_react = __toESM(require("react")), import_index = require("./index"), HR_stories_default = {
+  title: "mdx/HR",
+  component: import_index.HR,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.HR, null);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=HR.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,eAAmB,oBAEZ,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,6BAAAA,QAAA,cAAC,qBAAG;",
+  "names": ["React"]
+}

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

@@ -1,38 +1,27 @@
-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 __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") {
+    __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))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var HR_exports = {};
 __export(HR_exports, {
   HR: () => HR
 });
 module.exports = __toCommonJS(HR_exports);
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-const HR = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { my: "$10", mx: "auto", maxWidth: "50%" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.EnsureFlexed, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 }));
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const HR = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { my: "$10", mx: "auto", maxWidth: "50%", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.EnsureFlexed, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 })
+] });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   HR

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/HR/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqC;AAE9B,MAAM,KAAK,MAChB,6BAAAA,QAAA,cAAC,yBAAO,IAAG,OAAM,IAAG,QAAO,UAAS,SAClC,6BAAAA,QAAA,cAAC,iCAAa,GACd,6BAAAA,QAAA,cAAC,yBAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG,CAC1E;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAqC,oBAGnC;AADK,MAAM,KAAK,MAChB,6CAAC,yBAAO,IAAG,OAAM,IAAG,QAAO,UAAS,OAClC;AAAA,8CAAC,+BAAa;AAAA,EACd,4CAAC,yBAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG;AAAA,GAC1E;",
+  "names": []
 }

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

@@ -0,0 +1,34 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __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 });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var HR_exports = {};
+__export(HR_exports, {
+  HR: () => HR
+});
+module.exports = __toCommonJS(HR_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+const HR = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { my: "$10", mx: "auto", maxWidth: "50%" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.EnsureFlexed, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { borderBottomColor: "$borderColor", borderBottomWidth: 1, flex: 1 }));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HR
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/HR/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,iBAAqC;AAE9B,MAAM,KAAK,MAChB,6BAAAA,QAAA,cAAC,yBAAO,IAAG,OAAM,IAAG,QAAO,UAAS,SAClC,6BAAAA,QAAA,cAAC,iCAAa,GACd,6BAAAA,QAAA,cAAC,yBAAO,mBAAkB,gBAAe,mBAAmB,GAAG,MAAM,GAAG,CAC1E;",
+  "names": ["React"]
+}