@tamagui/demos 1.13.3 → 1.13.4

package/dist/esm/GroupDemo.js

@@ -1,25 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
-function GroupDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
-    /* @__PURE__ */ jsxs(Group, { axis: "horizontal", children: [
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Activity, children: "First" }) }),
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Airplay, children: "Second" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(YGroup, { separator: /* @__PURE__ */ jsx(Separator, {}), children: [
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "First" }) }),
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { children: "Third" }) })
-    ] })
-  ] });
-}
-export {
-  GroupDemo
-};
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Activity as p,Airplay as I}from"@tamagui/lucide-icons";import{Button as o,Group as e,ListItem as m,Separator as n,XGroup as u,YGroup as r,YStack as G}from"tamagui";function c(){return i(G,{padding:"$3",space:"$2",alignItems:"center",children:[i(e,{axis:"horizontal",children:[t(e.Item,{children:t(o,{children:"First"})}),t(e.Item,{children:t(o,{children:"Second"})}),t(e.Item,{children:t(o,{children:"Third"})})]}),i(u,{size:"$3",$gtSm:{size:"$5"},children:[t(u.Item,{children:t(o,{size:"$3",icon:p,children:"First"})}),t(u.Item,{children:t(o,{size:"$3",icon:I,children:"Second"})})]}),i(r,{separator:t(n,{}),children:[t(r.Item,{children:t(m,{title:"First"})}),t(r.Item,{children:t(m,{title:"Second",subTitle:"Second subtitle"})}),t(r.Item,{children:t(m,{children:"Third"})})]})]})}export{c as GroupDemo};
 //# sourceMappingURL=GroupDemo.js.map

package/dist/esm/GroupDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/GroupDemo.tsx"],
   "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n  return (\n    <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n      <Group axis=\"horizontal\">\n        <Group.Item>\n          <Button>First</Button>\n        </Group.Item>\n        <Group.Item>\n          <Button>Second</Button>\n        </Group.Item>\n        <Group.Item>\n          <Button>Third</Button>\n        </Group.Item>\n      </Group>\n\n      {/* responsive + size */}\n      <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n        <XGroup.Item>\n          <Button size=\"$3\" icon={Activity}>\n            First\n          </Button>\n        </XGroup.Item>\n        <XGroup.Item>\n          <Button size=\"$3\" icon={Airplay}>\n            Second\n          </Button>\n        </XGroup.Item>\n      </XGroup>\n\n      {/* Separator */}\n      <YGroup separator={<Separator />}>\n        <YGroup.Item>\n          <ListItem title=\"First\" />\n        </YGroup.Item>\n        <YGroup.Item>\n          <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n        </YGroup.Item>\n        <YGroup.Item>\n          <ListItem>Third</ListItem>\n        </YGroup.Item>\n      </YGroup>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAMM,SAEI,KAFJ;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,yBAAC,SAAM,MAAK,cACV;AAAA,0BAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,UAAU,mBAElC,GACF;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,SAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,WAAW,oBAAC,aAAU,GAC5B;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAMM,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBANN,OAAS,YAAAC,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,OACEV,EAACS,EAAA,CAAO,QAAQ,KAAK,MAAM,KAAK,WAAW,SACzC,UAAAT,EAACI,EAAA,CAAM,KAAK,aACV,UAAAL,EAACK,EAAM,KAAN,CACC,SAAAL,EAACI,EAAA,CAAO,iBAAK,EACf,EACAJ,EAACK,EAAM,KAAN,CACC,SAAAL,EAACI,EAAA,CAAO,kBAAM,EAChB,EACAJ,EAACK,EAAM,KAAN,CACC,SAAAL,EAACI,EAAA,CAAO,iBAAK,EACf,GACF,EAGAH,EAACO,EAAA,CAAO,KAAK,KAAK,MAAO,CAAE,KAAM,IAAK,EACpC,UAAAR,EAACQ,EAAO,KAAP,CACC,SAAAR,EAACI,EAAA,CAAO,KAAK,KAAK,KAAMF,EAAU,iBAElC,EACF,EACAF,EAACQ,EAAO,KAAP,CACC,SAAAR,EAACI,EAAA,CAAO,KAAK,KAAK,KAAMD,EAAS,kBAEjC,EACF,GACF,EAGAF,EAACQ,EAAA,CAAO,UAAWT,EAACO,EAAA,EAAU,EAC5B,UAAAP,EAACS,EAAO,KAAP,CACC,SAAAT,EAACM,EAAA,CAAS,MAAM,QAAQ,EAC1B,EACAN,EAACS,EAAO,KAAP,CACC,SAAAT,EAACM,EAAA,CAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EACAN,EAACS,EAAO,KAAP,CACC,SAAAT,EAACM,EAAA,CAAS,iBAAK,EACjB,GACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
 }

package/dist/esm/GroupDemo.mjs

