@multiplatform.one/components 1.0.0 → 1.0.2

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

@@ -1,83 +1,249 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import "react";
 import { Select, YStack, XStack, Adapt, Popover, Circle } from "tamagui";
 import { SelectSimple } from "../../forms/SelectSimple";
-import { createWithLayout, useLocale, useSupportedLocales } from "multiplatform.one";
+import { createWithLayout } from "multiplatform.one";
+import { useLocale, useSupportedLocales } from "@multiplatform.one/locales";
+import { useTheme } from "multiplatform.one/theme";
+import { useTint } from "../../tints";
 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 _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+function DebugLayout(param) {
+  var children = param.children, debugView = param.debugView, debugViewProps = param.debugViewProps, _param_rootThemeNames = param.rootThemeNames, rootThemeNames = _param_rootThemeNames === void 0 ? [
+    "system",
+    "light",
+    "dark"
+  ] : _param_rootThemeNames, _param_size = param.size, size = _param_size === void 0 ? 12 : _param_size, _param_subThemeNames = param.subThemeNames, subThemeNames = _param_subThemeNames === void 0 ? [
+    "blue",
+    "gray",
+    "green",
+    "orange",
+    "pink",
+    "purple",
+    "red",
+    "yellow"
+  ] : _param_subThemeNames, _useTint = useTint(), familiesNames = _useTint.familiesNames, setFamily = _useTint.setFamily, name = _useTint.name, DebugView = debugView, _useTheme = _sliced_to_array(useTheme(), 2), theme = _useTheme[0], setTheme = _useTheme[1], _useLocale = _sliced_to_array(useLocale(), 2), locale = _useLocale[0], setLocale = _useLocale[1], supportedLocales = useSupportedLocales();
   function handleSubThemeChange(subTheme) {
-    themeState.setSub(subTheme);
+    setTheme({
+      sub: subTheme
+    });
   }
   function handleRootThemeChange(rootTheme) {
-    themeState.setRoot(rootTheme);
+    setTheme({
+      root: rootTheme
+    });
   }
   function renderSubThemeItems() {
-    return (subThemeNames || []).map((name, i) => <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>);
+    return (subThemeNames || []).map(function(name2, i) {
+      return /* @__PURE__ */ _jsx(Select.Item, {
+        index: i,
+        value: name2,
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: name2
+        })
+      }, i + name2);
+    });
   }
   function renderRootThemeItems() {
-    return (rootThemeNames || []).map((name, i) => <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>);
+    return (rootThemeNames || []).map(function(name2, i) {
+      return /* @__PURE__ */ _jsx(Select.Item, {
+        index: i,
+        value: name2,
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: name2
+        })
+      }, i + name2);
+    });
   }
   function renderLocaleItems() {
-    return (supportedLocales || []).map((name, i) => <Select.Item key={i + name} index={i} value={name}><Select.ItemText>{name}</Select.ItemText></Select.Item>);
+    return (supportedLocales || []).map(function(name2, i) {
+      return /* @__PURE__ */ _jsx(Select.Item, {
+        index: i,
+        value: name2,
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: name2
+        })
+      }, i + name2);
+    });
+  }
+  function renderTintFamilyItems() {
+    return familiesNames.map(function(name2, i) {
+      return /* @__PURE__ */ _jsx(Select.Item, {
+        index: i,
+        value: name2,
+        children: /* @__PURE__ */ _jsx(Select.ItemText, {
+          children: name2
+        })
+      }, i + name2);
+    });
   }
   function renderDebug() {
-    return <XStack space m="$4" width={size} height={size}><Popover placement="right" size="$5">
-      <Popover.Trigger><Circle cursor="pointer" backgroundColor="$color9" width={size} height={size} /></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>;
+    var _theme_sub;
+    return /* @__PURE__ */ _jsx(XStack, {
+      gap: !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, {
+                gap: !0,
+                children: [
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "root-theme",
+                    placeholder: theme.root,
+                    width: 96,
+                    value: theme.root || "system",
+                    onValueChange: handleRootThemeChange,
+                    children: renderRootThemeItems()
+                  }),
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "sub-theme",
+                    placeholder: theme.sub,
+                    width: 96,
+                    backgroundColor: "$color5",
+                    value: (_theme_sub = theme.sub) === null || _theme_sub === void 0 ? void 0 : _theme_sub.toString(),
+                    onValueChange: handleSubThemeChange,
+                    children: renderSubThemeItems()
+                  }),
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "locales",
+                    width: 96,
+                    placeholder: locale,
+                    backgroundColor: "$color10",
+                    value: locale,
+                    onValueChange: setLocale,
+                    children: renderLocaleItems()
+                  }),
+                  /* @__PURE__ */ _jsx(SelectSimple, {
+                    id: "tint-families",
+                    width: 96,
+                    placeholder: name.toString(),
+                    backgroundColor: "$color10",
+                    value: name.toString(),
+                    onValueChange: setFamily,
+                    children: renderTintFamilyItems()
+                  })
+                ]
+              }),
+              DebugView && /* @__PURE__ */ _jsx(DebugView, _object_spread({}, debugViewProps))
+            ]
+          })
+        ]
+      })
+    });
   }
