@tamagui/demos 1.14.0 → 1.14.2

package/dist/cjs/ListItemDemo.js

@@ -1,2 +1,71 @@
-"use strict";var u=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var p=(i,r)=>{for(var n in r)u(i,n,{get:r[n],enumerable:!0})},c=(i,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of h(r))!l.call(i,m)&&m!==n&&u(i,m,{get:()=>r[m],enumerable:!(s=I(r,m))||s.enumerable});return i};var a=i=>c(u({},"__esModule",{value:!0}),i);var f={};p(f,{ListItemDemo:()=>S});module.exports=a(f);var e=require("react/jsx-runtime"),o=require("@tamagui/lucide-icons"),t=require("tamagui");function S(){return(0,e.jsxs)(t.XStack,{$sm:{flexDirection:"column"},paddingHorizontal:"$4",space:!0,children:[(0,e.jsx)(T,{}),(0,e.jsx)(d,{})]})}function T(){return(0,e.jsxs)(t.YGroup,{alignSelf:"center",bordered:!0,width:240,size:"$4",children:[(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Star,title:"Star",subTitle:"Twinkles"})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Moon,children:"Moon"})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Sun,children:"Sun"})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,icon:o.Cloud,children:"Cloud"})})]})}function d(){return(0,e.jsxs)(t.YGroup,{alignSelf:"center",bordered:!0,width:240,size:"$5",separator:(0,e.jsx)(t.Separator,{}),children:[(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,pressTheme:!0,title:"Star",subTitle:"Subtitle",icon:o.Star,iconAfter:o.ChevronRight})}),(0,e.jsx)(t.YGroup.Item,{children:(0,e.jsx)(t.ListItem,{hoverTheme:!0,pressTheme:!0,title:"Moon",subTitle:"Subtitle",icon:o.Moon,iconAfter:o.ChevronRight})})]})}0&&(module.exports={ListItemDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ListItemDemo_exports = {};
+__export(ListItemDemo_exports, {
+  ListItemDemo: () => ListItemDemo
+});
+module.exports = __toCommonJS(ListItemDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+function ListItemDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})
+  ] });
+}
+function ListItemDemo1() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Star, title: "Star", subTitle: "Twinkles" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Moon, children: "Moon" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Sun, children: "Sun" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: true, icon: import_lucide_icons.Cloud, children: "Cloud" }) })
+  ] });
+}
+function ListItemDemo2() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: true, width: 240, size: "$5", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.ListItem,
+      {
+        hoverTheme: true,
+        pressTheme: true,
+        title: "Star",
+        subTitle: "Subtitle",
+        icon: import_lucide_icons.Star,
+        iconAfter: import_lucide_icons.ChevronRight
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_tamagui.ListItem,
+      {
+        hoverTheme: true,
+        pressTheme: true,
+        title: "Moon",
+        subTitle: "Subtitle",
+        icon: import_lucide_icons.Moon,
+        iconAfter: import_lucide_icons.ChevronRight
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListItemDemo
+});
 //# sourceMappingURL=ListItemDemo.js.map

package/dist/cjs/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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAKI,IAAAI,EAAA,6BALJC,EAAqD,iCACrDC,EAAoD,mBAE7C,SAASJ,GAAe,CAC7B,SACE,QAAC,UAAO,IAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,KAAK,MAAK,GACpE,oBAACK,EAAA,EAAc,KACf,OAACC,EAAA,EAAc,GACjB,CAEJ,CAEA,SAASD,GAAgB,CACvB,SACE,QAAC,UAAO,UAAU,SAAS,SAAQ,GAAC,MAAO,IAAK,KAAK,KACnD,oBAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,OAAM,MAAM,OAAO,SAAS,WAAW,EACpE,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,OAAM,gBAEjC,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,MAAK,eAEhC,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YAAS,WAAU,GAAC,KAAM,QAAO,iBAElC,EACF,GACF,CAEJ,CAEA,SAASC,GAAgB,CACvB,SACE,QAAC,UAAO,UAAU,SAAS,SAAQ,GAAC,MAAO,IAAK,KAAK,KAAK,aAAW,OAAC,cAAU,EAC9E,oBAAC,SAAO,KAAP,CACC,mBAAC,YACC,WAAU,GACV,WAAU,GACV,MAAM,OACN,SAAS,WACT,KAAM,OACN,UAAW,eACb,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,YACC,WAAU,GACV,WAAU,GACV,MAAM,OACN,SAAS,WACT,KAAM,OACN,UAAW,eACb,EACF,GACF,CAEJ",
-  "names": ["ListItemDemo_exports", "__export", "ListItemDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "ListItemDemo1", "ListItemDemo2"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,0BAAqD;AACrD,qBAAoD;AAE7C,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,MACpE;AAAA,gDAAC,iBAAc;AAAA,IACf,4CAAC,iBAAc;AAAA,KACjB;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,6CAAC,yBAAO,WAAU,UAAS,UAAQ,MAAC,OAAO,KAAK,MAAK,MACnD;AAAA,gDAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,MAAC,MAAM,0BAAM,OAAM,QAAO,UAAS,YAAW,GACpE;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,MAAC,MAAM,0BAAM,kBAEjC,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,MAAC,MAAM,yBAAK,iBAEhC,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,MAAC,MAAM,2BAAO,mBAElC,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,6CAAC,yBAAO,WAAU,UAAS,UAAQ,MAAC,OAAO,KAAK,MAAK,MAAK,WAAW,4CAAC,4BAAU,GAC9E;AAAA,gDAAC,sBAAO,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,4CAAC,sBAAO,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": []
 }

