@multiplatform.one/components 0.2.17 → 0.7.1

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

@@ -1,45 +1,23 @@
-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 MDXCodeBlock_exports = {};
 __export(MDXCodeBlock_exports, {
   MDXCodeBlock: () => MDXCodeBlock
 });
 module.exports = __toCommonJS(MDXCodeBlock_exports);
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-var import_lucide_icons = require("@tamagui/lucide-icons");
-var import_Code = require("../../code/Code");
-var import_ErrorBoundary = require("../../ErrorBoundary");
-var import_linear_gradient = require("@tamagui/linear-gradient");
-var import_MDXCodeBlockContext = require("./MDXCodeBlockContext");
-var import_Pre = require("../../code/Pre");
-var import_react_native = require("react-native");
-var import_useClipboard = require("../../hooks/useClipboard");
+var import_react = require("react"), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons"), import_Code = require("../../code/Code"), import_ErrorBoundary = require("../../ErrorBoundary"), import_linear_gradient = require("@tamagui/linear-gradient"), import_MDXCodeBlockContext = require("./MDXCodeBlockContext"), import_Pre = require("../../code/Pre"), import_react_native = require("react-native"), import_useClipboard = require("../../hooks/useClipboard"), import_jsx_runtime = require("react/jsx-runtime");
 function MDXCodeBlock(props) {
   const {
     children,
@@ -51,29 +29,20 @@ function MDXCodeBlock(props) {
     showLineNumbers: propShowLineNumbers,
     size,
     ...codeProps
-  } = { ...(0, import_react.useContext)(import_MDXCodeBlockContext.MDXCodeBlockContext), ...props };
-  const lines = Array.isArray(children) ? children.length : 0;
-  const showLineNumbers = propShowLineNumbers ?? (lines > 10 ? true : false);
-  const [isCollapsed, setIsCollapsed] = (0, import_react.useState)(isCollapsible);
-  const isLong = lines > 22;
-  const [isCutoff, setIsCutoff] = (0, import_react.useState)(isLong && !isCollapsible);
-  const [code, setCode] = (0, import_react.useState)(void 0);
-  const preRef = (0, import_react.useRef)(null);
-  const { hasCopied, onCopy } = (0, import_useClipboard.useClipboard)(code);
-  const tokens = (0, import_tamagui.getTokens)();
-  (0, import_react.useEffect)(() => {
+  } = { ...(0, import_react.useContext)(import_MDXCodeBlockContext.MDXCodeBlockContext), ...props }, lines = Array.isArray(children) ? children.length : 0, showLineNumbers = propShowLineNumbers ?? lines > 10, [isCollapsed, setIsCollapsed] = (0, import_react.useState)(isCollapsible), isLong = lines > 22, [isCutoff, setIsCutoff] = (0, import_react.useState)(isLong && !isCollapsible), [code, setCode] = (0, import_react.useState)(void 0), preRef = (0, import_react.useRef)(null), { hasCopied, onCopy } = (0, import_useClipboard.useClipboard)(code), tokens = (0, import_tamagui.getTokens)();
+  return (0, import_react.useEffect)(() => {
     try {
       if (preRef.current) {
         const codeElement = preRef.current.querySelector("code");
         if (codeElement) {
-          const code2 = codeElement.innerText.replace(/\n{3,}/g, "\n");
+          const code2 = codeElement.innerText.replace(/\n{3,}/g, `
+`);
           setCode(code2);
         }
       }
     } catch {
     }
-  }, [preRef]);
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { position: "relative", mb: "$4" }, /* @__PURE__ */ import_react.default.createElement(import_ErrorBoundary.ErrorBoundary, null, /* @__PURE__ */ import_react.default.createElement(
+  }, [preRef]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { position: "relative", mb: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_tamagui.YStack,
     {
       position: "relative",
@@ -81,70 +50,77 @@ function MDXCodeBlock(props) {
         maxHeight: 400,
         ov: "hidden",
         br: "$4"
-      }
-    },
-    (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ import_react.default.createElement(
-      import_linear_gradient.LinearGradient,
-      {
-        pos: "absolute",
-        b: 0,
-        l: 0,
-        r: 0,
-        height: 200,
-        colors: ["$backgroundTransparent", "$background"],
-        zi: 1e3
       },
-      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Spacer, { f: 1 }),
-      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { onPress: () => setIsCutoff(!isCutoff), als: "center" }, "Show more"),
-      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Spacer, { size: "$4" })
-    ),
-    (!isCollapsed || !isCollapsible) && /* @__PURE__ */ import_react.default.createElement(
-      import_Pre.Pre,
-      {
-        ref: preRef,
-        "data-invert-line-highlight": isHighlightingLines,
-        "data-line-numbers": showLineNumbers,
-        className,
-        p: 0,
-        mb: 0,
-        id
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_react_native.ScrollView,
-        {
-          style: { width: "100%" },
-          contentContainerStyle: { minWidth: "100%" },
-          horizontal: true,
-          showsHorizontalScrollIndicator: false
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_Code.Code,
+      children: [
+        (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_linear_gradient.LinearGradient,
+          {
+            pos: "absolute",
+            b: 0,
+            l: 0,
+            r: 0,
+            height: 200,
+            colors: ["$backgroundTransparent", "$background"],
+            zi: 1e3,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, { f: 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setIsCutoff(!isCutoff), als: "center", children: "Show more" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, { size: "$4" })
+            ]
+          }
+        ),
+        (!isCollapsed || !isCollapsible) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Pre.Pre,
           {
-            backgroundColor: "transparent",
+            ref: preRef,
+            "data-invert-line-highlight": isHighlightingLines,
+            "data-line-numbers": showLineNumbers,
             className,
-            f: 1,
-            lineHeight: tokens.space[size || "$5"],
-            p: "$4",
-            size: size ?? "$5",
-            ...codeProps
-          },
-          children
-        )
-      )
-    ),
-    /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, { position: "absolute", top: "$3", right: "$3", space: "$3" }, (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ import_react.default.createElement(import_tamagui.TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard" }, /* @__PURE__ */ import_react.default.createElement(
-      import_tamagui.Button,
-      {
-        "aria-label": "Copy code to clipboard",
-        size: "$2",
-        icon: hasCopied ? import_lucide_icons.CheckCircle : import_lucide_icons.Clipboard,
-        onPress: onCopy,
-        $xs: {
-          display: "none"
-        }
-      }
-    )), isCollapsible && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x) }, isCollapsed ? "Show code" : "Hide code"))
-  )));
+            p: 0,
+            mb: 0,
+            id,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react_native.ScrollView,
+              {
+                style: { width: "100%" },
+                contentContainerStyle: { minWidth: "100%" },
+                horizontal: !0,
+                showsHorizontalScrollIndicator: !1,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_Code.Code,
+                  {
+                    backgroundColor: "transparent",
+                    className,
+                    f: 1,
+                    lineHeight: tokens.space[size || "$5"],
+                    p: "$4",
+                    size: size ?? "$5",
+                    ...codeProps,
+                    children
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { position: "absolute", top: "$3", right: "$3", space: "$3", children: [
+          (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui.Button,
+            {
+              "aria-label": "Copy code to clipboard",
+              size: "$2",
+              icon: hasCopied ? import_lucide_icons.CheckCircle : import_lucide_icons.Clipboard,
+              onPress: onCopy,
+              $xs: {
+                display: "none"
+              }
+            }
+          ) }),
+          isCollapsible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x), children: isCollapsed ? "Show code" : "Hide code" })
+        ] })
+      ]
+    }
+  ) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

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

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

