@tamagui/demos 1.14.0 → 1.14.2

package/dist/jsx/FormsDemo.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/FormsDemo.tsx"],
   "sourcesContent": ["import { stat } from 'fs'\n\nimport { useEffect, useState } from 'react'\nimport { Button, Form, H4, SizeTokens, Spinner, XStack, YStack } from 'tamagui'\n\nexport function FormsDemo(props: { size: SizeTokens }) {\n  const [status, setStatus] = useState<'off' | 'submitting' | 'submitted'>('off')\n\n  useEffect(() => {\n    if (status === 'submitting') {\n      const timer = setTimeout(() => setStatus('off'), 2000)\n      return () => {\n        clearTimeout(timer)\n      }\n    }\n  }, [status])\n\n  return (\n    <Form\n      alignItems=\"center\"\n      minWidth={300}\n      space\n      onSubmit={() => setStatus('submitting')}\n      borderWidth={1}\n      borderRadius=\"$4\"\n      backgroundColor=\"$background\"\n      borderColor=\"$borderColor\"\n      padding=\"$8\"\n    >\n      <H4>{status[0].toUpperCase() + status.slice(1)}</H4>\n\n      <Form.Trigger asChild disabled={status !== 'off'}>\n        <Button icon={status === 'submitting' ? () => <Spinner /> : undefined}>\n          Submit\n        </Button>\n      </Form.Trigger>\n    </Form>\n  )\n}\n"],
-  "mappings": "AAEA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QACpC,OAAS,UAAAC,EAAQ,QAAAC,EAAM,MAAAC,EAAgB,WAAAC,MAA+B,UAE/D,SAASC,EAAUC,EAA6B,CACrD,KAAM,CAACC,EAAQC,CAAS,EAAIR,EAA6C,KAAK,EAE9E,OAAAD,EAAU,IAAM,CACd,GAAIQ,IAAW,aAAc,CAC3B,MAAME,EAAQ,WAAW,IAAMD,EAAU,KAAK,EAAG,GAAI,EACrD,MAAO,IAAM,CACX,aAAaC,CAAK,CACpB,CACF,CACF,EAAG,CAACF,CAAM,CAAC,EAGT,CAACL,EACC,WAAW,QACX,UAAU,IACV,MACA,UAAU,IAAMM,EAAU,YAAY,EACtC,aAAa,EACb,aAAa,IACb,gBAAgB,aAChB,YAAY,cACZ,QAAQ,KAER,CAACL,GAAII,EAAO,CAAC,EAAE,YAAY,EAAIA,EAAO,MAAM,CAAC,EAAE,EAA9CJ,EAED,CAACD,EAAK,QAAQ,QAAQ,UAAUK,IAAW,OACzC,CAACN,EAAO,MAAMM,IAAW,aAAe,IAAM,CAACH,CAAQ,GAAK,QAAW,MAEvE,EAFCH,EAGH,EAJCC,EAAK,QAKR,EAlBCA,EAoBL",
-  "names": ["useEffect", "useState", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "timer"]
+  "mappings": "AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAA+B;AAE/D,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,YAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
+  "names": []
 }

package/dist/jsx/GroupDemo.js