package/dist/cjs/LucideIconsDemo.js

@@ -1,2 +1,79 @@
-"use strict";var l=Object.create;var s=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var c in t)s(e,c,{get:t[c],enumerable:!0})},m=(e,t,c,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of S(t))!f.call(e,a)&&a!==c&&s(e,a,{get:()=>t[a],enumerable:!(i=w(t,a))||i.enumerable});return e};var I=(e,t,c)=>(c=e!=null?l(k(e)):{},m(t||!e||!e.__esModule?s(c,"default",{value:e,enumerable:!0}):c,e)),$=e=>m(s({},"__esModule",{value:!0}),e);var Y={};g(Y,{LucideIconsDemo:()=>L});module.exports=$(Y);var r=require("react/jsx-runtime"),u=I(require("@tamagui/lucide-icons")),n=require("react"),d=require("react-native"),o=require("tamagui");const y=Object.keys(u).map(e=>({key:e.toLowerCase(),name:e,Icon:u[e]}));function L(){const[e,t]=(0,n.useState)(""),c=(0,o.useDebounceValue)(e,400),i=100,a=(0,n.useMemo)(()=>y.filter(p=>p.key.startsWith(c.toLowerCase())).slice(0,835).map(({Icon:p,name:h})=>(0,r.jsxs)(o.YStack,{h:i+20,ai:"center",jc:"center",children:[(0,r.jsx)(p,{size:i*.25}),(0,r.jsx)(o.Spacer,{}),(0,r.jsx)(o.Paragraph,{h:"$6",ww:"break-word",maw:"100%",ta:"center",px:"$2",size:"$1",o:.5,children:h})]},h)),[c]);return(0,r.jsxs)(o.YStack,{miw:"100%",padding:"$4",paddingBottom:"$0",space:!0,children:[(0,r.jsx)(o.Input,{value:e,onChangeText:t,placeholder:"Search..."}),(0,r.jsx)(o.YStack,{height:420,children:(0,r.jsx)(d.ScrollView,{children:(0,r.jsx)(o.Grid,{itemMinWidth:i,children:a})})})]})}0&&(module.exports={LucideIconsDemo});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LucideIconsDemo_exports = {};
+__export(LucideIconsDemo_exports, {
+  LucideIconsDemo: () => LucideIconsDemo
+});
+module.exports = __toCommonJS(LucideIconsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var LucideIcons = __toESM(require("@tamagui/lucide-icons"));
+var import_react = require("react");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+const lucideIcons = Object.keys(LucideIcons).map((name) => ({
+  key: name.toLowerCase(),
+  name,
+  Icon: LucideIcons[name]
+}));
+function LucideIconsDemo() {
+  const [searchRaw, setSearch] = (0, import_react.useState)("");
+  const search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
+  const size = 100;
+  const iconsMemo = (0, import_react.useMemo)(() => {
+    const icons = lucideIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
+    return icons.slice(0, 835).map(({ Icon, name }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { h: size + 20, ai: "center", jc: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * 0.25 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_tamagui.Paragraph,
+          {
+            h: "$6",
+            ww: "break-word",
+            maw: "100%",
+            ta: "center",
+            px: "$2",
+            size: "$1",
+            o: 0.5,
+            children: name
+          }
+        )
+      ] }, name);
+    });
+  }, [search]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { miw: "100%", padding: "$4", paddingBottom: "$0", space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { height: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LucideIconsDemo
+});
 //# sourceMappingURL=LucideIconsDemo.js.map