@@ -1,25 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
-function GroupDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
-    /* @__PURE__ */ jsxs(Group, { axis: "horizontal", children: [
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Activity, children: "First" }) }),
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Airplay, children: "Second" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(YGroup, { separator: /* @__PURE__ */ jsx(Separator, {}), children: [
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "First" }) }),
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { children: "Third" }) })
-    ] })
-  ] });
-}
-export {
-  GroupDemo
-};
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Activity as p,Airplay as I}from"@tamagui/lucide-icons";import{Button as o,Group as e,ListItem as m,Separator as n,XGroup as u,YGroup as r,YStack as G}from"tamagui";function c(){return i(G,{padding:"$3",space:"$2",alignItems:"center",children:[i(e,{axis:"horizontal",children:[t(e.Item,{children:t(o,{children:"First"})}),t(e.Item,{children:t(o,{children:"Second"})}),t(e.Item,{children:t(o,{children:"Third"})})]}),i(u,{size:"$3",$gtSm:{size:"$5"},children:[t(u.Item,{children:t(o,{size:"$3",icon:p,children:"First"})}),t(u.Item,{children:t(o,{size:"$3",icon:I,children:"Second"})})]}),i(r,{separator:t(n,{}),children:[t(r.Item,{children:t(m,{title:"First"})}),t(r.Item,{children:t(m,{title:"Second",subTitle:"Second subtitle"})}),t(r.Item,{children:t(m,{children:"Third"})})]})]})}export{c as GroupDemo};
 //# sourceMappingURL=GroupDemo.mjs.map

package/dist/esm/GroupDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/GroupDemo.tsx"],
   "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n  return (\n    <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n      <Group axis=\"horizontal\">\n        <Group.Item>\n          <Button>First</Button>\n        </Group.Item>\n        <Group.Item>\n          <Button>Second</Button>\n        </Group.Item>\n        <Group.Item>\n          <Button>Third</Button>\n        </Group.Item>\n      </Group>\n\n      {/* responsive + size */}\n      <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n        <XGroup.Item>\n          <Button size=\"$3\" icon={Activity}>\n            First\n          </Button>\n        </XGroup.Item>\n        <XGroup.Item>\n          <Button size=\"$3\" icon={Airplay}>\n            Second\n          </Button>\n        </XGroup.Item>\n      </XGroup>\n\n      {/* Separator */}\n      <YGroup separator={<Separator />}>\n        <YGroup.Item>\n          <ListItem title=\"First\" />\n        </YGroup.Item>\n        <YGroup.Item>\n          <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n        </YGroup.Item>\n        <YGroup.Item>\n          <ListItem>Third</ListItem>\n        </YGroup.Item>\n      </YGroup>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAMM,SAEI,KAFJ;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,yBAAC,SAAM,MAAK,cACV;AAAA,0BAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,UAAU,mBAElC,GACF;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,SAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,WAAW,oBAAC,aAAU,GAC5B;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAMM,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBANN,OAAS,YAAAC,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,OACEV,EAACS,EAAA,CAAO,QAAQ,KAAK,MAAM,KAAK,WAAW,SACzC,UAAAT,EAACI,EAAA,CAAM,KAAK,aACV,UAAAL,EAACK,EAAM,KAAN,CACC,SAAAL,EAACI,EAAA,CAAO,iBAAK,EACf,EACAJ,EAACK,EAAM,KAAN,CACC,SAAAL,EAACI,EAAA,CAAO,kBAAM,EAChB,EACAJ,EAACK,EAAM,KAAN,CACC,SAAAL,EAACI,EAAA,CAAO,iBAAK,EACf,GACF,EAGAH,EAACO,EAAA,CAAO,KAAK,KAAK,MAAO,CAAE,KAAM,IAAK,EACpC,UAAAR,EAACQ,EAAO,KAAP,CACC,SAAAR,EAACI,EAAA,CAAO,KAAK,KAAK,KAAMF,EAAU,iBAElC,EACF,EACAF,EAACQ,EAAO,KAAP,CACC,SAAAR,EAACI,EAAA,CAAO,KAAK,KAAK,KAAMD,EAAS,kBAEjC,EACF,GACF,EAGAF,EAACQ,EAAA,CAAO,UAAWT,EAACO,EAAA,EAAU,EAC5B,UAAAP,EAACS,EAAO,KAAP,CACC,SAAAT,EAACM,EAAA,CAAS,MAAM,QAAQ,EAC1B,EACAN,EAACS,EAAO,KAAP,CACC,SAAAT,EAACM,EAAA,CAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EACAN,EAACS,EAAO,KAAP,CACC,SAAAT,EAACM,EAAA,CAAS,iBAAK,EACjB,GACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
 }

package/dist/esm/HeadingsDemo.js

@@ -1,16 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
-function HeadingsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { alignSelf: "center", children: [
-    /* @__PURE__ */ jsx(H1, { children: "Heading 1" }),
-    /* @__PURE__ */ jsx(H2, { children: "Heading 2" }),
-    /* @__PURE__ */ jsx(H3, { children: "Heading 3" }),
-    /* @__PURE__ */ jsx(H4, { children: "Heading 4" }),
-    /* @__PURE__ */ jsx(H5, { children: "Heading 5" }),
-    /* @__PURE__ */ jsx(H6, { children: "Heading 6" })
-  ] });
-}
-export {
-  HeadingsDemo
-};
+import{jsx as H,jsxs as t}from"react/jsx-runtime";import{H1 as e,H2 as n,H3 as a,H4 as i,H5 as g,H6 as d,YStack as o}from"tamagui";function m(){return t(o,{alignSelf:"center",children:[H(e,{children:"Heading 1"}),H(n,{children:"Heading 2"}),H(a,{children:"Heading 3"}),H(i,{children:"Heading 4"}),H(g,{children:"Heading 5"}),H(d,{children:"Heading 6"})]})}export{m as HeadingsDemo};
 //# sourceMappingURL=HeadingsDemo.js.map