-  return config.get("DEBUG") !== "1" ? <>{children}</> : <YStack fullscreen>
-    {children}
-    <YStack position="absolute">{renderDebug()}</YStack>
-  </YStack>;
+  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"],
-  size: 12,
-  subThemeNames: ["blue", "gray", "green", "orange", "pink", "purple", "red", "yellow"]
-};
-function createWithDebugLayout(extraLayouts, debugLayoutProps = {}) {
+function createWithDebugLayout(extraLayouts) {
+  var debugLayoutProps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   return createWithLayout(DebugLayout, extraLayouts, debugLayoutProps);
 }
-const withDebugLayout = createWithDebugLayout();
+var withDebugLayout = createWithDebugLayout();
 export {
   DebugLayout,
   createWithDebugLayout,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/layouts/Debug/index.tsx"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../../../src/layouts/Debug/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/layouts/Debug/index.tsx"],
+  "mappings": "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",
+  "names": ["Select", "YStack", "XStack", "Adapt", "Popover", "Circle", "SelectSimple", "createWithLayout", "useLocale", "useSupportedLocales", "useTheme", "useTint", "config", "DebugLayout", "children", "debugView", "debugViewProps", "rootThemeNames", "size", "subThemeNames", "familiesNames", "setFamily", "name", "DebugView", "theme", "setTheme", "locale", "setLocale", "supportedLocales", "handleSubThemeChange", "subTheme", "sub", "handleRootThemeChange", "rootTheme", "root", "renderSubThemeItems", "map", "i", "Item", "index", "value", "ItemText", "renderRootThemeItems", "renderLocaleItems", "renderTintFamilyItems", "renderDebug", "gap", "m", "width", "height", "placement", "Trigger", "cursor", "backgroundColor", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "Content", "borderWidth", "borderColor", "elevate", "id", "placeholder", "onValueChange", "toString", "get", "fullscreen", "position", "createWithDebugLayout", "extraLayouts", "debugLayoutProps", "withDebugLayout"]
 }

package/dist/jsx/layouts/index.mjs

@@ -0,0 +1 @@
+export * from "./Debug/index.mjs";

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/layouts/index.tsx"],
+  "sources": ["../../../src/layouts/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/layouts/index.tsx"],
   "mappings": "AAAA,cAAc;",
   "names": []
 }

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

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

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

@@ -1,6 +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,GAEa,OAAO,MAAM,CAAC,aAAa;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/jsx/mdx/ExternalIcon/ExternalIcon.stories.mjs

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

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

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

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

@@ -1,6 +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,GAEa,OAAO,MAAM,CAAC,aAAa;AACxC,IAAO,+BAAQ;",
-  "names": []
+  "sources": ["../../../../src/mdx/ExternalIcon/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/mdx/ExternalIcon/ExternalIcon.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,oBAAoB;AAG7B,IAAMC,OAAa;EACjBC,OAAO;EACPC,WAAWH;EACXI,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,WAAA;SAAM,qBAACP,cAAAA,CAAAA,CAAAA;GAC3B,+BAAeC;",
+  "names": ["ExternalIcon", "meta", "title", "component", "parameters", "status", "type", "main"]
 }

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

@@ -1,9 +1,13 @@
 import { Svg, Path } from "react-native-svg";