@@ -1,2 +1,24 @@
-import{Activity as B,Airplay as z}from"@tamagui/lucide-icons";import{Button as I,Group as G,ListItem as Y,Separator as X,XGroup as $,YGroup as S,YStack as F}from"tamagui";function k(){return<F padding="$3"space="$2"alignItems="center"><G axis="horizontal"><G.Item><I>First</I></G.Item><G.Item><I>Second</I></G.Item><G.Item><I>Third</I></G.Item></G><$ size="$3"$gtSm={{size:"$5"}}><$.Item><I size="$3"icon={B}>First</I></$.Item><$.Item><I size="$3"icon={z}>Second</I></$.Item></$><S separator={<X/>}><S.Item><Y title="First"/></S.Item><S.Item><Y title="Second"subTitle="Second subtitle"/></S.Item><S.Item><Y>Third</Y></S.Item></S></F>}export{k as GroupDemo};
+import { Activity, Airplay } from "@tamagui/lucide-icons";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
+function GroupDemo() {
+  return <YStack padding="$3" space="$2" alignItems="center">
+    <Group axis="horizontal">
+      <Group.Item><Button>First</Button></Group.Item>
+      <Group.Item><Button>Second</Button></Group.Item>
+      <Group.Item><Button>Third</Button></Group.Item>
+    </Group>
+    <XGroup size="$3" $gtSm={{ size: "$5" }}>
+      <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
+      <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
+    </XGroup>
+    <YGroup separator={<Separator />}>
+      <YGroup.Item><ListItem title="First" /></YGroup.Item>
+      <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
+      <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
+    </YGroup>
+  </YStack>;
+}
+export {
+  GroupDemo
+};
 //# sourceMappingURL=GroupDemo.js.map

package/dist/jsx/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": "AAAA,OAAS,YAAAA,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,IAAK,WAAW,SACzC,CAACL,EAAM,KAAK,aACV,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,MAAM,EAAbA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGT,EAVCA,EAaD,CAACG,EAAO,KAAK,IAAK,OAAO,CAAE,KAAM,IAAK,GACpC,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMF,GAAU,KAElC,EAFCE,EAGH,EAJCI,EAAO,KAKR,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMD,GAAS,MAEjC,EAFCC,EAGH,EAJCI,EAAO,KAKV,EAXCA,EAcD,CAACC,EAAO,WAAW,CAACF,CAAU,IAC5B,CAACE,EAAO,KACN,CAACH,EAAS,MAAM,OAAQ,EAC1B,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,MAAM,QAAS,SAAS,iBAAkB,EACtD,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,KAAK,EAAdA,EACH,EAFCG,EAAO,KAGV,EAVCA,EAWH,EAvCCC,EAyCL",
-  "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
+  "names": []
 }

package/dist/jsx/GroupDemo.mjs

@@ -1,2 +1,24 @@
-import{Activity as B,Airplay as z}from"@tamagui/lucide-icons";import{Button as I,Group as G,ListItem as Y,Separator as X,XGroup as $,YGroup as S,YStack as F}from"tamagui";function k(){return<F padding="$3"space="$2"alignItems="center"><G axis="horizontal"><G.Item><I>First</I></G.Item><G.Item><I>Second</I></G.Item><G.Item><I>Third</I></G.Item></G><$ size="$3"$gtSm={{size:"$5"}}><$.Item><I size="$3"icon={B}>First</I></$.Item><$.Item><I size="$3"icon={z}>Second</I></$.Item></$><S separator={<X/>}><S.Item><Y title="First"/></S.Item><S.Item><Y title="Second"subTitle="Second subtitle"/></S.Item><S.Item><Y>Third</Y></S.Item></S></F>}export{k as GroupDemo};
+import { Activity, Airplay } from "@tamagui/lucide-icons";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
+function GroupDemo() {
+  return <YStack padding="$3" space="$2" alignItems="center">
+    <Group axis="horizontal">
+      <Group.Item><Button>First</Button></Group.Item>
+      <Group.Item><Button>Second</Button></Group.Item>
+      <Group.Item><Button>Third</Button></Group.Item>
+    </Group>
+    <XGroup size="$3" $gtSm={{ size: "$5" }}>
+      <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
+      <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
+    </XGroup>
+    <YGroup separator={<Separator />}>
+      <YGroup.Item><ListItem title="First" /></YGroup.Item>
+      <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
+      <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
+    </YGroup>
+  </YStack>;
+}
+export {
+  GroupDemo
+};
 //# sourceMappingURL=GroupDemo.mjs.map

