@multiplatform.one/markdown 6.0.0

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

@@ -0,0 +1,130 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Table_exports = {};
+__export(Table_exports, {
+  MDXTable: () => MDXTable,
+  MDXTableBody: () => MDXTableBody,
+  MDXTableCell: () => MDXTableCell,
+  MDXTableHead: () => MDXTableHead,
+  MDXTableHeaderCell: () => MDXTableHeaderCell,
+  MDXTableRow: () => MDXTableRow
+});
+module.exports = __toCommonJS(Table_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_theme = require("@multiplatform.one/theme");
+var MDXTableFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  marginVertical: "$4",
+  overflow: "hidden"
+});
+function MDXTable(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(MDXTableFrame, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table, {
+        borderColor: "$borderColor",
+        borderRadius: knobProps.borderRadius.borderRadius,
+        alignCells: {
+          x: "start",
+          y: "center"
+        },
+        alignHeaderCells: {
+          x: "start",
+          y: "center"
+        },
+        ...props,
+        children
+      })
+    })
+  });
+}
+function MDXTableHead(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
+    ...props,
+    children
+  });
+}
+function MDXTableBody(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Body, {
+    ...props,
+    children
+  });
+}
+function MDXTableRow(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
+    rowLocation: "middle",
+    ...props,
+    children
+  });
+}
+function MDXTableHeaderCell(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      size: "$4",
+      fontWeight: "600",
+      children
+    })
+  });
+}
+function MDXTableCell(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      size: "$4",
+      children
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +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":[]}

package/dist/cjs/Tabs/index.cjs

@@ -0,0 +1,93 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  MDXTab: () => MDXTab,
+  MDXTabs: () => MDXTabs
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+const TabListFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
+  borderBottomWidth: 1,
+  borderBottomColor: "$borderColor",
+  marginBottom: "$3",
+  gap: "$1"
+});
+const 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({
+  items,
+  children,
+  defaultValue
+}) {
+  const [activeIndex, setActiveIndex] = (0, import_react.useState)(() => {
+    if (defaultValue) {
+      const idx = items.indexOf(defaultValue);
+      return idx >= 0 ? idx : 0;
+    }
+    return 0;
+  });
+  const childArray = Array.isArray(children) ? children : [children];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    marginVertical: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabListFrame, {
+      children: items.map((item, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabTrigger, {
+        active: i === activeIndex,
+        onPress: () => 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] ?? null
+    })]
+  });
+}
+function MDXTab({
+  children
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    children
+  });
+}

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

