@multiplatform.one/markdown 6.0.4 → 6.3.0

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

@@ -29,6 +29,7 @@ __export(Mdx_exports, {
 module.exports = __toCommonJS(Mdx_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@mdx-js/react");
+var import_components = require("@multiplatform.one/components");
 var import_hooks = require("../hooks/index.native.js");
 var import_mdxComponents = require("../mdxComponents.native.js");
 var logger = console;
@@ -51,12 +52,19 @@ function MDX(param) {
     });
     logger.debug(code);
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-    components: {
-      ...import_mdxComponents.mdxComponents,
-      ...components,
-      ...props.components
-    }
-  });
+  return (
+    // contain runtime render errors (e.g. missing component mappings) so
+    // sibling content outside the MDX renderer survives
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_components.ErrorBoundary, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        components: {
+          ...import_mdxComponents.mdxComponents,
+          ...components,
+          ...props.components
+        }
+      })
+    })
+  );
 }
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Mdx_exports","__export","MDX","module","exports","import_jsx_runtime","require","import_react","import_hooks","import_mdxComponents","logger","console","param","children","debug","props","components","useMDXComponents","Component","code","frontmatter","useCompileAndEvaluateMdx","jsx","Fragment","mdxComponents"],"sources":["../../../src/Mdx/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,GAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,WAAA;AAGjC,IAAAK,kBAAyC,GAAAC,OAAA;AACzC,IAAAC,YAAA,GAAAD,OAAA,CAA8B;AAaL,IAAAE,YAAA,GAAAF,OAAA;AALzB,IAAAG,oBAAe,GAAAH,OAAA;AAER,IAAAI,MAAS,GAAIC,OAAE;AACpB,SAAMT,IAAAU,KAAA;EACN;IAAMC,QAAE;IAAAC,KAAW;IAAA,GAAMC;EAAA,IAAAH,KAAY;EACrC,IAAII,UAAC,GAAW,IAAAT,YAAO,CAAAU,gBAAA;EACvB,IAAI;IAAAC,SAAO;IAAAC,IAAA;IAAAC;EAAA,QAAAZ,YAAA,CAAAa,wBAAA,EAAAR,QAAA;EACT,KAAAK,SAAO,EAAM,OAAO,eAAe,IAAAb,kBAAA,CAAAiB,GAAA,EAAAjB,kBAAA,CAAAkB,QAAA;EACnC,IAAAT,KAAO;IACTJ,MAAA,CAAAI,KAAA;MACAM;IACG;IAAAV,MAAA,CAAAI,KAAA,CAAAK,IAAA;EAAA;EACa,OACV,eAAG,IAAAd,kBAAA,CAAAiB,GAAA,EAAAJ,SAAA;IAAAF,UACA;MAAA,GACHP,oBAAS,CAAAe,aAAA;MACX,GAAAR,UAAA;MAAA,GAAAD,KAAA,CAAAC;IACF;EAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Mdx_exports","__export","MDX","module","exports","import_jsx_runtime","require","import_react","import_components","import_hooks","import_mdxComponents","logger","console","param","children","debug","props","components","useMDXComponents","Component","code","frontmatter","useCompileAndEvaluateMdx","jsx","Fragment","ErrorBoundary","mdxComponents"],"sources":["../../../src/Mdx/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,WAAA;AAAAC,QAAA,CAAAD,WAAA;EAAAE,GAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,WAAA;AACjC,IAAAK,kBAAA,GAA8BC,OAAA;AAG9B,IAAAC,YAAA,GAAyCD,OAAA;AACzC,IAAAE,iBAAA,GAAAF,OAA8B;AAaL,IAAAG,YAAA,GAAAH,OAAA;AALzB,IAAAI,oBAAe,GAAAJ,OAAA;AAER,IAAAK,MAAS,GAAIC,OAAE;AACpB,SAAMV,IAAAW,KAAA;EACN;IAAMC,QAAE;IAAAC,KAAW;IAAA,GAAMC;EAAA,IAAAH,KAAY;EACrC,IAAII,UAAC,GAAW,IAAAV,YAAO,CAAAW,gBAAA;EACvB,IAAI;IAAAC,SAAO;IAAAC,IAAA;IAAAC;EAAA,QAAAZ,YAAA,CAAAa,wBAAA,EAAAR,QAAA;EACT,KAAAK,SAAO,EAAM,OAAO,eAAe,IAAAd,kBAAA,CAAAkB,GAAA,EAAAlB,kBAAA,CAAAmB,QAAA;EACnC,IAAAT,KAAO;IACTJ,MAAA,CAAAI,KAAA;MACAM;IAAA;IAAAV,MAAA,CAAAI,KAAA,CAAAK,IAAA;EAAA;EAII;IAAC;IAAA;IACa;IACP,IAAAf,kBAAA,CAAAkB,GAAA,EAAAf,iBAAA,CAAAiB,aAAA;MAAAX,QACA,qBAAAT,kBAAA,CAAAkB,GAAA,EAAAJ,SAAA;QAAAF,UACA,EAAM;UACX,GAAAP,oBAAA,CAAAgB,aAAA;UAAA,GAAAT,UAAA;UAEJ,GAAAD,KAAA,CAAAC;QAAA;MAEJ","ignoreList":[]}