package/dist/esm/HeadingsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n  return (\n    <YStack alignSelf=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAKI,SACE,KADF;AAJJ,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,WAAU,UAChB;AAAA,wBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,KACf;AAEJ;",
-  "names": []
+  "mappings": "AAKI,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,OAAS,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,OACER,EAACO,EAAA,CAAO,UAAU,SAChB,UAAAR,EAACE,EAAA,CAAG,qBAAS,EACbF,EAACG,EAAA,CAAG,qBAAS,EACbH,EAACI,EAAA,CAAG,qBAAS,EACbJ,EAACK,EAAA,CAAG,qBAAS,EACbL,EAACM,EAAA,CAAG,qBAAS,EACbN,EAACO,EAAA,CAAG,qBAAS,GACf,CAEJ",
+  "names": ["jsx", "jsxs", "H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
 }

package/dist/esm/HeadingsDemo.mjs

@@ -1,16 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
-function HeadingsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { alignSelf: "center", children: [
-    /* @__PURE__ */ jsx(H1, { children: "Heading 1" }),
-    /* @__PURE__ */ jsx(H2, { children: "Heading 2" }),
-    /* @__PURE__ */ jsx(H3, { children: "Heading 3" }),
-    /* @__PURE__ */ jsx(H4, { children: "Heading 4" }),
-    /* @__PURE__ */ jsx(H5, { children: "Heading 5" }),
-    /* @__PURE__ */ jsx(H6, { children: "Heading 6" })
-  ] });
-}
-export {
-  HeadingsDemo
-};
+import{jsx as H,jsxs as t}from"react/jsx-runtime";import{H1 as e,H2 as n,H3 as a,H4 as i,H5 as g,H6 as d,YStack as o}from"tamagui";function m(){return t(o,{alignSelf:"center",children:[H(e,{children:"Heading 1"}),H(n,{children:"Heading 2"}),H(a,{children:"Heading 3"}),H(i,{children:"Heading 4"}),H(g,{children:"Heading 5"}),H(d,{children:"Heading 6"})]})}export{m as HeadingsDemo};
 //# sourceMappingURL=HeadingsDemo.mjs.map

package/dist/esm/HeadingsDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n  return (\n    <YStack alignSelf=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAKI,SACE,KADF;AAJJ,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,WAAU,UAChB;AAAA,wBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,KACf;AAEJ;",
-  "names": []
+  "mappings": "AAKI,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,OAAS,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,OACER,EAACO,EAAA,CAAO,UAAU,SAChB,UAAAR,EAACE,EAAA,CAAG,qBAAS,EACbF,EAACG,EAAA,CAAG,qBAAS,EACbH,EAACI,EAAA,CAAG,qBAAS,EACbJ,EAACK,EAAA,CAAG,qBAAS,EACbL,EAACM,EAAA,CAAG,qBAAS,EACbN,EAACO,EAAA,CAAG,qBAAS,GACf,CAEJ",
+  "names": ["jsx", "jsxs", "H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
 }

package/dist/esm/ImageDemo.js

@@ -1,9 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { Image } from "tamagui";
-function ImageDemo() {
-  return /* @__PURE__ */ jsx(Image, { src: "https://placekitten.com/200/300", width: 200, height: 300 });
-}
-export {
-  ImageDemo
-};
+import{jsx as e}from"react/jsx-runtime";import{Image as t}from"tamagui";function m(){return e(t,{src:"https://placekitten.com/200/300",width:200,height:300})}export{m as ImageDemo};
 //# sourceMappingURL=ImageDemo.js.map

package/dist/esm/ImageDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
   "sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n  return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
-  "mappings": "AAGS;AAHT,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SAAO,oBAAC,SAAM,KAAI,mCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
-  "names": []
+  "mappings": "AAGS,cAAAA,MAAA,oBAHT,OAAS,SAAAC,MAAa,UAEf,SAASC,GAAY,CAC1B,OAAOF,EAACC,EAAA,CAAM,IAAI,kCAAkC,MAAO,IAAK,OAAQ,IAAK,CAC/E",
+  "names": ["jsx", "Image", "ImageDemo"]
 }

package/dist/esm/ImageDemo.mjs

@@ -1,9 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { Image } from "tamagui";
-function ImageDemo() {
-  return /* @__PURE__ */ jsx(Image, { src: "https://placekitten.com/200/300", width: 200, height: 300 });
-}
-export {
-  ImageDemo
-};
+import{jsx as e}from"react/jsx-runtime";import{Image as t}from"tamagui";function m(){return e(t,{src:"https://placekitten.com/200/300",width:200,height:300})}export{m as ImageDemo};
 //# sourceMappingURL=ImageDemo.mjs.map

package/dist/esm/ImageDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
   "sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n  return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
-  "mappings": "AAGS;AAHT,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SAAO,oBAAC,SAAM,KAAI,mCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
-  "names": []
+  "mappings": "AAGS,cAAAA,MAAA,oBAHT,OAAS,SAAAC,MAAa,UAEf,SAASC,GAAY,CAC1B,OAAOF,EAACC,EAAA,CAAM,IAAI,kCAAkC,MAAO,IAAK,OAAQ,IAAK,CAC/E",
+  "names": ["jsx", "Image", "ImageDemo"]
 }

package/dist/esm/InputsDemo.js