@@ -0,0 +1,103 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Tabs_exports = {};
+__export(Tabs_exports, {
+  MDXTab: () => MDXTab,
+  MDXTabs: () => MDXTabs
+});
+module.exports = __toCommonJS(Tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+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, {
+    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
+    })]
+  });
+}
+function MDXTab(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    children
+  });
+}
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tabs_exports","__export","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","items","children","defaultValue","_childArray_activeIndex","activeIndex","setActiveIndex","useState","idx","indexOf","childArray","Array","isArray","jsxs","YStack","marginVertical","jsx","map","item","i","onPress","Paragraph"],"sources":["../../../src/Tabs/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,YAAA;AACzB,IAAAM,kBAAkD,GAAAC,OAAA;AAgD9C,IAAAC,YAAA,GAAAD,OAAA;AA9CJ,IAAAE,cAAM,GAAAF,OAAe;AAAe,IAClCG,YAAA,KAAmB,EAAAD,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACnBC,iBAAA,EAAmB;EACnBC,iBAAc;EACdC,YAAK;EACNC,GAAA;AAED;AAAkC,IAChCC,UAAA,OAAmBR,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACnBM,iBAAiB;EACjBC,eAAQ;EACRC,MAAA;EACAP,iBAAA,EAAmB;EACnBC,iBAAc;EAEdC,YAAY;EAAAM,UACV;IACFC,eAAA;EAEA;EAAUC,QACR,EAAQ;IAAAC,MACN,EAAM;MAAAC,IACJ;QACFX,iBAAA;MACF;IACF;EACD;AAQM;AACL,SAAOX,QAAAuB,KAAa;EAClB;IAAIC,KAAA;IAAAC,QAAc;IAAAC;EAAA,IAAAH,KAAA;EAChB,IAAAI,uBAAkB;EAClB,KAAAC,WAAO,EAAOC,cAAU,QAAAxB,YAAA,CAAAyB,QAAA;IAC1B,IAAAJ,YAAA;MACA,IAAAK,GAAO,GAAAP,KAAA,CAAAQ,OAAA,CAAAN,YAAA;MACR,OAAAK,GAAA,QAAAA,GAAA;IAED;IAEA,OACE;EACE;EAGM,IAACE,UAAA,GAAAC,KAAA,CAAAC,OAAA,CAAAV,QAAA,IAAAA,QAAA,IAAAA,QAAA;EACM,OACL,eAAY,CAAM,GAAAtB,kBAAc,CAAQiC,IAAA,EAAA9B,cAAA,CAAA+B,MAAA;IAAAC,cACjC,MAAM;IAA2Bb,QAEvC,sBAAAtB,kBAAA,CAAAoC,GAAA,EAAAhC,YAAA;MACHkB,QAEH,EACHD,KAAA,CAAAgB,GAAA,WAAAC,IAAA,EAAAC,CAAA;QACA,0BAAAvC,kBAAC,CAAAoC,GAAA,EAAAzB,UAAA,EAAQ;UACXO,MAAA,EAAAqB,CAAA,KAAAd,WAAA;UAEJe,OAAA,WAAAA,QAAA;YAMgB,OAASd,cAAyB,CAAAa,CAAA;UACzC;UACTjB,QAAA,qBAAAtB,kBAAA,CAAAoC,GAAA,EAAAjC,cAAA,CAAAsC,SAAA","ignoreList":[]}

package/dist/cjs/Ul/index.cjs

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Ul_exports = {};
+__export(Ul_exports, {
+  UL: () => UL
+});
+module.exports = __toCommonJS(Ul_exports);
+var import_tamagui = require("tamagui");
+const UL = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "UL",
+  render: "ul",
+  marginVertical: "$1",
+  marginLeft: "$4",
+  marginRight: "$2"
+});

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Ul_exports = {};
+__export(Ul_exports, {
+  UL: () => UL
+});
+module.exports = __toCommonJS(Ul_exports);
+var import_tamagui = require("tamagui");
+var UL = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "UL",
+  render: "ul",
+  marginVertical: "$1",
+  marginLeft: "$4",
+  marginRight: "$2"
+});
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Ul_exports","__export","UL","module","exports","import_tamagui","require","styled","YStack","name","render","marginVertical","marginLeft","marginRight"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,UAAA;AAExB,IAAAK,cAAW,GAAAC,OAAA,UAAO;AAAQ,IAC/BJ,EAAA,GAAM,IAAAG,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACNC,IAAA,MAAQ;EACRC,MAAA;EACAC,cAAY;EACZC,UAAA,MAAa;EACdC,WAAA","ignoreList":[]}

package/dist/cjs/Ul/ul.spec.cjs

