@multiplatform.one/components 5.0.1 → 5.0.7

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -18,42 +19,7 @@ __export(MDXCodeBlock_stories_exports, {
   main: () => main
 });
 module.exports = __toCommonJS(MDXCodeBlock_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_index = require("./index"), import_tamagui = require("tamagui");
-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 _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;
-}
-var meta = {
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_index = require("./index"), meta = {
   title: "mdx/MDXCodeBlock",
   component: import_index.MDXCodeBlock,
   parameters: {
@@ -67,7 +33,8 @@ var meta = {
     background: "$color3"
   },
   render: function(args) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.MDXCodeBlock, _object_spread_props(_object_spread({}, args), {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.MDXCodeBlock, {
+      ...args,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
@@ -240,7 +207,7 @@ var meta = {
           })
         })
       ]
-    }));
+    });
   }
 }, MDXCodeBlock_stories_default = meta;
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/MDXCodeBlock/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/mdx/MDXCodeBlock/MDXCodeBlock.stories.tsx"],
-  "mappings": "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",
+  "sources": ["../../../../src/mdx/MDXCodeBlock/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/mdx/MDXCodeBlock/MDXCodeBlock.stories.tsx"],
+  "mappings": "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",
   "names": ["meta", "title", "component", "MDXCodeBlock", "parameters", "status", "type", "main", "args", "isCollapsible", "background", "render", "_jsxs", "_jsx", "XStack", "Text"]
 }

package/dist/cjs/mdx/MDXCodeBlock/MDXCodeBlockContext.cjs

@@ -0,0 +1,27 @@
+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 MDXCodeBlockContext_exports = {};
+__export(MDXCodeBlockContext_exports, {
+  MDXCodeBlockContext: () => MDXCodeBlockContext
+});
+module.exports = __toCommonJS(MDXCodeBlockContext_exports);
+var import_react = require("react");
+const MDXCodeBlockContext = (0, import_react.createContext)({});

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/MDXCodeBlock/MDXCodeBlockContext.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA8B;AASvB,MAAM,0BAAsB,4BAAwC,CAAC,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAUvB,MAAM,0BAAsB,4BAAwC,CAAC,CAAC;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/mdx/MDXCodeBlock/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/mdx/MDXCodeBlock/MDXCodeBlockContext.ts"],
-  "mappings": ";;;;;;;;;;;;;;AACA;;;;;mBAA8B,kBASjBA,0BAAsBC,4BAAwC,CAAC,CAAA;",
+  "sources": ["../../../../src/mdx/MDXCodeBlock/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/mdx/MDXCodeBlock/MDXCodeBlockContext.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;mBAA8B,kBAUjBA,0BAAsBC,4BAAwC,CAAC,CAAA;",
   "names": ["MDXCodeBlockContext", "createContext"]
 }

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

@@ -0,0 +1,157 @@
+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 MDXCodeBlock_exports = {};
+__export(MDXCodeBlock_exports, {
+  MDXCodeBlock: () => MDXCodeBlock
+});
+module.exports = __toCommonJS(MDXCodeBlock_exports);
+var import_linear_gradient = require("@tamagui/linear-gradient"),
+  import_lucide_icons = require("@tamagui/lucide-icons"),
+  import_react = require("react"),
+  import_tamagui = require("tamagui"),
+  import_tamagui2 = require("tamagui"),
+  import_ErrorBoundary = require("../../ErrorBoundary/index.cjs"),
+  import_Code = require("../../code/Code/index.cjs"),
+  import_Pre = require("../../code/Pre/index.cjs"),
+  import_useClipboard = require("../../hooks/useClipboard.cjs"),
+  import_MDXCodeBlockContext = require("./MDXCodeBlockContext.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+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_tamagui2.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__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
+    position: "relative",
+    marginBottom: "$4",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+        position: "relative",
+        ...(isCutoff && {
+          maxHeight: 400,
+          ov: "hidden",
+          br: "$4"
+        }),
+        children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_linear_gradient.LinearGradient, {
+          position: "absolute",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          height: 200,
+          colors: ["$backgroundTransparent", "$background"],
+          zIndex: 1e3,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
+            flex: 1
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Button, {
+            onPress: () => setIsCutoff(!isCutoff),
+            alignSelf: "center",
+            children: "Show more"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
+            size: "$4"
+          })]
+        }), (!isCollapsed || !isCollapsible) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+          ref: preRef,
+          "data-invert-line-highlight": isHighlightingLines,
+          "data-line-numbers": showLineNumbers,
+          className,
+          padding: 0,
+          marginBottom: 0,
+          id,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            style: {
+              width: "100%"
+            },
+            contentContainerStyle: {
+              minWidth: "100%"
+            },
+            horizontal: !0,
+            showsHorizontalScrollIndicator: !1,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Code.Code, {
+              backgroundColor: "transparent",
+              className,
+              flex: 1,
+              lineHeight: tokens.space[size || "$5"],
+              padding: "$4",
+              size: size ?? "$5",
+              ...codeProps,
+              children
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
+          position: "absolute",
+          top: "$3",
+          right: "$3",
+          gap: "$3",
+          children: [(!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.TooltipSimple, {
+            label: hasCopied ? "Copied" : "Copy to clipboard",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.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_tamagui2.Button, {
+            accessibilityLabel: "Show or hide code",
+            size: "$2",
+            onPress: () => setIsCollapsed(x => !x),
+            children: isCollapsed ? "Show code" : "Hide code"
+          })]
+        })]
+      })
+    })
+  });
+}

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