package/dist/cjs/LucideIconsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LucideIconsDemo.tsx"],
   "sourcesContent": ["import * as LucideIcons from '@tamagui/lucide-icons'\nimport { useMemo, useState } from 'react'\nimport { ScrollView } from 'react-native'\nimport { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'\n\nconst lucideIcons = Object.keys(LucideIcons).map((name) => ({\n  key: name.toLowerCase(),\n  name,\n  Icon: LucideIcons[name],\n}))\n\nexport function LucideIconsDemo() {\n  const [searchRaw, setSearch] = useState('')\n  const search = useDebounceValue(searchRaw, 400)\n\n  const size = 100\n\n  const iconsMemo = useMemo(() => {\n    const icons = lucideIcons.filter((x) => x.key.startsWith(search.toLowerCase()))\n    return icons.slice(0, 835).map(({ Icon, name }) => {\n      return (\n        <YStack h={size + 20} ai=\"center\" jc=\"center\" key={name}>\n          <Icon size={size * 0.25} />\n          <Spacer />\n          <Paragraph\n            h=\"$6\"\n            ww=\"break-word\"\n            maw=\"100%\"\n            ta=\"center\"\n            px=\"$2\"\n            size=\"$1\"\n            o={0.5}\n          >\n            {name}\n          </Paragraph>\n        </YStack>\n      )\n    })\n  }, [search])\n\n  return (\n    <YStack miw=\"100%\" padding=\"$4\" paddingBottom=\"$0\" space>\n      <Input value={searchRaw} onChangeText={setSearch} placeholder=\"Search...\" />\n\n      <YStack height={420}>\n        <ScrollView>\n          <Grid itemMinWidth={size}>{iconsMemo}</Grid>\n        </ScrollView>\n      </YStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAqBQ,IAAAI,EAAA,6BArBRC,EAA6B,oCAC7BC,EAAkC,iBAClCC,EAA2B,wBAC3BC,EAAyE,mBAEzE,MAAMC,EAAc,OAAO,KAAKJ,CAAW,EAAE,IAAKK,IAAU,CAC1D,IAAKA,EAAK,YAAY,EACtB,KAAAA,EACA,KAAML,EAAYK,CAAI,CACxB,EAAE,EAEK,SAASR,GAAkB,CAChC,KAAM,CAACS,EAAWC,CAAS,KAAI,YAAS,EAAE,EACpCC,KAAS,oBAAiBF,EAAW,GAAG,EAExCG,EAAO,IAEPC,KAAY,WAAQ,IACVN,EAAY,OAAQO,GAAMA,EAAE,IAAI,WAAWH,EAAO,YAAY,CAAC,CAAC,EACjE,MAAM,EAAG,GAAG,EAAE,IAAI,CAAC,CAAE,KAAAI,EAAM,KAAAP,CAAK,OAEzC,QAAC,UAAO,EAAGI,EAAO,GAAI,GAAG,SAAS,GAAG,SACnC,oBAACG,EAAA,CAAK,KAAMH,EAAO,IAAM,KACzB,OAAC,WAAO,KACR,OAAC,aACC,EAAE,KACF,GAAG,aACH,IAAI,OACJ,GAAG,SACH,GAAG,KACH,KAAK,KACL,EAAG,GAEF,SAAAJ,EACH,IAbiDA,CAcnD,CAEH,EACA,CAACG,CAAM,CAAC,EAEX,SACE,QAAC,UAAO,IAAI,OAAO,QAAQ,KAAK,cAAc,KAAK,MAAK,GACtD,oBAAC,SAAM,MAAOF,EAAW,aAAcC,EAAW,YAAY,YAAY,KAE1E,OAAC,UAAO,OAAQ,IACd,mBAAC,cACC,mBAAC,QAAK,aAAcE,EAAO,SAAAC,EAAU,EACvC,EACF,GACF,CAEJ",
-  "names": ["LucideIconsDemo_exports", "__export", "LucideIconsDemo", "__toCommonJS", "import_jsx_runtime", "LucideIcons", "import_react", "import_react_native", "import_tamagui", "lucideIcons", "name", "searchRaw", "setSearch", "search", "size", "iconsMemo", "x", "Icon"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AArBR,kBAA6B;AAC7B,mBAAkC;AAClC,0BAA2B;AAC3B,qBAAyE;AAEzE,MAAM,cAAc,OAAO,KAAK,WAAW,EAAE,IAAI,CAAC,UAAU;AAAA,EAC1D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,QAAI,uBAAS,EAAE;AAC1C,QAAM,aAAS,iCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,UAAM,QAAQ,YAAY,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC9E,WAAO,MAAM,MAAM,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM;AACjD,aACE,6CAAC,yBAAO,GAAG,OAAO,IAAI,IAAG,UAAS,IAAG,UACnC;AAAA,oDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,QACzB,4CAAC,yBAAO;AAAA,QACR;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,IAAG;AAAA,YACH,KAAI;AAAA,YACJ,IAAG;AAAA,YACH,IAAG;AAAA,YACH,MAAK;AAAA,YACL,GAAG;AAAA,YAEF;AAAA;AAAA,QACH;AAAA,WAbiD,IAcnD;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,6CAAC,yBAAO,KAAI,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,MACtD;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,QAAQ,KACd,sDAAC,kCACC,sDAAC,uBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/PopoverDemo.js

@@ -1,2 +1,93 @@
-"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var h=(r,t)=>{for(var n in t)m(r,n,{get:t[n],enumerable:!0})},d=(r,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of s(t))!v.call(r,a)&&a!==n&&m(r,a,{get:()=>t[a],enumerable:!(l=c(t,a))||l.enumerable});return r};var C=r=>d(m({},"__esModule",{value:!0}),r);var P={};h(P,{Demo:()=>i,PopoverDemo:()=>u});module.exports=C(P);var e=require("react/jsx-runtime"),p=require("@tamagui/lucide-icons"),o=require("tamagui");function u(){return(0,e.jsxs)(o.XStack,{space:"$2",flex:1,justifyContent:"center",alignItems:"center",children:[(0,e.jsx)(i,{placement:"left",Icon:p.ChevronLeft,Name:"left-popover"}),(0,e.jsx)(i,{placement:"bottom",Icon:p.ChevronDown,Name:"bottom-popover"}),(0,e.jsx)(i,{placement:"top",Icon:p.ChevronUp,Name:"top-popover"}),(0,e.jsx)(i,{placement:"right",Icon:p.ChevronRight,Name:"right-popover"})]})}function i({Icon:r,Name:t,...n}){return(0,e.jsxs)(o.Popover,{size:"$5",...n,children:[(0,e.jsx)(o.Popover.Trigger,{asChild:!0,children:(0,e.jsx)(o.Button,{icon:r})}),(0,e.jsx)(o.Adapt,{when:"sm",platform:"web",children:(0,e.jsxs)(o.Popover.Sheet,{modal:!0,dismissOnSnapToBottom:!0,children:[(0,e.jsx)(o.Popover.Sheet.Frame,{padding:"$4",children:(0,e.jsx)(o.Adapt.Contents,{})}),(0,e.jsx)(o.Popover.Sheet.Overlay,{})]})}),(0,e.jsxs)(o.Popover.Content,{borderWidth:1,borderColor:"$borderColor",enterStyle:{x:0,y:-10,opacity:0},exitStyle:{x:0,y:-10,opacity:0},x:0,y:0,opacity:1,animation:["quick",{opacity:{overshootClamping:!0}}],elevate:!0,children:[(0,e.jsx)(o.Popover.Arrow,{borderWidth:1,borderColor:"$borderColor"}),(0,e.jsxs)(o.YGroup,{space:"$3",children:[(0,e.jsx)(o.YGroup.Item,{children:(0,e.jsxs)(o.XStack,{space:"$3",children:[(0,e.jsx)(o.Label,{size:"$3",htmlFor:t,children:"Name"}),(0,e.jsx)(o.Input,{size:"$3",id:t})]})}),(0,e.jsx)(o.YGroup.Item,{children:(0,e.jsx)(o.Popover.Close,{asChild:!0,children:(0,e.jsx)(o.Button,{size:"$3",onPress:()=>{},children:"Submit"})})})]})]})]})}0&&(module.exports={Demo,PopoverDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PopoverDemo_exports = {};
+__export(PopoverDemo_exports, {
+  Demo: () => Demo,
+  PopoverDemo: () => PopoverDemo
+});
+module.exports = __toCommonJS(PopoverDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_tamagui = require("tamagui");
+function PopoverDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "left", Icon: import_lucide_icons.ChevronLeft, Name: "left-popover" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "bottom", Icon: import_lucide_icons.ChevronDown, Name: "bottom-popover" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "top", Icon: import_lucide_icons.ChevronUp, Name: "top-popover" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "right", Icon: import_lucide_icons.ChevronRight, Name: "right-popover" })
+  ] });
+}
+function Demo({
+  Icon,
+  Name,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "web", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_tamagui.Popover.Content,
+      {
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: { x: 0, y: -10, opacity: 0 },
+        exitStyle: { x: 0, y: -10, opacity: 0 },
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: true
+            }
+          }
+        ],
+        elevate: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { space: "$3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$3", htmlFor: Name, children: "Name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { size: "$3", id: Name })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_tamagui.Button,
+              {
+                size: "$3",
+                onPress: () => {
+                },
+                children: "Submit"
+              }
+            ) }) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Demo,
+  PopoverDemo
+});
 //# sourceMappingURL=PopoverDemo.js.map