package/dist/jsx/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": "AAAA,OAAS,YAAAA,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,IAAK,WAAW,SACzC,CAACL,EAAM,KAAK,aACV,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,MAAM,EAAbA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGT,EAVCA,EAaD,CAACG,EAAO,KAAK,IAAK,OAAO,CAAE,KAAM,IAAK,GACpC,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMF,GAAU,KAElC,EAFCE,EAGH,EAJCI,EAAO,KAKR,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMD,GAAS,MAEjC,EAFCC,EAGH,EAJCI,EAAO,KAKV,EAXCA,EAcD,CAACC,EAAO,WAAW,CAACF,CAAU,IAC5B,CAACE,EAAO,KACN,CAACH,EAAS,MAAM,OAAQ,EAC1B,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,MAAM,QAAS,SAAS,iBAAkB,EACtD,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,KAAK,EAAdA,EACH,EAFCG,EAAO,KAGV,EAVCA,EAWH,EAvCCC,EAyCL",
-  "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,KAAK;AAAA,MACV,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
+  "names": []
 }

package/dist/jsx/HeadingsDemo.js

@@ -1,2 +1,15 @@
-import{H1 as H,H2 as S,H3 as Y,H4 as D,H5 as R,H6 as A,YStack as B}from"tamagui";function G(){return<B alignSelf="center"><H>Heading 1</H><S>Heading 2</S><Y>Heading 3</Y><D>Heading 4</D><R>Heading 5</R><A>Heading 6</A></B>}export{G as HeadingsDemo};
+import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+function HeadingsDemo() {
+  return <YStack alignSelf="center">
+    <H1>Heading 1</H1>
+    <H2>Heading 2</H2>
+    <H3>Heading 3</H3>
+    <H4>Heading 4</H4>
+    <H5>Heading 5</H5>
+    <H6>Heading 6</H6>
+  </YStack>;
+}
+export {
+  HeadingsDemo
+};
 //# sourceMappingURL=HeadingsDemo.js.map

package/dist/jsx/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": "AACA,OAAS,MAAAA,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,MACE,CAACD,EAAO,UAAU,SAChB,CAACN,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACH,EAPCC,EASL",
-  "names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
+  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
+  "names": []
 }

package/dist/jsx/HeadingsDemo.mjs

@@ -1,2 +1,15 @@
-import{H1 as H,H2 as S,H3 as Y,H4 as D,H5 as R,H6 as A,YStack as B}from"tamagui";function G(){return<B alignSelf="center"><H>Heading 1</H><S>Heading 2</S><Y>Heading 3</Y><D>Heading 4</D><R>Heading 5</R><A>Heading 6</A></B>}export{G as HeadingsDemo};
+import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+function HeadingsDemo() {
+  return <YStack alignSelf="center">
+    <H1>Heading 1</H1>
+    <H2>Heading 2</H2>
+    <H3>Heading 3</H3>
+    <H4>Heading 4</H4>
+    <H5>Heading 5</H5>
+    <H6>Heading 6</H6>
+  </YStack>;
+}
+export {
+  HeadingsDemo
+};
 //# sourceMappingURL=HeadingsDemo.mjs.map

package/dist/jsx/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": "AACA,OAAS,MAAAA,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,MACE,CAACD,EAAO,UAAU,SAChB,CAACN,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACH,EAPCC,EASL",
-  "names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
+  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
+  "names": []
 }

package/dist/jsx/ImageDemo.js

@@ -1,2 +1,8 @@
-import{Image as I}from"tamagui";function k(){return<I src="https://placekitten.com/200/300"width={200}height={300}/>}export{k as ImageDemo};
+import { Image } from "tamagui";
+function ImageDemo() {
+  return <Image src="https://placekitten.com/200/300" width={200} height={300} />;
+}
+export {
+  ImageDemo
+};
 //# sourceMappingURL=ImageDemo.js.map

package/dist/jsx/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": "AAAA,OAAS,SAAAA,MAAa,UAEf,SAASC,GAAY,CAC1B,MAAO,CAACD,EAAM,IAAI,iCAAkC,OAAO,IAAK,QAAQ,IAAK,EAC/E",
-  "names": ["Image", "ImageDemo"]
+  "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SAAO,CAAC,MAAM,IAAI,kCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
+  "names": []
 }