@@ -17,7 +17,7 @@ __export(MDXCodeBlock_exports, {
   MDXCodeBlock: () => MDXCodeBlock
 });
 module.exports = __toCommonJS(MDXCodeBlock_exports);
-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-web"), import_useClipboard = require("../../hooks/useClipboard"), import_jsx_runtime = require("react/jsx-runtime");
+var import_linear_gradient = require("@tamagui/linear-gradient"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_tamagui2 = require("tamagui"), import_ErrorBoundary = require("../../ErrorBoundary"), import_Code = require("../../code/Code"), import_Pre = require("../../code/Pre"), import_useClipboard = require("../../hooks/useClipboard"), import_MDXCodeBlockContext = require("./MDXCodeBlockContext"), import_jsx_runtime = require("react/jsx-runtime");
 function MDXCodeBlock(props) {
   const {
     children,
@@ -29,7 +29,7 @@ function MDXCodeBlock(props) {
     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)();
+  } = { ...(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_tamagui2.getTokens)();
   return (0, import_react.useEffect)(() => {
     try {
       if (preRef.current) {
@@ -42,8 +42,8 @@ function MDXCodeBlock(props) {
       }
     } catch {
     }
-  }, [preRef]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { position: "relative", marginBottom: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.YStack,
+  }, [preRef]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.YStack, { position: "relative", marginBottom: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui2.YStack,
     {
       position: "relative",
       ...isCutoff && {
@@ -63,9 +63,9 @@ function MDXCodeBlock(props) {
             colors: ["$backgroundTransparent", "$background"],
             zIndex: 1e3,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, { flex: 1 }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setIsCutoff(!isCutoff), alignSelf: "center", children: "Show more" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, { size: "$4" })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, { flex: 1 }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Button, { onPress: () => setIsCutoff(!isCutoff), alignSelf: "center", children: "Show more" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, { size: "$4" })
             ]
           }
         ),
@@ -80,7 +80,7 @@ function MDXCodeBlock(props) {
             marginBottom: 0,
             id,
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_react_native.ScrollView,
+              import_tamagui.ScrollView,
               {
                 style: { width: "100%" },
                 contentContainerStyle: { minWidth: "100%" },
@@ -103,9 +103,9 @@ function MDXCodeBlock(props) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { position: "absolute", top: "$3", right: "$3", gap: "$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,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, { position: "absolute", top: "$3", right: "$3", gap: "$3", children: [
+          (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui2.Button,
             {
               "aria-label": "Copy code to clipboard",
               size: "$2",
@@ -116,7 +116,15 @@ function MDXCodeBlock(props) {
               }
             }
           ) }),
-          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" })
+          isCollapsible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_tamagui2.Button,
+            {
+              accessibilityLabel: "Show or hide code",
+              size: "$2",
+              onPress: () => setIsCollapsed((x) => !x),
+              children: isCollapsed ? "Show code" : "Hide code"
+            }
+          )
         ] })
       ]
     }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/MDXCodeBlock/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAA+D,kBAE/D,iBAAyE,oBACzE,sBAAuC,kCACvC,cAAqB,4BACrB,uBAA8B,gCAC9B,yBAA+B,qCAC/B,6BAAoC,kCACpC,aAAoB,2BACpB,sBAA2B,yBAC3B,sBAA6B,qCAqDjB;AA9CL,SAAS,aAAa,OAA0B;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,GAAG;AAAA,EACL,IAAI,EAAE,OAAG,yBAAW,8CAAmB,GAAG,GAAG,MAAM,GAC7C,QAAQ,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS,GACpD,kBAAkB,uBAAwB,QAAQ,IAClD,CAAC,aAAa,cAAc,QAAI,uBAAS,aAAa,GACtD,SAAS,QAAQ,IACjB,CAAC,UAAU,WAAW,QAAI,uBAAS,UAAU,CAAC,aAAa,GAC3D,CAAC,MAAM,OAAO,QAAI,uBAAS,MAAS,GACpC,aAAS,qBAAY,IAAI,GACzB,EAAE,WAAW,OAAO,QAAI,kCAAa,IAAI,GACzC,aAAS,0BAAU;AAEzB,qCAAU,MAAM;AACd,QAAI;AACF,UAAI,OAAO,SAAS;AAClB,cAAM,cAAc,OAAO,QAAQ,cAAc,MAAM;AACvD,YAAI,aAAa;AACf,gBAAMA,QAAO,YAAY,UAAU,QAAQ,WAAW;AAAA,CAAI;AAC1D,kBAAQA,KAAI;AAAA,QACd;AAAA,MACF;AAAA,IACF,QAAQ;AAAA,IAAC;AAAA,EACX,GAAG,CAAC,MAAM,CAAC,GAGT,4CAAC,yBAAO,UAAS,YAAW,cAAa,MACvC,sDAAC,sCACC;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACR,GAAI,YAAY;AAAA,QACf,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MAEE;AAAA,UAAC,eAAe,CAAC,kBAAkB,YACnC;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,QAAQ,CAAC,0BAA0B,aAAa;AAAA,YAChD,QAAQ;AAAA,YAER;AAAA,0DAAC,yBAAO,MAAM,GAAG;AAAA,cACjB,4CAAC,yBAAO,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,WAAU,UAAS,uBAElE;AAAA,cACA,4CAAC,yBAAO,MAAK,MAAK;AAAA;AAAA;AAAA,QACpB;AAAA,SAEA,CAAC,eAAe,CAAC,kBACjB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,8BAA4B;AAAA,YAC5B,qBAAmB;AAAA,YACnB;AAAA,YACA,SAAS;AAAA,YACT,cAAc;AAAA,YACd;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,EAAE,OAAO,OAAO;AAAA,gBACvB,uBAAuB,EAAE,UAAU,OAAO;AAAA,gBAC1C,YAAU;AAAA,gBACV,gCAAgC;AAAA,gBAEhC;AAAA,kBAAC;AAAA;AAAA,oBACC,iBAAgB;AAAA,oBAChB;AAAA,oBACA,MAAM;AAAA,oBACN,YAAY,OAAO,MAAM,QAAQ,IAAI;AAAA,oBACrC,SAAQ;AAAA,oBACR,MAAM,QAAQ;AAAA,oBACb,GAAG;AAAA,oBAEH;AAAA;AAAA,gBACH;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEF,6CAAC,yBAAO,UAAS,YAAW,KAAI,MAAK,OAAM,MAAK,KAAI,MAChD;AAAA,YAAC,eAAe,CAAC,kBAAkB,CAAC,eACpC,4CAAC,gCAAc,OAAO,YAAY,WAAW,qBAC3C;AAAA,YAAC;AAAA;AAAA,cACC,cAAW;AAAA,cACX,MAAK;AAAA,cACL,MAAM,YAAY,kCAAc;AAAA,cAChC,SAAS;AAAA,cACT,KAAK;AAAA,gBACH,SAAS;AAAA,cACX;AAAA;AAAA,UACF,GACF;AAAA,UAED,iBACC,4CAAC,yBAAO,oBAAmB,qBAAoB,MAAK,MAAK,SAAS,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC,GAC7F,wBAAc,cAAc,aAC/B;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;",
