@multiplatform.one/markdown 6.1.0 → 6.3.0

package/dist/jsx/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/jsx/Notice/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Notice_exports","Notice","NoticeFrame","module","exports","import_jsx_runtime","require","import_components","import_theme","import_tamagui","import_icons","getIcon","theme","InfoIcon","CheckCircleIcon","AlertTriangleIcon","styled","YStack","borderWidth","borderColor","backgroundColor","marginVertical","position","param","children","disableUnwrap","title","props","knobProps","useResolvedKnobs","IconComponent","jsx","panelPadding","gap","borderRadius","jsxs","XStack"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAEjC,IAAAC,gBAAa,GAAAF,MAAW,CAAAG,wBAA8B;AACtD,IAAAC,iBAAS,GAAAJ,MAAmB,CAAAK,mBAAiB;AAkDnC,IAAAC,YAEF,GAAAN,MAAA,CAFEO,SAAA,CAAAC,cAAA;AA9CV,IAAAC,QAAS,GAAAA,CAAAC,MAAQ,EAAoBC,GAAA;EACnC,SAAQC,IAAA,IAAOD,GAAA,EACbZ,SAAK,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACH;AAAO,IACTC,WAAK,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACH,IAAAF,IAAA,IAAO,OAAAA,IAAA,wBAAAA,IAAA;IACT,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACE,KAAAX,YAAO,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACXnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACF;EASO,OAAME,EAAA;AAA6B;AAClC,IACNM,YAAa,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACbE,cAAa;AAAAhB,QACb,CAAAgB,cAAiB;EACjBC,MAAA,EAAAA,CAAA,KAAAA,MAAgB;EAChBC,WAAU,EAAAA,CAAA,KAAAA;AACZ,CAAC;AAEMC,MAAA,CAAAC,OAAS,GAAOP,YAAA,CAAAG,cAAA;AAAA,IACrBK,kBAAA,GAAAC,OAAA;AAAA,IACAC,iBAAQ,GAAAD,OAAA;AAAA,IACRE,YAAA,GAAAF,OAAA;AAAA,IACAG,cAAA,GAAAH,OAAA;AAAA,IACAI,YAAG,GAAAJ,OAAA;AACL,SAA0CK,QAAAC,KAAA;EACxC,QAAQA,KAAA;IACR,KAAM;MAEN,OACEF,YAAA,CAAAG,QAAA;IAAC;MAAA,OAAAH,YAAA,CAAAI,eAAA;IAAA;MAEE,OAAGJ,YAAU,CAAAK,iBAAA;EAAA;AACuB;AACjC,IAAAb,WAEJ,OAAAO,cAAA,CAACO,MAAA,EAAAP,cAAW,CAAUQ,MACpB;EAAA9B,IAAA;EAEA+B,WACA;EACGC,WAAA,gBACC;EAEAC,eAEF;EAAAC,cAAC;EAAAC,QAAA;AAAA;AACgC,SAAArB,MAC/BA,CAAAsB,KAAM;EAAA;IAAAC,QACN;IAAAZ,KAAA,GAAW;IAAAa,aAAA;IAAAC,KAAA;IAAA,GAAAC;EAAA,IAAAJ,KAAA;EAAA;IAAAK;EACX,QAAApB,YAAc,CAAAqB,gBAAA;EAAA,IAAAC,aACd,GAAKnB,OAAA,CAAAC,KAAA;EAAA,sBAEJ,IAAAP,kBAAgB,CAAA0B,GAAW,EAAA7B,WAAW;IAAQ,GAAA0B,SAAA,CAAAI,YAAA;IAAA,GAAAJ,SACjD,CAAAK,GAAA;IAAAC,YACF,EAAAN,SAAA,CAAAM,YAAA,CAAAA,YAAA;IAAA,GAAAP,KACF;IAAAH,QAAA,qBAAAnB,kBAAA,CAAA8B,IAAA,EAAA1B,cAAA,CAAA2B,MAAA;MACF,GAAAR,SAAA,CAAAK,GAAA;MAEJT,QAAA,G","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value"],"sources":["../../../src/Notice/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AA6BL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAxBJ,IAAAC,gBAAM,GAAmDF,MAAA,CAAAG,wBAAA;AAAA,IACvDC,iBAAQ,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACRC,YAAM,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACNC,QAAO,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACP,KAAK,IAAAC,IAAA,IAAAD,GAAA,EACPZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAUO;AAAgB,IACrBC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAQ,WAAAA,IAAA,wBAAAA,IAAA;IACR,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACGnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACL;EACE,OAAME,EAAA;AACN;AAKF,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/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/jsx/Table/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Table_exports","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"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAS,CAAAC,cAAiB;AACnC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAwB;AAezB,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAbR,IAAAC,YAAM,GAAAN,MAAgB,CAAAO,SAAO,CAAAC,cAAQ;AAAA,IACnCC,QAAA,GAAAA,CAAAC,MAAgB,EAAAC,GAAA;EAChB,SAAAC,IAAU,IAAAD,GAAA,EACXZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEM;AAAkB,IACvBC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAGF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACkD,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACrD,IAAQ,CAAAX,YAAU,CAAIe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAiBA,GAAA,KAAAF,MAAA,EACvCnB,SACE,CAAAiB,EAAA,EAAAI,GAAA;MAACP,GAAA,EAAAA,CAAA,KAAAI,IAAW,CAAAG,GAAA;MAAAN,UAAW,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAgC,EAAAG,GAAA,EACrD,IAAAD,IAAA,CAAAL;IAAA;EACE;EAAC,OAAAE,EAAA;AAAA;AACa,IAAAM,YACZ,GAAcC,GAAA,IAAAR,WAAU,CAAAhB,SAAa;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,aACrC,GAAc;AAAwBhB,QACtC,CAAAgB,aAAA,EAAkB;EAA0BC,QACxC,EAAAA,CAAA,KAAAA,QAAA;EAAAC,YAEH,EAAAA,CAAA,KAAAA,YAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAA,YAAA;EACHC,YAEJ,EAAAA,CAAA,KAAAA,YAAA;EAEJC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAEOC,WAAS,EAAAA,CAAA,KAAAA;AAAa,EAC3B;AAAAC,MACG,CAAAC,OAAA,GAAAX,YAAA,CAAAG,aAAA;AACL,IAAuDS,kBAAA,GAAAC,OAAA;AACrD,IAAAC,cAAO,GAAAD,OAAA,CAAC,UAAU;AACpB,IAAAE,uBAAA,GAAAF,OAAA;AAEO,IAAAG,YAAS,GAAAH,OAAa;AAAA,IAC3BI,aAAA,OAAAH,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EACAC,cAAG;EACLC,QAAuD;AACrD;AACF,SAAAjB,SAAAkB,KAAA;EAEO;IAAAC,QAAS;IAAA,GAAYC;EAAA,IAAAF,KAAA;EAC1B;IAAAG;EAAA,QAAAT,YAAA,CAAAU,gBAAA;EACA,OAAG,mBAAAd,kBAAA,CAAAe,GAAA,EAAAb,cAAA,CAAAc,UAAA;IACkDC,UAAA;IACrDC,8BACG,OAAU;IAIfP,QAAA,qBAAAX,kBAAA,CAAAe,GAAA,EAAAV,aAAA;MAEOM,QAAS,iBAAmB,IAAAX,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA;QACjCC,WAAA;QACGC,YAAA,EAAAR,SAAA,CAAAQ,YAAA,CAAAA,YAAA;QACkDC,UAAA;UAEnDC,CAAA;UAMJC,CAAA;QAEO,CAAS;QACdC,gBAAA;UACGF,CAAA;UACkDC,CAAA;QACrD,CACE;QAIJ,GAAAZ,KAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Table_exports","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"],"sources":["../../../src/Table/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAS,CAAAC,cAAiB;AACnC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAwB;AAezB,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAbR,IAAAC,YAAM,GAAAN,MAAgB,CAAAO,SAAO,CAAAC,cAAQ;AAAA,IACnCC,QAAA,GAAAA,CAAAC,MAAgB,EAAAC,GAAA;EAChB,SAAAC,IAAU,IAAAD,GAAA,EACXZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEM;AAAkB,IACvBC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAGF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACkD,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACrD,IAAQ,CAAAX,YAAU,CAAIe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAiBA,GAAA,KAAAF,MAAA,EACvCnB,SACE,CAAAiB,EAAA,EAAAI,GAAA;MAACP,GAAA,EAAAA,CAAA,KAAAI,IAAW,CAAAG,GAAA;MAAAN,UAAW,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAgC,EAAAG,GAAA,EACrD,IAAAD,IAAA,CAAAL;IAAA;EACE;EAAC,OAAAE,EAAA;AAAA;AACQ,IAAAM,YAGD,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,aACI;AAAAhB,QACV,CAAAgB,aAAS;EAAoBC,QAC7B,EAAAA,CAAA,KAAAA,QAAY;EAAAC,YACZ,EAAAA,CAAA,KAAcA,YAAU;EAAaC,YACrC,EAAAA,CAAA,KAAcA,YAAY;EAAYC,YACtC,EAAAA,CAAA,KAAAA,YAAuB;EAAqBC,kBACxC,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,WAEH,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAEL,CAAAC,OACF,GAAAX,YAAA,CAAAG,aAAA;AAEJ,IAAAS,kBAAA,GAAAC,OAAA;AAEO,IAAAC,cAAS,GAAAD,OAAa;AAAA,IAC3BE,uBAAA,GAAAF,OAAA;AAAA,IACAG,YAAG,GAAAH,OAAA;AACL,IAAuDI,aAAA,OAAAH,cAAA,CAAAI,MAAA,EAAAJ,cAAA,CAAAK,MAAA;EACrDC,cACE;EAIJC,QAAA;AAEO;AAAsB,SAC3BjB,SAAAkB,KAAA;EACA,IAAG;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAF,KAAA;EACL,IAAuD;IAAAG;EAAA,QAAAT,YAAA,CAAAU,gBAAA;EACrD,OACE,mBAACd,kBAAe,CAAAe,GAAA,EAAAb,cAAmB,CAAAc,UAChC;IAGPC,UAAA;IAEOC,8BAAqB;IAC1BP,QAAA,qBAAAX,kBAAA,CAAAe,GAAA,EAAAV,aAAA;MACGM,QAAA,qBAAAX,kBAAA,CAAAe,GAAA,EAAAZ,uBAAA,CAAAgB,KAAA;QACkDC,MAAA;QACrD;QAKF;QAEOC,KAAS;QACdC,SAAA;QACGC,KAAA;UACkDC,WAAA;QACrD,CACE;QAMJC,WAAA;QAEOC,YAAS,EAAab,SAAA,CAAAa,YAAA,CAAAA,YAAA;QAC3BC,UAAA;UACGC,CAAA;UACkDC,CAAA;QACrD,CACE;QAMJC,gBAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/Tabs/index.native.js

@@ -29,67 +29,35 @@ __export(Tabs_exports, {
 });
 module.exports = __toCommonJS(Tabs_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_components = require("@multiplatform.one/components");
 var import_tamagui = require("tamagui");
-var TabListFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
-  borderBottomWidth: 1,
-  borderBottomColor: "$borderColor",
-  marginBottom: "$3",
-  gap: "$1"
-});
-var TabTrigger = (0, import_tamagui.styled)(import_tamagui.XStack, {
-  paddingHorizontal: "$4",
-  paddingVertical: "$2",
-  cursor: "pointer",
-  borderBottomWidth: 2,
-  borderBottomColor: "transparent",
-  marginBottom: -1,
-  hoverStyle: {
-    backgroundColor: "$color3"
-  },
-  variants: {
-    active: {
-      true: {
-        borderBottomColor: "$color10"
-      }
-    }
-  }
-});
 function MDXTabs(param) {
   var {
     items,
     children,
     defaultValue
   } = param;
-  var _childArray_activeIndex;
-  var [activeIndex, setActiveIndex] = (0, import_react.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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  var values = items.map(function (label, index) {
+    return `${label}-${index}`;
+  });
+  var defaultIndex = defaultValue ? Math.max(items.indexOf(defaultValue), 0) : 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     marginVertical: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabListFrame, {
-      children: items.map(function (item, i) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabTrigger, {
-          active: i === activeIndex,
-          onPress: function onPress() {
-            return setActiveIndex(i);
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$4",
-            fontWeight: i === activeIndex ? "600" : "400",
-            color: i === activeIndex ? "$color12" : "$color9",
-            children: item
-          })
-        }, item);
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      children: (_childArray_activeIndex = childArray[activeIndex]) !== null && _childArray_activeIndex !== void 0 ? _childArray_activeIndex : null
-    })]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.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/jsx/Tabs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Tabs_exports","MDXTab","MDXTabs","module","exports","import_jsx_runtime","require","import_react","import_tamagui","TabListFrame","styled","XStack","borderBottomWidth","borderBottomColor","marginBottom","gap","TabTrigger","paddingHorizontal","paddingVertical","cursor","hoverStyle","backgroundColor","variants","active","true","param"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAW,CAAAC,cAAgB;AAgDhC,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AA9CJ,IAAAC,iBAAqB,GAAAJ,MAAO,CAAAK,mBAAQ;AAAA,IAClCC,YAAA,GAAAN,MAAmB,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACnBC,QAAA,GAAAA,CAAAC,MAAmB,EAAAC,GAAA;EACnB,SAAAC,IAAA,IAAcD,GAAA,EACdZ,SAAK,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACP,CAAC;AAED,IAAAC,WAAM,GAAAA,CAAaC,EAAA,EAAAC,IAAO,EAAAC,MAAQ,EAAAC,IAAA;EAChC,IAAAF,IAAA,WAAmBA,IAAA,wBAAAA,IAAA;IACnB,SAAAG,GAAA,IAAiBhB,iBAAA,CAAAa,IAAA,GACjB,IAAQ,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACRnB,SAAA,CAAAiB,EAAA,EAAmBI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACnB;EACA,OAAAE,EAAA;AAAc;AAEF,IACVM,YAAA,GAAAC,GAAiB,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACnBE,YAAA;AAAAhB,QAEA,CAAAgB,YAAU;EAAAC,MACR,EAAAA,CAAA,KAAQA,MAAA;EAAAC,OACN,EAAAA,CAAA,KAAMA;AAAA;AACeC,MACrB,CAAAC,OAAA,GAAAP,YAAA,CAAAG,YAAA;AAAA,IACFK,kBAAA,GAAAC,OAAA;AAAA,IACFC,YAAA,GAAAD,OAAA;AACF,IAACE,cAAA,GAAAF,OAAA;AAQM,IAAAG,YAAS,GAAU,IAAAD,cAAiB,CAAAE,MAAA,EAAAF,cAA8B,CAAAG,MAAA;EACvEC,iBAAO,GAAa;EAClBC,iBAAI,gBAAc;EAChBC,YAAM,MAAM;EACZC,GAAA;AAAwB;AAE1B,IAAAC,UAAO,OAAAR,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACTM,iBAAC;EAEDC,eAAM,MAAa;EAEnBC,MAAA,EACE;EACEP,iBAAA;EAGMC,iBAAC;EAAAC,YAAA;EAAAM,UACC,EAAK;IAAAC,eACL,EAAY;EAA4B;EACAC,QAEvC;IAAAC,MAAA;MACHC,IAPe;QAWrBX,iBAAC;MACH;IAEJ;EAMO;AACL;AACF,SAAAX,QAAAuB,KAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Tabs_exports","MDXTab","MDXTabs","module","exports","import_jsx_runtime","require"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":"AAUA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AAgBjB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AARC,IAAAC,iBAAmB,GAAAJ,MAAO,CAAAK,mBAAuB;AACtD,IAAAC,YAAM,GAAAN,MAAa,CAAAO,SAAc,CAAAC,cAAY;AAE7C,IAAAC,QAAM,GAAAA,CAAAC,MAAS,EAAMC,GAAI,KAAC;EAC1B,SAAMC,IAAA,IAAAD,GAAA,EAENZ,SACE,CAAAW,MAAA,EAAAE,IAAA;IAACC,GAAA,EAAAF,GAAA,CAAOC,IAAA;IAAAE,UAAe;EACrB;AAAA;AAAC,IAAAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACCF,IAAA,IAAO,OAAMA,IAAK,aAAO,IAAW,OAAAA,IAAA;IAAA,KAClC,IAAAG,GAAO,IAAAhB,iBAAY,CAAAa,IAAA,OACnB,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAAA,OAGAE,EAAA;AAA8B;AAC9B,IAAAM,YACF,GAAcC,GAAA,IAAOR,WAAY,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,YACjC,GAAS;AAAAhB,QAAA,CAAAgB,YAAA;EACXC,MACF,EAAAA,CAAA,KAAAA,MAAA;EAEJC,OAAA,EAAAA,CAAA,KAAAA;AAMO;AACLC,MAAA,CAAAC,OAAO,GAAAP,YAAC,CAAAG,YAAQ;AAClB,IAAAK,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/Ul/index.native.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAW,GAAAC,MAAO,CAAAC,cAAQ;AAAA,IAC/BC,gBAAM,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACNC,iBAAQ,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACRC,YAAA,GAAgBN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAChBC,QAAA,GAAYA,CAAAC,MAAA,EAAAC,GAAA;EACZ,SAAAC,IAAa,IAAAD,GAAA,EACdZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAEF,IAAAA,SAAW,GAAAC,MAAO,CAAAC,cAAQ;AAAA,IAC/BC,gBAAM,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACNC,iBAAQ,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACRC,YAAA,GAAgBN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IAChBC,QAAA,GAAAA,CAAAC,MAAmB,EAAAC,GAAA;EACnB,SAAAC,IAAA,IAAiBD,GAAA,EAClBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/Video/index.native.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Video_exports","Video","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","useResolvedKnobs","jsxs","YStack","render","marginHorizontal","marginVertical","isWeb","jsx","playsInline"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAwB7B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAZG,IAAAC,iBAAe,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACpBC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAQC,IAAA,IAAAD,GAAA,EACRZ,SAAW,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACXC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACP,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,KAAG,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACoC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACjCnB,SAAE,CAAAiB,EAAU,EAAAI,GAAI;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAiB,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACvC;EAEK,OAAAE,EAAA;AACC;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,aACQ;AAAAhB,QAEP,CAAAgB,aAAA;EAAAC,KAAA,EACAA,CAAA,KAAAA;AAAA;AACWC,MAAA,CAAAC,OACX,GAAAN,YAAA,CAAAG,aAAA;AAAA,IAAAI,kBACA,GAAAC,OAAA;AAAA,IAAAC,cACA,GAAAD,OAAA;AAAA,IAAAE,YACA,GAAAF,OAAA;AAAA,SACAJ,MAAOO,KAAE;EAAiD;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IAC5D;IAEAS;EAAA,QAAAV,YAAA,CAAAW,gBAAA;EAAA,OAAC,mBAAAd,kBAAA,CAAAe,IAAA,EAAAb,cAAA,CAAAc,MAAA;IAAAC,MAAA;IAAAC,gBACK,EAAU;IAAAC,cACd,MAAc;IAAuB,GAAAP,KACrC;IAAgBN,QAChB,GAAWJ,cACX,CAAAkB,KAAe,sBAAApB,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MACfC,MAAA,SAAW;MAEX;MAEAZ,GAAA;MACFG,QAAA;MAEDc,WACC;MAIJf,KAAA;MAEJE,QAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Video_exports","Video","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","useResolvedKnobs","jsxs","YStack","render","marginHorizontal","marginVertical","isWeb","jsx","playsInline","style"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AAwB7B,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAZG,IAAAC,iBAAe,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACpBC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAQC,IAAA,IAAAD,GAAA,EACRZ,SAAW,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACXC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACP,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,KAAG,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACoC,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACjCnB,SAAE,CAAAiB,EAAU,EAAAI,GAAI;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAiB,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACvC;EAEK,OAAAE,EAAA;AAEG;AAAC,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,aACQ;AAAAhB,QAEP,CAAAgB,aAAA;EAAAC,KAAA,EACAA,CAAA,KAAAA;AAAA;AACWC,MAAA,CAAAC,OACX,GAAAN,YAAA,CAAAG,aAAA;AAAA,IAAAI,kBACA,GAAAC,OAAA;AAAA,IAAAC,cACA,GAAAD,OAAA;AAAA,IAAAE,YACA,GAAAF,OAAA;AAAA,SACAJ,MAAOO,KAAE;EAAiD;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IAC5D;IAAAS;EAAA,QAAAV,YAAA,CAAAW,gBAAA;EAAA,0BAAAd,kBAAA,CAAAe,IAAA,EAAAb,cAAA,CAAAc,MAAA;IAAAC,MAEF;IAAAC,gBAEA;IAAAC,cAAC;IAAA,GAAAP,KAAA;IAAAN,QACK,GAAUJ,cACd,CAAAkB,KAAc,GAAAf,GAAU,kBAAa,IAAAL,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MACrCC,MAAA;MACA;MACAZ,GAAA;MACAG,QAAA;MAEAc,WAAA;MAEAf,KAAA;MACFE,QAAA;MAEDC,IAAA;MAKHC,MAAA;MAEJY,KAAA","ignoreList":[]}