package/dist/jsx/ImageDemo.mjs

@@ -1,2 +1,8 @@
-import{Image as I}from"tamagui";function k(){return<I src="https://placekitten.com/200/300"width={200}height={300}/>}export{k as ImageDemo};
+import { Image } from "tamagui";
+function ImageDemo() {
+  return <Image src="https://placekitten.com/200/300" width={200} height={300} />;
+}
+export {
+  ImageDemo
+};
 //# sourceMappingURL=ImageDemo.mjs.map

package/dist/jsx/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": "AAAA,OAAS,SAAAA,MAAa,UAEf,SAASC,GAAY,CAC1B,MAAO,CAACD,EAAM,IAAI,iCAAkC,OAAO,IAAK,QAAQ,IAAK,EAC/E",
-  "names": ["Image", "ImageDemo"]
+  "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SAAO,CAAC,MAAM,IAAI,kCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
+  "names": []
 }

package/dist/jsx/InputsDemo.js

@@ -1,2 +1,19 @@
-import{Button as S,Input as I,TextArea as T,XStack as B,YStack as D}from"tamagui";function b(){return<D width={200}mih={250}overflow="hidden"space="$2"margin="$3"padding="$2"><$ size="$2"/><$ size="$3"/><$ size="$4"/><T minHeight={140}placeholder="Enter your details..."numberOfLines={4}/></D>}function $(e){return<B alignItems="center"space="$2"><I flex={1}size={e.size}placeholder={`Size ${e.size}...`}/><S size={e.size}>Go</S></B>}export{b as InputsDemo};
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+function InputsDemo() {
+  return <YStack width={200} mih={250} overflow="hidden" space="$2" margin="$3" padding="$2">
+    <InputDemo size="$2" />
+    <InputDemo size="$3" />
+    <InputDemo size="$4" />
+    <TextArea minHeight={140} placeholder="Enter your details..." numberOfLines={4} />
+  </YStack>;
+}
+function InputDemo(props) {
+  return <XStack alignItems="center" space="$2">
+    <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
+    <Button size={props.size}>Go</Button>
+  </XStack>;
+}
+export {
+  InputsDemo
+};
 //# sourceMappingURL=InputsDemo.js.map

package/dist/jsx/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": "AAAA,OAAS,UAAAA,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,OAAO,IAAK,KAAK,IAAK,SAAS,QAAS,MAAM,IAAK,OAAO,IAAK,QAAQ,KAC7E,CAACE,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACJ,EAAS,WAAW,IAAK,YAAY,uBAAwB,eAAe,EAAG,EAClF,EALCE,EAOL,CAEA,SAASE,EAAUC,EAA6B,CAC9C,MACE,CAACJ,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,MAAM,EAAG,MAAMM,EAAM,KAAM,aAAa,QAAQA,EAAM,UAAW,EACxE,CAACP,EAAO,MAAMO,EAAM,MAAM,EAAE,EAA3BP,EACH,EAHCG,EAKL",
-  "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
+  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ;AAAA,IAC7E,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,WAAW,KAAK,YAAY,wBAAwB,eAAe,GAAG;AAAA,EAClF,EALC;AAOL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "names": []
 }

package/dist/jsx/InputsDemo.mjs

@@ -1,2 +1,19 @@
-import{Button as S,Input as I,TextArea as T,XStack as B,YStack as D}from"tamagui";function b(){return<D width={200}mih={250}overflow="hidden"space="$2"margin="$3"padding="$2"><$ size="$2"/><$ size="$3"/><$ size="$4"/><T minHeight={140}placeholder="Enter your details..."numberOfLines={4}/></D>}function $(e){return<B alignItems="center"space="$2"><I flex={1}size={e.size}placeholder={`Size ${e.size}...`}/><S size={e.size}>Go</S></B>}export{b as InputsDemo};
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+function InputsDemo() {
+  return <YStack width={200} mih={250} overflow="hidden" space="$2" margin="$3" padding="$2">
+    <InputDemo size="$2" />
+    <InputDemo size="$3" />
+    <InputDemo size="$4" />
+    <TextArea minHeight={140} placeholder="Enter your details..." numberOfLines={4} />
+  </YStack>;
+}
+function InputDemo(props) {
+  return <XStack alignItems="center" space="$2">
+    <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
+    <Button size={props.size}>Go</Button>
+  </XStack>;
+}
+export {
+  InputsDemo
+};
 //# sourceMappingURL=InputsDemo.mjs.map