@@ -1,20 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-function InputsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { width: 200, mih: 250, overflow: "hidden", space: "$2", margin: "$3", padding: "$2", children: [
-    /* @__PURE__ */ jsx(InputDemo, { size: "$2" }),
-    /* @__PURE__ */ jsx(InputDemo, { size: "$3" }),
-    /* @__PURE__ */ jsx(InputDemo, { size: "$4" }),
-    /* @__PURE__ */ jsx(TextArea, { minHeight: 140, placeholder: "Enter your details...", numberOfLines: 4 })
-  ] });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ jsx(Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
-    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
-  ] });
-}
-export {
-  InputsDemo
-};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Button as o,Input as s,TextArea as a,XStack as r,YStack as z}from"tamagui";function d(){return n(z,{width:200,mih:250,overflow:"hidden",space:"$2",margin:"$3",padding:"$2",children:[e(t,{size:"$2"}),e(t,{size:"$3"}),e(t,{size:"$4"}),e(a,{minHeight:140,placeholder:"Enter your details...",numberOfLines:4})]})}function t(i){return n(r,{alignItems:"center",space:"$2",children:[e(s,{flex:1,size:i.size,placeholder:`Size ${i.size}...`}),e(o,{size:i.size,children:"Go"})]})}export{d as InputsDemo};
 //# sourceMappingURL=InputsDemo.js.map

package/dist/esm/InputsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/InputsDemo.tsx"],
   "sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n  return (\n    <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n      <InputDemo size=\"$2\" />\n      <InputDemo size=\"$3\" />\n      <InputDemo size=\"$4\" />\n      <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n    </YStack>\n  )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack alignItems=\"center\" space=\"$2\">\n      <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n      <Button size={props.size}>Go</Button>\n    </XStack>\n  )\n}"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,KAAK,KAAK,UAAS,UAAS,OAAM,MAAK,QAAO,MAAK,SAAQ,MAC7E;AAAA,wBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,YAAS,WAAW,KAAK,aAAY,yBAAwB,eAAe,GAAG;AAAA,KAClF;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
-  "names": []
+  "mappings": "AAII,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,OAAS,UAAAC,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,OACEN,EAACK,EAAA,CAAO,MAAO,IAAK,IAAK,IAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ,KAC7E,UAAAN,EAACQ,EAAA,CAAU,KAAK,KAAK,EACrBR,EAACQ,EAAA,CAAU,KAAK,KAAK,EACrBR,EAACQ,EAAA,CAAU,KAAK,KAAK,EACrBR,EAACI,EAAA,CAAS,UAAW,IAAK,YAAY,wBAAwB,cAAe,EAAG,GAClF,CAEJ,CAEA,SAASI,EAAUC,EAA6B,CAC9C,OACER,EAACI,EAAA,CAAO,WAAW,SAAS,MAAM,KAChC,UAAAL,EAACG,EAAA,CAAM,KAAM,EAAG,KAAMM,EAAM,KAAM,YAAa,QAAQA,EAAM,UAAW,EACxET,EAACE,EAAA,CAAO,KAAMO,EAAM,KAAM,cAAE,GAC9B,CAEJ",
+  "names": ["jsx", "jsxs", "Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
 }

package/dist/esm/InputsDemo.mjs

@@ -1,20 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-function InputsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { width: 200, mih: 250, overflow: "hidden", space: "$2", margin: "$3", padding: "$2", children: [
-    /* @__PURE__ */ jsx(InputDemo, { size: "$2" }),
-    /* @__PURE__ */ jsx(InputDemo, { size: "$3" }),
-    /* @__PURE__ */ jsx(InputDemo, { size: "$4" }),
-    /* @__PURE__ */ jsx(TextArea, { minHeight: 140, placeholder: "Enter your details...", numberOfLines: 4 })
-  ] });
-}
-function InputDemo(props) {
-  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ jsx(Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
-    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
-  ] });
-}
-export {
-  InputsDemo
-};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Button as o,Input as s,TextArea as a,XStack as r,YStack as z}from"tamagui";function d(){return n(z,{width:200,mih:250,overflow:"hidden",space:"$2",margin:"$3",padding:"$2",children:[e(t,{size:"$2"}),e(t,{size:"$3"}),e(t,{size:"$4"}),e(a,{minHeight:140,placeholder:"Enter your details...",numberOfLines:4})]})}function t(i){return n(r,{alignItems:"center",space:"$2",children:[e(s,{flex:1,size:i.size,placeholder:`Size ${i.size}...`}),e(o,{size:i.size,children:"Go"})]})}export{d as InputsDemo};
 //# sourceMappingURL=InputsDemo.mjs.map

package/dist/esm/InputsDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/InputsDemo.tsx"],
   "sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n  return (\n    <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n      <InputDemo size=\"$2\" />\n      <InputDemo size=\"$3\" />\n      <InputDemo size=\"$4\" />\n      <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n    </YStack>\n  )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack alignItems=\"center\" space=\"$2\">\n      <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n      <Button size={props.size}>Go</Button>\n    </XStack>\n  )\n}"],
