@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/InputsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Input","TextArea","XStack","YStack","jsx","jsxs","InputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder","props","items","flex"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,KAAA,EAAOC,QAAA,EAAUC,MAAA,EAAQC,MAAA,QAAc;AAIpD,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,KAAA,EAAO;IAAKC,IAAA,EAAM;IAAKC,QAAA,EAAS;IAASC,GAAA,EAAI;IAAKC,CAAA,EAAE;IAAKC,CAAA,EAAE;IACjEC,QAAA,kBAAAT,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACU,SAAA;MAAUC,IAAA,EAAK;IAAA,CAAK,GACrB,eAAAX,GAAA,CAACH,QAAA;MAASe,KAAA,EAAM;MAAWC,WAAA,EAAY;IAAA,CAAwB;EAAA,CACjE;AAEJ;AAEA,SAASH,UAAUI,KAAA,EAA6B;EAC9C,OACE,eAAAb,IAAA,CAACH,MAAA;IAAOiB,KAAA,EAAM;IAAST,GAAA,EAAI;IACzBG,QAAA,kBAAAT,GAAA,CAACJ,KAAA;MACCgB,KAAA,EAAM;MACNI,IAAA,EAAM;MACNL,IAAA,EAAMG,KAAA,CAAMH,IAAA;MACZE,WAAA,EAAa,QAAQC,KAAA,CAAMH,IAAI;IAAA,CACjC,GACA,eAAAX,GAAA,CAACL,MAAA;MAAOgB,IAAA,EAAMG,KAAA,CAAMH,IAAA;MAAMF,QAAA;IAAA,CAAE;EAAA,CAC9B;AAEJ","ignoreList":[]}
+{"version":3,"file":"InputsDemo.js","names":[],"sources":["esm/InputsDemo.js"],"sourcesContent":["import { Button, Input, TextArea, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction InputsDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { width: 200, minH: 250, overflow: \"hidden\", gap: \"2\", m: \"3\", p: \"2\", children: [\n    /* @__PURE__ */ jsx(InputDemo, { size: \"2\" }),\n    /* @__PURE__ */ jsx(InputDemo, { size: \"3\" }),\n    /* @__PURE__ */ jsx(InputDemo, { size: \"4\" }),\n    /* @__PURE__ */ jsx(TextArea, { theme: \"surface1\", placeholder: \"Enter your details...\" })\n  ] });\n}\nfunction InputDemo(props) {\n  return /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"2\", children: [\n    /* @__PURE__ */ jsx(\n      Input,\n      {\n        theme: \"surface1\",\n        flex: 1,\n        size: props.size,\n        placeholder: `Size ${props.size}...`\n      }\n    ),\n    /* @__PURE__ */ jsx(Button, { size: props.size, children: \"Go\" })\n  ] });\n}\nexport {\n  InputsDemo\n};\n//# sourceMappingURL=InputsDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAK,MAAM;EAAK,UAAU;EAAU,KAAK;EAAK,GAAG;EAAK,GAAG;EAAK,UAAU;GACnG,oBAAI,WAAW,EAAE,MAAM,IAAI,CAAC;GAC5B,oBAAI,WAAW,EAAE,MAAM,IAAI,CAAC;GAC5B,oBAAI,WAAW,EAAE,MAAM,IAAI,CAAC;GAC5B,oBAAI,UAAU;IAAE,OAAO;IAAY,aAAa;GAAwB,CAAC;EAC3F;CAAE,CAAC;AACL;AACA,SAAS,UAAU,OAAO;CACxB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAU,KAAK;EAAK,UAAU,CACzD,oBACd,OACA;GACE,OAAO;GACP,MAAM;GACN,MAAM,MAAM;GACZ,aAAa,QAAQ,MAAM,KAAK;EAClC,CACF,GACgB,oBAAI,QAAQ;GAAE,MAAM,MAAM;GAAM,UAAU;EAAK,CAAC,CAClE;CAAE,CAAC;AACL"}

package/dist/esm/InputsDemo.native.js

@@ -1,39 +1,40 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+
 function InputsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */_jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */_jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */_jsx(TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ jsx(InputDemo, { size: "2" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "3" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "4" }),
+			/* @__PURE__ */ jsx(TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
 }
 function InputDemo(props) {
-  return /* @__PURE__ */_jsxs(XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */_jsx(Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */_jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ jsx(Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
 }
+
 export { InputsDemo };
 //# sourceMappingURL=InputsDemo.native.js.map

package/dist/esm/InputsDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Input","TextArea","XStack","YStack","InputsDemo","width","minH","overflow","gap","m","p","children","InputDemo","size","theme","placeholder"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAO,IAAAC,KAAU,QAAQ,mBAAc;AAIpD,SACEC,MADF,EAAAC,KAAA,EAAAC,QAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,KAAA;IACAC,IAAA;IACAC,QAAA;IACAC,GAAA;IAA+DC,CACjE;IAEJC,CAAA;IAEAC,QAAS,GACP,eACEf,IAAA,CAAAgB,SAAC;MACCC,IAAA;IAAC,mBAAAjB,IAAA,CAAAgB,SAAA;MACCC,IAAA;IAAM,EACN,EAAM,eACMjB,IAAA,CAAAgB,SAAA;MACZC,IAAA;IAA+B,IACjC,eAAAjB,IAAA,CAAAK,QAAA;MACAa,KAAA,YAAC;MACHC,WAAA;IAEJ","ignoreList":[]}
+{"version":3,"file":"InputsDemo.native.js","names":[],"sources":["esm/InputsDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, Input, TextArea, XStack, YStack } from \"tamagui\";\nfunction InputsDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    width: 200,\n    minH: 250,\n    overflow: \"hidden\",\n    gap: \"2\",\n    m: \"3\",\n    p: \"2\",\n    children: [\n      /* @__PURE__ */ _jsx(InputDemo, {\n        size: \"2\"\n      }),\n      /* @__PURE__ */ _jsx(InputDemo, {\n        size: \"3\"\n      }),\n      /* @__PURE__ */ _jsx(InputDemo, {\n        size: \"4\"\n      }),\n      /* @__PURE__ */ _jsx(TextArea, {\n        theme: \"surface1\",\n        placeholder: \"Enter your details...\"\n      })\n    ]\n  });\n}\nfunction InputDemo(props) {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    items: \"center\",\n    gap: \"2\",\n    children: [\n      /* @__PURE__ */ _jsx(Input, {\n        theme: \"surface1\",\n        flex: 1,\n        size: props.size,\n        placeholder: `Size ${props.size}...`\n      }),\n      /* @__PURE__ */ _jsx(Button, {\n        size: props.size,\n        children: \"Go\"\n      })\n    ]\n  });\n}\nexport {\n  InputsDemo\n};\n//# sourceMappingURL=InputsDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,aAAa;CACpB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,MAAM;EACN,UAAU;EACV,KAAK;EACL,GAAG;EACH,GAAG;EACH,UAAU;GACQ,oBAAK,WAAW,EAC9B,MAAM,IACR,CAAC;GACe,oBAAK,WAAW,EAC9B,MAAM,IACR,CAAC;GACe,oBAAK,WAAW,EAC9B,MAAM,IACR,CAAC;GACe,oBAAK,UAAU;IAC7B,OAAO;IACP,aAAa;GACf,CAAC;EACH;CACF,CAAC;AACH;AACA,SAAS,UAAU,OAAO;CACxB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,KAAK;EACL,UAAU,CACQ,oBAAK,OAAO;GAC1B,OAAO;GACP,MAAM;GACN,MAAM,MAAM;GACZ,aAAa,QAAQ,MAAM,KAAK;EAClC,CAAC,GACe,oBAAK,QAAQ;GAC3B,MAAM,MAAM;GACZ,UAAU;EACZ,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/LabelDemo.mjs

@@ -1,42 +1,38 @@
 import { Input, Label, Switch, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function LabelDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    $maxMd: {
-      width: "100%"
-    },
-    minW: 300,
-    gap: "$4",
-    children: [/* @__PURE__ */jsxs(XStack, {
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */jsx(Label, {
-        width: 90,
-        htmlFor: "name",
-        children: "Name"
-      }), /* @__PURE__ */jsx(Input, {
-        flex: 1,
-        id: "name",
-        defaultValue: "Nate Wienert"
-      })]
-    }), /* @__PURE__ */jsxs(XStack, {
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */jsx(Label, {
-        width: 90,
-        htmlFor: "notify",
-        children: "Notifications"
-      }), /* @__PURE__ */jsx(Switch, {
-        activeStyle: {
-          backgroundColor: "$color8"
-        },
-        id: "notify",
-        children: /* @__PURE__ */jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: "max-md:100%",
+		minW: 300,
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(XStack, {
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(Label, {
+				width: 90,
+				htmlFor: "name",
+				children: "Name"
+			}), /* @__PURE__ */ jsx(Input, {
+				flex: 1,
+				id: "name",
+				defaultValue: "Nate Wienert"
+			})]
+		}), /* @__PURE__ */ jsxs(XStack, {
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(Label, {
+				width: 90,
+				htmlFor: "notify",
+				children: "Notifications"
+			}), /* @__PURE__ */ jsx(Switch, {
+				activeStyle: { backgroundColor: "color8" },
+				id: "notify",
+				children: /* @__PURE__ */ jsx(Switch.Thumb, { transition: "quickest" })
+			})]
+		})]
+	});
 }
+
 export { LabelDemo };
 //# sourceMappingURL=LabelDemo.mjs.map

package/dist/esm/LabelDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Input","Label","Switch","XStack","YStack","jsx","jsxs","LabelDemo","$maxMd","width","minW","gap","children","items","htmlFor","flex","id","defaultValue","activeStyle","backgroundColor","Thumb","transition"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,EAAOC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAK/C,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,MAAA,EAAQ;MAAEC,KAAA,EAAO;IAAO;IAAGC,IAAA,EAAM;IAAKC,GAAA,EAAI;IAChDC,QAAA,kBAAAN,IAAA,CAACH,MAAA;MAAOU,KAAA,EAAM;MAASF,GAAA,EAAI;MACzBC,QAAA,kBAAAP,GAAA,CAACJ,KAAA;QAAMQ,KAAA,EAAO;QAAIK,OAAA,EAAQ;QAAOF,QAAA;MAAA,CAEjC,GACA,eAAAP,GAAA,CAACL,KAAA;QAAMe,IAAA,EAAM;QAAGC,EAAA,EAAG;QAAOC,YAAA,EAAa;MAAA,CAAe;IAAA,CACxD,GAEA,eAAAX,IAAA,CAACH,MAAA;MAAOU,KAAA,EAAM;MAASF,GAAA,EAAI;MACzBC,QAAA,kBAAAP,GAAA,CAACJ,KAAA;QAAMQ,KAAA,EAAO;QAAIK,OAAA,EAAQ;QAASF,QAAA;MAAA,CAEnC,GACA,eAAAP,GAAA,CAACH,MAAA;QACCgB,WAAA,EAAa;UACXC,eAAA,EAAiB;QACnB;QACAH,EAAA,EAAG;QAEHJ,QAAA,iBAAAP,GAAA,CAACH,MAAA,CAAOkB,KAAA,EAAP;UAAaC,UAAA,EAAW;QAAA,CAAW;MAAA,CACtC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"LabelDemo.js","names":[],"sources":["esm/LabelDemo.js"],"sourcesContent":["import { Input, Label, Switch, XStack, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction LabelDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { width: \"max-md:100%\", minW: 300, gap: \"4\", children: [\n    /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"4\", children: [\n      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: \"name\", children: \"Name\" }),\n      /* @__PURE__ */ jsx(Input, { flex: 1, id: \"name\", defaultValue: \"Nate Wienert\" })\n    ] }),\n    /* @__PURE__ */ jsxs(XStack, { items: \"center\", gap: \"4\", children: [\n      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: \"notify\", children: \"Notifications\" }),\n      /* @__PURE__ */ jsx(\n        Switch,\n        {\n          activeStyle: {\n            backgroundColor: \"color8\"\n          },\n          id: \"notify\",\n          children: /* @__PURE__ */ jsx(Switch.Thumb, { transition: \"quickest\" })\n        }\n      )\n    ] })\n  ] });\n}\nexport {\n  LabelDemo\n};\n//# sourceMappingURL=LabelDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,YAAY;CACnB,OAAuB,qBAAK,QAAQ;EAAE,OAAO;EAAe,MAAM;EAAK,KAAK;EAAK,UAAU,CACzE,qBAAK,QAAQ;GAAE,OAAO;GAAU,KAAK;GAAK,UAAU,CAClD,oBAAI,OAAO;IAAE,OAAO;IAAI,SAAS;IAAQ,UAAU;GAAO,CAAC,GAC3D,oBAAI,OAAO;IAAE,MAAM;IAAG,IAAI;IAAQ,cAAc;GAAe,CAAC,CAClF;EAAE,CAAC,GACa,qBAAK,QAAQ;GAAE,OAAO;GAAU,KAAK;GAAK,UAAU,CAClD,oBAAI,OAAO;IAAE,OAAO;IAAI,SAAS;IAAU,UAAU;GAAgB,CAAC,GACtE,oBACd,QACA;IACE,aAAa,EACX,iBAAiB,SACnB;IACA,IAAI;IACJ,UAA0B,oBAAI,OAAO,OAAO,EAAE,YAAY,WAAW,CAAC;GACxE,CACF,CACF;EAAE,CAAC,CACL;CAAE,CAAC;AACL"}

package/dist/esm/LabelDemo.native.js

@@ -1,42 +1,38 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Input, Label, Switch, XStack, YStack } from "tamagui";
+
 function LabelDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    $maxMd: {
-      width: "100%"
-    },
-    minW: 300,
-    gap: "$4",
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Label, {
-        width: 90,
-        htmlFor: "name",
-        children: "Name"
-      }), /* @__PURE__ */_jsx(Input, {
-        flex: 1,
-        id: "name",
-        defaultValue: "Nate Wienert"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(Label, {
-        width: 90,
-        htmlFor: "notify",
-        children: "Notifications"
-      }), /* @__PURE__ */_jsx(Switch, {
-        activeStyle: {
-          backgroundColor: "$color8"
-        },
-        id: "notify",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: "max-md:100%",
+		minW: 300,
+		gap: "4",
+		children: [/* @__PURE__ */ jsxs(XStack, {
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(Label, {
+				width: 90,
+				htmlFor: "name",
+				children: "Name"
+			}), /* @__PURE__ */ jsx(Input, {
+				flex: 1,
+				id: "name",
+				defaultValue: "Nate Wienert"
+			})]
+		}), /* @__PURE__ */ jsxs(XStack, {
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(Label, {
+				width: 90,
+				htmlFor: "notify",
+				children: "Notifications"
+			}), /* @__PURE__ */ jsx(Switch, {
+				activeStyle: { backgroundColor: "color8" },
+				id: "notify",
+				children: /* @__PURE__ */ jsx(Switch.Thumb, { transition: "quickest" })
+			})]
+		})]
+	});
 }
+
 export { LabelDemo };
 //# sourceMappingURL=LabelDemo.native.js.map

package/dist/esm/LabelDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Input","Label","Switch","XStack","YStack","LabelDemo","$maxMd","width","minW","gap","children","items","htmlFor","flex","id","defaultValue"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAO,IAAAC,KAAQ,QAAQ,mBAAc;AAK/C,SACEC,KADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,MAAA;MACEC,KAAA;IAEA;IACsDC,IACxD;IAEAC,GAAA;IACEC,QAAA,GAGA,eAAAX,KAAA,CAAAI,MAAA;MAACQ,KAAA;MAAAF,GAAA;MAAAC,QACC,GAAa,eACXb,IAAiB,CAAAI,KAAA;QACnBM,KAAA;QACAK,OAAG;QAEHF,QAAA;MAAoC,IACtC,eAAAb,IAAA,CAAAG,KAAA;QACFa,IAAA;QACFC,EAAA;QAEJC,YAAA","ignoreList":[]}
+{"version":3,"file":"LabelDemo.native.js","names":[],"sources":["esm/LabelDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Input, Label, Switch, XStack, YStack } from \"tamagui\";\nfunction LabelDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    width: \"max-md:100%\",\n    minW: 300,\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsxs(XStack, {\n        items: \"center\",\n        gap: \"4\",\n        children: [\n          /* @__PURE__ */ _jsx(Label, {\n            width: 90,\n            htmlFor: \"name\",\n            children: \"Name\"\n          }),\n          /* @__PURE__ */ _jsx(Input, {\n            flex: 1,\n            id: \"name\",\n            defaultValue: \"Nate Wienert\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ _jsxs(XStack, {\n        items: \"center\",\n        gap: \"4\",\n        children: [\n          /* @__PURE__ */ _jsx(Label, {\n            width: 90,\n            htmlFor: \"notify\",\n            children: \"Notifications\"\n          }),\n          /* @__PURE__ */ _jsx(Switch, {\n            activeStyle: {\n              backgroundColor: \"color8\"\n            },\n            id: \"notify\",\n            children: /* @__PURE__ */ _jsx(Switch.Thumb, {\n              transition: \"quickest\"\n            })\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  LabelDemo\n};\n//# sourceMappingURL=LabelDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,YAAY;CACnB,OAAuB,qBAAM,QAAQ;EACnC,OAAO;EACP,MAAM;EACN,KAAK;EACL,UAAU,CACQ,qBAAM,QAAQ;GAC5B,OAAO;GACP,KAAK;GACL,UAAU,CACQ,oBAAK,OAAO;IAC1B,OAAO;IACP,SAAS;IACT,UAAU;GACZ,CAAC,GACe,oBAAK,OAAO;IAC1B,MAAM;IACN,IAAI;IACJ,cAAc;GAChB,CAAC,CACH;EACF,CAAC,GACe,qBAAM,QAAQ;GAC5B,OAAO;GACP,KAAK;GACL,UAAU,CACQ,oBAAK,OAAO;IAC1B,OAAO;IACP,SAAS;IACT,UAAU;GACZ,CAAC,GACe,oBAAK,QAAQ;IAC3B,aAAa,EACX,iBAAiB,SACnB;IACA,IAAI;IACJ,UAA0B,oBAAK,OAAO,OAAO,EAC3C,YAAY,WACd,CAAC;GACH,CAAC,CACH;EACF,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/LinearGradientDemo.mjs

@@ -1,25 +1,27 @@
 import { XStack } from "tamagui";
 import { LinearGradient } from "@tamagui/linear-gradient";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function LinearGradientDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    gap: "$4",
-    children: [/* @__PURE__ */jsx(LinearGradient, {
-      width: "$6",
-      height: "$6",
-      rounded: "$4",
-      colors: ["$red10", "$yellow10"],
-      start: [0, 1],
-      end: [0, 0]
-    }), /* @__PURE__ */jsx(LinearGradient, {
-      width: "$6",
-      height: "$6",
-      rounded: "$4",
-      colors: ["$background", "$color"],
-      start: [1, 1],
-      end: [0, 0]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(LinearGradient, {
+			width: "6",
+			height: "6",
+			rounded: "4",
+			start: [0, 1],
+			end: [0, 0],
+			colors: ["red10", "yellow10"]
+		}), /* @__PURE__ */ jsx(LinearGradient, {
+			width: "6",
+			height: "6",
+			rounded: "4",
+			start: [1, 1],
+			end: [0, 0],
+			colors: ["background", "color"]
+		})]
+	});
 }
+
 export { LinearGradientDemo };
 //# sourceMappingURL=LinearGradientDemo.mjs.map

package/dist/esm/LinearGradientDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["XStack","LinearGradient","jsx","jsxs","LinearGradientDemo","gap","children","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAI3B,SAEEC,GAAA,EAFFC,IAAA;AAFG,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAD,IAAA,CAACH,MAAA;IAAOK,GAAA,EAAI;IAEVC,QAAA,kBAAAJ,GAAA,CAACD,cAAA;MACCM,KAAA,EAAM;MACNC,MAAA,EAAO;MACPC,OAAA,EAAQ;MACRC,MAAA,EAAQ,CAAC,UAAU,WAAW;MAC9BC,KAAA,EAAO,CAAC,GAAG,CAAC;MACZC,GAAA,EAAK,CAAC,GAAG,CAAC;IAAA,CACZ,GAGA,eAAAV,GAAA,CAACD,cAAA;MACCM,KAAA,EAAM;MACNC,MAAA,EAAO;MACPC,OAAA,EAAQ;MACRC,MAAA,EAAQ,CAAC,eAAe,QAAQ;MAChCC,KAAA,EAAO,CAAC,GAAG,CAAC;MACZC,GAAA,EAAK,CAAC,GAAG,CAAC;IAAA,CACZ;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"LinearGradientDemo.js","names":[],"sources":["esm/LinearGradientDemo.js"],"sourcesContent":["import { XStack } from \"tamagui\";\nimport { LinearGradient } from \"@tamagui/linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction LinearGradientDemo() {\n  return /* @__PURE__ */ jsxs(XStack, { gap: \"4\", children: [\n    /* @__PURE__ */ jsx(\n      LinearGradient,\n      {\n        width: \"6\",\n        height: \"6\",\n        rounded: \"4\",\n        start: [0, 1],\n        end: [0, 0],\n        colors: [\"red10\", \"yellow10\"]\n      }\n    ),\n    /* @__PURE__ */ jsx(\n      LinearGradient,\n      {\n        width: \"6\",\n        height: \"6\",\n        rounded: \"4\",\n        start: [1, 1],\n        end: [0, 0],\n        colors: [\"background\", \"color\"]\n      }\n    )\n  ] });\n}\nexport {\n  LinearGradientDemo\n};\n//# sourceMappingURL=LinearGradientDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,qBAAqB;CAC5B,OAAuB,qBAAK,QAAQ;EAAE,KAAK;EAAK,UAAU,CACxC,oBACd,gBACA;GACE,OAAO;GACP,QAAQ;GACR,SAAS;GACT,OAAO,CAAC,GAAG,CAAC;GACZ,KAAK,CAAC,GAAG,CAAC;GACV,QAAQ,CAAC,SAAS,UAAU;EAC9B,CACF,GACgB,oBACd,gBACA;GACE,OAAO;GACP,QAAQ;GACR,SAAS;GACT,OAAO,CAAC,GAAG,CAAC;GACZ,KAAK,CAAC,GAAG,CAAC;GACV,QAAQ,CAAC,cAAc,OAAO;EAChC,CACF,CACF;CAAE,CAAC;AACL"}

package/dist/esm/LinearGradientDemo.native.js

@@ -1,27 +1,27 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { XStack } from "tamagui";
 import { LinearGradient } from "@tamagui/linear-gradient";
+
 function LinearGradientDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    gap: "$4",
-    children: [/* tokens */
-    /* @__PURE__ */_jsx(LinearGradient, {
-      width: "$6",
-      height: "$6",
-      rounded: "$4",
-      colors: ["$red10", "$yellow10"],
-      start: [0, 1],
-      end: [0, 0]
-    }), /* theme values */
-    /* @__PURE__ */_jsx(LinearGradient, {
-      width: "$6",
-      height: "$6",
-      rounded: "$4",
-      colors: ["$background", "$color"],
-      start: [1, 1],
-      end: [0, 0]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		gap: "4",
+		children: [/* @__PURE__ */ jsx(LinearGradient, {
+			width: "6",
+			height: "6",
+			rounded: "4",
+			start: [0, 1],
+			end: [0, 0],
+			colors: ["red10", "yellow10"]
+		}), /* @__PURE__ */ jsx(LinearGradient, {
+			width: "6",
+			height: "6",
+			rounded: "4",
+			start: [1, 1],
+			end: [0, 0],
+			colors: ["background", "color"]
+		})]
+	});
 }
+
 export { LinearGradientDemo };
 //# sourceMappingURL=LinearGradientDemo.native.js.map

package/dist/esm/LinearGradientDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","LinearGradient","LinearGradientDemo","gap","children","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,iBAAsB;AAI3B,SAEEC,cAFF;AAFG,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAH,KAAC,CAAAC,MAAA;IAECG,GAAA;IAAAC,QAAC;IAAA,eACOP,IAAA,CAAAI,cAAA;MACNI,KAAA,MAAO;MACPC,MAAA,MAAQ;MACRC,OAAA,EAAS;MACTC,MAAA,EAAQ,CACR,QAAU,cACZ;MAGAC,KAAA,GAAC,KACC;MACAC,GAAA,GACA,GACA;IACY,EACZ,EAAU;IACZ,eAAAb,IAAA,CAAAI,cAAA;MACFI,KAAA;MAEJC,MAAA","ignoreList":[]}
+{"version":3,"file":"LinearGradientDemo.native.js","names":[],"sources":["esm/LinearGradientDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { XStack } from \"tamagui\";\nimport { LinearGradient } from \"@tamagui/linear-gradient\";\nfunction LinearGradientDemo() {\n  return /* @__PURE__ */ _jsxs(XStack, {\n    gap: \"4\",\n    children: [\n      /* tokens */\n      /* @__PURE__ */ _jsx(LinearGradient, {\n        width: \"6\",\n        height: \"6\",\n        rounded: \"4\",\n        start: [\n          0,\n          1\n        ],\n        end: [\n          0,\n          0\n        ],\n        colors: [\n          \"red10\",\n          \"yellow10\"\n        ]\n      }),\n      /* theme values */\n      /* @__PURE__ */ _jsx(LinearGradient, {\n        width: \"6\",\n        height: \"6\",\n        rounded: \"4\",\n        start: [\n          1,\n          1\n        ],\n        end: [\n          0,\n          0\n        ],\n        colors: [\n          \"background\",\n          \"color\"\n        ]\n      })\n    ]\n  });\n}\nexport {\n  LinearGradientDemo\n};\n//# sourceMappingURL=LinearGradientDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,qBAAqB;CAC5B,OAAuB,qBAAM,QAAQ;EACnC,KAAK;EACL,UAAU,CAEQ,oBAAK,gBAAgB;GACnC,OAAO;GACP,QAAQ;GACR,SAAS;GACT,OAAO,CACL,GACA,CACF;GACA,KAAK,CACH,GACA,CACF;GACA,QAAQ,CACN,SACA,UACF;EACF,CAAC,GAEe,oBAAK,gBAAgB;GACnC,OAAO;GACP,QAAQ;GACR,SAAS;GACT,OAAO,CACL,GACA,CACF;GACA,KAAK,CACH,GACA,CACF;GACA,QAAQ,CACN,cACA,OACF;EACF,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/esm/ListItemDemo.mjs

@@ -1,86 +1,81 @@
 import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons-2";
 import { ListItem, Separator, Theme, XStack, YGroup } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function ListItemDemo() {
-  return /* @__PURE__ */jsx(Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */jsxs(XStack, {
-      $maxMd: {
-        flexDirection: "column"
-      },
-      px: "$4",
-      gap: "$4",
-      children: [/* @__PURE__ */jsx(ListItemDemo1, {}), /* @__PURE__ */jsx(ListItemDemo2, {})]
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level2",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			flexDirection: "max-md:column",
+			px: "4",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(ListItemDemo1, {}), /* @__PURE__ */ jsx(ListItemDemo2, {})]
+		})
+	});
 }
 function ListItemDemo1() {
-  return /* @__PURE__ */jsxs(YGroup, {
-    self: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: "$4",
-    overflow: "hidden",
-    width: 240,
-    size: "$4",
-    children: [/* @__PURE__ */jsx(YGroup.Item, {
-      children: /* @__PURE__ */jsx(ListItem, {
-        gap: "$3",
-        icon: Star,
-        title: "Star",
-        subTitle: /* @__PURE__ */jsx(ListItem.Subtitle, {
-          children: "Twinkles"
-        }),
-        iconAfter: ChevronRight
-      })
-    }), /* @__PURE__ */jsx(YGroup.Item, {
-      children: /* @__PURE__ */jsx(ListItem, {
-        gap: "$3",
-        icon: Moon,
-        children: "Moon"
-      })
-    }), /* @__PURE__ */jsx(YGroup.Item, {
-      children: /* @__PURE__ */jsx(ListItem, {
-        gap: "$3",
-        icon: Sun,
-        children: "Sun"
-      })
-    }), /* @__PURE__ */jsx(YGroup.Item, {
-      children: /* @__PURE__ */jsx(ListItem, {
-        gap: "$3",
-        icon: Cloud,
-        children: "Cloud"
-      })
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "4",
+		children: [
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Star,
+				title: "Star",
+				subTitle: /* @__PURE__ */ jsx(ListItem.Subtitle, { children: "Twinkles" }),
+				iconAfter: ChevronRight
+			}) }),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Moon,
+				children: "Moon"
+			}) }),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Sun,
+				children: "Sun"
+			}) }),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Cloud,
+				children: "Cloud"
+			}) })
+		]
+	});
 }
 function ListItemDemo2() {
-  return /* @__PURE__ */jsxs(YGroup, {
-    self: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: "$4",
-    overflow: "hidden",
-    width: 240,
-    size: "$5",
-    children: [/* @__PURE__ */jsx(YGroup.Item, {
-      children: /* @__PURE__ */jsx(ListItem, {
-        gap: "$3",
-        title: "Star",
-        subTitle: "Subtitle",
-        icon: Star,
-        iconAfter: ChevronRight
-      })
-    }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(YGroup.Item, {
-      children: /* @__PURE__ */jsx(ListItem, {
-        gap: "$3",
-        title: "Moon",
-        subTitle: "Subtitle",
-        icon: Moon,
-        iconAfter: ChevronRight
-      })
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "5",
+		children: [
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				title: "Star",
+				subTitle: "Subtitle",
+				icon: Star,
+				iconAfter: ChevronRight
+			}) }),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				title: "Moon",
+				subTitle: "Subtitle",
+				icon: Moon,
+				iconAfter: ChevronRight
+			}) })
+		]
+	});
 }