package/dist/jsx/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": "AAAA,OAAS,UAAAA,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,OAAO,IAAK,KAAK,IAAK,SAAS,QAAS,MAAM,IAAK,OAAO,IAAK,QAAQ,KAC7E,CAACE,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACJ,EAAS,WAAW,IAAK,YAAY,uBAAwB,eAAe,EAAG,EAClF,EALCE,EAOL,CAEA,SAASE,EAAUC,EAA6B,CAC9C,MACE,CAACJ,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,MAAM,EAAG,MAAMM,EAAM,KAAM,aAAa,QAAQA,EAAM,UAAW,EACxE,CAACP,EAAO,MAAMO,EAAM,MAAM,EAAE,EAA3BP,EACH,EAHCG,EAKL",
-  "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
+  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,OAAO,KAAK,QAAQ;AAAA,IAC7E,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,WAAW,KAAK,YAAY,wBAAwB,eAAe,GAAG;AAAA,EAClF,EALC;AAOL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "names": []
 }

package/dist/jsx/LabelDemo.js

@@ -1,2 +1,17 @@
-import{Input as I,Label as S,Switch as L,XStack as $,YStack as N}from"tamagui";function x(){return<N padding="$3"minWidth={300}space="$4"><$ alignItems="center"space="$4"><S width={90}htmlFor="name">Name</S><I flex={1}id="name"defaultValue="Nate Wienert"/></$><$ alignItems="center"space="$4"><S width={90}htmlFor="notify">Notifications</S><L id="notify"><L.Thumb animation="quick"/></L></$></N>}export{x as LabelDemo};
+import { Input, Label, Switch, XStack, YStack } from "tamagui";
+function LabelDemo() {
+  return <YStack padding="$3" minWidth={300} space="$4">
+    <XStack alignItems="center" space="$4">
+      <Label width={90} htmlFor="name">Name</Label>
+      <Input flex={1} id="name" defaultValue="Nate Wienert" />
+    </XStack>
+    <XStack alignItems="center" space="$4">
+      <Label width={90} htmlFor="notify">Notifications</Label>
+      <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
+    </XStack>
+  </YStack>;
+}
+export {
+  LabelDemo
+};
 //# sourceMappingURL=LabelDemo.js.map

package/dist/jsx/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": "AAAA,OAAS,SAAAA,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,UAAU,IAAK,MAAM,KACxC,CAACD,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,OAAO,IAEjC,EAFCA,EAGD,CAACD,EAAM,MAAM,EAAG,GAAG,MAAO,aAAa,cAAe,EACxD,EALCG,EAOD,CAACA,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,SAAS,aAEnC,EAFCA,EAGD,CAACC,EAAO,GAAG,SACT,CAACA,EAAO,MAAM,UAAU,OAAQ,EAClC,EAFCA,EAGH,EAPCC,EAQH,EAhBCC,EAkBL",
-  "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
+  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
+  "names": []
 }

package/dist/jsx/LabelDemo.mjs