-  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAO,KAAK,KAAK,KAAK,UAAS,UAAS,OAAM,MAAK,QAAO,MAAK,SAAQ,MAC7E;AAAA,wBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,IACrB,oBAAC,YAAS,WAAW,KAAK,aAAY,yBAAwB,eAAe,GAAG;AAAA,KAClF;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
-  "names": []
+  "mappings": "AAII,OACE,OAAAA,EADF,QAAAC,MAAA,oBAJJ,OAAS,UAAAC,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,OACEN,EAACK,EAAA,CAAO,MAAO,IAAK,IAAK,IAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ,KAC7E,UAAAN,EAACQ,EAAA,CAAU,KAAK,KAAK,EACrBR,EAACQ,EAAA,CAAU,KAAK,KAAK,EACrBR,EAACQ,EAAA,CAAU,KAAK,KAAK,EACrBR,EAACI,EAAA,CAAS,UAAW,IAAK,YAAY,wBAAwB,cAAe,EAAG,GAClF,CAEJ,CAEA,SAASI,EAAUC,EAA6B,CAC9C,OACER,EAACI,EAAA,CAAO,WAAW,SAAS,MAAM,KAChC,UAAAL,EAACG,EAAA,CAAM,KAAM,EAAG,KAAMM,EAAM,KAAM,YAAa,QAAQA,EAAM,UAAW,EACxET,EAACE,EAAA,CAAO,KAAMO,EAAM,KAAM,cAAE,GAC9B,CAEJ",
+  "names": ["jsx", "jsxs", "Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
 }

package/dist/esm/LabelDemo.js

@@ -1,18 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Input, Label, Switch, XStack, YStack } from "tamagui";
-function LabelDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "name", children: "Name" }),
-      /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "notify", children: "Notifications" }),
-      /* @__PURE__ */ jsx(Switch, { id: "notify", children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
-    ] })
-  ] });
-}
-export {
-  LabelDemo
-};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Input as c,Label as e,Switch as i,XStack as n,YStack as m}from"tamagui";function l(){return a(m,{padding:"$3",minWidth:300,space:"$4",children:[a(n,{alignItems:"center",space:"$4",children:[t(e,{width:90,htmlFor:"name",children:"Name"}),t(c,{flex:1,id:"name",defaultValue:"Nate Wienert"})]}),a(n,{alignItems:"center",space:"$4",children:[t(e,{width:90,htmlFor:"notify",children:"Notifications"}),t(i,{id:"notify",children:t(i.Thumb,{animation:"quick"})})]})]})}export{l as LabelDemo};
 //# sourceMappingURL=LabelDemo.js.map

package/dist/esm/LabelDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
   "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n  return (\n    <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n      <XStack alignItems=\"center\" space=\"$4\">\n        <Label width={90} htmlFor=\"name\">\n          Name\n        </Label>\n        <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n      </XStack>\n\n      <XStack alignItems=\"center\" space=\"$4\">\n        <Label width={90} htmlFor=\"notify\">\n          Notifications\n        </Label>\n        <Switch id=\"notify\">\n          <Switch.Thumb animation=\"quick\" />\n        </Switch>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,oBAAC,UAAO,IAAG,UACT,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAKM,OACE,OAAAA,EADF,QAAAC,MAAA,oBALN,OAAS,SAAAC,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,OACEN,EAACK,EAAA,CAAO,QAAQ,KAAK,SAAU,IAAK,MAAM,KACxC,UAAAL,EAACI,EAAA,CAAO,WAAW,SAAS,MAAM,KAChC,UAAAL,EAACG,EAAA,CAAM,MAAO,GAAI,QAAQ,OAAO,gBAEjC,EACAH,EAACE,EAAA,CAAM,KAAM,EAAG,GAAG,OAAO,aAAa,eAAe,GACxD,EAEAD,EAACI,EAAA,CAAO,WAAW,SAAS,MAAM,KAChC,UAAAL,EAACG,EAAA,CAAM,MAAO,GAAI,QAAQ,SAAS,yBAEnC,EACAH,EAACI,EAAA,CAAO,GAAG,SACT,SAAAJ,EAACI,EAAO,MAAP,CAAa,UAAU,QAAQ,EAClC,GACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
 }

package/dist/esm/LabelDemo.mjs

@@ -1,18 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Input, Label, Switch, XStack, YStack } from "tamagui";
-function LabelDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "name", children: "Name" }),
-      /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "notify", children: "Notifications" }),
-      /* @__PURE__ */ jsx(Switch, { id: "notify", children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
-    ] })
-  ] });
-}
-export {
-  LabelDemo
-};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Input as c,Label as e,Switch as i,XStack as n,YStack as m}from"tamagui";function l(){return a(m,{padding:"$3",minWidth:300,space:"$4",children:[a(n,{alignItems:"center",space:"$4",children:[t(e,{width:90,htmlFor:"name",children:"Name"}),t(c,{flex:1,id:"name",defaultValue:"Nate Wienert"})]}),a(n,{alignItems:"center",space:"$4",children:[t(e,{width:90,htmlFor:"notify",children:"Notifications"}),t(i,{id:"notify",children:t(i.Thumb,{animation:"quick"})})]})]})}export{l as LabelDemo};
 //# sourceMappingURL=LabelDemo.mjs.map