package/dist/cjs/MdxCodeBlock/index.cjs

@@ -43,6 +43,7 @@ var import_parse_numeric_range = __toESM(require("parse-numeric-range"));
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_icons = require("../icons/index.cjs");
+var import_cutoffGradient = require("../shared/cutoffGradient.cjs");
 var import_mdxCodeBlockContext = require("./mdxCodeBlockContext.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const zIndex = {
@@ -80,6 +81,7 @@ function MDXCodeBlock(props) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
   const codeText = (0, import_react.useMemo)(() => extractCodeText(children).replace(/\n$/, ""), [children]);
   const language = (0, import_react.useMemo)(() => extractLanguage(className), [className]);
   const tokens = (0, import_components.useShikiTokens)(codeText, language);
@@ -107,22 +109,27 @@ function MDXCodeBlock(props) {
           overflow: "hidden",
           borderRadius: knobProps.borderRadius.borderRadius
         }),
-        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: zIndex.localTop,
-          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"
+        children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: 200,
+            colors: gradientColors,
+            pointerEvents: "none",
+            zIndex: zIndex.localTop
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            position: "absolute",
+            bottom: "$4",
+            left: 0,
+            right: 0,
+            justifyContent: "center",
+            zIndex: zIndex.localTop + 1,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              onPress: () => setIsCutoff(false),
+              children: "Show more"
+            })
           })]
         }), (!isCollapsed || !isCollapsible) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Pre, {
           padding: 0,
@@ -141,8 +148,9 @@ function MDXCodeBlock(props) {
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Code, {
               backgroundColor: "transparent",
               flex: 1,
+              borderWidth: 0,
               ...knobProps.panelPadding,
-              size: size ?? "$5",
+              size: size ?? knobProps.sizeToken,
               ...codeProps,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.HighlightedCode, {
                 tokens,
@@ -155,7 +163,7 @@ function MDXCodeBlock(props) {
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           position: "absolute",
           top: "$3",
-          right: "$3",
+          insetInlineEnd: "$3",
           ...knobProps.gap,
           children: [(!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
             label: hasCopied ? "Copied" : "Copy to clipboard",
@@ -168,12 +176,12 @@ function MDXCodeBlock(props) {
                 size: 14
               }),
               onPress: onCopy,
-              $xs: {
+              "$max-xs": {
                 display: "none"
               }
             })
           }), isCollapsible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            accessibilityLabel: "Show or hide code",
+            "aria-label": "Show or hide code",
             size: "$2",
             onPress: () => setIsCollapsed(x => !x),
             children: isCollapsed ? "Show code" : "Hide code"

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

@@ -46,6 +46,7 @@ var import_parse_numeric_range = __toESM(require("parse-numeric-range"));
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_icons = require("../icons/index.native.js");
+var import_cutoffGradient = require("../shared/cutoffGradient.native.js");
 var import_mdxCodeBlockContext = require("./mdxCodeBlockContext.native.js");
 function _type_of(obj) {
   "@swc/helpers - typeof";
@@ -89,6 +90,7 @@ function MDXCodeBlock(props) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
   var codeText = (0, import_react.useMemo)(function () {
     return extractCodeText(children).replace(/\n$/, "");
   }, [children]);
@@ -120,24 +122,29 @@ function MDXCodeBlock(props) {
           overflow: "hidden",
           borderRadius: knobProps.borderRadius.borderRadius
         }),
-        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: zIndex.localTop,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
-            flex: 1
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            onPress: function onPress() {
-              return setIsCutoff(!isCutoff);
-            },
-            alignSelf: "center",
-            children: "Show more"
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
-            size: "$4"
+        children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            height: 200,
+            colors: gradientColors,
+            pointerEvents: "none",
+            zIndex: zIndex.localTop
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            position: "absolute",
+            bottom: "$4",
+            left: 0,
+            right: 0,
+            justifyContent: "center",
+            zIndex: zIndex.localTop + 1,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              onPress: function onPress() {
+                return setIsCutoff(false);
+              },
+              children: "Show more"
+            })
           })]
         }), (!isCollapsed || !isCollapsible) && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Pre, {
           padding: 0,
@@ -156,8 +163,12 @@ function MDXCodeBlock(props) {
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Code, {
               backgroundColor: "transparent",
               flex: 1,
+              borderWidth: 0,
+              // SP-PAD + T-VALUE via sizeToken (spec MdxCodeBlock; LC-18):
+              // inset rides the space knob, content type rides the size
+              // knob — components-CodeBlock parity. Explicit props eject.
               ...knobProps.panelPadding,
-              size: size !== null && size !== void 0 ? size : "$5",
+              size: size !== null && size !== void 0 ? size : knobProps.sizeToken,
               ...codeProps,
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.HighlightedCode, {
                 tokens,
@@ -170,7 +181,7 @@ function MDXCodeBlock(props) {
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           position: "absolute",
           top: "$3",
-          right: "$3",
+          insetInlineEnd: "$3",
           ...knobProps.gap,
           children: [(!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
             label: hasCopied ? "Copied" : "Copy to clipboard",
@@ -183,12 +194,12 @@ function MDXCodeBlock(props) {
                 size: 14
               }),
               onPress: onCopy,
-              $xs: {
+              "$max-xs": {
                 display: "none"
               }
             })
           }), isCollapsible && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            accessibilityLabel: "Show or hide code",
+            "aria-label": "Show or hide code",
             size: "$2",
             onPress: function onPress() {
               return setIsCollapsed(function (x) {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MdxCodeBlock_exports","__export","MDXCodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_linear_gradient","import_parse_numeric_range","__toESM","import_react","import_tamagui","import_icons","import_mdxCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","useContext","MDXCodeBlockContext","knobProps","useResolvedKnobs","codeText","useMemo","replace","language","tokens","useShikiTokens","lines","length","split","isCollapsed","setIsCollapsed","useState","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","useClipboard","highlightLines","default","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","height","colors","Spacer","flex","Button","onPress","alignSelf","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","panelPadding","HighlightedCode","XStack","top","gap","TooltipSimple","label"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MdxCodeBlock_exports","__export","MDXCodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_linear_gradient","import_parse_numeric_range","__toESM","import_react","import_tamagui","import_icons","import_cutoffGradient","import_mdxCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","useContext","MDXCodeBlockContext","knobProps","useResolvedKnobs","gradientColors","useCutoffGradientColors","codeText","useMemo","replace","language","tokens","useShikiTokens","lines","length","split","isCollapsed","setIsCollapsed","useState","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","useClipboard","highlightLines","default","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadius","Fragment","LinearGradient","bottom","left","right","height","colors","pointerEvents","XStack","justifyContent","Button","onPress","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","flex","borderWidth","panelPadding","sizeToken","HighlightedCode","top","insetInlineEnd","gap","TooltipSimple","label","icon","CheckCircleIcon","ClipboardIcon"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Notice/index.cjs

@@ -22,33 +22,17 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var Notice_exports = {};
 __export(Notice_exports, {
-  Notice: () => Notice,
-  NoticeFrame: () => NoticeFrame
+  Notice: () => Notice
 });
 module.exports = __toCommonJS(Notice_exports);
 var import_components = require("@multiplatform.one/components");
-var import_theme = require("@multiplatform.one/theme");
-var import_tamagui = require("tamagui");
-var import_icons = require("../icons/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-function getIcon(theme) {
-  switch (theme) {
-    case "blue":
-      return import_icons.InfoIcon;
-    case "green":
-      return import_icons.CheckCircleIcon;
-    default:
-      return import_icons.AlertTriangleIcon;
-  }
-}
-const NoticeFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: "NoticeFrame",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  backgroundColor: "$background",
-  marginVertical: "$4",
-  position: "relative"
-});
+const themeIntentMap = {
+  yellow: "warning",
+  blue: "info",
+  green: "success",
+  red: "error"
+};
 function Notice({
   children,
   theme = "yellow",
@@ -56,39 +40,12 @@ function Notice({
   title,
   ...props
 }) {
-  const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  const IconComponent = getIcon(theme);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NoticeFrame, {
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+  const content = disableUnwrap ? children : (0, import_components.unwrapText)(children);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Alert, {
+    intent: themeIntentMap[theme],
+    title,
+    marginVertical: "$4",
     ...props,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        marginTop: 5,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconComponent, {
-          size: 20,
-          color: "$color10"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        flex: 1,
-        children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
-          size: "$5",
-          marginBottom: -10,
-          marginTop: 5,
-          children: title
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-          paddingVertical: knobProps.gap.gap,
-          color: "$color11",
-          marginTop: -3,
-          marginBottom: -3,
-          size: "$5",
-          children: disableUnwrap ? children : (0, import_components.unwrapText)(children)
-        })]
-      })]
-    })
+    children: content
   });
 }

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

