@multiplatform.one/markdown 6.0.4 → 6.3.0

package/dist/esm/Notice/index.mjs

@@ -1,26 +1,11 @@
-import { unwrapText } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { H3, Paragraph, XStack, YStack, styled } from "tamagui";
-import { AlertTriangleIcon, CheckCircleIcon, InfoIcon } from "../icons/index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getIcon(theme) {
-  switch (theme) {
-    case "blue":
-      return InfoIcon;
-    case "green":
-      return CheckCircleIcon;
-    default:
-      return AlertTriangleIcon;
-  }
-}
-const NoticeFrame = styled(YStack, {
-  name: "NoticeFrame",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  backgroundColor: "$background",
-  marginVertical: "$4",
-  position: "relative"
-});
+import { Alert, unwrapText } from "@multiplatform.one/components";
+import { jsx } from "react/jsx-runtime";
+const themeIntentMap = {
+  yellow: "warning",
+  blue: "info",
+  green: "success",
+  red: "error"
+};
 function Notice({
   children,
   theme = "yellow",
@@ -28,41 +13,14 @@ function Notice({
   title,
   ...props
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
-  const IconComponent = getIcon(theme);
-  return /* @__PURE__ */jsx(NoticeFrame, {
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+  const content = disableUnwrap ? children : unwrapText(children);
+  return /* @__PURE__ */jsx(Alert, {
+    intent: themeIntentMap[theme],
+    title,
+    marginVertical: "$4",
     ...props,
-    children: /* @__PURE__ */jsxs(XStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */jsx(YStack, {
-        marginTop: 5,
-        children: /* @__PURE__ */jsx(IconComponent, {
-          size: 20,
-          color: "$color10"
-        })
-      }), /* @__PURE__ */jsxs(YStack, {
-        flex: 1,
-        children: [title && /* @__PURE__ */jsx(H3, {
-          size: "$5",
-          marginBottom: -10,
-          marginTop: 5,
-          children: title
-        }), /* @__PURE__ */jsx(Paragraph, {
-          paddingVertical: knobProps.gap.gap,
-          color: "$color11",
-          marginTop: -3,
-          marginBottom: -3,
-          size: "$5",
-          children: disableUnwrap ? children : unwrapText(children)
-        })]
-      })]
-    })
+    children: content
   });
 }
-export { Notice, NoticeFrame };
+export { Notice };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/Notice/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["unwrapText","useResolvedKnobs","H3","Paragraph","XStack","YStack","styled","AlertTriangleIcon","CheckCircleIcon","InfoIcon","jsx","jsxs","getIcon","theme","NoticeFrame","name","borderWidth","borderColor","backgroundColor","marginVertical","position","Notice","children","disableUnwrap","title","props","knobProps","IconComponent","panelPadding","gap","borderRadius","marginTop","size","color","flex","marginBottom","paddingVertical"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,gBAAA,QAAwB;AAEjC,SAASC,EAAA,EAAIC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AACtD,SAASC,iBAAA,EAAmBC,eAAA,EAAiBC,QAAA,QAAgB;AAkDnD,SAAAC,GAAA,EAEFC,IAAA,QAFE;AA9CV,SAASC,QAAQC,KAAA,EAAoB;EACnC,QAAQA,KAAA;IACN,KAAK;MACH,OAAOJ,QAAA;IACT,KAAK;MACH,OAAOD,eAAA;IACT;MACE,OAAOD,iBAAA;EACX;AACF;AASO,MAAMO,WAAA,GAAcR,MAAA,CAAOD,MAAA,EAAQ;EACxCU,IAAA,EAAM;EACNC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,eAAA,EAAiB;EACjBC,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,OAAO;EACrBC,QAAA;EACAT,KAAA,GAAQ;EACRU,aAAA;EACAC,KAAA;EACA,GAAGC;AACL,GAA0C;EACxC,MAAM;IAAEC;EAAU,IAAIzB,gBAAA,CAAiB;EACvC,MAAM0B,aAAA,GAAgBf,OAAA,CAAQC,KAAK;EAEnC,OACE,eAAAH,GAAA,CAACI,WAAA;IACE,GAAGY,SAAA,CAAUE,YAAA;IACb,GAAGF,SAAA,CAAUG,GAAA;IACdC,YAAA,EAAcJ,SAAA,CAAUI,YAAA,CAAaA,YAAA;IACpC,GAAGL,KAAA;IAEJH,QAAA,iBAAAX,IAAA,CAACP,MAAA;MAAQ,GAAGsB,SAAA,CAAUG,GAAA;MACpBP,QAAA,kBAAAZ,GAAA,CAACL,MAAA;QAAO0B,SAAA,EAAW;QACjBT,QAAA,iBAAAZ,GAAA,CAACiB,aAAA;UAAcK,IAAA,EAAM;UAAIC,KAAA,EAAM;QAAA,CAAW;MAAA,CAC5C,GACA,eAAAtB,IAAA,CAACN,MAAA;QAAO6B,IAAA,EAAM;QACXZ,QAAA,GAAAE,KAAA,IACC,eAAAd,GAAA,CAACR,EAAA;UAAG8B,IAAA,EAAK;UAAKG,YAAA,EAAc;UAAKJ,SAAA,EAAW;UACzCT,QAAA,EAAAE;QAAA,CACH,GAEF,eAAAd,GAAA,CAACP,SAAA;UACCiC,eAAA,EAAiBV,SAAA,CAAUG,GAAA,CAAIA,GAAA;UAC/BI,KAAA,EAAM;UACNF,SAAA,EAAW;UACXI,YAAA,EAAc;UACdH,IAAA,EAAK;UAEJV,QAAA,EAAAC,aAAA,GAAgBD,QAAA,GAAWtB,UAAA,CAAWsB,QAAQ;QAAA,CACjD;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["Alert","unwrapText","jsx","themeIntentMap","yellow","blue","green","red","Notice","children","theme","disableUnwrap","title","props","content","intent","marginVertical"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,EAAyBC,UAAA,QAAkB;AA6BhD,SAAAC,GAAA;AAxBJ,MAAMC,cAAA,GAAmD;EACvDC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,GAAA,EAAK;AACP;AAUO,SAASC,OAAO;EACrBC,QAAA;EACAC,KAAA,GAAQ;EACRC,aAAA;EACAC,KAAA;EACA,GAAGC;AACL,GAA0C;EACxC,MAAMC,OAAA,GAAUH,aAAA,GAAgBF,QAAA,GAAWR,UAAA,CAAWQ,QAAQ;EAC9D,OACE,eAAAP,GAAA,CAACF,KAAA;IAAMe,MAAA,EAAQZ,cAAA,CAAeO,KAAK;IAAGE,KAAA;IAAcI,cAAA,EAAe;IAAM,GAAGH,KAAA;IACzEJ,QAAA,EAAAK;EAAA,CACH;AAEJ","ignoreList":[]}

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

@@ -1,26 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { unwrapText } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { H3, Paragraph, XStack, YStack, styled } from "tamagui";
-import { AlertTriangleIcon, CheckCircleIcon, InfoIcon } from "../icons/index.native.js";
-function getIcon(theme) {
-  switch (theme) {
-    case "blue":
-      return InfoIcon;
-    case "green":
-      return CheckCircleIcon;
-    default:
-      return AlertTriangleIcon;
-  }
-}
-var NoticeFrame = styled(YStack, {
-  name: "NoticeFrame",
-  borderWidth: 1,
-  borderColor: "$borderColor",
-  backgroundColor: "$background",
-  marginVertical: "$4",
-  position: "relative"
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert, unwrapText } from "@multiplatform.one/components";
+var themeIntentMap = {
+  yellow: "warning",
+  blue: "info",
+  green: "success",
+  red: "error"
+};
 function Notice(param) {
   var {
     children,
@@ -29,41 +14,14 @@ function Notice(param) {
     title,
     ...props
   } = param;
-  var {
-    knobProps
-  } = useResolvedKnobs();
-  var IconComponent = getIcon(theme);
-  return /* @__PURE__ */_jsx(NoticeFrame, {
-    ...knobProps.panelPadding,
-    ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+  var content = disableUnwrap ? children : unwrapText(children);
+  return /* @__PURE__ */_jsx(Alert, {
+    intent: themeIntentMap[theme],
+    title,
+    marginVertical: "$4",
     ...props,
-    children: /* @__PURE__ */_jsxs(XStack, {
-      ...knobProps.gap,
-      children: [/* @__PURE__ */_jsx(YStack, {
-        marginTop: 5,
-        children: /* @__PURE__ */_jsx(IconComponent, {
-          size: 20,
-          color: "$color10"
-        })
-      }), /* @__PURE__ */_jsxs(YStack, {
-        flex: 1,
-        children: [title && /* @__PURE__ */_jsx(H3, {
-          size: "$5",
-          marginBottom: -10,
-          marginTop: 5,
-          children: title
-        }), /* @__PURE__ */_jsx(Paragraph, {
-          paddingVertical: knobProps.gap.gap,
-          color: "$color11",
-          marginTop: -3,
-          marginBottom: -3,
-          size: "$5",
-          children: disableUnwrap ? children : unwrapText(children)
-        })]
-      })]
-    })
+    children: content
   });
 }
-export { Notice, NoticeFrame };
+export { Notice };
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","unwrapText","useResolvedKnobs","H3","Paragraph","XStack","YStack","styled","AlertTriangleIcon","CheckCircleIcon","InfoIcon","getIcon","theme","NoticeFrame","name","borderWidth","borderColor","backgroundColor","marginVertical","position","Notice","param","children","disableUnwrap","title","props","knobProps","IconComponent","panelPadding","gap","borderRadius","marginTop","size","color","flex","marginBottom","paddingVertical"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAkBC,KAAA;AAC3B,SAASC,UAAA,uCAAwB;AAEjC,SAASC,gBAAe,QAAQ,0BAAsB;AACtD,SAASC,EAAA,EAAAC,SAAA,EAAAC,MAAmB,EAAAC,MAAA,EAAAC,MAAiB,iBAAgB;AAkDnD,SAAAC,iBAAA,EAAAC,eAAA,EAAAC,QAAA;AA9CV,SAASC,QAAQC,KAAA,EAAoB;EACnC,QAAQA,KAAA;IACN,KAAK;MACH,OAAOF,QAAA;IACT,KAAK;MACH,OAAOD,eAAA;IACT;MACE,OAAOD,iBAAA;EACX;AACF;AASO,IAAAK,WAAM,GAAAN,MAAc,CAAAD,MAAO;EAChCQ,IAAA,EAAM;EACNC,WAAA,EAAa;EACbC,WAAA,EAAa;EACbC,eAAA,EAAiB;EACjBC,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,OAAOC,KAAA;EACrB;IAAAC,QAAA;IAAAV,KAAA;IAAAW,aAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAJ,KAAA;EACA;IAAAK;EAAQ,IAAAxB,gBAAA;EACR,IAAAyB,aAAA,GAAAhB,OAAA,CAAAC,KAAA;EACA,sBAAAd,IAAA,CAAAe,WAAA;IACA,GAAGa,SAAA,CAAAE,YAAA;IACqC,GAAAF,SAAA,CAAAG,GAAA;IACxCC,YAAQ,EAAAJ,SAAc,CAAAI,YAAA,CAAiBA,YAAA;IACvC,GAAAL,KAAM;IAENH,QACE,iBAAAtB,KAAA,CAAAK,MAAA;MAAC,GAAAqB,SAAA,CAAAG,GAAA;MAAAP,QAAA,GACE,eAAaxB,IAAA,CAAAQ,MAAA;QACVyB,SAAU;QACdT,QAAA,EAAc,eAAUxB,IAAA,CAAA6B,aAAa;UACjCK,IAAA;UAEJC,KAAA;QACE;MAGA,IACG,eACCjC,KAAA,CAAAM,MAAA;QAIF4B,IAAA;QAAAZ,QAAC,GAAAE,KAAA,mBAAA1B,IAAA,CAAAK,EAAA;UACC6B,IAAA;UACAG,YAAM;UACNJ,SAAA,EAAW;UACXT,QAAA,EAAAE;QAAc,EACd,EAAK,eAEJ1B,IAAA,CAAAM,SAAgB;UAA8BgC,eAAA,EAAAV,SAAA,CAAAG,GAAA,CAAAA,GAAA;UACjDI,KAAA;UACFF,SAAA;UACFI,YAAA;UAAAH,IAAA;UACFV,QAAA,EAAAC,aAAA,GAAAD,QAAA,GAAArB,UAAA,CAAAqB,QAAA;QAEJ","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Alert","unwrapText","themeIntentMap","yellow","blue","green","red","Notice","param","children","theme","disableUnwrap","title","props","content","intent","marginVertical"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAyBC,IAAA,2BAAkB;AA6BhD,SAAAC,KAAA,EAAAC,UAAA;AAxBJ,IAAAC,cAAM;EACJC,MAAA,EAAQ;EACRC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,GAAA,EAAK;AACP;AAUO,SAASC,OAAOC,KAAA;EACrB;IAAAC,QAAA;IAAAC,KAAA;IAAAC,aAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAL,KAAA;EACA,IAAAM,OAAQ,GAAAH,aAAA,GAAAF,QAAA,GAAAR,UAAA,CAAAQ,QAAA;EACR,sBAAAV,IAAA,CAAAC,KAAA;IACAe,MAAA,EAAAb,cAAA,CAAAQ,KAAA;IACAE,KAAG;IACqCI,cAAA;IACxC,GAAAH,KAAM;IACNJ,QACE,EAAAK;EAIJ","ignoreList":[]}

package/dist/esm/Table/index.mjs

@@ -18,6 +18,12 @@ function MDXTable({
     showsHorizontalScrollIndicator: false,
     children: /* @__PURE__ */jsx(MDXTableFrame, {
       children: /* @__PURE__ */jsx(BaseTable, {
+        render: "table",
+        width: "auto",
+        cellWidth: "auto",
+        style: {
+          tableLayout: "auto"
+        },
         borderColor: "$borderColor",
         borderRadius: knobProps.borderRadius.borderRadius,
         alignCells: {
@@ -39,6 +45,7 @@ function MDXTableHead({
   ...props
 }) {
   return /* @__PURE__ */jsx(BaseTable.Head, {
+    render: "thead",
     ...props,
     children
   });
@@ -48,6 +55,7 @@ function MDXTableBody({
   ...props
 }) {
   return /* @__PURE__ */jsx(BaseTable.Body, {
+    render: "tbody",
     ...props,
     children
   });
@@ -57,6 +65,7 @@ function MDXTableRow({
   ...props
 }) {
   return /* @__PURE__ */jsx(BaseTable.Row, {
+    render: "tr",
     rowLocation: "middle",
     ...props,
     children
@@ -67,6 +76,7 @@ function MDXTableHeaderCell({
   ...props
 }) {
   return /* @__PURE__ */jsx(BaseTable.HeaderCell, {
+    render: "th",
     ...props,
     children: /* @__PURE__ */jsx(Paragraph, {
       size: "$4",
@@ -80,8 +90,11 @@ function MDXTableCell({
   ...props
 }) {
   return /* @__PURE__ */jsx(BaseTable.Cell, {
+    render: "td",
     ...props,
     children: /* @__PURE__ */jsx(Paragraph, {
+      render: "span",
+      display: "block",
       size: "$4",
       children
     })

package/dist/esm/Table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Paragraph","ScrollView","YStack","styled","Table","BaseTable","useResolvedKnobs","jsx","MDXTableFrame","marginVertical","overflow","MDXTable","children","props","knobProps","horizontal","showsHorizontalScrollIndicator","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","MDXTableHead","Head","MDXTableBody","Body","MDXTableRow","Row","rowLocation","MDXTableHeaderCell","HeaderCell","size","fontWeight","MDXTableCell","Cell"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AACtD,SAASC,KAAA,IAASC,SAAA,QAAiB;AACnC,SAASC,gBAAA,QAAwB;AAezB,SAAAC,GAAA;AAbR,MAAMC,aAAA,GAAgBL,MAAA,CAAOD,MAAA,EAAQ;EACnCO,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,SAAS;EACvBC,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;EACvC,OACE,eAAAC,GAAA,CAACN,UAAA;IAAWc,UAAA,EAAU;IAACC,8BAAA,EAAgC;IACrDJ,QAAA,iBAAAL,GAAA,CAACC,aAAA;MACCI,QAAA,iBAAAL,GAAA,CAACF,SAAA;QACCY,WAAA,EAAY;QACZC,YAAA,EAAcJ,SAAA,CAAUI,YAAA,CAAaA,YAAA;QACrCC,UAAA,EAAY;UAAEC,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QACtCC,gBAAA,EAAkB;UAAEF,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QAC3C,GAAGR,KAAA;QAEHD;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASW,aAAa;EAC3BX,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OAAO,eAAAN,GAAA,CAACF,SAAA,CAAUmB,IAAA,EAAV;IAAgB,GAAGX,KAAA;IAAQD;EAAA,CAAS;AAC9C;AAEO,SAASa,aAAa;EAC3Bb,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OAAO,eAAAN,GAAA,CAACF,SAAA,CAAUqB,IAAA,EAAV;IAAgB,GAAGb,KAAA;IAAQD;EAAA,CAAS;AAC9C;AAEO,SAASe,YAAY;EAC1Bf,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAUuB,GAAA,EAAV;IAAcC,WAAA,EAAY;IAAU,GAAGhB,KAAA;IACrCD;EAAA,CACH;AAEJ;AAEO,SAASkB,mBAAmB;EACjClB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAU0B,UAAA,EAAV;IAAsB,GAAGlB,KAAA;IACxBD,QAAA,iBAAAL,GAAA,CAACP,SAAA;MAAUgC,IAAA,EAAK;MAAKC,UAAA,EAAW;MAC7BrB;IAAA,CACH;EAAA,CACF;AAEJ;AAEO,SAASsB,aAAa;EAC3BtB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAU8B,IAAA,EAAV;IAAgB,GAAGtB,KAAA;IAClBD,QAAA,iBAAAL,GAAA,CAACP,SAAA;MAAUgC,IAAA,EAAK;MAAMpB;IAAA,CAAS;EAAA,CACjC;AAEJ","ignoreList":[]}
+{"version":3,"names":["Paragraph","ScrollView","YStack","styled","Table","BaseTable","useResolvedKnobs","jsx","MDXTableFrame","marginVertical","overflow","MDXTable","children","props","knobProps","horizontal","showsHorizontalScrollIndicator","render","width","cellWidth","style","tableLayout","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","MDXTableHead","Head","MDXTableBody","Body","MDXTableRow","Row","rowLocation","MDXTableHeaderCell","HeaderCell","size","fontWeight","MDXTableCell","Cell","display"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AACtD,SAASC,KAAA,IAASC,SAAA,QAAiB;AACnC,SAASC,gBAAA,QAAwB;AAezB,SAAAC,GAAA;AAbR,MAAMC,aAAA,GAAgBL,MAAA,CAAOD,MAAA,EAAQ;EACnCO,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,SAAS;EACvBC,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,MAAM;IAAEC;EAAU,IAAIR,gBAAA,CAAiB;EACvC,OACE,eAAAC,GAAA,CAACN,UAAA;IAAWc,UAAA,EAAU;IAACC,8BAAA,EAAgC;IACrDJ,QAAA,iBAAAL,GAAA,CAACC,aAAA;MACCI,QAAA,iBAAAL,GAAA,CAACF,SAAA;QACCY,MAAA,EAAO;QAGPC,KAAA,EAAM;QACNC,SAAA,EAAU;QACVC,KAAA,EAAO;UAAEC,WAAA,EAAa;QAAO;QAC7BC,WAAA,EAAY;QACZC,YAAA,EAAcT,SAAA,CAAUS,YAAA,CAAaA,YAAA;QACrCC,UAAA,EAAY;UAAEC,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QACtCC,gBAAA,EAAkB;UAAEF,CAAA,EAAG;UAASC,CAAA,EAAG;QAAS;QAC3C,GAAGb,KAAA;QAEHD;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,SAASgB,aAAa;EAC3BhB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAUwB,IAAA,EAAV;IAAeZ,MAAA,EAAO;IAAS,GAAGJ,KAAA;IAChCD;EAAA,CACH;AAEJ;AAEO,SAASkB,aAAa;EAC3BlB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAU0B,IAAA,EAAV;IAAed,MAAA,EAAO;IAAS,GAAGJ,KAAA;IAChCD;EAAA,CACH;AAEJ;AAEO,SAASoB,YAAY;EAC1BpB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAU4B,GAAA,EAAV;IAAchB,MAAA,EAAO;IAAKiB,WAAA,EAAY;IAAU,GAAGrB,KAAA;IACjDD;EAAA,CACH;AAEJ;AAEO,SAASuB,mBAAmB;EACjCvB,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAU+B,UAAA,EAAV;IAAqBnB,MAAA,EAAO;IAAM,GAAGJ,KAAA;IACpCD,QAAA,iBAAAL,GAAA,CAACP,SAAA;MAAUqC,IAAA,EAAK;MAAKC,UAAA,EAAW;MAC7B1B;IAAA,CACH;EAAA,CACF;AAEJ;AAEO,SAAS2B,aAAa;EAC3B3B,QAAA;EACA,GAAGC;AACL,GAAuD;EACrD,OACE,eAAAN,GAAA,CAACF,SAAA,CAAUmC,IAAA,EAAV;IAAevB,MAAA,EAAO;IAAM,GAAGJ,KAAA;IAC9BD,QAAA,iBAAAL,GAAA,CAACP,SAAA;MAAUiB,MAAA,EAAO;MAAOwB,OAAA,EAAQ;MAAQJ,IAAA,EAAK;MAC3CzB;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -19,6 +19,14 @@ function MDXTable(param) {
     showsHorizontalScrollIndicator: false,
     children: /* @__PURE__ */_jsx(MDXTableFrame, {
       children: /* @__PURE__ */_jsx(BaseTable, {
+        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: {
@@ -41,6 +49,7 @@ function MDXTableHead(param) {
     ...props
   } = param;
   return /* @__PURE__ */_jsx(BaseTable.Head, {
+    render: "thead",
     ...props,
     children
   });
@@ -51,6 +60,7 @@ function MDXTableBody(param) {
     ...props
   } = param;
   return /* @__PURE__ */_jsx(BaseTable.Body, {
+    render: "tbody",
     ...props,
     children
   });
@@ -61,6 +71,7 @@ function MDXTableRow(param) {
     ...props
   } = param;
   return /* @__PURE__ */_jsx(BaseTable.Row, {
+    render: "tr",
     rowLocation: "middle",
     ...props,
     children
@@ -72,6 +83,7 @@ function MDXTableHeaderCell(param) {
     ...props
   } = param;
   return /* @__PURE__ */_jsx(BaseTable.HeaderCell, {
+    render: "th",
     ...props,
     children: /* @__PURE__ */_jsx(Paragraph, {
       size: "$4",
@@ -86,8 +98,11 @@ function MDXTableCell(param) {
     ...props
   } = param;
   return /* @__PURE__ */_jsx(BaseTable.Cell, {
+    render: "td",
     ...props,
     children: /* @__PURE__ */_jsx(Paragraph, {
+      render: "span",
+      display: "block",
       size: "$4",
       children
     })

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Paragraph","ScrollView","YStack","styled","Table","BaseTable","useResolvedKnobs","MDXTableFrame","marginVertical","overflow","MDXTable","param","children","props","knobProps","horizontal","showsHorizontalScrollIndicator","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","MDXTableHead","Head","MDXTableBody","Body","MDXTableRow","Row","rowLocation","MDXTableHeaderCell"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,2BAAoB;AACxC,SAASC,SAAS,EAAAC,UAAA,EAAAC,MAAiB,EAAAC,MAAA;AACnC,SAASC,KAAA,IAAAC,SAAA,QAAwB;AAezB,SAAAC,gBAAA;AAbR,IAAAC,aAAM,GAAAJ,MAAgB,CAAAD,MAAO;EAC3BM,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,SAASC,KAAA;EACvB;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACA,IAAG;IAAAG;EAAA,IAAAR,gBAAA;EACL,OAAuD,eAAAP,IAAA,CAAAE,UAAA;IACrDc,UAAQ,MAAU;IAClBC,8BACG;IAEIJ,QAAA,iBAAAb,IAAA,CAAAQ,aAAA;MAAAK,QAAA,iBAAAb,IAAA,CAAAM,SAAA;QACCY,WAAY;QACZC,YAAc,EAAAJ,SAAU,CAAAI,YAAa,CAAAA,YAAA;QACrCC,UAAY,EAAE;UACdC,CAAA;UACIC,CAAA;QAEH;QAAAC,gBAAA;UAGPF,CAAA;UAEJC,CAAA;QAEO,CAAS;QACd,GAAAR,KAAA;QACGD;MACkD;IACrD;EACF;AAEO;AAAsB,SAC3BW,aAAAZ,KAAA;EACA,IAAG;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACL,OAAuD,eAAAZ,IAAA,CAAAM,SAAA,CAAAmB,IAAA;IACrD,GAAAX,KAAO;IACTD;EAEO;AAAqB;AAC1B,SACGa,aAAAd,KAAA;EACL,IAAuD;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACrD,OACE,eAAAZ,IAAC,CAAAM,SAAU,CAAAqB,IAAV,EAAc;IAInB,GAAAb,KAAA;IAEOD;EACL;AAAA;AAEF,SAAuDe,YAAAhB,KAAA;EACrD;IAAAC,QACE;IAAA,GAAAC;EAAA,IAACF,KAAA;EAML,sBAAAZ,IAAA,CAAAM,SAAA,CAAAuB,GAAA;IAEOC,WAAS,UAAa;IAC3B,GAAAhB,KAAA;IACAD;EACF,CAAuD;AACrD;AAKF,SAAAkB,mBAAAnB,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Paragraph","ScrollView","YStack","styled","Table","BaseTable","useResolvedKnobs","MDXTableFrame","marginVertical","overflow","MDXTable","param","children","props","knobProps","horizontal","showsHorizontalScrollIndicator","render","width","cellWidth","style","tableLayout","borderColor","borderRadius","alignCells","x","y","alignHeaderCells","MDXTableHead","Head","MDXTableBody","Body","MDXTableRow","Row"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,2BAAoB;AACxC,SAASC,SAAS,EAAAC,UAAA,EAAAC,MAAiB,EAAAC,MAAA;AACnC,SAASC,KAAA,IAAAC,SAAA,QAAwB;AAezB,SAAAC,gBAAA;AAbR,IAAAC,aAAM,GAAAJ,MAAgB,CAAAD,MAAO;EAC3BM,cAAA,EAAgB;EAChBC,QAAA,EAAU;AACZ,CAAC;AAEM,SAASC,SAASC,KAAA;EACvB;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACA,IAAG;IAAAG;EAAA,IAAAR,gBAAA;EACL,OAAuD,eAAAP,IAAA,CAAAE,UAAA;IACrDc,UAAQ,MAAU;IAClBC,8BACG;IAEIJ,QAAA,iBAAAb,IAAA,CAAAQ,aAAA;MAAAK,QAAA,iBAAAb,IAAA,CAAAM,SAAA;QACCY,MAAO;QAGP;QACA;QACAC,KAAO,EAAE;QACTC,SAAA,EAAY;QACZC,KAAA;UACAC,WAAc,EAAG;QACjB;QACCC,WAAG;QAEHC,YAAA,EAAAT,SAAA,CAAAS,YAAA,CAAAA,YAAA;QAAAC,UAAA;UAGPC,CAAA;UAEJC,CAAA;QAEO,CAAS;QACdC,gBAAA;UACGF,CAAA;UACkDC,CAAA;QACrD,CACE;QAIJ,GAAAb,KAAA;QAEOD;MACL;IACA,CAAG;EACL,CAAuD;AACrD;AAKF,SAAAgB,aAAAjB,KAAA;EAEO;IAAAC,QAAS;IAAA,GAAYC;EAAA,IAAAF,KAAA;EAC1B,sBAAAZ,IAAA,CAAAM,SAAA,CAAAwB,IAAA;IACAZ,MAAG;IACkD,GAAAJ,KAAA;IACrDD;EAKF;AAEO;AAA4B,SACjCkB,aAAAnB,KAAA;EACA,IAAG;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACL,OAAuD,eAAAZ,IAAA,CAAAM,SAAA,CAAA0B,IAAA;IACrDd,MACE;IAMJ,GAAAJ,KAAA;IAEOD;EACL;AAAA;AAEF,SAAuDoB,YAAArB,KAAA;EACrD;IAAAC,QACE;IAAA,GAAAC;EAAA,IAACF,KAAA;EAML,sBAAAZ,IAAA,CAAAM,SAAA,CAAA4B,GAAA","ignoreList":[]}

package/dist/esm/Tabs/index.mjs

@@ -1,59 +1,27 @@
-import { useState } from "react";
-import { Paragraph, XStack, YStack, styled } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const TabListFrame = styled(XStack, {
-  borderBottomWidth: 1,
-  borderBottomColor: "$borderColor",
-  marginBottom: "$3",
-  gap: "$1"
-});
-const TabTrigger = styled(XStack, {
-  paddingHorizontal: "$4",
-  paddingVertical: "$2",
-  cursor: "pointer",
-  borderBottomWidth: 2,
-  borderBottomColor: "transparent",
-  marginBottom: -1,
-  hoverStyle: {
-    backgroundColor: "$color3"
-  },
-  variants: {
-    active: {
-      true: {
-        borderBottomColor: "$color10"
-      }
-    }
-  }
-});
+import { Tabs } from "@multiplatform.one/components";
+import { YStack } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function MDXTabs({
   items,
   children,
   defaultValue
 }) {
-  const [activeIndex, setActiveIndex] = useState(() => {
-    if (defaultValue) {
-      const idx = items.indexOf(defaultValue);
-      return idx >= 0 ? idx : 0;
-    }
-    return 0;
-  });
   const childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */jsxs(YStack, {
+  const values = items.map((label, index) => `${label}-${index}`);
+  const defaultIndex = defaultValue ? Math.max(items.indexOf(defaultValue), 0) : 0;
+  return /* @__PURE__ */jsx(YStack, {
     marginVertical: "$4",
-    children: [/* @__PURE__ */jsx(TabListFrame, {
-      children: items.map((item, i) => /* @__PURE__ */jsx(TabTrigger, {
-        active: i === activeIndex,
-        onPress: () => setActiveIndex(i),
-        children: /* @__PURE__ */jsx(Paragraph, {
-          size: "$4",
-          fontWeight: i === activeIndex ? "600" : "400",
-          color: i === activeIndex ? "$color12" : "$color9",
-          children: item
-        })
-      }, item))
-    }), /* @__PURE__ */jsx(YStack, {
-      children: childArray[activeIndex] ?? null
-    })]
+    children: /* @__PURE__ */jsx(Tabs, {
+      items: items.map((label, index) => ({
+        value: values[index],
+        label,
+        // Panels mount on first visit and stay mounted (lazyMount), so
+        // focus/input state inside a visited panel survives switching.
+        content: childArray[index] ?? null
+      })),
+      defaultValue: values[defaultIndex],
+      lazyMount: true
+    })
   });
 }
 function MDXTab({

package/dist/esm/Tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useState","Paragraph","XStack","YStack","styled","jsx","jsxs","TabListFrame","borderBottomWidth","borderBottomColor","marginBottom","gap","TabTrigger","paddingHorizontal","paddingVertical","cursor","hoverStyle","backgroundColor","variants","active","true","MDXTabs","items","children","defaultValue","activeIndex","setActiveIndex","idx","indexOf","childArray","Array","isArray","marginVertical","map","item","i","onPress","size","fontWeight","color","MDXTab"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,QAAA,QAAgB;AACzB,SAASC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAgD9C,SAIQC,GAAA,EAJRC,IAAA;AA9CJ,MAAMC,YAAA,GAAeH,MAAA,CAAOF,MAAA,EAAQ;EAClCM,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,YAAA,EAAc;EACdC,GAAA,EAAK;AACP,CAAC;AAED,MAAMC,UAAA,GAAaR,MAAA,CAAOF,MAAA,EAAQ;EAChCW,iBAAA,EAAmB;EACnBC,eAAA,EAAiB;EACjBC,MAAA,EAAQ;EACRP,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,YAAA,EAAc;EAEdM,UAAA,EAAY;IACVC,eAAA,EAAiB;EACnB;EAEAC,QAAA,EAAU;IACRC,MAAA,EAAQ;MACNC,IAAA,EAAM;QACJX,iBAAA,EAAmB;MACrB;IACF;EACF;AACF,CAAC;AAQM,SAASY,QAAQ;EAAEC,KAAA;EAAOC,QAAA;EAAUC;AAAa,GAAiB;EACvE,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAI1B,QAAA,CAAS,MAAM;IACnD,IAAIwB,YAAA,EAAc;MAChB,MAAMG,GAAA,GAAML,KAAA,CAAMM,OAAA,CAAQJ,YAAY;MACtC,OAAOG,GAAA,IAAO,IAAIA,GAAA,GAAM;IAC1B;IACA,OAAO;EACT,CAAC;EAED,MAAME,UAAA,GAAaC,KAAA,CAAMC,OAAA,CAAQR,QAAQ,IAAIA,QAAA,GAAW,CAACA,QAAQ;EAEjE,OACE,eAAAjB,IAAA,CAACH,MAAA;IAAO6B,cAAA,EAAe;IACrBT,QAAA,kBAAAlB,GAAA,CAACE,YAAA;MACEgB,QAAA,EAAAD,KAAA,CAAMW,GAAA,CAAI,CAACC,IAAA,EAAMC,CAAA,KAChB,eAAA9B,GAAA,CAACO,UAAA;QAAsBO,MAAA,EAAQgB,CAAA,KAAMV,WAAA;QAAaW,OAAA,EAASA,CAAA,KAAMV,cAAA,CAAeS,CAAC;QAC/EZ,QAAA,iBAAAlB,GAAA,CAACJ,SAAA;UACCoC,IAAA,EAAK;UACLC,UAAA,EAAYH,CAAA,KAAMV,WAAA,GAAc,QAAQ;UACxCc,KAAA,EAAOJ,CAAA,KAAMV,WAAA,GAAc,aAAa;UAEvCF,QAAA,EAAAW;QAAA,CACH;MAAA,GAPeA,IAQjB,CACD;IAAA,CACH,GACA,eAAA7B,GAAA,CAACF,MAAA;MAAQoB,QAAA,EAAAM,UAAA,CAAWJ,WAAW,KAAK;IAAA,CAAK;EAAA,CAC3C;AAEJ;AAMO,SAASe,OAAO;EAAEjB;AAAS,GAAgB;EAChD,OAAO,eAAAlB,GAAA,CAACF,MAAA;IAAQoB;EAAA,CAAS;AAC3B","ignoreList":[]}
+{"version":3,"names":["Tabs","YStack","jsx","MDXTabs","items","children","defaultValue","childArray","Array","isArray","values","map","label","index","defaultIndex","Math","max","indexOf","marginVertical","value","content","lazyMount","MDXTab"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,IAAA,QAAY;AAErB,SAASC,MAAA,QAAc;AAgBjB,SAAAC,GAAA;AARC,SAASC,QAAQ;EAAEC,KAAA;EAAOC,QAAA;EAAUC;AAAa,GAAiB;EACvE,MAAMC,UAAA,GAAaC,KAAA,CAAMC,OAAA,CAAQJ,QAAQ,IAAIA,QAAA,GAAW,CAACA,QAAQ;EAEjE,MAAMK,MAAA,GAASN,KAAA,CAAMO,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAAU,GAAGD,KAAK,IAAIC,KAAK,EAAE;EAC9D,MAAMC,YAAA,GAAeR,YAAA,GAAeS,IAAA,CAAKC,GAAA,CAAIZ,KAAA,CAAMa,OAAA,CAAQX,YAAY,GAAG,CAAC,IAAI;EAE/E,OACE,eAAAJ,GAAA,CAACD,MAAA;IAAOiB,cAAA,EAAe;IACrBb,QAAA,iBAAAH,GAAA,CAACF,IAAA;MACCI,KAAA,EAAOA,KAAA,CAAMO,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,MAAW;QAClCM,KAAA,EAAOT,MAAA,CAAOG,KAAK;QACnBD,KAAA;QAAA;QAAA;QAGAQ,OAAA,EAASb,UAAA,CAAWM,KAAK,KAAK;MAChC,EAAE;MACFP,YAAA,EAAcI,MAAA,CAAOI,YAAY;MACjCO,SAAA,EAAS;IAAA,CACX;EAAA,CACF;AAEJ;AAMO,SAASC,OAAO;EAAEjB;AAAS,GAAgB;EAChD,OAAO,eAAAH,GAAA,CAACD,MAAA;IAAQI;EAAA,CAAS;AAC3B","ignoreList":[]}

package/dist/esm/Tabs/index.native.js

@@ -1,65 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Paragraph, XStack, YStack, styled } from "tamagui";
-var TabListFrame = styled(XStack, {
-  borderBottomWidth: 1,
-  borderBottomColor: "$borderColor",
-  marginBottom: "$3",
-  gap: "$1"
-});
-var TabTrigger = styled(XStack, {
-  paddingHorizontal: "$4",
-  paddingVertical: "$2",
-  cursor: "pointer",
-  borderBottomWidth: 2,
-  borderBottomColor: "transparent",
-  marginBottom: -1,
-  hoverStyle: {
-    backgroundColor: "$color3"
-  },
-  variants: {
-    active: {
-      true: {
-        borderBottomColor: "$color10"
-      }
-    }
-  }
-});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs } from "@multiplatform.one/components";
+import { YStack } from "tamagui";
 function MDXTabs(param) {
   var {
     items,
     children,
     defaultValue
   } = param;
-  var _childArray_activeIndex;
-  var [activeIndex, setActiveIndex] = useState(function () {
-    if (defaultValue) {
-      var idx = items.indexOf(defaultValue);
-      return idx >= 0 ? idx : 0;
-    }
-    return 0;
-  });
   var childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */_jsxs(YStack, {
+  var values = items.map(function (label, index) {
+    return `${label}-${index}`;
+  });
+  var defaultIndex = defaultValue ? Math.max(items.indexOf(defaultValue), 0) : 0;
+  return /* @__PURE__ */_jsx(YStack, {
     marginVertical: "$4",
-    children: [/* @__PURE__ */_jsx(TabListFrame, {
-      children: items.map(function (item, i) {
-        return /* @__PURE__ */_jsx(TabTrigger, {
-          active: i === activeIndex,
-          onPress: function onPress() {
-            return setActiveIndex(i);
-          },
-          children: /* @__PURE__ */_jsx(Paragraph, {
-            size: "$4",
-            fontWeight: i === activeIndex ? "600" : "400",
-            color: i === activeIndex ? "$color12" : "$color9",
-            children: item
-          })
-        }, item);
-      })
-    }), /* @__PURE__ */_jsx(YStack, {
-      children: (_childArray_activeIndex = childArray[activeIndex]) !== null && _childArray_activeIndex !== void 0 ? _childArray_activeIndex : null
-    })]
+    children: /* @__PURE__ */_jsx(Tabs, {
+      items: items.map(function (label, index) {
+        var _childArray_index;
+        return {
+          value: values[index],
+          label,
+          // Panels mount on first visit and stay mounted (lazyMount), so
+          // focus/input state inside a visited panel survives switching.
+          content: (_childArray_index = childArray[index]) !== null && _childArray_index !== void 0 ? _childArray_index : null
+        };
+      }),
+      defaultValue: values[defaultIndex],
+      lazyMount: true
+    })
   });
 }
 function MDXTab(param) {

package/dist/esm/Tabs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","Paragraph","XStack","YStack","styled","TabListFrame","borderBottomWidth","borderBottomColor","marginBottom","gap","TabTrigger","paddingHorizontal","paddingVertical","cursor","hoverStyle","backgroundColor","variants","active","true","MDXTabs","param","items","children","defaultValue","_childArray_activeIndex","activeIndex","setActiveIndex","idx","indexOf","childArray","Array","isArray","marginVertical","map","item","i","onPress","size"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AACzB,SAASC,QAAA,QAAW,OAAQ;AAgDxB,SAIQC,SAJR,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AA9CJ,IAAAC,YAAM,GAAAD,MAAe,CAAAF,MAAO;EAC1BI,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,YAAA,EAAc;EACdC,GAAA,EAAK;AACP,CAAC;AAED,IAAAC,UAAM,GAAAN,MAAa,CAAAF,MAAO;EACxBS,iBAAA,EAAmB;EACnBC,eAAA,EAAiB;EACjBC,MAAA,EAAQ;EACRP,iBAAA,EAAmB;EACnBC,iBAAA,EAAmB;EACnBC,YAAA,EAAc;EAEdM,UAAA,EAAY;IACVC,eAAA,EAAiB;EACnB;EAEAC,QAAA,EAAU;IACRC,MAAA,EAAQ;MACNC,IAAA,EAAM;QACJX,iBAAA,EAAmB;MACrB;IACF;EACF;AACF,CAAC;AAQM,SAASY,QAAQC,KAAE;EACxB;IAAMC,KAAC;IAAAC,QAAa;IAAAC;EAAc,IAAIH,KAAA;EACpC,IAAAI,uBAAkB;EAChB,KAAAC,WAAY,EAAAC,cAAc,IAAA1B,QAAY;IACtC,IAAAuB,YAAc;MAChB,IAAAI,GAAA,GAAAN,KAAA,CAAAO,OAAA,CAAAL,YAAA;MACA,OAAOI,GAAA,QAAAA,GAAA;IACR;IAED,OAAM;EAEN;EAEI,IAAAE,UAAA,GAAAC,KAAC,CAAAC,OAAA,CAAAT,QACE,IAAAA,QAAA,GAAM,CAEHA,QAAC;EAAA,OACC,eAAKvB,KAAA,CAAAI,MAAA;IAAA6B,cACL,EAAY;IAA4BV,QACxC,GAAwC,eAEvCzB,IAAA,CAAAQ,YAAA;MAAAiB,QAAA,EAAAD,KAAA,CAAAY,GAAA,WAAAC,IAAA,EAAAC,CAAA;QANY,OAUrB,eAAAtC,IAAA,CAAAa,UAAA;UACAO,MAAA,EAAAkB,CAAA,KAACV,WAAQ;UACXW,OAAA,WAAAA,QAAA;YAEJ,OAAAV,cAAA,CAAAS,CAAA;UAMgB;UACPb,QAAA,iBAACzB,IAAQ,CAAAI,SAAS;YAC3BoC,IAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Tabs","YStack","MDXTabs","param","items","children","defaultValue","childArray","Array","isArray","values","map","label","index","defaultIndex","Math","max","indexOf","marginVertical","_childArray_index","value","content"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAA,QAAY;AAErB,SAASC,IAAA,uCAAc;AAgBjB,SAAAC,MAAA;AARC,SAASC,QAAQC,KAAE;EACxB;IAAMC,KAAA;IAAAC,QAAa;IAAAC;EAAc,IAAAH,KAAY;EAE7C,IAAAI,UAAM,GAASC,KAAM,CAAAC,OAAK,CAAAJ,QAAO,IAAUA,QAAQ,IACnDA,QAAM,CAEN;EAEI,IAACK,MAAA,GAAAN,KAAA,CAAAO,GAAA,WAAAC,KAAA,EAAAC,KAAA;IAAA,UAAAD,KAAA,IAAAC,KAAA;EAAA;EACqC,IAAAC,YAC3B,GAAAR,YAAY,GAAAS,IAAA,CAAAC,GAAA,CAAAZ,KAAA,CAAAa,OAAA,CAAAX,YAAA;EAAA,OACnB,eAAAP,IAAA,CAAAE,MAAA;IAAAiB,cAAA;IAAAb,QAAA,iBAAAN,IAAA,CAAAC,IAAA;MAAAI,KAGA,EAAAA,KAAS,CAAAO,GAAA,WAAWC,KAAK,EAAKC,KAAA;QAC9B,IAAAM,iBAAA;QACF;UACAC,KAAA,EAASV,MAAA,CAAAG,KAAA;UAAAD,KAAA;UAEb;UAEJ;UAMgBS,OAAO,EAAE,CAAAF,iBAAyB,GAAAZ,UAAA,CAAAM,KAAA,eAAAM,iBAAA,cAAAA,iBAAA;QAChD,CAAO;MACT","ignoreList":[]}

package/dist/esm/Ul/index.mjs

@@ -3,8 +3,8 @@ const UL = styled(YStack, {
   name: "UL",
   render: "ul",
   marginVertical: "$1",
-  marginLeft: "$4",
-  marginRight: "$2"
+  marginInlineStart: "$4",
+  marginInlineEnd: "$2"
 });
 export { UL };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/Ul/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["YStack","styled","UL","name","render","marginVertical","marginLeft","marginRight"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAExB,MAAMC,EAAA,GAAKD,MAAA,CAAOD,MAAA,EAAQ;EAC/BG,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,cAAA,EAAgB;EAChBC,UAAA,EAAY;EACZC,WAAA,EAAa;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["YStack","styled","UL","name","render","marginVertical","marginInlineStart","marginInlineEnd"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAExB,MAAMC,EAAA,GAAKD,MAAA,CAAOD,MAAA,EAAQ;EAC/BG,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,cAAA,EAAgB;EAChBC,iBAAA,EAAmB;EACnBC,eAAA,EAAiB;AACnB,CAAC","ignoreList":[]}

package/dist/esm/Ul/index.native.js

@@ -3,8 +3,8 @@ var UL = styled(YStack, {
   name: "UL",
   render: "ul",
   marginVertical: "$1",
-  marginLeft: "$4",
-  marginRight: "$2"
+  marginInlineStart: "$4",
+  marginInlineEnd: "$2"
 });
 export { UL };
 //# sourceMappingURL=index.native.js.map

package/dist/esm/Ul/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["YStack","styled","UL","name","render","marginVertical","marginLeft","marginRight"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAExB,IAAAC,EAAM,GAAAD,MAAK,CAAAD,MAAO;EACvBG,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,cAAA,EAAgB;EAChBC,UAAA,EAAY;EACZC,WAAA,EAAa;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["YStack","styled","UL","name","render","marginVertical","marginInlineStart","marginInlineEnd"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,MAAA,QAAc;AAExB,IAAAC,EAAM,GAAAD,MAAK,CAAAD,MAAO;EACvBG,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,cAAA,EAAgB;EAChBC,iBAAA,EAAmB;EACnBC,eAAA,EAAiB;AACnB,CAAC","ignoreList":[]}

package/dist/esm/Video/index.mjs

@@ -19,7 +19,7 @@ function Video({
     marginHorizontal: 0,
     marginVertical: "$6",
     ...props,
-    children: [isWeb ? /* @__PURE__ */jsx(YStack, {
+    children: [isWeb ? src ? /* @__PURE__ */jsx(YStack, {
       render: "video",
       src,
       autoPlay,
@@ -33,7 +33,9 @@ function Video({
         display: "block",
         borderRadius: 8
       }
-    }) : /* @__PURE__ */jsx(YStack, {
+    }) :
+    // omit the element entirely for an empty src (SB-M-1227)
+    null : /* @__PURE__ */jsx(YStack, {
       ...knobProps.panelPadding,
       borderRadius: knobProps.borderRadius.borderRadius,
       backgroundColor: "$color3",

package/dist/esm/Video/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","Paragraph","YStack","useResolvedKnobs","jsx","jsxs","Video","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","render","marginHorizontal","marginVertical","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","color","size","lineHeight","marginTop"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AACzC,SAASC,gBAAA,QAAwB;AAwB7B,SAEIC,GAAA,EAFJC,IAAA;AAZG,SAASC,MAAM;EACpBC,GAAA;EACAC,QAAA;EACAC,KAAA,GAAQ;EACRC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXC,IAAA,GAAO;EACPC,MAAA;EACA,GAAGC;AACL,GAAyC;EACvC,MAAM;IAAEC;EAAU,IAAIZ,gBAAA,CAAiB;EACvC,OACE,eAAAE,IAAA,CAACH,MAAA;IAAOc,MAAA,EAAO;IAASC,gBAAA,EAAkB;IAAGC,cAAA,EAAe;IAAM,GAAGJ,KAAA;IAClEN,QAAA,GAAAR,KAAA,GACC,eAAAI,GAAA,CAACF,MAAA;MACCc,MAAA,EAAO;MAEPT,GAAA;MACAG,QAAA;MACAS,WAAA,EAAW;MACXV,KAAA;MACAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAO,KAAA,EAAO;QAAEC,KAAA,EAAO;QAAQC,OAAA,EAAS;QAASC,YAAA,EAAc;MAAE;IAAA,CAC5D,IAEA,eAAAnB,GAAA,CAACF,MAAA;MACE,GAAGa,SAAA,CAAUS,YAAA;MACdD,YAAA,EAAcR,SAAA,CAAUQ,YAAA,CAAaA,YAAA;MACrCE,eAAA,EAAgB;MAChBC,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,SAAA,EAAW;MAEXpB,QAAA,iBAAAJ,GAAA,CAACH,SAAA;QAAU4B,KAAA,EAAM;QAAUC,IAAA,EAAK;QAAKtB,QAAA;MAAA,CAErC;IAAA,CACF,GAEDA,QAAA,GACC,eAAAJ,GAAA,CAACH,SAAA;MAAUe,MAAA,EAAO;MAAae,UAAA,EAAY;MAAIC,SAAA,EAAU;MAAKH,KAAA,EAAM;MAAUC,IAAA,EAAK;MAChFtB;IAAA,CACH,IACE;EAAA,CACN;AAEJ","ignoreList":[]}
+{"version":3,"names":["isWeb","Paragraph","YStack","useResolvedKnobs","jsx","jsxs","Video","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","render","marginHorizontal","marginVertical","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","color","size","lineHeight","marginTop"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AACzC,SAASC,gBAAA,QAAwB;AAwB7B,SAGMC,GAAA,EAHNC,IAAA;AAZG,SAASC,MAAM;EACpBC,GAAA;EACAC,QAAA;EACAC,KAAA,GAAQ;EACRC,QAAA,GAAW;EACXC,QAAA,GAAW;EACXC,IAAA,GAAO;EACPC,MAAA;EACA,GAAGC;AACL,GAAyC;EACvC,MAAM;IAAEC;EAAU,IAAIZ,gBAAA,CAAiB;EACvC,OACE,eAAAE,IAAA,CAACH,MAAA;IAAOc,MAAA,EAAO;IAASC,gBAAA,EAAkB;IAAGC,cAAA,EAAe;IAAM,GAAGJ,KAAA;IAClEN,QAAA,GAAAR,KAAA,GACCO,GAAA,GACE,eAAAH,GAAA,CAACF,MAAA;MACCc,MAAA,EAAO;MAEPT,GAAA;MACAG,QAAA;MACAS,WAAA,EAAW;MACXV,KAAA;MACAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAO,KAAA,EAAO;QAAEC,KAAA,EAAO;QAAQC,OAAA,EAAS;QAASC,YAAA,EAAc;MAAE;IAAA,CAC5D;IAAA;IAEF,OAEA,eAAAnB,GAAA,CAACF,MAAA;MACE,GAAGa,SAAA,CAAUS,YAAA;MACdD,YAAA,EAAcR,SAAA,CAAUQ,YAAA,CAAaA,YAAA;MACrCE,eAAA,EAAgB;MAChBC,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,SAAA,EAAW;MAEXpB,QAAA,iBAAAJ,GAAA,CAACH,SAAA;QAAU4B,KAAA,EAAM;QAAUC,IAAA,EAAK;QAAKtB,QAAA;MAAA,CAErC;IAAA,CACF,GAEDA,QAAA,GACC,eAAAJ,GAAA,CAACH,SAAA;MAAUe,MAAA,EAAO;MAAae,UAAA,EAAY;MAAIC,SAAA,EAAU;MAAKH,KAAA,EAAM;MAAUC,IAAA,EAAK;MAChFtB;IAAA,CACH,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

package/dist/esm/Video/index.native.js

@@ -20,7 +20,7 @@ function Video(param) {
     marginHorizontal: 0,
     marginVertical: "$6",
     ...props,
-    children: [isWeb ? /* @__PURE__ */_jsx(YStack, {
+    children: [isWeb ? src ? /* @__PURE__ */_jsx(YStack, {
       render: "video",
       // @ts-expect-error HTML video attributes via render prop
       src,
@@ -35,7 +35,9 @@ function Video(param) {
         display: "block",
         borderRadius: 8
       }
-    }) : /* @__PURE__ */_jsx(YStack, {
+    }) :
+    // omit the element entirely for an empty src (SB-M-1227)
+    null : /* @__PURE__ */_jsx(YStack, {
       ...knobProps.panelPadding,
       borderRadius: knobProps.borderRadius.borderRadius,
       backgroundColor: "$color3",

package/dist/esm/Video/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","isWeb","Paragraph","YStack","useResolvedKnobs","Video","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","render","marginHorizontal","marginVertical","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","color","size","lineHeight"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAc;AACzC,SAASC,KAAA,EAAAC,SAAA,EAAAC,MAAwB;AAwB7B,SAEIC,gBAFJ;AAZG,SAASC,MAAMC,KAAA;EACpB;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA;IAAAS;EAAA,IAAAX,gBAAA;EACA,sBAAQJ,KAAA,CAAAG,MAAA;IACRa,MAAA,UAAW;IACXC,gBAAW;IACXC,cAAO;IACP,GAAAJ,KAAA;IACAN,QAAG,GACoCP,KAAA,kBAAAH,IAAA,CAAAK,MAAA;MACjCa,MAAE,SAAU;MAClB;MAEKT,GAAA;MACEG,QAAA;MAAAS,WAAA;MACCV,KAAA;MAEAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAO,KAAA;QACAC,KAAA;QACAC,OAAA;QACAC,YAAA;MACA;IAA0D,oBAAAzB,IAAA,CAAAK,MAAA;MAG5D,GAAAY,SAAA,CAAAS,YAAA;MAACD,YAAA,EAAAR,SAAA,CAAAQ,YAAA,CAAAA,YAAA;MAAAE,eAAA;MACEC,UAAG,UAAU;MACdC,cAAc,UAAU;MACxBC,SAAA;MACApB,QAAA,iBAAWV,IAAA,CAAAI,SAAA;QACX2B,KAAA,WAAe;QACfC,IAAA,MAAW;QAEXtB,QAAA;MAEA;IACF,IAEDA,QAAA,GACC,eAAAV,IAAC,CAAAI,SAAA,EAAU;MAIfc,MAAA;MAEJe,UAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","isWeb","Paragraph","YStack","useResolvedKnobs","Video","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","render","marginHorizontal","marginVertical","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","color","size","lineHeight"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAA,QAAc;AACzC,SAASC,KAAA,EAAAC,SAAA,EAAAC,MAAwB;AAwB7B,SAGMC,gBAHN;AAZG,SAASC,MAAMC,KAAA;EACpB;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA;IAAAS;EAAA,IAAAX,gBAAA;EACA,sBAAQJ,KAAA,CAAAG,MAAA;IACRa,MAAA,UAAW;IACXC,gBAAW;IACXC,cAAO;IACP,GAAAJ,KAAA;IACAN,QAAG,GACoCP,KAAA,GAAAM,GAAA,kBAAAT,IAAA,CAAAK,MAAA;MACjCa,MAAE,SAAU;MAClB;MAEKT,GAAA;MAEIG,QAAA;MAAAS,WAAA;MACCV,KAAA;MAEAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAO,KAAA;QACAC,KAAA;QACAC,OAAA;QACAC,YAAA;MACA;IAA0D;IAC5D;IAAA,IAEF,kBAAAzB,IAAA,CAAAK,MAAA;MAEA,GAAAY,SAAA,CAAAS,YAAA;MAACD,YAAA,EAAAR,SAAA,CAAAQ,YAAA,CAAAA,YAAA;MAAAE,eAAA;MACEC,UAAG,UAAU;MACdC,cAAc,UAAU;MACxBC,SAAA;MACApB,QAAA,iBAAWV,IAAA,CAAAI,SAAA;QACX2B,KAAA,WAAe;QACfC,IAAA,MAAW;QAEXtB,QAAA;MAEA;IACF,IAEDA,QAAA,GACC,eAAAV,IAAC,CAAAI,SAAA,EAAU;MAIfc,MAAA;MAEJe,UAAA","ignoreList":[]}