@@ -1,2 +1,17 @@
-import{Input as I,Label as S,Switch as L,XStack as $,YStack as N}from"tamagui";function x(){return<N padding="$3"minWidth={300}space="$4"><$ alignItems="center"space="$4"><S width={90}htmlFor="name">Name</S><I flex={1}id="name"defaultValue="Nate Wienert"/></$><$ alignItems="center"space="$4"><S width={90}htmlFor="notify">Notifications</S><L id="notify"><L.Thumb animation="quick"/></L></$></N>}export{x as LabelDemo};
+import { Input, Label, Switch, XStack, YStack } from "tamagui";
+function LabelDemo() {
+  return <YStack padding="$3" minWidth={300} space="$4">
+    <XStack alignItems="center" space="$4">
+      <Label width={90} htmlFor="name">Name</Label>
+      <Input flex={1} id="name" defaultValue="Nate Wienert" />
+    </XStack>
+    <XStack alignItems="center" space="$4">
+      <Label width={90} htmlFor="notify">Notifications</Label>
+      <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
+    </XStack>
+  </YStack>;
+}
+export {
+  LabelDemo
+};
 //# sourceMappingURL=LabelDemo.mjs.map

package/dist/jsx/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": "AAAA,OAAS,SAAAA,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,UAAU,IAAK,MAAM,KACxC,CAACD,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,OAAO,IAEjC,EAFCA,EAGD,CAACD,EAAM,MAAM,EAAG,GAAG,MAAO,aAAa,cAAe,EACxD,EALCG,EAOD,CAACA,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,SAAS,aAEnC,EAFCA,EAGD,CAACC,EAAO,GAAG,SACT,CAACA,EAAO,MAAM,UAAU,OAAQ,EAClC,EAFCA,EAGH,EAPCC,EAQH,EAhBCC,EAkBL",
-  "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
+  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
+  "names": []
 }

package/dist/jsx/LinearGradientDemo.js

@@ -1,2 +1,26 @@
-import{XStack as G}from"tamagui";import{LinearGradient as $}from"tamagui/linear-gradient";function S(){return<G space><$ width="$6"height="$6"borderRadius="$4"colors={["$red10","$yellow10"]}start={[0,1]}end={[0,0]}/><$ width="$6"height="$6"borderRadius="$4"colors={["$background","$color"]}start={[1,1]}end={[0,0]}/></G>}export{S as LinearGradientDemo};
+import { XStack } from "tamagui";
+import { LinearGradient } from "tamagui/linear-gradient";
+function LinearGradientDemo() {
+  return <XStack space>
+    <LinearGradient
+      width="$6"
+      height="$6"
+      borderRadius="$4"
+      colors={["$red10", "$yellow10"]}
+      start={[0, 1]}
+      end={[0, 0]}
+    />
+    <LinearGradient
+      width="$6"
+      height="$6"
+      borderRadius="$4"
+      colors={["$background", "$color"]}
+      start={[1, 1]}
+      end={[0, 0]}
+    />
+  </XStack>;
+}
+export {
+  LinearGradientDemo
+};
 //# sourceMappingURL=LinearGradientDemo.js.map

package/dist/jsx/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": "AAAA,OAAS,UAAAA,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,MACE,CAACF,EAAO,MAEN,CAACC,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,SAAU,WAAW,EAC9B,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EAGA,CAACA,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,cAAe,QAAQ,EAChC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EACF,EApBCD,EAsBL",
-  "names": ["XStack", "LinearGradient", "LinearGradientDemo"]
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
+  "names": []
 }

package/dist/jsx/LinearGradientDemo.mjs

@@ -1,2 +1,26 @@
-import{XStack as G}from"tamagui";import{LinearGradient as $}from"tamagui/linear-gradient";function S(){return<G space><$ width="$6"height="$6"borderRadius="$4"colors={["$red10","$yellow10"]}start={[0,1]}end={[0,0]}/><$ width="$6"height="$6"borderRadius="$4"colors={["$background","$color"]}start={[1,1]}end={[0,0]}/></G>}export{S as LinearGradientDemo};
+import { XStack } from "tamagui";
+import { LinearGradient } from "tamagui/linear-gradient";
+function LinearGradientDemo() {
+  return <XStack space>
+    <LinearGradient
+      width="$6"
+      height="$6"
+      borderRadius="$4"
+      colors={["$red10", "$yellow10"]}
+      start={[0, 1]}
+      end={[0, 0]}
+    />
+    <LinearGradient
+      width="$6"
+      height="$6"
+      borderRadius="$4"
+      colors={["$background", "$color"]}
+      start={[1, 1]}
+      end={[0, 0]}
+    />
+  </XStack>;
+}
+export {
+  LinearGradientDemo
+};
 //# sourceMappingURL=LinearGradientDemo.mjs.map