package/dist/esm/LabelDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
   "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n  return (\n    <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n      <XStack alignItems=\"center\" space=\"$4\">\n        <Label width={90} htmlFor=\"name\">\n          Name\n        </Label>\n        <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n      </XStack>\n\n      <XStack alignItems=\"center\" space=\"$4\">\n        <Label width={90} htmlFor=\"notify\">\n          Notifications\n        </Label>\n        <Switch id=\"notify\">\n          <Switch.Thumb animation=\"quick\" />\n        </Switch>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAKM,SACE,KADF;AALN,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,oBAAC,UAAO,IAAG,UACT,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAKM,OACE,OAAAA,EADF,QAAAC,MAAA,oBALN,OAAS,SAAAC,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,OACEN,EAACK,EAAA,CAAO,QAAQ,KAAK,SAAU,IAAK,MAAM,KACxC,UAAAL,EAACI,EAAA,CAAO,WAAW,SAAS,MAAM,KAChC,UAAAL,EAACG,EAAA,CAAM,MAAO,GAAI,QAAQ,OAAO,gBAEjC,EACAH,EAACE,EAAA,CAAM,KAAM,EAAG,GAAG,OAAO,aAAa,eAAe,GACxD,EAEAD,EAACI,EAAA,CAAO,WAAW,SAAS,MAAM,KAChC,UAAAL,EAACG,EAAA,CAAM,MAAO,GAAI,QAAQ,SAAS,yBAEnC,EACAH,EAACI,EAAA,CAAO,GAAG,SACT,SAAAJ,EAACI,EAAO,MAAP,CAAa,UAAU,QAAQ,EAClC,GACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
 }

package/dist/esm/LinearGradientDemo.js

@@ -1,33 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { XStack } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
-function LinearGradientDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { space: true, children: [
-    /* @__PURE__ */ jsx(
-      LinearGradient,
-      {
-        width: "$6",
-        height: "$6",
-        borderRadius: "$4",
-        colors: ["$red10", "$yellow10"],
-        start: [0, 1],
-        end: [0, 0]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      LinearGradient,
-      {
-        width: "$6",
-        height: "$6",
-        borderRadius: "$4",
-        colors: ["$background", "$color"],
-        start: [1, 1],
-        end: [0, 0]
-      }
-    )
-  ] });
-}
-export {
-  LinearGradientDemo
-};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{XStack as t}from"tamagui";import{LinearGradient as r}from"tamagui/linear-gradient";function a(){return e(t,{space:!0,children:[o(r,{width:"$6",height:"$6",borderRadius:"$4",colors:["$red10","$yellow10"],start:[0,1],end:[0,0]}),o(r,{width:"$6",height:"$6",borderRadius:"$4",colors:["$background","$color"],start:[1,1],end:[0,0]})]})}export{a as LinearGradientDemo};
 //# sourceMappingURL=LinearGradientDemo.js.map

package/dist/esm/LinearGradientDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LinearGradientDemo.tsx"],
   "sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n  return (\n    <XStack space>\n      {/* tokens */}\n      <LinearGradient\n        width=\"$6\"\n        height=\"$6\"\n        borderRadius=\"$4\"\n        colors={['$red10', '$yellow10']}\n        start={[0, 1]}\n        end={[0, 0]}\n      />\n\n      {/* theme values */}\n      <LinearGradient\n        width=\"$6\"\n        height=\"$6\"\n        borderRadius=\"$4\"\n        colors={['$background', '$color']}\n        start={[1, 1]}\n        end={[0, 0]}\n      />\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAKI,SAEE,KAFF;AALJ,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,qBAAC,UAAO,OAAK,MAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAKI,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBALJ,OAAS,UAAAC,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,OACEH,EAACC,EAAA,CAAO,MAAK,GAEX,UAAAF,EAACG,EAAA,CACC,MAAM,KACN,OAAO,KACP,aAAa,KACb,OAAQ,CAAC,SAAU,WAAW,EAC9B,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACZ,EAGAH,EAACG,EAAA,CACC,MAAM,KACN,OAAO,KACP,aAAa,KACb,OAAQ,CAAC,cAAe,QAAQ,EAChC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACZ,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "XStack", "LinearGradient", "LinearGradientDemo"]
 }

package/dist/esm/LinearGradientDemo.mjs

@@ -1,33 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { XStack } from "tamagui";
-import { LinearGradient } from "tamagui/linear-gradient";
-function LinearGradientDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { space: true, children: [
-    /* @__PURE__ */ jsx(
-      LinearGradient,
-      {
-        width: "$6",
-        height: "$6",
-        borderRadius: "$4",
-        colors: ["$red10", "$yellow10"],
-        start: [0, 1],
-        end: [0, 0]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      LinearGradient,
-      {
-        width: "$6",
-        height: "$6",
-        borderRadius: "$4",
-        colors: ["$background", "$color"],
-        start: [1, 1],
-        end: [0, 0]
-      }
-    )
-  ] });
-}
-export {
-  LinearGradientDemo
-};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{XStack as t}from"tamagui";import{LinearGradient as r}from"tamagui/linear-gradient";function a(){return e(t,{space:!0,children:[o(r,{width:"$6",height:"$6",borderRadius:"$4",colors:["$red10","$yellow10"],start:[0,1],end:[0,0]}),o(r,{width:"$6",height:"$6",borderRadius:"$4",colors:["$background","$color"],start:[1,1],end:[0,0]})]})}export{a as LinearGradientDemo};
 //# sourceMappingURL=LinearGradientDemo.mjs.map

package/dist/esm/LinearGradientDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LinearGradientDemo.tsx"],
   "sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n  return (\n    <XStack space>\n      {/* tokens */}\n      <LinearGradient\n        width=\"$6\"\n        height=\"$6\"\n        borderRadius=\"$4\"\n        colors={['$red10', '$yellow10']}\n        start={[0, 1]}\n        end={[0, 0]}\n      />\n\n      {/* theme values */}\n      <LinearGradient\n        width=\"$6\"\n        height=\"$6\"\n        borderRadius=\"$4\"\n        colors={['$background', '$color']}\n        start={[1, 1]}\n        end={[0, 0]}\n      />\n    </XStack>\n  )\n}\n"],