+import { jsx } from "react/jsx-runtime";
 function ExternalIcon() {
-  return <Svg style={{ opacity: 0.4 }} width="100" height="100" viewBox="0 0 15 15"><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)"
-  /></Svg>;
+  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/jsx/mdx/ExternalIcon/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
-  "mappings": "AACA,SAAS,KAAK,YAAY;AAEnB,SAAS,eAAe;AAC7B,SACE,CAAC,IAAI,OAAO,EAAE,SAAS,IAAI,GAAG,MAAM,MAAM,OAAO,MAAM,QAAQ,YAC7D,CAAC;AAAA,IACC,EAAE;AAAA,IACF,KAAK;AAAA,EACP,EACF,EALC;AAOL;",
+  "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/jsx/mdx/ExternalIcon/index.mjs

@@ -0,0 +1,17 @@
+import { Svg, Path } from "react-native-svg";
+import { jsx } from "react/jsx-runtime";
+function ExternalIcon() {
+  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/jsx/mdx/ExternalIcon/index.native.js

@@ -1,9 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "react";
 import { Svg, Path } from "react-native-svg";
 function ExternalIcon() {
-  return <Svg style={{ opacity: 0.4 }} width="100" height="100" viewBox="0 0 15 15"><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)"
-  /></Svg>;
+  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/jsx/mdx/ExternalIcon/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
-  "mappings": "AACA,SAAS,KAAK,YAAY;AAEnB,SAAS,eAAe;AAC7B,SACE,CAAC,IAAI,OAAO,EAAE,SAAS,IAAI,GAAG,MAAM,MAAM,OAAO,MAAM,QAAQ,YAC7D,CAAC;AAAA,IACC,EAAE;AAAA,IACF,KAAK;AAAA,EACP,EACF,EALC;AAOL;",
-  "names": []
+  "sources": ["../../../../src/mdx/ExternalIcon/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/mdx/ExternalIcon/index.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,KAAKC,YAAY;AAEnB,SAASC,eAAAA;AACd,SACE,qBAACF,KAAAA;IAAIG,OAAO;MAAEC,SAAS;IAAI;IAAGC,OAAM;IAAMC,QAAO;IAAMC,SAAQ;cAC7D,qBAACN,MAAAA;MACCO,GAAE;MACFC,MAAK;;;AAIb;",
+  "names": ["Svg", "Path", "ExternalIcon", "style", "opacity", "width", "height", "viewBox", "d", "fill"]
 }

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

@@ -1,10 +1,11 @@
 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 = () => <HR />;
+const main = () => /* @__PURE__ */ jsx(HR, {});
 export {
   HR_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
-  "mappings": "AACA,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,CAAC,GAAG;",
+  "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/jsx/mdx/HR/HR.stories.mjs

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

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

@@ -1,10 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "react";
 import { HR } from "./index";
 var HR_stories_default = {
   title: "mdx/HR",
   component: HR,
-  parameters: { status: { type: "beta" } }
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function() {
+  return /* @__PURE__ */ _jsx(HR, {});
 };
-const main = () => <HR />;
 export {
   HR_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/HR/HR.stories.tsx"],
-  "mappings": "AACA,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,CAAC,GAAG;",
-  "names": []
+  "sources": ["../../../../src/mdx/HR/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/mdx/HR/HR.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,UAAU;AAEnB,IAAA,qBAAe;EACbC,OAAO;EACPC,WAAWF;EACXG,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,WAAA;SAAM,qBAACN,IAAAA,CAAAA,CAAAA;;",
+  "names": ["HR", "title", "component", "parameters", "status", "type", "main"]
 }

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

@@ -1,8 +1,9 @@
 import { EnsureFlexed, YStack } from "tamagui";
-const HR = () => <YStack my="$10" mx="auto" maxWidth="50%">
-  <EnsureFlexed />
-  <YStack borderBottomColor="$borderColor" borderBottomWidth={1} flex={1} />
-</YStack>;
+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/jsx/mdx/HR/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/HR/index.tsx"],
-  "mappings": "AACA,SAAS,cAAc,cAAc;AAE9B,MAAM,KAAK,MAChB,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA,EAClC,CAAC,aAAa;AAAA,EACd,CAAC,OAAO,kBAAkB,eAAe,mBAAmB,GAAG,MAAM,GAAG;AAC1E,EAHC;",
+  "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/jsx/mdx/HR/index.mjs

@@ -0,0 +1,13 @@
+import { EnsureFlexed, YStack } from "tamagui";
+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 };