package/dist/jsx/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": "AAAA,OAAS,UAAAA,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,MACE,CAACF,EAAO,MAEN,CAACC,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,SAAU,WAAW,EAC9B,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EAGA,CAACA,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,cAAe,QAAQ,EAChC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EACF,EApBCD,EAsBL",
-  "names": ["XStack", "LinearGradient", "LinearGradientDemo"]
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
+  "names": []
 }

package/dist/jsx/ListItemDemo.js

@@ -1,2 +1,40 @@
-import{ChevronRight as T,Cloud as G,Moon as d,Star as f,Sun as Y}from"@tamagui/lucide-icons";import{ListItem as S,Separator as L,XStack as D,YGroup as I}from"tamagui";function A(){return<D $sm={{flexDirection:"column"}}paddingHorizontal="$4"space><$/><C/></D>}function $(){return<I alignSelf="center"bordered width={240}size="$4"><I.Item><S hoverTheme icon={f}title="Star"subTitle="Twinkles"/></I.Item><I.Item><S hoverTheme icon={d}>Moon</S></I.Item><I.Item><S hoverTheme icon={Y}>Sun</S></I.Item><I.Item><S hoverTheme icon={G}>Cloud</S></I.Item></I>}function C(){return<I alignSelf="center"bordered width={240}size="$5"separator={<L/>}><I.Item><S hoverTheme pressTheme title="Star"subTitle="Subtitle"icon={f}iconAfter={T}/></I.Item><I.Item><S hoverTheme pressTheme title="Moon"subTitle="Subtitle"icon={d}iconAfter={T}/></I.Item></I>}export{A as ListItemDemo};
+import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
+import { ListItem, Separator, XStack, YGroup } from "tamagui";
+function ListItemDemo() {
+  return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
+    <ListItemDemo1 />
+    <ListItemDemo2 />
+  </XStack>;
+}
+function ListItemDemo1() {
+  return <YGroup alignSelf="center" bordered width={240} size="$4">
+    <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
+    <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
+    <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
+    <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
+  </YGroup>;
+}
+function ListItemDemo2() {
+  return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
+    <YGroup.Item><ListItem
+      hoverTheme
+      pressTheme
+      title="Star"
+      subTitle="Subtitle"
+      icon={Star}
+      iconAfter={ChevronRight}
+    /></YGroup.Item>
+    <YGroup.Item><ListItem
+      hoverTheme
+      pressTheme
+      title="Moon"
+      subTitle="Subtitle"
+      icon={Moon}
+      iconAfter={ChevronRight}
+    /></YGroup.Item>
+  </YGroup>;
+}
+export {
+  ListItemDemo
+};
 //# sourceMappingURL=ListItemDemo.js.map

package/dist/jsx/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": "AAAA,OAAS,gBAAAA,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,MACE,CAACF,EAAO,KAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,IAAK,MAC/D,CAACG,CAAc,EACf,CAACC,CAAc,EACjB,EAHCJ,EAKL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACF,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,KACnD,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMF,EAAM,MAAM,MAAO,SAAS,UAAW,EACpE,EAFCK,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMH,GAAM,IAEjC,EAFCG,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMD,GAAK,GAEhC,EAFCC,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMJ,GAAO,KAElC,EAFCI,EAGH,EAJCG,EAAO,KAKV,EAnBCA,EAqBL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACH,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,IAAK,WAAW,CAACF,CAAU,IAC9E,CAACE,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMF,EACN,WAAWH,EACb,EACF,EATCQ,EAAO,KAUR,CAACA,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMH,EACN,WAAWF,EACb,EACF,EATCQ,EAAO,KAUV,EArBCA,EAuBL",
-  "names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
+  "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
+  "names": []
 }