-  "mappings": "AAKI,SAEE,KAFF;AALJ,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,qBAAC,UAAO,OAAK,MAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAKI,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBALJ,OAAS,UAAAC,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,OACEH,EAACC,EAAA,CAAO,MAAK,GAEX,UAAAF,EAACG,EAAA,CACC,MAAM,KACN,OAAO,KACP,aAAa,KACb,OAAQ,CAAC,SAAU,WAAW,EAC9B,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACZ,EAGAH,EAACG,EAAA,CACC,MAAM,KACN,OAAO,KACP,aAAa,KACb,OAAQ,CAAC,cAAe,QAAQ,EAChC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACZ,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "XStack", "LinearGradient", "LinearGradientDemo"]
 }

package/dist/esm/ListItemDemo.js

@@ -1,47 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
-import { ListItem, Separator, XStack, YGroup } from "tamagui";
-function ListItemDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: true, children: [
-    /* @__PURE__ */ jsx(ListItemDemo1, {}),
-    /* @__PURE__ */ jsx(ListItemDemo2, {})
-  ] });
-}
-function ListItemDemo1() {
-  return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$4", children: [
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Star, title: "Star", subTitle: "Twinkles" }) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Moon, children: "Moon" }) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Sun, children: "Sun" }) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Cloud, children: "Cloud" }) })
-  ] });
-}
-function ListItemDemo2() {
-  return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$5", separator: /* @__PURE__ */ jsx(Separator, {}), children: [
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        hoverTheme: true,
-        pressTheme: true,
-        title: "Star",
-        subTitle: "Subtitle",
-        icon: Star,
-        iconAfter: ChevronRight
-      }
-    ) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        hoverTheme: true,
-        pressTheme: true,
-        title: "Moon",
-        subTitle: "Subtitle",
-        icon: Moon,
-        iconAfter: ChevronRight
-      }
-    ) })
-  ] });
-}
-export {
-  ListItemDemo
-};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{ChevronRight as i,Cloud as u,Moon as m,Star as n,Sun as s}from"@tamagui/lucide-icons";import{ListItem as o,Separator as I,XStack as h,YGroup as t}from"tamagui";function S(){return r(h,{$sm:{flexDirection:"column"},paddingHorizontal:"$4",space:!0,children:[e(l,{}),e(p,{})]})}function l(){return r(t,{alignSelf:"center",bordered:!0,width:240,size:"$4",children:[e(t.Item,{children:e(o,{hoverTheme:!0,icon:n,title:"Star",subTitle:"Twinkles"})}),e(t.Item,{children:e(o,{hoverTheme:!0,icon:m,children:"Moon"})}),e(t.Item,{children:e(o,{hoverTheme:!0,icon:s,children:"Sun"})}),e(t.Item,{children:e(o,{hoverTheme:!0,icon:u,children:"Cloud"})})]})}function p(){return r(t,{alignSelf:"center",bordered:!0,width:240,size:"$5",separator:e(I,{}),children:[e(t.Item,{children:e(o,{hoverTheme:!0,pressTheme:!0,title:"Star",subTitle:"Subtitle",icon:n,iconAfter:i})}),e(t.Item,{children:e(o,{hoverTheme:!0,pressTheme:!0,title:"Moon",subTitle:"Subtitle",icon:m,iconAfter:i})})]})}export{S as ListItemDemo};
 //# sourceMappingURL=ListItemDemo.js.map

package/dist/esm/ListItemDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ListItemDemo.tsx"],
   "sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/lucide-icons'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n  return (\n    <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n      <ListItemDemo1 />\n      <ListItemDemo2 />\n    </XStack>\n  )\n}\n\nfunction ListItemDemo1() {\n  return (\n    <YGroup alignSelf=\"center\" bordered width={240} size=\"$4\">\n      <YGroup.Item>\n        <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n      </YGroup.Item>\n      <YGroup.Item>\n        <ListItem hoverTheme icon={Moon}>\n          Moon\n        </ListItem>\n      </YGroup.Item>\n      <YGroup.Item>\n        <ListItem hoverTheme icon={Sun}>\n          Sun\n        </ListItem>\n      </YGroup.Item>\n      <YGroup.Item>\n        <ListItem hoverTheme icon={Cloud}>\n          Cloud\n        </ListItem>\n      </YGroup.Item>\n    </YGroup>\n  )\n}\n\nfunction ListItemDemo2() {\n  return (\n    <YGroup alignSelf=\"center\" bordered width={240} size=\"$5\" separator={<Separator />}>\n      <YGroup.Item>\n        <ListItem\n          hoverTheme\n          pressTheme\n          title=\"Star\"\n          subTitle=\"Subtitle\"\n          icon={Star}\n          iconAfter={ChevronRight}\n        />\n      </YGroup.Item>\n      <YGroup.Item>\n        <ListItem\n          hoverTheme\n          pressTheme\n          title=\"Moon\"\n          subTitle=\"Subtitle\"\n          icon={Moon}\n          iconAfter={ChevronRight}\n        />\n      </YGroup.Item>\n    </YGroup>\n  )\n}\n"],