@@ -24,33 +24,17 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var Notice_exports = {};
 __export(Notice_exports, {
-  Notice: () => Notice,
-  NoticeFrame: () => NoticeFrame
+  Notice: () => Notice
 });
 module.exports = __toCommonJS(Notice_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@multiplatform.one/components");
-var import_theme = require("@multiplatform.one/theme");
-var import_tamagui = require("tamagui");
-var import_icons = require("../icons/index.native.js");
-function getIcon(theme) {
-  switch (theme) {
-    case "blue":
-      return import_icons.InfoIcon;
-    case "green":
-      return import_icons.CheckCircleIcon;
-    default:
-      return import_icons.AlertTriangleIcon;
-  }
-}
-var NoticeFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
-  name: "NoticeFrame",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  backgroundColor: "$background",
-  marginVertical: "$4",
-  position: "relative"
-});
+var themeIntentMap = {
+  yellow: "warning",
+  blue: "info",
+  green: "success",
+  red: "error"
+};
 function Notice(param) {
   var {
     children,
@@ -59,40 +43,13 @@ function Notice(param) {
     title,
     ...props
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var IconComponent = getIcon(theme);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(NoticeFrame, {
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+  var content = disableUnwrap ? children : (0, import_components.unwrapText)(children);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Alert, {
+    intent: themeIntentMap[theme],
+    title,
+    marginVertical: "$4",
     ...props,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-        marginTop: 5,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconComponent, {
-          size: 20,
-          color: "$color10"
-        })
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        flex: 1,
-        children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
-          size: "$5",
-          marginBottom: -10,
-          marginTop: 5,
-          children: title
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-          paddingVertical: knobProps.gap.gap,
-          color: "$color11",
-          marginTop: -3,
-          marginBottom: -3,
-          size: "$5",
-          children: disableUnwrap ? children : (0, import_components.unwrapText)(children)
-        })]
-      })]
-    })
+    children: content
   });
 }
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Notice_exports","__export","Notice","NoticeFrame","module","exports","import_jsx_runtime","require","import_components","import_theme","import_tamagui","import_icons","getIcon","theme","InfoIcon","CheckCircleIcon","AlertTriangleIcon","styled","YStack","name","borderWidth","borderColor","backgroundColor","marginVertical","position","param","children","disableUnwrap","title","props","knobProps","useResolvedKnobs","IconComponent","jsx","panelPadding","gap","borderRadius","jsxs","XStack","marginTop","size","color","flex","H3","marginBottom","Paragraph","paddingVertical","unwrapText"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA2B,CAAAK,cAAA;AAC3B,IAAAM,kBAAiC,GAAAC,OAAA;AAEjC,IAAAC,iBAAsD,GAAAD,OAAA;AACtD,IAAAE,YAAA,GAA6DF,OAAA;AAkDnD,IAAAG,cAAA,GAAAH,OAAA;AA9CV,IAAAI,YAAS,GAAQJ,OAAoB;AACnC,SAAAK,OAAQA,CAAOC,KAAA;EAAA,QACRA,KAAA;IACH,WAAO;MACT,OAAKF,YAAA,CAAAG,QAAA;IACH,YAAO;MACT,OAAAH,YAAA,CAAAI,eAAA;IACE;MACJ,OAAAJ,YAAA,CAAAK,iBAAA;EACF;AASO;AAAmC,IACxCb,WAAM,OAAAO,cAAA,CAAAO,MAAA,EAAAP,cAAA,CAAAQ,MAAA;EACNC,IAAA,eAAa;EACbC,WAAA,EAAa;EACbC,WAAA,gBAAiB;EACjBC,eAAA,EAAgB;EAChBC,cAAU;EACXC,QAAA;AAEM;AAAgB,SACrBtB,OAAAuB,KAAA;EACA;IAAAC,QAAQ;IAAAb,KAAA;IAAAc,aAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAJ,KAAA;EACR;IAAAK;EAAA,QAAArB,YAAA,CAAAsB,gBAAA;EACA,IAAAC,aAAA,GAAApB,OAAA,CAAAC,KAAA;EACA,OAAG,mBAAAP,kBAAA,CAAA2B,GAAA,EAAA9B,WAAA;IACqC,GAAA2B,SAAA,CAAAI,YAAA;IACxC,GAAAJ,SAAQ,CAAAK,GAAU;IAClBC,YAAM,EAAAN,SAAgB,CAAAM,YAAa,CAAAA,YAAA;IAEnC,GAAAP,KACE;IAACH,QAAA,qBAAApB,kBAAA,CAAA+B,IAAA,EAAA3B,cAAA,CAAA4B,MAAA;MAAA,GAAAR,SAAA,CAAAK,GAAA;MACET,QAAG,GACH,eAAa,IAAApB,kBAAA,CAAA2B,GAAA,EAAAvB,cAAA,CAAAQ,MAAA;QACdqB,SAAA,EAAc;QACVb,QAAA,qBAAApB,kBAAA,CAAA2B,GAAA,EAAAD,aAAA;UAEJQ,IAAA;UACEC,KAAA;QAGA;MACG,IAGC,eAEF,IAAAnC,kBAAA,CAAA+B,IAAA,EAAA3B,cAAA,CAAAQ,MAAA;QAAAwB,IAAC;QAAAhB,QAAA,GAAAE,KACC,mBAAiB,IAAUtB,kBAAI,CAAA2B,GAAA,EAAAvB,cAAA,CAAAiC,EAAA;UAC/BH,IAAA,MAAM;UACNI,YAAW;UACXL,SAAA;UACAb,QAAK,EAAAE;QAAA,EAEJ,EAA8C,mBAAAtB,kBAAA,CAAA2B,GAAA,EAAAvB,cAAA,CAAAmC,SAAA;UACjDC,eAAA,EAAAhB,SAAA,CAAAK,GAAA,CAAAA,GAAA;UACFM,KAAA;UACFF,SAAA;UAAAK,YAAA;UACFJ,IAAA;UAEJd,QAAA,EAAAC,aAAA,GAAAD,QAAA,OAAAlB,iBAAA,CAAAuC,UAAA,EAAArB,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Notice_exports","__export","Notice","module","exports","import_jsx_runtime","require","import_components","themeIntentMap","yellow","blue","green","red","param","children","theme","disableUnwrap","title","props","content","unwrapText","jsx","Alert","intent","marginVertical"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAoD,CAAAK,cAAA;AA6BhD,IAAAK,kBAAA,GAAAC,OAAA;AAxBJ,IAAAC,iBAAM,GAAmDD,OAAA;AAAA,IACvDE,cAAQ;EACRC,MAAM;EACNC,IAAA,QAAO;EACPC,KAAK;EACPC,GAAA;AAUO;AAAgB,SACrBV,OAAAW,KAAA;EACA;IAAAC,QAAQ;IAAAC,KAAA;IAAAC,aAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAL,KAAA;EACR,IAAAM,OAAA,GAAAH,aAAA,GAAAF,QAAA,OAAAP,iBAAA,CAAAa,UAAA,EAAAN,QAAA;EACA,0BAAAT,kBAAA,CAAAgB,GAAA,EAAAd,iBAAA,CAAAe,KAAA;IACAC,MAAG,EAAAf,cAAA,CAAAO,KAAA;IACqCE,KAAA;IACxCO,cAAgB;IAChB,GAAAN,KACE;IAIJJ,QAAA,EAAAK","ignoreList":[]}

