@multiplatform.one/components 1.0.0 → 1.0.2

package/dist/jsx/mdx/MDXCodeBlock/index.js.map

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

package/dist/jsx/mdx/MDXCodeBlock/index.mjs

@@ -0,0 +1,133 @@
+import { useEffect, useRef, useState, useContext } from "react";
+import { Button, Spacer, TooltipSimple, XStack, YStack, getTokens } from "tamagui";
+import { CheckCircle, Clipboard } from "@tamagui/lucide-icons";
+import { Code } from "../../code/Code/index.mjs";
+import { ErrorBoundary } from "../../ErrorBoundary/index.mjs";
+import { LinearGradient } from "@tamagui/linear-gradient";
+import { MDXCodeBlockContext } from "./MDXCodeBlockContext.mjs";
+import { Pre } from "../../code/Pre/index.mjs";
+import { ScrollView } from "react-native-web";
+import { useClipboard } from "../../hooks/useClipboard.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MDXCodeBlock(props) {
+  const {
+      children,
+      className,
+      disableCopy,
+      id,
+      isCollapsible,
+      isHighlightingLines,
+      showLineNumbers: propShowLineNumbers,
+      size,
+      ...codeProps
+    } = {
+      ...useContext(MDXCodeBlockContext),
+      ...props
+    },
+    lines = Array.isArray(children) ? children.length : 0,
+    showLineNumbers = propShowLineNumbers ?? lines > 10,
+    [isCollapsed, setIsCollapsed] = useState(isCollapsible),
+    isLong = lines > 22,
+    [isCutoff, setIsCutoff] = useState(isLong && !isCollapsible),
+    [code, setCode] = useState(void 0),
+    preRef = useRef(null),
+    {
+      hasCopied,
+      onCopy
+    } = useClipboard(code),
+    tokens = getTokens();
+  return useEffect(() => {
+    try {
+      if (preRef.current) {
+        const codeElement = preRef.current.querySelector("code");
+        if (codeElement) {
+          const code2 = codeElement.innerText.replace(/\n{3,}/g, `
+`);
+          setCode(code2);
+        }
+      }
+    } catch {}
+  }, [preRef]), /* @__PURE__ */jsx(YStack, {
+    position: "relative",
+    mb: "$4",
+    children: /* @__PURE__ */jsx(ErrorBoundary, {
+      children: /* @__PURE__ */jsxs(YStack, {
+        position: "relative",
+        ...(isCutoff && {
+          maxHeight: 400,
+          ov: "hidden",
+          br: "$4"
+        }),
+        children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */jsxs(LinearGradient, {
+          pos: "absolute",
+          b: 0,
+          l: 0,
+          r: 0,
+          height: 200,
+          colors: ["$backgroundTransparent", "$background"],
+          zi: 1e3,
+          children: [/* @__PURE__ */jsx(Spacer, {
+            f: 1
+          }), /* @__PURE__ */jsx(Button, {
+            onPress: () => setIsCutoff(!isCutoff),
+            als: "center",
+            children: "Show more"
+          }), /* @__PURE__ */jsx(Spacer, {
+            size: "$4"
+          })]
+        }), (!isCollapsed || !isCollapsible) && /* @__PURE__ */jsx(Pre, {
+          ref: preRef,
+          "data-invert-line-highlight": isHighlightingLines,
+          "data-line-numbers": showLineNumbers,
+          className,
+          p: 0,
+          mb: 0,
+          id,
+          children: /* @__PURE__ */jsx(ScrollView, {
+            style: {
+              width: "100%"
+            },
+            contentContainerStyle: {
+              minWidth: "100%"
+            },
+            horizontal: !0,
+            showsHorizontalScrollIndicator: !1,
+            children: /* @__PURE__ */jsx(Code, {
+              backgroundColor: "transparent",
+              className,
+              f: 1,
+              lineHeight: tokens.space[size || "$5"],
+              p: "$4",
+              size: size ?? "$5",
+              ...codeProps,
+              children
+            })
+          })
+        }), /* @__PURE__ */jsxs(XStack, {
+          position: "absolute",
+          top: "$3",
+          right: "$3",
+          gap: "$3",
+          children: [(!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */jsx(TooltipSimple, {
+            label: hasCopied ? "Copied" : "Copy to clipboard",
+            children: /* @__PURE__ */jsx(Button, {
+              "aria-label": "Copy code to clipboard",
+              size: "$2",
+              icon: hasCopied ? CheckCircle : Clipboard,
+              onPress: onCopy,
+              $xs: {
+                display: "none"
+              }
+            })
+          }), isCollapsible && /* @__PURE__ */jsx(Button, {
+            accessibilityLabel: "Show or hide code",
+            size: "$2",
+            onPress: () => setIsCollapsed(x => !x),
+            children: isCollapsed ? "Show code" : "Hide code"
+          })]
+        })]
+      })
+    })
+  });
+}
+export { MDXCodeBlock };