@@ -0,0 +1,130 @@
+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 MDXCodeBlock_exports = {};
+__export(MDXCodeBlock_exports, {
+  MDXCodeBlock: () => MDXCodeBlock
+});
+module.exports = __toCommonJS(MDXCodeBlock_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons"), import_Code = require("../../code/Code"), import_ErrorBoundary = require("../../ErrorBoundary"), import_linear_gradient = require("@tamagui/linear-gradient"), import_MDXCodeBlockContext = require("./MDXCodeBlockContext"), import_Pre = require("../../code/Pre"), import_react_native = require("react-native"), import_useClipboard = require("../../hooks/useClipboard");
+function MDXCodeBlock(props) {
+  const {
+    children,
+    className,
+    disableCopy,
+    id,
+    isCollapsible,
+    isHighlightingLines,
+    showLineNumbers: propShowLineNumbers,
+    size,
+    ...codeProps
+  } = { ...(0, import_react.useContext)(import_MDXCodeBlockContext.MDXCodeBlockContext), ...props }, lines = Array.isArray(children) ? children.length : 0, showLineNumbers = propShowLineNumbers ?? lines > 10, [isCollapsed, setIsCollapsed] = (0, import_react.useState)(isCollapsible), isLong = lines > 22, [isCutoff, setIsCutoff] = (0, import_react.useState)(isLong && !isCollapsible), [code, setCode] = (0, import_react.useState)(void 0), preRef = (0, import_react.useRef)(null), { hasCopied, onCopy } = (0, import_useClipboard.useClipboard)(code), tokens = (0, import_tamagui.getTokens)();
+  return (0, import_react.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__ */ import_react.default.createElement(import_tamagui.YStack, { position: "relative", mb: "$4" }, /* @__PURE__ */ import_react.default.createElement(import_ErrorBoundary.ErrorBoundary, null, /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui.YStack,
+    {
+      position: "relative",
+      ...isCutoff && {
+        maxHeight: 400,
+        ov: "hidden",
+        br: "$4"
+      }
+    },
+    (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ import_react.default.createElement(
+      import_linear_gradient.LinearGradient,
+      {
+        pos: "absolute",
+        b: 0,
+        l: 0,
+        r: 0,
+        height: 200,
+        colors: ["$backgroundTransparent", "$background"],
+        zi: 1e3
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Spacer, { f: 1 }),
+      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { onPress: () => setIsCutoff(!isCutoff), als: "center" }, "Show more"),
+      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Spacer, { size: "$4" })
+    ),
+    (!isCollapsed || !isCollapsible) && /* @__PURE__ */ import_react.default.createElement(
+      import_Pre.Pre,
+      {
+        ref: preRef,
+        "data-invert-line-highlight": isHighlightingLines,
+        "data-line-numbers": showLineNumbers,
+        className,
+        p: 0,
+        mb: 0,
+        id
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_react_native.ScrollView,
+        {
+          style: { width: "100%" },
+          contentContainerStyle: { minWidth: "100%" },
+          horizontal: !0,
+          showsHorizontalScrollIndicator: !1
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_Code.Code,
+          {
+            backgroundColor: "transparent",
+            className,
+            f: 1,
+            lineHeight: tokens.space[size || "$5"],
+            p: "$4",
+            size: size ?? "$5",
+            ...codeProps
+          },
+          children
+        )
+      )
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, { position: "absolute", top: "$3", right: "$3", space: "$3" }, (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ import_react.default.createElement(import_tamagui.TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard" }, /* @__PURE__ */ import_react.default.createElement(
+      import_tamagui.Button,
+      {
+        "aria-label": "Copy code to clipboard",
+        size: "$2",
+        icon: hasCopied ? import_lucide_icons.CheckCircle : import_lucide_icons.Clipboard,
+        onPress: onCopy,
+        $xs: {
+          display: "none"
+        }
+      }
+    )), isCollapsible && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x) }, isCollapsed ? "Show code" : "Hide code"))
+  )));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MDXCodeBlock
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,45 +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 UL_stories_exports = {};
 __export(UL_stories_exports, {
   default: () => UL_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(UL_stories_exports);
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-var import_index = require("./index");
-var UL_stories_default = {
+var import_tamagui = require("tamagui"), import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime"), UL_stories_default = {
   title: "mdx/UL",
   component: import_index.UL,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.UL, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "Hello world"));
+const main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.UL, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Hello world" }) });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqB;AACrB,mBAAmB;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,6BAAAA,QAAA,cAAC,uBACC,6BAAAA,QAAA,cAAC,2BAAK,aAAW,CACnB;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAqB,oBACrB,eAAmB,oBAUf,mDARG,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,4CAAC,mBACC,sDAAC,uBAAK,yBAAW,GACnB;",
+  "names": []
 }

package/dist/cjs/mdx/UL/UL.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 UL_stories_exports = {};
+__export(UL_stories_exports, {
+  default: () => UL_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(UL_stories_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_index = require("./index"), UL_stories_default = {
+  title: "mdx/UL",
+  component: import_index.UL,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.UL, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "Hello world"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=UL.stories.js.map

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

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

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

@@ -4,17 +4,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var UL_exports = {};
 __export(UL_exports, {
   UL: () => UL

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/UL/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAExB,MAAM,SAAK,uBAAO,uBAAQ;AAAA,EAC/B,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAExB,MAAM,SAAK,uBAAO,uBAAQ;AAAA,EAC/B,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;",
   "names": []
 }

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

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var UL_exports = {};
+__export(UL_exports, {
+  UL: () => UL
+});
+module.exports = __toCommonJS(UL_exports);
+var import_tamagui = require("tamagui");
+const UL = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  tag: "ul",
+  marginVertical: "$1",
+  marginLeft: "$4",
+  marginRight: "$2"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UL
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/UL/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAExB,MAAM,SAAK,uBAAO,uBAAQ;AAAA,EAC/B,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;",
+  "names": []
+}