package/dist/jsx/components/Blockquote.mjs

@@ -1,4 +1,4 @@
-import { View } from "tamagui";
+import { View, getTokens, isWeb, useTheme } from "tamagui";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { markdownBlockquoteColors } from "../shared/colorRamps.mjs";
 import { jsx } from "react/jsx-runtime";
@@ -8,13 +8,26 @@ function Blockquote({
   const {
     knobProps
   } = useResolvedKnobs();
+  const theme = useTheme();
+  const padToken = knobProps.panelPadding.padding;
+  const pad = typeof padToken === "number" ? padToken : getTokens().space?.[padToken]?.val ?? padToken;
   return /* @__PURE__ */jsx(View, {
     backgroundColor: markdownBlockquoteColors.background.base,
-    borderLeftWidth: 4,
-    borderLeftColor: markdownBlockquoteColors.border.base,
-    paddingLeft: knobProps.panelPadding.padding,
+    ...knobProps.containerRadius,
     paddingVertical: knobProps.gap.gap,
     marginVertical: "$3",
+    ...(isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: theme.color8?.val ?? "#999",
+        paddingInlineStart: pad
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: markdownBlockquoteColors.border.base,
+      paddingStart: knobProps.panelPadding.padding
+    }),
     children
   });
 }

package/dist/jsx/components/Blockquote.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["View","useResolvedKnobs","markdownBlockquoteColors","jsx","Blockquote","children","knobProps","backgroundColor","background","base","borderLeftWidth","borderLeftColor","border","paddingLeft","panelPadding","padding","paddingVertical","gap","marginVertical"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AACrB,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AAMrC,SAAAC,GAAA;AAHG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,OACE,eAAAE,GAAA,CAACH,IAAA;IACCO,eAAA,EAAiBL,wBAAA,CAAyBM,UAAA,CAAWC,IAAA;IACrDC,eAAA,EAAiB;IACjBC,eAAA,EAAiBT,wBAAA,CAAyBU,MAAA,CAAOH,IAAA;IACjDI,WAAA,EAAaP,SAAA,CAAUQ,YAAA,CAAaC,OAAA;IACpCC,eAAA,EAAiBV,SAAA,CAAUW,GAAA,CAAIA,GAAA;IAC/BC,cAAA,EAAe;IAEdb;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["View","getTokens","isWeb","useTheme","useResolvedKnobs","markdownBlockquoteColors","jsx","Blockquote","children","knobProps","theme","padToken","panelPadding","padding","pad","space","val","backgroundColor","background","base","containerRadius","paddingVertical","gap","marginVertical","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","paddingInlineStart","borderStartWidth","borderStartColor","border","paddingStart"],"sources":["../../../src/components/Blockquote.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,SAAA,EAAWC,KAAA,EAAOC,QAAA,QAAgB;AACjD,SAASC,gBAAA,QAAwB;AACjC,SAASC,wBAAA,QAAgC;AAYrC,SAAAC,GAAA;AATG,SAASC,WAAW;EAAEC;AAAS,GAAoB;EACxD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,MAAMM,KAAA,GAAQP,QAAA,CAAS;EACvB,MAAMQ,QAAA,GAAWF,SAAA,CAAUG,YAAA,CAAaC,OAAA;EACxC,MAAMC,GAAA,GACJ,OAAOH,QAAA,KAAa,WAChBA,QAAA,GACEV,SAAA,CAAU,EAAEc,KAAA,GAAgBJ,QAAQ,GAAGK,GAAA,IAAOL,QAAA;EACtD,OACE,eAAAL,GAAA,CAACN,IAAA;IACCiB,eAAA,EAAiBZ,wBAAA,CAAyBa,UAAA,CAAWC,IAAA;IAIpD,GAAGV,SAAA,CAAUW,eAAA;IACdC,eAAA,EAAiBZ,SAAA,CAAUa,GAAA,CAAIA,GAAA;IAC/BC,cAAA,EAAe;IAKd,IAAIrB,KAAA,GACD;MACEsB,KAAA,EAAO;QACLC,sBAAA,EAAwB;QACxBC,sBAAA,EAAwB;QACxBC,sBAAA,EAAwBjB,KAAA,CAAMkB,MAAA,EAAQZ,GAAA,IAAO;QAC7Ca,kBAAA,EAAoBf;MACtB;IACF,IACA;MACEgB,gBAAA,EAAkB;MAClBC,gBAAA,EAAkB1B,wBAAA,CAAyB2B,MAAA,CAAOb,IAAA;MAClDc,YAAA,EAAcxB,SAAA,CAAUG,YAAA,CAAaC;IACvC;IAEHL;EAAA,CACH;AAEJ","ignoreList":[]}