-  "mappings": "AAKI,SACE,KADF;AALJ,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,MACpE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,iBAAc;AAAA,KACjB;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,WAAU,UAAS,UAAQ,MAAC,OAAO,KAAK,MAAK,MACnD;AAAA,wBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,MAAC,MAAM,MAAM,OAAM,QAAO,UAAS,YAAW,GACpE;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,MAAC,MAAM,MAAM,kBAEjC,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,MAAC,MAAM,KAAK,iBAEhC,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,MAAC,MAAM,OAAO,mBAElC,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,WAAU,UAAS,UAAQ,MAAC,OAAO,KAAK,MAAK,MAAK,WAAW,oBAAC,aAAU,GAC9E;AAAA,wBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "mappings": "AAKI,OACE,OAAAA,EADF,QAAAC,MAAA,oBALJ,OAAS,gBAAAC,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,OACEV,EAACQ,EAAA,CAAO,IAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,KAAK,MAAK,GACpE,UAAAT,EAACY,EAAA,EAAc,EACfZ,EAACa,EAAA,EAAc,GACjB,CAEJ,CAEA,SAASD,GAAgB,CACvB,OACEX,EAACS,EAAA,CAAO,UAAU,SAAS,SAAQ,GAAC,MAAO,IAAK,KAAK,KACnD,UAAAV,EAACU,EAAO,KAAP,CACC,SAAAV,EAACO,EAAA,CAAS,WAAU,GAAC,KAAMF,EAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EACAL,EAACU,EAAO,KAAP,CACC,SAAAV,EAACO,EAAA,CAAS,WAAU,GAAC,KAAMH,EAAM,gBAEjC,EACF,EACAJ,EAACU,EAAO,KAAP,CACC,SAAAV,EAACO,EAAA,CAAS,WAAU,GAAC,KAAMD,EAAK,eAEhC,EACF,EACAN,EAACU,EAAO,KAAP,CACC,SAAAV,EAACO,EAAA,CAAS,WAAU,GAAC,KAAMJ,EAAO,iBAElC,EACF,GACF,CAEJ,CAEA,SAASU,GAAgB,CACvB,OACEZ,EAACS,EAAA,CAAO,UAAU,SAAS,SAAQ,GAAC,MAAO,IAAK,KAAK,KAAK,UAAWV,EAACQ,EAAA,EAAU,EAC9E,UAAAR,EAACU,EAAO,KAAP,CACC,SAAAV,EAACO,EAAA,CACC,WAAU,GACV,WAAU,GACV,MAAM,OACN,SAAS,WACT,KAAMF,EACN,UAAWH,EACb,EACF,EACAF,EAACU,EAAO,KAAP,CACC,SAAAV,EAACO,EAAA,CACC,WAAU,GACV,WAAU,GACV,MAAM,OACN,SAAS,WACT,KAAMH,EACN,UAAWF,EACb,EACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
 }

package/dist/esm/ListItemDemo.mjs

@@ -1,47 +1,2 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
-import { ListItem, Separator, XStack, YGroup } from "tamagui";
-function ListItemDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: true, children: [
-    /* @__PURE__ */ jsx(ListItemDemo1, {}),
-    /* @__PURE__ */ jsx(ListItemDemo2, {})
-  ] });
-}
-function ListItemDemo1() {
-  return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$4", children: [
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Star, title: "Star", subTitle: "Twinkles" }) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Moon, children: "Moon" }) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Sun, children: "Sun" }) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { hoverTheme: true, icon: Cloud, children: "Cloud" }) })
-  ] });
-}
-function ListItemDemo2() {
-  return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$5", separator: /* @__PURE__ */ jsx(Separator, {}), children: [
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        hoverTheme: true,
-        pressTheme: true,
-        title: "Star",
-        subTitle: "Subtitle",
-        icon: Star,
-        iconAfter: ChevronRight
-      }
-    ) }),
-    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        hoverTheme: true,
-        pressTheme: true,
-        title: "Moon",
-        subTitle: "Subtitle",
-        icon: Moon,
-        iconAfter: ChevronRight
-      }
-    ) })
-  ] });
-}
-export {
-  ListItemDemo
-};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{ChevronRight as i,Cloud as u,Moon as m,Star as n,Sun as s}from"@tamagui/lucide-icons";import{ListItem as o,Separator as I,XStack as h,YGroup as t}from"tamagui";function S(){return r(h,{$sm:{flexDirection:"column"},paddingHorizontal:"$4",space:!0,children:[e(l,{}),e(p,{})]})}function l(){return r(t,{alignSelf:"center",bordered:!0,width:240,size:"$4",children:[e(t.Item,{children:e(o,{hoverTheme:!0,icon:n,title:"Star",subTitle:"Twinkles"})}),e(t.Item,{children:e(o,{hoverTheme:!0,icon:m,children:"Moon"})}),e(t.Item,{children:e(o,{hoverTheme:!0,icon:s,children:"Sun"})}),e(t.Item,{children:e(o,{hoverTheme:!0,icon:u,children:"Cloud"})})]})}function p(){return r(t,{alignSelf:"center",bordered:!0,width:240,size:"$5",separator:e(I,{}),children:[e(t.Item,{children:e(o,{hoverTheme:!0,pressTheme:!0,title:"Star",subTitle:"Subtitle",icon:n,iconAfter:i})}),e(t.Item,{children:e(o,{hoverTheme:!0,pressTheme:!0,title:"Moon",subTitle:"Subtitle",icon:m,iconAfter:i})})]})}export{S as ListItemDemo};
 //# sourceMappingURL=ListItemDemo.mjs.map