-  "names": ["code"]
+  "mappings": "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",
+  "names": ["import_tamagui", "code"]
 }

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,110 +18,12 @@ __export(MDXCodeBlock_exports, {
   MDXCodeBlock: () => MDXCodeBlock
 });
 module.exports = __toCommonJS(MDXCodeBlock_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), 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");
-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);
-  }
-}
+var import_jsx_runtime = require("react/jsx-runtime"), import_linear_gradient = require("@tamagui/linear-gradient"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_tamagui2 = require("tamagui"), import_ErrorBoundary = require("../../ErrorBoundary"), import_Code = require("../../code/Code"), import_Pre = require("../../code/Pre"), import_useClipboard = require("../../hooks/useClipboard"), import_MDXCodeBlockContext = require("./MDXCodeBlockContext");
 function MDXCodeBlock(props) {
-  var _ref = _object_spread({}, (0, import_react.useContext)(import_MDXCodeBlockContext.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((0, import_react.useState)(isCollapsible), 2), isCollapsed = _useState[0], setIsCollapsed = _useState[1], isLong = lines > 22, _useState1 = _sliced_to_array((0, import_react.useState)(isLong && !isCollapsible), 2), isCutoff = _useState1[0], setIsCutoff = _useState1[1], _useState2 = _sliced_to_array((0, import_react.useState)(void 0), 2), code = _useState2[0], setCode = _useState2[1], preRef = (0, import_react.useRef)(null), _useClipboard = (0, import_useClipboard.useClipboard)(code), hasCopied = _useClipboard.hasCopied, onCopy = _useClipboard.onCopy, tokens = (0, import_tamagui.getTokens)();
+  var { 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_tamagui2.getTokens)();
   return (0, import_react.useEffect)(function() {
     try {
       if (preRef.current) {
@@ -135,17 +38,17 @@ function MDXCodeBlock(props) {
     }
   }, [
     preRef
-  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
     position: "relative",
     marginBottom: "$4",
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, _object_spread_props(_object_spread({
-        position: "relative"
-      }, isCutoff && {
-        maxHeight: 400,
-        ov: "hidden",
-        br: "$4"
-      }), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
+        position: "relative",
+        ...isCutoff && {
+          maxHeight: 400,
+          ov: "hidden",
+          br: "$4"
+        },
         children: [
           (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_linear_gradient.LinearGradient, {
             position: "absolute",
@@ -159,17 +62,17 @@ function MDXCodeBlock(props) {
             ],
             zIndex: 1e3,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
                 flex: 1
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Button, {
                 onPress: function() {
                   return setIsCutoff(!isCutoff);
                 },
                 alignSelf: "center",
                 children: "Show more"
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
                 size: "$4"
               })
             ]
@@ -182,7 +85,7 @@ function MDXCodeBlock(props) {
             padding: 0,
             marginBottom: 0,
             id,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
               style: {
                 width: "100%"
               },
@@ -191,27 +94,27 @@ function MDXCodeBlock(props) {
               },
               horizontal: !0,
               showsHorizontalScrollIndicator: !1,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Code.Code, _object_spread_props(_object_spread({
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Code.Code, {
                 backgroundColor: "transparent",
                 className,
                 flex: 1,
                 lineHeight: tokens.space[size || "$5"],
                 padding: "$4",
-                size: size ?? "$5"
-              }, codeProps), {
+                size: size ?? "$5",
+                ...codeProps,
                 children
-              }))
+              })
             })
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui2.XStack, {
             position: "absolute",
             top: "$3",
             right: "$3",
             gap: "$3",
             children: [
-              (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
+              (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.TooltipSimple, {
                 label: hasCopied ? "Copied" : "Copy to clipboard",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Button, {
                   "aria-label": "Copy code to clipboard",
                   size: "$2",
                   icon: hasCopied ? import_lucide_icons.CheckCircle : import_lucide_icons.Clipboard,
@@ -221,7 +124,7 @@ function MDXCodeBlock(props) {
                   }
                 })
               }),
-              isCollapsible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              isCollapsible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.Button, {
                 accessibilityLabel: "Show or hide code",
                 size: "$2",
                 onPress: function() {
@@ -234,7 +137,7 @@ function MDXCodeBlock(props) {
             ]
           })
         ]
-      }))
+      })
     })
   });
 }