package/dist/cjs/PopoverDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
   "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Input,\n  Label,\n  Popover,\n  PopoverProps,\n  XStack,\n  YGroup,\n} from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\" flex={1} justifyContent=\"center\" alignItems=\"center\">\n      <Demo placement=\"left\" Icon={ChevronLeft} Name=\"left-popover\" />\n      <Demo placement=\"bottom\" Icon={ChevronDown} Name=\"bottom-popover\" />\n      <Demo placement=\"top\" Icon={ChevronUp} Name=\"top-popover\" />\n      <Demo placement=\"right\" Icon={ChevronRight} Name=\"right-popover\" />\n    </XStack>\n  )\n}\n\nexport function Demo({\n  Icon,\n  Name,\n  ...props\n}: PopoverProps & { Icon?: any; Name?: string }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"web\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        borderWidth={1}\n        borderColor=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, opacity: 0 }}\n        exitStyle={{ x: 0, y: -10, opacity: 0 }}\n        x={0}\n        y={0}\n        opacity={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow borderWidth={1} borderColor=\"$borderColor\" />\n\n        <YGroup space=\"$3\">\n          <YGroup.Item>\n            <XStack space=\"$3\">\n              <Label size=\"$3\" htmlFor={Name}>\n                Name\n              </Label>\n              <Input size=\"$3\" id={Name} />\n            </XStack>\n          </YGroup.Item>\n          <YGroup.Item>\n            <Popover.Close asChild>\n              <Button\n                size=\"$3\"\n                onPress={() => {\n                  /* Custom code goes here, does not interfere with popover closure */\n                }}\n              >\n                Submit\n              </Button>\n            </Popover.Close>\n          </YGroup.Item>\n        </YGroup>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,IAAA,eAAAC,EAAAJ,GAcI,IAAAK,EAAA,6BAdJC,EAAkE,iCAClEC,EASO,mBAEA,SAASJ,GAAc,CAC5B,SACE,QAAC,UAAO,MAAM,KAAK,KAAM,EAAG,eAAe,SAAS,WAAW,SAC7D,oBAACD,EAAA,CAAK,UAAU,OAAO,KAAM,cAAa,KAAK,eAAe,KAC9D,OAACA,EAAA,CAAK,UAAU,SAAS,KAAM,cAAa,KAAK,iBAAiB,KAClE,OAACA,EAAA,CAAK,UAAU,MAAM,KAAM,YAAW,KAAK,cAAc,KAC1D,OAACA,EAAA,CAAK,UAAU,QAAQ,KAAM,eAAc,KAAK,gBAAgB,GACnE,CAEJ,CAEO,SAASA,EAAK,CACnB,KAAAM,EACA,KAAAC,EACA,GAAGC,CACL,EAAiD,CAC/C,SACE,QAAC,WAAQ,KAAK,KAAM,GAAGA,EACrB,oBAAC,UAAQ,QAAR,CAAgB,QAAO,GACtB,mBAAC,UAAO,KAAMF,EAAM,EACtB,KAEA,OAAC,SAAM,KAAK,KAAK,SAAS,MACxB,oBAAC,UAAQ,MAAR,CAAc,MAAK,GAAC,sBAAqB,GACxC,oBAAC,UAAQ,MAAM,MAAd,CAAoB,QAAQ,KAC3B,mBAAC,QAAM,SAAN,EAAe,EAClB,KACA,OAAC,UAAQ,MAAM,QAAd,EAAsB,GACzB,EACF,KAEA,QAAC,UAAQ,QAAR,CACC,YAAa,EACb,YAAY,eACZ,WAAY,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,CAAE,EACvC,UAAW,CAAE,EAAG,EAAG,EAAG,IAAK,QAAS,CAAE,EACtC,EAAG,EACH,EAAG,EACH,QAAS,EACT,UAAW,CACT,QACA,CACE,QAAS,CACP,kBAAmB,EACrB,CACF,CACF,EACA,QAAO,GAEP,oBAAC,UAAQ,MAAR,CAAc,YAAa,EAAG,YAAY,eAAe,KAE1D,QAAC,UAAO,MAAM,KACZ,oBAAC,SAAO,KAAP,CACC,oBAAC,UAAO,MAAM,KACZ,oBAAC,SAAM,KAAK,KAAK,QAASC,EAAM,gBAEhC,KACA,OAAC,SAAM,KAAK,KAAK,GAAIA,EAAM,GAC7B,EACF,KACA,OAAC,SAAO,KAAP,CACC,mBAAC,UAAQ,MAAR,CAAc,QAAO,GACpB,mBAAC,UACC,KAAK,KACL,QAAS,IAAM,CAEf,EACD,kBAED,EACF,EACF,GACF,GACF,GACF,CAEJ",
-  "names": ["PopoverDemo_exports", "__export", "Demo", "PopoverDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "Icon", "Name", "props"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAdJ,0BAAkE;AAClE,qBASO;AAEA,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAM,GAAG,OACrB;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,MACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,OACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,MACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA,4CAAC,uBAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACtC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,OAAM,MACZ;AAAA,wDAAC,sBAAO,MAAP,EACC,uDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B,GACF;AAAA,YACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,uBAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/ProgressDemo.js

@@ -1,2 +1,72 @@
-"use strict";var u=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var d=(r,o)=>{for(var i in o)u(r,i,{get:o[i],enumerable:!0})},S=(r,o,i,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of m(o))!p.call(r,s)&&s!==i&&u(r,s,{get:()=>o[s],enumerable:!(a=l(o,s))||a.enumerable});return r};var g=r=>S(u({},"__esModule",{value:!0}),r);var k={};d(k,{ProgressDemo:()=>h});module.exports=g(k);var t=require("react/jsx-runtime"),c=require("react"),e=require("tamagui");function h(){const[r,o]=(0,c.useState)(4),[i,a]=(0,c.useState)(20),s=`$${r}`;return(0,c.useEffect)(()=>{const n=setTimeout(()=>a(60),1e3);return()=>{clearTimeout(n)}},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(e.YStack,{height:60,alignItems:"center",space:!0,children:[(0,t.jsxs)(e.Paragraph,{height:30,opacity:.5,children:["Size: ",r]}),(0,t.jsx)(e.Progress,{size:s,value:i,children:(0,t.jsx)(e.Progress.Indicator,{animation:"bouncy"})})]}),(0,t.jsxs)(e.XStack,{ai:"center",space:!0,position:"absolute",bottom:"$3",left:"$4",$xxs:{display:"none"},children:[(0,t.jsxs)(e.Slider,{size:"$2",width:130,defaultValue:[4],min:2,max:6,step:1,onValueChange:([n])=>{o(n)},children:[(0,t.jsx)(e.Slider.Track,{borderWidth:1,borderColor:"$color5",children:(0,t.jsx)(e.Slider.TrackActive,{})}),(0,t.jsx)(e.Slider.Thumb,{circular:!0,index:0})]}),(0,t.jsx)(e.Button,{size:"$2",onPress:()=>a(n=>(n+20)%100),children:"Load"})]})]})}0&&(module.exports={ProgressDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ProgressDemo_exports = {};
+__export(ProgressDemo_exports, {
+  ProgressDemo: () => ProgressDemo
+});
+module.exports = __toCommonJS(ProgressDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function ProgressDemo() {
+  const [size, setSize] = (0, import_react.useState)(4);
+  const [progress, setProgress] = (0, import_react.useState)(20);
+  const sizeProp = `$${size}`;
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => setProgress(60), 1e3);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { height: 60, alignItems: "center", space: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Paragraph, { height: 30, opacity: 0.5, children: [
+        "Size: ",
+        size
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress, { size: sizeProp, value: progress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Progress.Indicator, { animation: "bouncy" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, position: "absolute", bottom: "$3", left: "$4", $xxs: { display: "none" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Slider,
+        {
+          size: "$2",
+          width: 130,
+          defaultValue: [4],
+          min: 2,
+          max: 6,
+          step: 1,
+          onValueChange: ([val]) => {
+            setSize(val);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { borderWidth: 1, borderColor: "$color5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { circular: true, index: 0 })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$2", onPress: () => setProgress((prev) => (prev + 20) % 100), children: "Load" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProgressDemo
+});
 //# sourceMappingURL=ProgressDemo.js.map

package/dist/cjs/ProgressDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ProgressDemo.tsx"],
   "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { Button, Paragraph, Progress, SizeTokens, Slider, XStack, YStack } from 'tamagui'\n\nexport function ProgressDemo() {\n  const [size, setSize] = useState(4)\n  const [progress, setProgress] = useState(20)\n  const sizeProp = `$${size}` as SizeTokens\n\n  useEffect(() => {\n    const timer = setTimeout(() => setProgress(60), 1000)\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <>\n      <YStack height={60} alignItems=\"center\" space>\n        <Paragraph height={30} opacity={0.5}>\n          Size: {size}\n        </Paragraph>\n        <Progress size={sizeProp} value={progress}>\n          <Progress.Indicator animation=\"bouncy\" />\n        </Progress>\n      </YStack>\n\n      <XStack ai=\"center\" space position=\"absolute\" bottom=\"$3\" left=\"$4\" $xxs={{ display: 'none' }}>\n        <Slider\n          size=\"$2\"\n          width={130}\n          defaultValue={[4]}\n          min={2}\n          max={6}\n          step={1}\n          onValueChange={([val]) => {\n            setSize(val)\n          }}\n        >\n          <Slider.Track borderWidth={1} borderColor=\"$color5\">\n            <Slider.TrackActive />\n          </Slider.Track>\n          <Slider.Thumb circular index={0} />\n        </Slider>\n\n        <Button size=\"$2\" onPress={() => setProgress((prev) => (prev + 20) % 100)}>\n          Load\n        </Button>\n      </XStack>\n    </>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAhBJC,EAAoC,iBACpCC,EAAgF,mBAEzE,SAASJ,GAAe,CAC7B,KAAM,CAACK,EAAMC,CAAO,KAAI,YAAS,CAAC,EAC5B,CAACC,EAAUC,CAAW,KAAI,YAAS,EAAE,EACrCC,EAAW,IAAIJ,IAErB,sBAAU,IAAM,CACd,MAAMK,EAAQ,WAAW,IAAMF,EAAY,EAAE,EAAG,GAAI,EACpD,MAAO,IAAM,CACX,aAAaE,CAAK,CACpB,CACF,EAAG,CAAC,CAAC,KAGH,oBACE,qBAAC,UAAO,OAAQ,GAAI,WAAW,SAAS,MAAK,GAC3C,qBAAC,aAAU,OAAQ,GAAI,QAAS,GAAK,mBAC5BL,GACT,KACA,OAAC,YAAS,KAAMI,EAAU,MAAOF,EAC/B,mBAAC,WAAS,UAAT,CAAmB,UAAU,SAAS,EACzC,GACF,KAEA,QAAC,UAAO,GAAG,SAAS,MAAK,GAAC,SAAS,WAAW,OAAO,KAAK,KAAK,KAAK,KAAM,CAAE,QAAS,MAAO,EAC1F,qBAAC,UACC,KAAK,KACL,MAAO,IACP,aAAc,CAAC,CAAC,EAChB,IAAK,EACL,IAAK,EACL,KAAM,EACN,cAAe,CAAC,CAACI,CAAG,IAAM,CACxBL,EAAQK,CAAG,CACb,EAEA,oBAAC,SAAO,MAAP,CAAa,YAAa,EAAG,YAAY,UACxC,mBAAC,SAAO,YAAP,EAAmB,EACtB,KACA,OAAC,SAAO,MAAP,CAAa,SAAQ,GAAC,MAAO,EAAG,GACnC,KAEA,OAAC,UAAO,KAAK,KAAK,QAAS,IAAMH,EAAaI,IAAUA,EAAO,IAAM,GAAG,EAAG,gBAE3E,GACF,GACF,CAEJ",
-  "names": ["ProgressDemo_exports", "__export", "ProgressDemo", "__toCommonJS", "import_jsx_runtime", "import_react", "import_tamagui", "size", "setSize", "progress", "setProgress", "sizeProp", "timer", "val", "prev"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBI;AAhBJ,mBAAoC;AACpC,qBAAgF;AAEzE,SAAS,eAAe;AAC7B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC;AAClC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,8BAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,YAAY,EAAE,GAAG,GAAI;AACpD,WAAO,MAAM;AACX,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,4EACE;AAAA,iDAAC,yBAAO,QAAQ,IAAI,YAAW,UAAS,OAAK,MAC3C;AAAA,mDAAC,4BAAU,QAAQ,IAAI,SAAS,KAAK;AAAA;AAAA,QAC5B;AAAA,SACT;AAAA,MACA,4CAAC,2BAAS,MAAM,UAAU,OAAO,UAC/B,sDAAC,wBAAS,WAAT,EAAmB,WAAU,UAAS,GACzC;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAO,IAAG,UAAS,OAAK,MAAC,UAAS,YAAW,QAAO,MAAK,MAAK,MAAK,MAAM,EAAE,SAAS,OAAO,GAC1F;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,cAAc,CAAC,CAAC;AAAA,UAChB,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,eAAe,CAAC,CAAC,GAAG,MAAM;AACxB,oBAAQ,GAAG;AAAA,UACb;AAAA,UAEA;AAAA,wDAAC,sBAAO,OAAP,EAAa,aAAa,GAAG,aAAY,WACxC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,YACA,4CAAC,sBAAO,OAAP,EAAa,UAAQ,MAAC,OAAO,GAAG;AAAA;AAAA;AAAA,MACnC;AAAA,MAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,YAAY,CAAC,UAAU,OAAO,MAAM,GAAG,GAAG,kBAE3E;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/RadioGroupDemo.js

@@ -1,2 +1,44 @@
-"use strict";var u=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var m=(e,a)=>{for(var o in a)u(e,o,{get:a[o],enumerable:!0})},v=(e,a,o,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of c(a))!s.call(e,t)&&t!==o&&u(e,t,{get:()=>a[t],enumerable:!(r=d(a,t))||r.enumerable});return e};var z=e=>v(u({},"__esModule",{value:!0}),e);var S={};m(S,{RadioGroupDemo:()=>b});module.exports=z(S);var i=require("react/jsx-runtime"),l=require("tamagui");function b(){return(0,i.jsx)(l.RadioGroup,{defaultValue:"3",name:"form",children:(0,i.jsxs)(l.YStack,{width:300,alignItems:"center",space:"$2",children:[(0,i.jsx)(n,{size:"$3",value:"2",label:"Second value"}),(0,i.jsx)(n,{size:"$4",value:"3",label:"Third value"}),(0,i.jsx)(n,{size:"$5",value:"4",label:"Fourth value"})]})})}function n(e){const a=`radiogroup-${e.value}`;return(0,i.jsxs)(l.XStack,{width:300,alignItems:"center",space:"$4",children:[(0,i.jsx)(l.RadioGroup.Item,{value:e.value,id:a,size:e.size,children:(0,i.jsx)(l.RadioGroup.Indicator,{})}),(0,i.jsx)(l.Label,{size:e.size,htmlFor:a,children:e.label})]})}0&&(module.exports={RadioGroupDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RadioGroupDemo_exports = {};
+__export(RadioGroupDemo_exports, {
+  RadioGroupDemo: () => RadioGroupDemo
+});
+module.exports = __toCommonJS(RadioGroupDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function RadioGroupDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup, { defaultValue: "3", name: "form", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: 300, alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$3", value: "2", label: "Second value" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$4", value: "3", label: "Third value" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioGroupItemWithLabel, { size: "$5", value: "4", label: "Fourth value" })
+  ] }) });
+}
+function RadioGroupItemWithLabel(props) {
+  const id = `radiogroup-${props.value}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { width: 300, alignItems: "center", space: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Item, { value: props.value, id, size: props.size, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.RadioGroup.Indicator, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: props.size, htmlFor: id, children: props.label })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroupDemo
+});
 //# sourceMappingURL=RadioGroupDemo.js.map

package/dist/cjs/RadioGroupDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/RadioGroupDemo.tsx"],
   "sourcesContent": ["import { Label, RadioGroup, SizeTokens, ThemeableStack, XStack, YStack } from 'tamagui'\n\nexport function RadioGroupDemo() {\n  return (\n    <RadioGroup defaultValue=\"3\" name=\"form\">\n      <YStack width={300} alignItems=\"center\" space=\"$2\">\n        <RadioGroupItemWithLabel size=\"$3\" value=\"2\" label=\"Second value\" />\n        <RadioGroupItemWithLabel size=\"$4\" value=\"3\" label=\"Third value\" />\n        <RadioGroupItemWithLabel size=\"$5\" value=\"4\" label=\"Fourth value\" />\n      </YStack>\n    </RadioGroup>\n  )\n}\n\nfunction RadioGroupItemWithLabel(props: {\n  size: SizeTokens\n  value: string\n  label: string\n}) {\n  const id = `radiogroup-${props.value}`\n  return (\n    <XStack width={300} alignItems=\"center\" space=\"$4\">\n      <RadioGroup.Item value={props.value} id={id} size={props.size}>\n        <RadioGroup.Indicator />\n      </RadioGroup.Item>\n\n      <Label size={props.size} htmlFor={id}>\n        {props.label}\n      </Label>\n    </XStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAA8E,mBAEvE,SAASH,GAAiB,CAC/B,SACE,OAAC,cAAW,aAAa,IAAI,KAAK,OAChC,oBAAC,UAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,oBAACI,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe,KAClE,OAACA,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,cAAc,KACjE,OAACA,EAAA,CAAwB,KAAK,KAAK,MAAM,IAAI,MAAM,eAAe,GACpE,EACF,CAEJ,CAEA,SAASA,EAAwBC,EAI9B,CACD,MAAMC,EAAK,cAAcD,EAAM,QAC/B,SACE,QAAC,UAAO,MAAO,IAAK,WAAW,SAAS,MAAM,KAC5C,oBAAC,aAAW,KAAX,CAAgB,MAAOA,EAAM,MAAO,GAAIC,EAAI,KAAMD,EAAM,KACvD,mBAAC,aAAW,UAAX,EAAqB,EACxB,KAEA,OAAC,SAAM,KAAMA,EAAM,KAAM,QAASC,EAC/B,SAAAD,EAAM,MACT,GACF,CAEJ",
-  "names": ["RadioGroupDemo_exports", "__export", "RadioGroupDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "RadioGroupItemWithLabel", "props", "id"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAA8E;AAEvE,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,cAAa,KAAI,MAAK,QAChC,uDAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,IAClE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,eAAc;AAAA,IACjE,4CAAC,2BAAwB,MAAK,MAAK,OAAM,KAAI,OAAM,gBAAe;AAAA,KACpE,GACF;AAEJ;AAEA,SAAS,wBAAwB,OAI9B;AACD,QAAM,KAAK,cAAc,MAAM;AAC/B,SACE,6CAAC,yBAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,gDAAC,0BAAW,MAAX,EAAgB,OAAO,MAAM,OAAO,IAAQ,MAAM,MAAM,MACvD,sDAAC,0BAAW,WAAX,EAAqB,GACxB;AAAA,IAEA,4CAAC,wBAAM,MAAM,MAAM,MAAM,SAAS,IAC/B,gBAAM,OACT;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/ScrollViewDemo.js

@@ -1,2 +1,42 @@
-"use strict";var g=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var u=(n,e)=>{for(var a in e)g(n,a,{get:e[a],enumerable:!0})},k=(n,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of c(e))!d.call(n,i)&&i!==a&&g(n,i,{get:()=>e[i],enumerable:!(l=$(e,i))||l.enumerable});return n};var b=n=>k(g({},"__esModule",{value:!0}),n);var t={};u(t,{ScrollViewDemo:()=>m});module.exports=b(t);var o=require("react/jsx-runtime"),r=require("tamagui");function m(){return(0,o.jsx)(r.ScrollView,{maxHeight:250,width:"75%",backgroundColor:"$background",padding:"$4",borderRadius:"$4",children:(0,o.jsxs)(r.XStack,{flexWrap:"wrap",alignItems:"center",justifyContent:"center",children:[(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$red9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$orange9"}),(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$yellow9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$green9"}),(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$blue9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$purple9"}),(0,o.jsx)(r.Square,{margin:"$4",size:120,backgroundColor:"$pink9"}),(0,o.jsx)(r.Circle,{margin:"$4",size:120,backgroundColor:"$red9"})]})})}0&&(module.exports={ScrollViewDemo});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ScrollViewDemo_exports = {};
+__export(ScrollViewDemo_exports, {
+  ScrollViewDemo: () => ScrollViewDemo
+});
+module.exports = __toCommonJS(ScrollViewDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function ScrollViewDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, { maxHeight: 250, width: "75%", backgroundColor: "$background", padding: "$4", borderRadius: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollViewDemo
+});
 //# sourceMappingURL=ScrollViewDemo.js.map

package/dist/cjs/ScrollViewDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ScrollViewDemo.tsx"],
   "sourcesContent": ["import { Circle, ScrollView, Square, XStack } from 'tamagui'\n\nexport function ScrollViewDemo() {\n  return (\n    <ScrollView maxHeight={250} width=\"75%\" backgroundColor=\"$background\" padding=\"$4\" borderRadius=\"$4\">\n      <XStack flexWrap=\"wrap\" alignItems=\"center\" justifyContent=\"center\">\n        <Square margin=\"$4\" size={120} backgroundColor=\"$red9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$orange9\" />\n        <Square margin=\"$4\" size={120} backgroundColor=\"$yellow9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$green9\" />\n        <Square margin=\"$4\" size={120} backgroundColor=\"$blue9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$purple9\" />\n        <Square margin=\"$4\" size={120} backgroundColor=\"$pink9\" />\n        <Circle margin=\"$4\" size={120} backgroundColor=\"$red9\" />\n      </XStack>\n    </ScrollView>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,oBAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAmD,mBAE5C,SAASH,GAAiB,CAC/B,SACE,OAAC,cAAW,UAAW,IAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,oBAAC,UAAO,SAAS,OAAO,WAAW,SAAS,eAAe,SACzD,oBAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,KACvD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,KAC1D,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,KAC1D,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,UAAU,KACzD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,KACxD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,WAAW,KAC1D,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,SAAS,KACxD,OAAC,UAAO,OAAO,KAAK,KAAM,IAAK,gBAAgB,QAAQ,GACzD,EACF,CAEJ",
-  "names": ["ScrollViewDemo_exports", "__export", "ScrollViewDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAAmD;AAE5C,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,WAAW,KAAK,OAAM,OAAM,iBAAgB,eAAc,SAAQ,MAAK,cAAa,MAC9F,uDAAC,yBAAO,UAAS,QAAO,YAAW,UAAS,gBAAe,UACzD;AAAA,gDAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,IACvD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,WAAU;AAAA,IACzD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,IACxD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,IAC1D,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,IACxD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,KACzD,GACF;AAEJ;",
+  "names": []
 }