package/dist/cjs/Table/index.cjs

@@ -50,6 +50,12 @@ function MDXTable({
     showsHorizontalScrollIndicator: false,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(MDXTableFrame, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table, {
+        render: "table",
+        width: "auto",
+        cellWidth: "auto",
+        style: {
+          tableLayout: "auto"
+        },
         borderColor: "$borderColor",
         borderRadius: knobProps.borderRadius.borderRadius,
         alignCells: {
@@ -71,6 +77,7 @@ function MDXTableHead({
   ...props
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+    render: "thead",
     ...props,
     children
   });
@@ -80,6 +87,7 @@ function MDXTableBody({
   ...props
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+    render: "tbody",
     ...props,
     children
   });
@@ -89,6 +97,7 @@ function MDXTableRow({
   ...props
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+    render: "tr",
     rowLocation: "middle",
     ...props,
     children
@@ -99,6 +108,7 @@ function MDXTableHeaderCell({
   ...props
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+    render: "th",
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
       size: "$4",
@@ -112,8 +122,11 @@ function MDXTableCell({
   ...props
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+    render: "td",
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "span",
+      display: "block",
       size: "$4",
       children
     })

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

@@ -53,6 +53,14 @@ function MDXTable(param) {
     showsHorizontalScrollIndicator: false,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(MDXTableFrame, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table, {
+        render: "table",
+        // Auto width/layout: a real <table> with width:100% against the
+        // scroller's indefinite width hits Chromium's 1e6px table clamp.
+        width: "auto",
+        cellWidth: "auto",
+        style: {
+          tableLayout: "auto"
+        },
         borderColor: "$borderColor",
         borderRadius: knobProps.borderRadius.borderRadius,
         alignCells: {
@@ -75,6 +83,7 @@ function MDXTableHead(param) {
     ...props
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+    render: "thead",
     ...props,
     children
   });
@@ -85,6 +94,7 @@ function MDXTableBody(param) {
     ...props
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+    render: "tbody",
     ...props,
     children
   });
@@ -95,6 +105,7 @@ function MDXTableRow(param) {
     ...props
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+    render: "tr",
     rowLocation: "middle",
     ...props,
     children
@@ -106,6 +117,7 @@ function MDXTableHeaderCell(param) {
     ...props
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+    render: "th",
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
       size: "$4",
@@ -120,8 +132,11 @@ function MDXTableCell(param) {
     ...props
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+    render: "td",
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "span",
+      display: "block",
       size: "$4",
       children
     })

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Table_exports","__export","MDXTable","MDXTableBody","MDXTableCell","MDXTableHead","MDXTableHeaderCell","MDXTableRow","module","exports","import_jsx_runtime","require","import_tamagui","import_table_primitives","import_theme","MDXTableFrame","styled","YStack","marginVertical","overflow","param","children","props","knobProps","useResolvedKnobs","jsx","ScrollView","horizontal","showsHorizontalScrollIndicator","Table","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","Head","Body","Row","rowLocation"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAd,YAAsD,CAAAK,aAAA;AACtD,IAAAU,kBAAA,GAAAC,OAAmC;AACnC,IAAAC,cAAA,GAAiCD,OAAA;AAezB,IAAAE,uBAAA,GAAAF,OAAA;AAbR,IAAAG,YAAM,GAAAH,OAAgB,2BAAO;AAAQ,IACnCI,aAAA,GAAgB,IAAAH,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EAChBC,cAAU;EACXC,QAAA;AAEM;AAAkB,SACvBjB,SAAAkB,KAAA;EACA,IAAG;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACL,IAAuD;IAAAG;EAAA,QAAAT,YAAA,CAAAU,gBAAA;EACrD,OAAM,eAAY,IAAId,kBAAA,CAAAe,GAAA,EAAAb,cAAiB,CAAAc,UAAA;IACvCC,UACE;IAEKC,8BAAA;IAAAP,QAAA,qBAAAX,kBAAA,CAAAe,GAAA,EAAAV,aAAA;MACCM,QAAA,iBAAY,IAAAX,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA;QACZC,WAAA,EAAc,cAAU;QACxBC,YAAc,EAAAR,SAAG,CAASQ,YAAY,CAAAA,YAAA;QACtCC,UAAA;UACIC,CAAA;UAEHC,CAAA;QAAA;QAGPC,gBAAA;UAEJF,CAAA;UAEgBC,CAAA;QACd;QACG,GAAAZ,KAAA;QACkDD;MACrD;IACF;EAEO;AAAsB;AAC3B,SACGhB,aAAAe,KAAA;EACL,IAAuD;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACrD,OAAO,mBAAAV,kBAAA,CAAAe,GAAA,EAACZ,uBAAA,CAAAgB,KAAA,CAAUO,IAAA,EAAV;IACV,GAAAd,KAAA;IAEOD;EACL;AAAA;AAEF,SAAuDlB,aAAAiB,KAAA;EACrD;IAAAC,QACE;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAIJ,0BAAAV,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA,CAAAQ,IAAA;IAEO,GAAAf,KAAS;IACdD;EACA;AACF;AACE,SACEd,YAAAa,KAAA;EAMJ;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EAEO,OAAS,eAAa,IAAAV,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA,CAAAS,GAAA;IAC3BC,WAAA;IACA,GAAGjB,KAAA;IACkDD;EACrD;AAKF","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Table_exports","__export","MDXTable","MDXTableBody","MDXTableCell","MDXTableHead","MDXTableHeaderCell","MDXTableRow","module","exports","import_jsx_runtime","require","import_tamagui","import_table_primitives","import_theme","MDXTableFrame","styled","YStack","marginVertical","overflow","param","children","props","knobProps","useResolvedKnobs","jsx","ScrollView","horizontal","showsHorizontalScrollIndicator","Table","render","width","cellWidth","style","tableLayout","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","Head","Body"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAd,YAAsD,CAAAK,aAAA;AACtD,IAAAU,kBAAA,GAAAC,OAAmC;AACnC,IAAAC,cAAA,GAAiCD,OAAA;AAezB,IAAAE,uBAAA,GAAAF,OAAA;AAbR,IAAAG,YAAM,GAAAH,OAAgB,2BAAO;AAAQ,IACnCI,aAAA,GAAgB,IAAAH,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EAChBC,cAAU;EACXC,QAAA;AAEM;AAAkB,SACvBjB,SAAAkB,KAAA;EACA,IAAG;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACL,IAAuD;IAAAG;EAAA,QAAAT,YAAA,CAAAU,gBAAA;EACrD,OAAM,eAAY,IAAId,kBAAA,CAAAe,GAAA,EAAAb,cAAiB,CAAAc,UAAA;IACvCC,UACE;IAEKC,8BAAA;IAAAP,QAAA,qBAAAX,kBAAA,CAAAe,GAAA,EAAAV,aAAA;MACCM,QAAO,qBAAAX,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA;QAGPC,MAAM;QACN;QACA;QACAC,KAAA,QAAY;QACZC,SAAA,QAAc;QACdC,KAAA;UACAC,WAAA;QACC,CAAG;QAEHC,WAAA;QAAAC,YAAA,EAAAb,SAAA,CAAAa,YAAA,CAAAA,YAAA;QAGPC,UAAA;UAEJC,CAAA;UAEgBC,CAAA;QACd;QACGC,gBAAA;UACkDF,CAAA;UAEnDC,CAAA;QAIJ;QAEO,GAASjB,KAAA;QACdD;MACG;IACkD;EACrD;AAKF;AAEO,SAAShB,YAAYA,CAAAe,KAAA;EAC1B;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACA,OAAG,mBAAAV,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA,CAAAY,IAAA;IACkDX,MAAA;IACrD,GAAAR,KACE;IAIJD;EAEO;AAA4B;AACjC,SACGlB,aAAAiB,KAAA;EACL,IAAuD;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACrD,OACE,mBAAAV,kBAAA,CAAAe,GAAA,EAACZ,uBAAA,CAAAgB,KAAA,CAAUa,IAAA;IAMfZ,MAAA;IAEO,GAAAR,KAAS;IACdD;EACA;AACF;AACE,SACEd,YAAAa,KAAA;EAMJ;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA","ignoreList":[]}