+
 export { ListItemDemo };
 //# sourceMappingURL=ListItemDemo.mjs.map

package/dist/esm/ListItemDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","jsx","jsxs","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","overflow","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,YAAA,EAAcC,KAAA,EAAOC,IAAA,EAAMC,IAAA,EAAMC,GAAA,QAAW;AACrD,SAASC,QAAA,EAAUC,SAAA,EAAWC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKrD,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAF,GAAA,CAACH,KAAA;IAAMM,IAAA,EAAK;IACVC,QAAA,iBAAAH,IAAA,CAACH,MAAA;MAAOO,MAAA,EAAQ;QAAEC,aAAA,EAAe;MAAS;MAAGC,EAAA,EAAG;MAAKC,GAAA,EAAI;MACvDJ,QAAA,kBAAAJ,GAAA,CAACS,aAAA,IAAc,GACf,eAAAT,GAAA,CAACU,aAAA,IAAc;IAAA,CACjB;EAAA,CACF;AAEJ;AAEA,SAASD,cAAA,EAAgB;EACvB,OACE,eAAAR,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,QAAA,EAAS;IACTC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELb,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJW,IAAA,EAAM1B,IAAA;QACN2B,KAAA,EAAM;QACNC,QAAA,EAAU,eAAArB,GAAA,CAACL,QAAA,CAAS2B,QAAA,EAAT;UAAkBlB,QAAA;QAAA,CAAQ;QACrCmB,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAM3B,IAAA;QAAMY,QAAA;MAAA,CAE/B;IAAA,CACF,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAMzB,GAAA;QAAKU,QAAA;MAAA,CAE9B;IAAA,CACF,GACA,eAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QAASa,GAAA,EAAI;QAAKW,IAAA,EAAM5B,KAAA;QAAOa,QAAA;MAAA,CAEhC;IAAA,CACF;EAAA,CACF;AAEJ;AAEA,SAASM,cAAA,EAAgB;EACvB,OACE,eAAAT,IAAA,CAACF,MAAA;IACCY,IAAA,EAAK;IACLC,WAAA,EAAa;IACbC,WAAA,EAAY;IACZC,OAAA,EAAQ;IACRC,QAAA,EAAS;IACTC,KAAA,EAAO;IACPC,IAAA,EAAK;IAELb,QAAA,kBAAAJ,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJY,KAAA,EAAM;QACNC,QAAA,EAAS;QACTF,IAAA,EAAM1B,IAAA;QACN8B,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF,GACA,eAAAU,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACD,MAAA,CAAOmB,IAAA,EAAP;MACCd,QAAA,iBAAAJ,GAAA,CAACL,QAAA;QACCa,GAAA,EAAI;QACJY,KAAA,EAAM;QACNC,QAAA,EAAS;QACTF,IAAA,EAAM3B,IAAA;QACN+B,SAAA,EAAWjC;MAAA,CACb;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"ListItemDemo.js","names":[],"sources":["esm/ListItemDemo.js"],"sourcesContent":["import { ChevronRight, Cloud, Moon, Star, Sun } from \"@tamagui/lucide-icons-2\";\nimport { ListItem, Separator, Theme, XStack, YGroup } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction ListItemDemo() {\n  return /* @__PURE__ */ jsx(Theme, { name: \"level2\", children: /* @__PURE__ */ jsxs(XStack, { flexDirection: \"max-md:column\", px: \"4\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(ListItemDemo1, {}),\n    /* @__PURE__ */ jsx(ListItemDemo2, {})\n  ] }) });\n}\nfunction ListItemDemo1() {\n  return /* @__PURE__ */ jsxs(\n    YGroup,\n    {\n      self: \"center\",\n      borderWidth: 1,\n      borderColor: \"border-color\",\n      rounded: \"4\",\n      overflow: \"hidden\",\n      width: 240,\n      size: \"4\",\n      children: [\n        /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(\n          ListItem,\n          {\n            gap: \"3\",\n            icon: Star,\n            title: \"Star\",\n            subTitle: /* @__PURE__ */ jsx(ListItem.Subtitle, { children: \"Twinkles\" }),\n            iconAfter: ChevronRight\n          }\n        ) }),\n        /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { gap: \"3\", icon: Moon, children: \"Moon\" }) }),\n        /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { gap: \"3\", icon: Sun, children: \"Sun\" }) }),\n        /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { gap: \"3\", icon: Cloud, children: \"Cloud\" }) })\n      ]\n    }\n  );\n}\nfunction ListItemDemo2() {\n  return /* @__PURE__ */ jsxs(\n    YGroup,\n    {\n      self: \"center\",\n      borderWidth: 1,\n      borderColor: \"border-color\",\n      rounded: \"4\",\n      overflow: \"hidden\",\n      width: 240,\n      size: \"5\",\n      children: [\n        /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(\n          ListItem,\n          {\n            gap: \"3\",\n            title: \"Star\",\n            subTitle: \"Subtitle\",\n            icon: Star,\n            iconAfter: ChevronRight\n          }\n        ) }),\n        /* @__PURE__ */ jsx(Separator, {}),\n        /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(\n          ListItem,\n          {\n            gap: \"3\",\n            title: \"Moon\",\n            subTitle: \"Subtitle\",\n            icon: Moon,\n            iconAfter: ChevronRight\n          }\n        ) })\n      ]\n    }\n  );\n}\nexport {\n  ListItemDemo\n};\n//# sourceMappingURL=ListItemDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,eAAe;CACtB,OAAuB,oBAAI,OAAO;EAAE,MAAM;EAAU,UAA0B,qBAAK,QAAQ;GAAE,eAAe;GAAiB,IAAI;GAAK,KAAK;GAAK,UAAU,CACxI,oBAAI,eAAe,CAAC,CAAC,GACrB,oBAAI,eAAe,CAAC,CAAC,CACvC;EAAE,CAAC;CAAE,CAAC;AACR;AACA,SAAS,gBAAgB;CACvB,OAAuB,qBACrB,QACA;EACE,MAAM;EACN,aAAa;EACb,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;EACP,MAAM;EACN,UAAU;GACQ,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAC3D,UACA;IACE,KAAK;IACL,MAAM;IACN,OAAO;IACP,UAA0B,oBAAI,SAAS,UAAU,EAAE,UAAU,WAAW,CAAC;IACzE,WAAW;GACb,CACF,EAAE,CAAC;GACa,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,UAAU;IAAE,KAAK;IAAK,MAAM;IAAM,UAAU;GAAO,CAAC,EAAE,CAAC;GACxG,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,UAAU;IAAE,KAAK;IAAK,MAAM;IAAK,UAAU;GAAM,CAAC,EAAE,CAAC;GACtG,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,UAAU;IAAE,KAAK;IAAK,MAAM;IAAO,UAAU;GAAQ,CAAC,EAAE,CAAC;EAC5H;CACF,CACF;AACF;AACA,SAAS,gBAAgB;CACvB,OAAuB,qBACrB,QACA;EACE,MAAM;EACN,aAAa;EACb,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;EACP,MAAM;EACN,UAAU;GACQ,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAC3D,UACA;IACE,KAAK;IACL,OAAO;IACP,UAAU;IACV,MAAM;IACN,WAAW;GACb,CACF,EAAE,CAAC;GACa,oBAAI,WAAW,CAAC,CAAC;GACjB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAC3D,UACA;IACE,KAAK;IACL,OAAO;IACP,UAAU;IACV,MAAM;IACN,WAAW;GACb,CACF,EAAE,CAAC;EACL;CACF,CACF;AACF"}