package/dist/jsx/ListItemDemo.mjs

@@ -1,2 +1,40 @@
-import{ChevronRight as T,Cloud as G,Moon as d,Star as f,Sun as Y}from"@tamagui/lucide-icons";import{ListItem as S,Separator as L,XStack as D,YGroup as I}from"tamagui";function A(){return<D $sm={{flexDirection:"column"}}paddingHorizontal="$4"space><$/><C/></D>}function $(){return<I alignSelf="center"bordered width={240}size="$4"><I.Item><S hoverTheme icon={f}title="Star"subTitle="Twinkles"/></I.Item><I.Item><S hoverTheme icon={d}>Moon</S></I.Item><I.Item><S hoverTheme icon={Y}>Sun</S></I.Item><I.Item><S hoverTheme icon={G}>Cloud</S></I.Item></I>}function C(){return<I alignSelf="center"bordered width={240}size="$5"separator={<L/>}><I.Item><S hoverTheme pressTheme title="Star"subTitle="Subtitle"icon={f}iconAfter={T}/></I.Item><I.Item><S hoverTheme pressTheme title="Moon"subTitle="Subtitle"icon={d}iconAfter={T}/></I.Item></I>}export{A as ListItemDemo};
+import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
+import { ListItem, Separator, XStack, YGroup } from "tamagui";
+function ListItemDemo() {
+  return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
+    <ListItemDemo1 />
+    <ListItemDemo2 />
+  </XStack>;
+}
+function ListItemDemo1() {
+  return <YGroup alignSelf="center" bordered width={240} size="$4">
+    <YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
+    <YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
+    <YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
+    <YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
+  </YGroup>;
+}
+function ListItemDemo2() {
+  return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
+    <YGroup.Item><ListItem
+      hoverTheme
+      pressTheme
+      title="Star"
+      subTitle="Subtitle"
+      icon={Star}
+      iconAfter={ChevronRight}
+    /></YGroup.Item>
+    <YGroup.Item><ListItem
+      hoverTheme
+      pressTheme
+      title="Moon"
+      subTitle="Subtitle"
+      icon={Moon}
+      iconAfter={ChevronRight}
+    /></YGroup.Item>
+  </YGroup>;
+}
+export {
+  ListItemDemo
+};
 //# sourceMappingURL=ListItemDemo.mjs.map

package/dist/jsx/ListItemDemo.mjs.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": "AAAA,OAAS,gBAAAA,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,MACE,CAACF,EAAO,KAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,IAAK,MAC/D,CAACG,CAAc,EACf,CAACC,CAAc,EACjB,EAHCJ,EAKL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACF,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,KACnD,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMF,EAAM,MAAM,MAAO,SAAS,UAAW,EACpE,EAFCK,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMH,GAAM,IAEjC,EAFCG,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMD,GAAK,GAEhC,EAFCC,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMJ,GAAO,KAElC,EAFCI,EAGH,EAJCG,EAAO,KAKV,EAnBCA,EAqBL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACH,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,IAAK,WAAW,CAACF,CAAU,IAC9E,CAACE,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMF,EACN,WAAWH,EACb,EACF,EATCQ,EAAO,KAUR,CAACA,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMH,EACN,WAAWF,EACb,EACF,EATCQ,EAAO,KAUV,EArBCA,EAuBL",
-  "names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
+  "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAE7C,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,kBAAkB,KAAK;AAAA,IAC/D,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK;AAAA,IACnD,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW,EACpE,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC,SAGH,EAJC,OAAO;AAAA,IAKR,CAAC,OAAO,KACN,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC,SAGH,EAJC,OAAO;AAAA,EAKV,EAnBC;AAqBL;AAEA,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO,UAAU,SAAS,SAAS,OAAO,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IAC9E,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,IAUR,CAAC,OAAO,KACN,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,IACb,EACF,EATC,OAAO;AAAA,EAUV,EArBC;AAuBL;",
+  "names": []
 }