@@ -0,0 +1,150 @@
+var import_react = require("@testing-library/react");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_Li = require("../Li/index.cjs");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("UL Component", () => {
+  import_vitest.it.skip("should render successfully", () => {
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 2"
+      })]
+    }));
+    const ulElement = container.querySelector("ul");
+    (0, import_vitest.expect)(ulElement).toBeDefined();
+    (0, import_vitest.expect)(ulElement?.children.length).toBe(2);
+  });
+  import_vitest.it.skip("should dynamically apply styles when changed", () => {
+    const {
+      container,
+      rerender
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 2"
+      })]
+    }));
+    let ulElement = container.querySelector("ul");
+    let computedStyle = window.getComputedStyle(ulElement);
+    (0, import_vitest.expect)(computedStyle.marginTop).toBe("var(--t-space-1)");
+    (0, import_vitest.expect)(computedStyle.marginLeft).toBe("var(--t-space-4)");
+    rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Updated Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Updated Item 2"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "New Item 3"
+      })]
+    }));
+    ulElement = container.querySelector("ul");
+    computedStyle = window.getComputedStyle(ulElement);
+    (0, import_vitest.expect)(ulElement?.children.length).toBe(3);
+    (0, import_vitest.expect)(ulElement?.children[0].textContent).toContain("Updated Item 1");
+    (0, import_vitest.expect)(ulElement?.children[1].textContent).toContain("Updated Item 2");
+    (0, import_vitest.expect)(ulElement?.children[2].textContent).toContain("New Item 3");
+    (0, import_vitest.expect)(computedStyle.marginTop).toBe("var(--t-space-1)");
+    (0, import_vitest.expect)(computedStyle.marginLeft).toBe("var(--t-space-4)");
+  });
+  import_vitest.it.skip("should dynamically handle nested list items", () => {
+    const {
+      container,
+      rerender
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+        children: ["Item 2", /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Subitem 1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Subitem 2"
+          })]
+        })]
+      })]
+    }));
+    let ulElement = container.querySelectorAll("ul");
+    (0, import_vitest.expect)(ulElement.length).toBe(2);
+    rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+        children: "Item 1"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+        children: ["Item 2", /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Updated Subitem 1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "Updated Subitem 2"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+            children: "New Subitem 3"
+          })]
+        })]
+      })]
+    }));
+    ulElement = container.querySelectorAll("ul");
+    (0, import_vitest.expect)(ulElement.length).toBe(2);
+    const nestedUL = ulElement[1];
+    (0, import_vitest.expect)(nestedUL?.children.length).toBe(3);
+    (0, import_vitest.expect)(nestedUL?.children[0].textContent).toContain("Updated Subitem 1");
+    (0, import_vitest.expect)(nestedUL?.children[1].textContent).toContain("Updated Subitem 2");
+    (0, import_vitest.expect)(nestedUL?.children[2].textContent).toContain("New Subitem 3");
+  });
+  (0, import_vitest.describe)("edge cases", () => {
+    import_vitest.it.skip("should handle empty content dynamically", () => {
+      const {
+        container,
+        rerender
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.UL, {}));
+      let ulElement = container.querySelector("ul");
+      (0, import_vitest.expect)(ulElement).toBeDefined();
+      (0, import_vitest.expect)(ulElement?.children.length).toBe(0);
+      rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Item 1"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Item 2"
+        })]
+      }));
+      ulElement = container.querySelector("ul");
+      (0, import_vitest.expect)(ulElement?.children.length).toBe(2);
+    });
+    import_vitest.it.skip("should handle dynamic updates for list items with special characters", () => {
+      const {
+        rerender
+      } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Item & More"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+          children: ["Item with ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            children: "bold"
+          }), " text"]
+        })]
+      }));
+      let ulElement = import_react.screen.getByRole("list");
+      const liElements = ulElement.querySelectorAll("li");
+      (0, import_vitest.expect)(liElements.length).toBe(2);
+      (0, import_vitest.expect)(liElements[0].textContent).toContain("Item & More");
+      (0, import_vitest.expect)(liElements[1].textContent).toBe("Item with bold text");
+      rerender(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.UL, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+          children: "Updated Item & More"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Li.LI, {
+          children: ["New Item with ", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            children: "italic"
+          }), " text"]
+        })]
+      }));
+      ulElement = import_react.screen.getByRole("list");
+      const updatedLiElements = ulElement.querySelectorAll("li");
+      (0, import_vitest.expect)(updatedLiElements.length).toBe(2);
+      (0, import_vitest.expect)(updatedLiElements[0].textContent).toContain("Updated Item & More");
+      (0, import_vitest.expect)(updatedLiElements[1].textContent).toBe("New Item with italic text");
+    });
+  });
+});