package/dist/jsx/mdx/MDXCodeBlock/index.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useContext } from "react";
 import { Button, Spacer, TooltipSimple, XStack, YStack, getTokens } from "tamagui";
 import { CheckCircle, Clipboard } from "@tamagui/lucide-icons";
@@ -8,86 +9,233 @@ import { MDXCodeBlockContext } from "./MDXCodeBlockContext";
 import { Pre } from "../../code/Pre";
 import { ScrollView } from "react-native";
 import { useClipboard } from "../../hooks/useClipboard";
+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] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (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 MDXCodeBlock(props) {
-  const {
-    children,
-    className,
-    disableCopy,
-    id,
-    isCollapsible,
-    isHighlightingLines,
-    showLineNumbers: propShowLineNumbers,
-    size,
-    ...codeProps
-  } = { ...useContext(MDXCodeBlockContext), ...props }, lines = Array.isArray(children) ? children.length : 0, showLineNumbers = propShowLineNumbers ?? lines > 10, [isCollapsed, setIsCollapsed] = useState(isCollapsible), isLong = lines > 22, [isCutoff, setIsCutoff] = useState(isLong && !isCollapsible), [code, setCode] = useState(void 0), preRef = useRef(null), { hasCopied, onCopy } = useClipboard(code), tokens = getTokens();
-  return useEffect(() => {
+  var _ref = _object_spread({}, useContext(MDXCodeBlockContext), props), children = _ref.children, className = _ref.className, disableCopy = _ref.disableCopy, id = _ref.id, isCollapsible = _ref.isCollapsible, isHighlightingLines = _ref.isHighlightingLines, propShowLineNumbers = _ref.showLineNumbers, size = _ref.size, codeProps = _object_without_properties(_ref, [
+    "children",
+    "className",
+    "disableCopy",
+    "id",
+    "isCollapsible",
+    "isHighlightingLines",
+    "showLineNumbers",
+    "size"
+  ]), lines = Array.isArray(children) ? children.length : 0, showLineNumbers = propShowLineNumbers ?? lines > 10, _useState = _sliced_to_array(useState(isCollapsible), 2), isCollapsed = _useState[0], setIsCollapsed = _useState[1], isLong = lines > 22, _useState1 = _sliced_to_array(useState(isLong && !isCollapsible), 2), isCutoff = _useState1[0], setIsCutoff = _useState1[1], _useState2 = _sliced_to_array(useState(void 0), 2), code = _useState2[0], setCode = _useState2[1], preRef = useRef(null), _useClipboard = useClipboard(code), hasCopied = _useClipboard.hasCopied, onCopy = _useClipboard.onCopy, tokens = getTokens();
+  return useEffect(function() {
     try {
       if (preRef.current) {
-        const codeElement = preRef.current.querySelector("code");
+        var codeElement = preRef.current.querySelector("code");
         if (codeElement) {
-          const code2 = codeElement.innerText.replace(/\n{3,}/g, `
+          var code2 = codeElement.innerText.replace(/\n{3,}/g, `
 `);
           setCode(code2);
         }
       }
     } catch {
     }
-  }, [preRef]), <YStack position="relative" mb="$4"><ErrorBoundary><YStack
-    position="relative"
-    {...isCutoff && {
-      maxHeight: 400,
-      ov: "hidden",
-      br: "$4"
-    }}
-  >
-    {(!isCollapsed || !isCollapsible) && isCutoff && <LinearGradient
-      pos="absolute"
-      b={0}
-      l={0}
-      r={0}
-      height={200}
-      colors={["$backgroundTransparent", "$background"]}
-      zi={1e3}
-    >
-      <Spacer f={1} />
-      <Button onPress={() => setIsCutoff(!isCutoff)} als="center">Show more</Button>
-      <Spacer size="$4" />
-    </LinearGradient>}
-    {(!isCollapsed || !isCollapsible) && <Pre
-      ref={preRef}
-      data-invert-line-highlight={isHighlightingLines}
-      data-line-numbers={showLineNumbers}
-      className={className}
-      p={0}
-      mb={0}
-      id={id}
-    ><ScrollView
-      style={{ width: "100%" }}
-      contentContainerStyle={{ minWidth: "100%" }}
-      horizontal
-      showsHorizontalScrollIndicator={!1}
-    ><Code
-      backgroundColor="transparent"
-      className={className}
-      f={1}
-      lineHeight={tokens.space[size || "$5"]}
-      p="$4"
-      size={size ?? "$5"}
-      {...codeProps}
-    >{children}</Code></ScrollView></Pre>}
-    <XStack position="absolute" top="$3" right="$3" space="$3">
-      {(!isCollapsed || !isCollapsible) && !disableCopy && <TooltipSimple label={hasCopied ? "Copied" : "Copy to clipboard"}><Button
-        aria-label="Copy code to clipboard"
-        size="$2"
-        icon={hasCopied ? CheckCircle : Clipboard}
-        onPress={onCopy}
-        $xs={{
-          display: "none"
-        }}
-      /></TooltipSimple>}
-      {isCollapsible && <Button accessibilityLabel="Show or hide code" size="$2" onPress={() => setIsCollapsed((x) => !x)}>{isCollapsed ? "Show code" : "Hide code"}</Button>}
-    </XStack>
-  </YStack></ErrorBoundary></YStack>;
+  }, [
+    preRef
+  ]), /* @__PURE__ */ _jsx(YStack, {
+    position: "relative",
+    mb: "$4",
+    children: /* @__PURE__ */ _jsx(ErrorBoundary, {
+      children: /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
+        position: "relative"
+      }, isCutoff && {
+        maxHeight: 400,
+        ov: "hidden",
+        br: "$4"
+      }), {
+        children: [
+          (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ _jsxs(LinearGradient, {
+            pos: "absolute",
+            b: 0,
+            l: 0,
+            r: 0,
+            height: 200,
+            colors: [
+              "$backgroundTransparent",
+              "$background"
+            ],
+            zi: 1e3,
+            children: [
+              /* @__PURE__ */ _jsx(Spacer, {
+                f: 1
+              }),
+              /* @__PURE__ */ _jsx(Button, {
+                onPress: function() {
+                  return setIsCutoff(!isCutoff);
+                },
+                als: "center",
+                children: "Show more"
+              }),
+              /* @__PURE__ */ _jsx(Spacer, {
+                size: "$4"
+              })
+            ]
+          }),
+          (!isCollapsed || !isCollapsible) && /* @__PURE__ */ _jsx(Pre, {
+            ref: preRef,
+            "data-invert-line-highlight": isHighlightingLines,
+            "data-line-numbers": showLineNumbers,
+            className,
+            p: 0,
+            mb: 0,
+            id,
+            children: /* @__PURE__ */ _jsx(ScrollView, {
+              style: {
+                width: "100%"
+              },
+              contentContainerStyle: {
+                minWidth: "100%"
+              },
+              horizontal: !0,
+              showsHorizontalScrollIndicator: !1,
+              children: /* @__PURE__ */ _jsx(Code, _object_spread_props(_object_spread({
+                backgroundColor: "transparent",
+                className,
+                f: 1,
+                lineHeight: tokens.space[size || "$5"],
+                p: "$4",
+                size: size ?? "$5"
+              }, codeProps), {
+                children
+              }))
+            })
+          }),
+          /* @__PURE__ */ _jsxs(XStack, {
+            position: "absolute",
+            top: "$3",
+            right: "$3",
+            gap: "$3",
+            children: [
+              (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ _jsx(TooltipSimple, {
+                label: hasCopied ? "Copied" : "Copy to clipboard",
+                children: /* @__PURE__ */ _jsx(Button, {
+                  "aria-label": "Copy code to clipboard",
+                  size: "$2",
+                  icon: hasCopied ? CheckCircle : Clipboard,
+                  onPress: onCopy,
+                  $xs: {
+                    display: "none"
+                  }
+                })
+              }),
+              isCollapsible && /* @__PURE__ */ _jsx(Button, {
+                accessibilityLabel: "Show or hide code",
+                size: "$2",
+                onPress: function() {
+                  return setIsCollapsed(function(x) {
+                    return !x;
+                  });
+                },
+                children: isCollapsed ? "Show code" : "Hide code"
+              })
+            ]
+          })
+        ]
+      }))
+    })
+  });
 }
 export {
   MDXCodeBlock

package/dist/jsx/mdx/MDXCodeBlock/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/MDXCodeBlock/index.tsx"],
-  "mappings": "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",
-  "names": ["code"]
+  "sources": ["../../../../src/mdx/MDXCodeBlock/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/mdx/MDXCodeBlock/index.tsx"],
+  "mappings": "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",
+  "names": ["useEffect", "useRef", "useState", "useContext", "Button", "Spacer", "TooltipSimple", "XStack", "YStack", "getTokens", "CheckCircle", "Clipboard", "Code", "ErrorBoundary", "LinearGradient", "MDXCodeBlockContext", "Pre", "ScrollView", "useClipboard", "MDXCodeBlock", "props", "children", "className", "disableCopy", "id", "isCollapsible", "isHighlightingLines", "propShowLineNumbers", "showLineNumbers", "size", "codeProps", "lines", "Array", "isArray", "length", "isCollapsed", "setIsCollapsed", "isLong", "isCutoff", "setIsCutoff", "undefined", "code", "setCode", "preRef", "hasCopied", "onCopy", "tokens", "current", "codeElement", "querySelector", "innerText", "replace", "position", "mb", "maxHeight", "ov", "br", "pos", "b", "l", "r", "height", "colors", "zi", "f", "onPress", "als", "ref", "data-invert-line-highlight", "data-line-numbers", "p", "style", "width", "contentContainerStyle", "minWidth", "horizontal", "showsHorizontalScrollIndicator", "backgroundColor", "lineHeight", "space", "top", "right", "gap", "label", "aria-label", "icon", "$xs", "display", "accessibilityLabel", "x"]
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
-  "mappings": "AACA,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,CAAC,GACC,CAAC,KAAK,WAAW,EAAhB,KACH,EAFC;",
+  "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/jsx/mdx/UL/UL.stories.mjs

@@ -0,0 +1,18 @@
+import { Text } from "tamagui";
+import { UL } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+var UL_stories_default = {
+  title: "mdx/UL",
+  component: UL,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+const main = () => /* @__PURE__ */jsx(UL, {
+  children: /* @__PURE__ */jsx(Text, {
+    children: "Hello world"
+  })
+});
+export { UL_stories_default as default, main };

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

@@ -1,11 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "react";
 import { Text } from "tamagui";
 import { UL } from "./index";
 var UL_stories_default = {
   title: "mdx/UL",
   component: UL,
-  parameters: { status: { type: "beta" } }
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function() {
+  return /* @__PURE__ */ _jsx(UL, {
+    children: /* @__PURE__ */ _jsx(Text, {
+      children: "Hello world"
+    })
+  });
 };
-const main = () => <UL><Text>Hello world</Text></UL>;
 export {
   UL_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
-  "mappings": "AACA,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,CAAC,GACC,CAAC,KAAK,WAAW,EAAhB,KACH,EAFC;",
-  "names": []
+  "sources": ["../../../../src/mdx/UL/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/mdx/UL/UL.stories.tsx"],
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,YAAY;AACrB,SAASC,UAAU;AAEnB,IAAA,qBAAe;EACbC,OAAO;EACPC,WAAWF;EACXG,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,WAAA;SAClB,qBAACN,IAAAA;cACC,qBAACD,MAAAA;gBAAK;;;;",
+  "names": ["Text", "UL", "title", "component", "parameters", "status", "type", "main"]
 }

package/dist/jsx/mdx/UL/index.mjs

@@ -0,0 +1,8 @@
+import { YStack, styled } from "tamagui";
+const UL = styled(YStack, {
+  tag: "ul",
+  marginVertical: "$1",
+  marginLeft: "$4",
+  marginRight: "$2"
+});
+export { UL };

package/dist/jsx/mdx/UL/index.native.js

@@ -1,5 +1,5 @@
 import { YStack, styled } from "tamagui";
-const UL = styled(YStack, {
+var UL = styled(YStack, {
   tag: "ul",
   marginVertical: "$1",
   marginLeft: "$4",

package/dist/jsx/mdx/UL/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/UL/index.ts"],
-  "mappings": "AAAA,SAAS,QAAQ,cAAc;AAExB,MAAM,KAAK,OAAO,QAAQ;AAAA,EAC/B,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;",
-  "names": []
+  "sources": ["../../../../src/mdx/UL/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/mdx/UL/index.ts"],
+  "mappings": "AAAA,SAASA,QAAQC,cAAc;AAExB,IAAMC,KAAKD,OAAOD,QAAQ;EAC/BG,KAAK;EACLC,gBAAgB;EAChBC,YAAY;EACZC,aAAa;AACf,CAAA;",
+  "names": ["YStack", "styled", "UL", "tag", "marginVertical", "marginLeft", "marginRight"]
 }