@tamagui/demos 1.14.0 → 1.14.2

package/dist/cjs/SelectDemo.js

@@ -1,2 +1,104 @@
-"use strict";var i=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var d=(a,n)=>{for(var r in n)i(a,r,{get:n[r],enumerable:!0})},h=(a,n,r,m)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of u(n))!S.call(a,l)&&l!==r&&i(a,l,{get:()=>n[l],enumerable:!(m=s(n,l))||m.enumerable});return a};var g=a=>h(i({},"__esModule",{value:!0}),a);var I={};d(I,{SelectDemo:()=>f});module.exports=g(I);var e=require("react/jsx-runtime"),o=require("@tamagui/lucide-icons"),p=require("react"),t=require("tamagui"),c=require("tamagui/linear-gradient");function f(){const[a,n]=(0,p.useState)("apple");return(0,e.jsxs)(t.Select,{id:"food",value:a,onValueChange:n,children:[(0,e.jsx)(t.Select.Trigger,{width:180,iconAfter:o.ChevronDown,children:(0,e.jsx)(t.Select.Value,{placeholder:"Something"})}),(0,e.jsx)(t.Adapt,{when:"sm",platform:"touch",children:(0,e.jsxs)(t.Sheet,{modal:!0,dismissOnSnapToBottom:!0,children:[(0,e.jsx)(t.Sheet.Frame,{children:(0,e.jsx)(t.Sheet.ScrollView,{children:(0,e.jsx)(t.Adapt.Contents,{})})}),(0,e.jsx)(t.Sheet.Overlay,{})]})}),(0,e.jsxs)(t.Select.Content,{zIndex:2e5,children:[(0,e.jsxs)(t.Select.ScrollUpButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[(0,e.jsx)(t.YStack,{zIndex:10,children:(0,e.jsx)(o.ChevronUp,{size:20})}),(0,e.jsx)(c.LinearGradient,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$background","$backgroundTransparent"],borderRadius:"$4"})]}),(0,e.jsx)(t.Select.Viewport,{minWidth:200,children:(0,e.jsxs)(t.Select.Group,{space:"$0",children:[(0,e.jsx)(t.Select.Label,{children:"Fruits"}),w.map((r,m)=>(0,e.jsxs)(t.Select.Item,{index:m,value:r.name.toLowerCase(),children:[(0,e.jsx)(t.Select.ItemText,{children:r.name}),(0,e.jsx)(t.Select.ItemIndicator,{marginLeft:"auto",children:(0,e.jsx)(o.Check,{size:16})})]},r.name))]})}),(0,e.jsxs)(t.Select.ScrollDownButton,{alignItems:"center",justifyContent:"center",position:"relative",width:"100%",height:"$3",children:[(0,e.jsx)(t.YStack,{zIndex:10,children:(0,e.jsx)(o.ChevronDown,{size:20})}),(0,e.jsx)(c.LinearGradient,{start:[0,0],end:[0,1],fullscreen:!0,colors:["$backgroundTransparent","$background"],borderRadius:"$4"})]})]})]})}const w=[{name:"Apple"},{name:"Pear"},{name:"Blackberry"},{name:"Peach"},{name:"Apricot"},{name:"Melon"},{name:"Honeydew"},{name:"Starfruit"},{name:"Blueberry"},{name:"Raspberry"},{name:"Strawberry"},{name:"Mango"},{name:"Pineapple"},{name:"Lime"},{name:"Lemon"},{name:"Coconut"},{name:"Guava"},{name:"Papaya"},{name:"Orange"},{name:"Grape"},{name:"Jackfruit"},{name:"Durian"}];0&&(module.exports={SelectDemo});
+"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 SelectDemo_exports = {};
+__export(SelectDemo_exports, {
+  SelectDemo: () => SelectDemo
+});
+module.exports = __toCommonJS(SelectDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_linear_gradient = require("tamagui/linear-gradient");
+function SelectDemo() {
+  const [val, setVal] = (0, import_react.useState)("apple");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { id: "food", value: val, onValueChange: setVal, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 180, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollUpButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_linear_gradient.LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$background", "$backgroundTransparent"],
+            borderRadius: "$4"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, { minWidth: 200, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { space: "$0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
+        items.map((item, i) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Item, { index: i, value: item.name.toLowerCase(), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
+          ] }, item.name);
+        })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.ScrollDownButton, { alignItems: "center", justifyContent: "center", position: "relative", width: "100%", height: "$3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_linear_gradient.LinearGradient,
+          {
+            start: [0, 0],
+            end: [0, 1],
+            fullscreen: true,
+            colors: ["$backgroundTransparent", "$background"],
+            borderRadius: "$4"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Raspberry" },
+  { name: "Strawberry" },
+  { name: "Mango" },
+  { name: "Pineapple" },
+  { name: "Lime" },
+  { name: "Lemon" },
+  { name: "Coconut" },
+  { name: "Guava" },
+  { name: "Papaya" },
+  { name: "Orange" },
+  { name: "Grape" },
+  { name: "Jackfruit" },
+  { name: "Durian" }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectDemo
+});
 //# sourceMappingURL=SelectDemo.js.map

package/dist/cjs/SelectDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SelectDemo.tsx"],
   "sourcesContent": ["import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { useState } from 'react'\nimport { Adapt, Select, Sheet, YStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function SelectDemo() {\n  const [val, setVal] = useState('apple')\n  return (\n    <Select id=\"food\" value={val} onValueChange={setVal}>\n      <Select.Trigger width={180} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Sheet modal dismissOnSnapToBottom>\n          <Sheet.Frame>\n            <Sheet.ScrollView>\n              <Adapt.Contents />\n            </Sheet.ScrollView>\n          </Sheet.Frame>\n          <Sheet.Overlay />\n        </Sheet>\n      </Adapt>\n\n      <Select.Content zIndex={200000}>\n        <Select.ScrollUpButton alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n          <YStack zIndex={10}>\n            <ChevronUp size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$background', '$backgroundTransparent']}\n            borderRadius=\"$4\"\n          />\n        </Select.ScrollUpButton>\n\n        <Select.Viewport minWidth={200}>\n          <Select.Group space=\"$0\">\n            <Select.Label>Fruits</Select.Label>\n            {items.map((item, i) => {\n              return (\n                <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n                  <Select.ItemText>{item.name}</Select.ItemText>\n                  <Select.ItemIndicator marginLeft=\"auto\">\n                    <Check size={16} />\n                  </Select.ItemIndicator>\n                </Select.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton alignItems=\"center\" justifyContent=\"center\" position=\"relative\" width=\"100%\" height=\"$3\">\n          <YStack zIndex={10}>\n            <ChevronDown size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$backgroundTransparent', '$background']}\n            borderRadius=\"$4\"\n          />\n        </Select.ScrollDownButton>\n      </Select.Content>\n    </Select>\n  )\n}\n\nconst items = [\n  { name: 'Apple' },\n  { name: 'Pear' },\n  { name: 'Blackberry' },\n  { name: 'Peach' },\n  { name: 'Apricot' },\n  { name: 'Melon' },\n  { name: 'Honeydew' },\n  { name: 'Starfruit' },\n  { name: 'Blueberry' },\n  { name: 'Raspberry' },\n  { name: 'Strawberry' },\n  { name: 'Mango' },\n  { name: 'Pineapple' },\n  { name: 'Lime' },\n  { name: 'Lemon' },\n  { name: 'Coconut' },\n  { name: 'Guava' },\n  { name: 'Papaya' },\n  { name: 'Orange' },\n  { name: 'Grape' },\n  { name: 'Jackfruit' },\n  { name: 'Durian' },\n]\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAUQ,IAAAI,EAAA,6BAVRC,EAA8C,iCAC9CC,EAAyB,iBACzBC,EAA6C,mBAC7CC,EAA+B,mCAExB,SAASN,GAAa,CAC3B,KAAM,CAACO,EAAKC,CAAM,KAAI,YAAS,OAAO,EACtC,SACE,QAAC,UAAO,GAAG,OAAO,MAAOD,EAAK,cAAeC,EAC3C,oBAAC,SAAO,QAAP,CAAe,MAAO,IAAK,UAAW,cACrC,mBAAC,SAAO,MAAP,CAAa,YAAY,YAAY,EACxC,KAEA,OAAC,SAAM,KAAK,KAAK,SAAS,QACxB,oBAAC,SAAM,MAAK,GAAC,sBAAqB,GAChC,oBAAC,QAAM,MAAN,CACC,mBAAC,QAAM,WAAN,CACC,mBAAC,QAAM,SAAN,EAAe,EAClB,EACF,KACA,OAAC,QAAM,QAAN,EAAc,GACjB,EACF,KAEA,QAAC,SAAO,QAAP,CAAe,OAAQ,IACtB,qBAAC,SAAO,eAAP,CAAsB,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,MAAM,OAAO,OAAO,KACzG,oBAAC,UAAO,OAAQ,GACd,mBAAC,aAAU,KAAM,GAAI,EACvB,KACA,OAAC,kBACC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACV,WAAU,GACV,OAAQ,CAAC,cAAe,wBAAwB,EAChD,aAAa,KACf,GACF,KAEA,OAAC,SAAO,SAAP,CAAgB,SAAU,IACzB,oBAAC,SAAO,MAAP,CAAa,MAAM,KAClB,oBAAC,SAAO,MAAP,CAAa,kBAAM,EACnBC,EAAM,IAAI,CAACC,EAAMC,OAEd,QAAC,SAAO,KAAP,CAAY,MAAOA,EAAmB,MAAOD,EAAK,KAAK,YAAY,EAClE,oBAAC,SAAO,SAAP,CAAiB,SAAAA,EAAK,KAAK,KAC5B,OAAC,SAAO,cAAP,CAAqB,WAAW,OAC/B,mBAAC,SAAM,KAAM,GAAI,EACnB,IAJ0BA,EAAK,IAKjC,CAEH,GACH,EACF,KAEA,QAAC,SAAO,iBAAP,CAAwB,WAAW,SAAS,eAAe,SAAS,SAAS,WAAW,MAAM,OAAO,OAAO,KAC3G,oBAAC,UAAO,OAAQ,GACd,mBAAC,eAAY,KAAM,GAAI,EACzB,KACA,OAAC,kBACC,MAAO,CAAC,EAAG,CAAC,EACZ,IAAK,CAAC,EAAG,CAAC,EACV,WAAU,GACV,OAAQ,CAAC,yBAA0B,aAAa,EAChD,aAAa,KACf,GACF,GACF,GACF,CAEJ,CAEA,MAAMD,EAAQ,CACZ,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,UAAW,EACnB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,YAAa,EACrB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,MAAO,EACf,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,SAAU,EAClB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,QAAS,EACjB,CAAE,KAAM,OAAQ,EAChB,CAAE,KAAM,WAAY,EACpB,CAAE,KAAM,QAAS,CACnB",
-  "names": ["SelectDemo_exports", "__export", "SelectDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_react", "import_tamagui", "import_linear_gradient", "val", "setVal", "items", "item", "i"]
+  "mappings": "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",
+  "names": []
 }

package/dist/cjs/SeparatorDemo.js

@@ -1,2 +1,44 @@
-"use strict";var g=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var m=(o,t)=>{for(var e in t)g(o,e,{get:t[e],enumerable:!0})},p=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of l(t))!h.call(o,i)&&i!==e&&g(o,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return o};var S=o=>p(g({},"__esModule",{value:!0}),o);var P={};m(P,{SeparatorDemo:()=>f});module.exports=S(P);var r=require("react/jsx-runtime"),a=require("tamagui");function f(){return(0,r.jsxs)(a.YStack,{width:"100%",maxWidth:300,marginHorizontal:15,children:[(0,r.jsx)(a.Paragraph,{fontWeight:"800",children:"Tamagui"}),(0,r.jsx)(a.Paragraph,{children:"A cross-platform component library."}),(0,r.jsx)(a.Separator,{marginVertical:15}),(0,r.jsxs)(a.XStack,{height:20,alignItems:"center",children:[(0,r.jsx)(a.Paragraph,{children:"Blog"}),(0,r.jsx)(a.Separator,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),(0,r.jsx)(a.Paragraph,{children:"Docs"}),(0,r.jsx)(a.Separator,{alignSelf:"stretch",vertical:!0,marginHorizontal:15}),(0,r.jsx)(a.Paragraph,{children:"Source"})]})]})}0&&(module.exports={SeparatorDemo});
+"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 SeparatorDemo_exports = {};
+__export(SeparatorDemo_exports, {
+  SeparatorDemo: () => SeparatorDemo
+});
+module.exports = __toCommonJS(SeparatorDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function SeparatorDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { fontWeight: "800", children: "Tamagui" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "A cross-platform component library." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { marginVertical: 15 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { height: 20, alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Blog" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Docs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, { alignSelf: "stretch", vertical: true, marginHorizontal: 15 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Source" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SeparatorDemo
+});
 //# sourceMappingURL=SeparatorDemo.js.map

package/dist/cjs/SeparatorDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SeparatorDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { Paragraph, Separator, XStack, YStack } from 'tamagui'\n\nexport function SeparatorDemo() {\n  return (\n    <YStack width=\"100%\" maxWidth={300} marginHorizontal={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator marginVertical={15} />\n      <XStack height={20} alignItems=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator alignSelf=\"stretch\" vertical marginHorizontal={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BALNC,EAAqD,mBAE9C,SAASH,GAAgB,CAC9B,SACE,QAAC,UAAO,MAAM,OAAO,SAAU,IAAK,iBAAkB,GACpD,oBAAC,aAAU,WAAW,MAAM,mBAAO,KACnC,OAAC,aAAU,+CAAmC,KAC9C,OAAC,aAAU,eAAgB,GAAI,KAC/B,QAAC,UAAO,OAAQ,GAAI,WAAW,SAC7B,oBAAC,aAAU,gBAAI,KACf,OAAC,aAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,KAC9D,OAAC,aAAU,gBAAI,KACf,OAAC,aAAU,UAAU,UAAU,SAAQ,GAAC,iBAAkB,GAAI,KAC9D,OAAC,aAAU,kBAAM,GACnB,GACF,CAEJ",
-  "names": ["SeparatorDemo_exports", "__export", "SeparatorDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AALN,qBAAqD;AAE9C,SAAS,gBAAgB;AAC9B,SACE,6CAAC,yBAAO,OAAM,QAAO,UAAU,KAAK,kBAAkB,IACpD;AAAA,gDAAC,4BAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,4CAAC,4BAAU,iDAAmC;AAAA,IAC9C,4CAAC,4BAAU,gBAAgB,IAAI;AAAA,IAC/B,6CAAC,yBAAO,QAAQ,IAAI,YAAW,UAC7B;AAAA,kDAAC,4BAAU,kBAAI;AAAA,MACf,4CAAC,4BAAU,WAAU,WAAU,UAAQ,MAAC,kBAAkB,IAAI;AAAA,MAC9D,4CAAC,4BAAU,kBAAI;AAAA,MACf,4CAAC,4BAAU,WAAU,WAAU,UAAQ,MAAC,kBAAkB,IAAI;AAAA,MAC9D,4CAAC,4BAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/ShapesDemo.js

@@ -1,2 +1,36 @@
-"use strict";var l=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var d=(e,o)=>{for(var i in o)l(e,i,{get:o[i],enumerable:!0})},k=(e,o,i,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of $(o))!p.call(e,a)&&a!==i&&l(e,a,{get:()=>o[a],enumerable:!(n=t(o,a))||n.enumerable});return e};var u=e=>k(l({},"__esModule",{value:!0}),e);var g={};d(g,{ShapesDemo:()=>S});module.exports=u(g);var c=require("react/jsx-runtime"),r=require("tamagui");function S(){return(0,c.jsxs)(r.XStack,{padding:"$2",space:"$4",children:[(0,c.jsx)(r.Square,{size:100,backgroundColor:"$color",elevation:"$4"}),(0,c.jsx)(r.Circle,{size:100,backgroundColor:"$color",elevation:"$4"})]})}0&&(module.exports={ShapesDemo});
+"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 ShapesDemo_exports = {};
+__export(ShapesDemo_exports, {
+  ShapesDemo: () => ShapesDemo
+});
+module.exports = __toCommonJS(ShapesDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function ShapesDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { padding: "$2", space: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShapesDemo
+});
 //# sourceMappingURL=ShapesDemo.js.map

package/dist/cjs/ShapesDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ShapesDemo.tsx"],
   "sourcesContent": ["import { Circle, Square, XStack } from 'tamagui'\n\nexport function ShapesDemo() {\n  return (\n    <XStack padding=\"$2\" space=\"$4\">\n      <Square size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n      <Circle size={100} backgroundColor=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAuC,mBAEhC,SAASH,GAAa,CAC3B,SACE,QAAC,UAAO,QAAQ,KAAK,MAAM,KACzB,oBAAC,UAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,KAC3D,OAAC,UAAO,KAAM,IAAK,gBAAgB,SAAS,UAAU,KAAK,GAC7D,CAEJ",
-  "names": ["ShapesDemo_exports", "__export", "ShapesDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAuC;AAEhC,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,gDAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,4CAAC,yBAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
+  "names": []
 }

package/dist/cjs/SheetDemo.js

@@ -1,2 +1,104 @@
-"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var P=(t,n)=>{for(var r in n)p(t,r,{get:n[r],enumerable:!0})},O=(t,n,r,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of S(n))!g.call(t,i)&&i!==r&&p(t,i,{get:()=>n[i],enumerable:!(s=h(n,i))||s.enumerable});return t};var v=t=>O(p({},"__esModule",{value:!0}),t);var I={};P(I,{SheetDemo:()=>y});module.exports=v(I);var e=require("react/jsx-runtime"),c=require("@tamagui/lucide-icons"),a=require("@tamagui/sheet"),l=require("react"),o=require("tamagui");const y=()=>{const[t,n]=(0,l.useState)(0),[r,s]=(0,l.useState)(!1),[i,m]=(0,l.useState)(!1),[d,u]=(0,l.useState)(!1);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(o.XStack,{space:!0,children:[(0,e.jsx)(o.Button,{onPress:()=>s(!0),children:"Open"}),(0,e.jsx)(o.Button,{onPress:()=>m(f=>!f),children:i?"Type: Modal":"Type: Inline"})]}),(0,e.jsxs)(a.Sheet,{forceRemoveScrollEnabled:r,modal:i,open:r,onOpenChange:s,snapPoints:[85,50,25],dismissOnSnapToBottom:!0,position:t,onPositionChange:n,zIndex:1e5,animation:"bouncy",children:[(0,e.jsx)(a.Sheet.Overlay,{}),(0,e.jsx)(a.Sheet.Handle,{}),(0,e.jsxs)(a.Sheet.Frame,{flex:1,padding:"$4",justifyContent:"center",alignItems:"center",space:"$5",children:[(0,e.jsx)(o.Button,{size:"$6",circular:!0,icon:c.ChevronDown,onPress:()=>s(!1)}),(0,e.jsx)(o.Input,{width:200}),i&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(C,{open:d,onOpenChange:u}),(0,e.jsx)(o.Button,{size:"$6",circular:!0,icon:c.ChevronUp,onPress:()=>u(!0)})]})]})]})]})};function C(t){return(0,e.jsxs)(a.Sheet,{modal:!0,snapPoints:[90],dismissOnSnapToBottom:!0,...t,children:[(0,e.jsx)(a.Sheet.Overlay,{}),(0,e.jsx)(a.Sheet.Handle,{}),(0,e.jsx)(a.Sheet.Frame,{flex:1,justifyContent:"center",alignItems:"center",space:"$5",children:(0,e.jsxs)(a.Sheet.ScrollView,{padding:"$4",space:!0,children:[(0,e.jsx)(o.Button,{size:"$8",circular:!0,alignSelf:"center",icon:c.ChevronDown,onPress:()=>{var n;return(n=t.onOpenChange)==null?void 0:n.call(t,!1)}}),(0,e.jsx)(o.H1,{children:"Hello world"}),(0,e.jsx)(o.H2,{children:"You can scroll me"}),[1,2,3].map(n=>(0,e.jsx)(o.Paragraph,{size:"$10",children:"Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."},n))]})})]})}0&&(module.exports={SheetDemo});
+"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 SheetDemo_exports = {};
+__export(SheetDemo_exports, {
+  SheetDemo: () => SheetDemo
+});
+module.exports = __toCommonJS(SheetDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_sheet = require("@tamagui/sheet");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+const SheetDemo = () => {
+  const [position, setPosition] = (0, import_react.useState)(0);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [modal, setModal] = (0, import_react.useState)(false);
+  const [innerOpen, setInnerOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setOpen(true), children: "Open" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setModal((x) => !x), children: modal ? "Type: Modal" : "Type: Inline" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_sheet.Sheet,
+      {
+        forceRemoveScrollEnabled: open,
+        modal,
+        open,
+        onOpenChange: setOpen,
+        snapPoints: [85, 50, 25],
+        dismissOnSnapToBottom: true,
+        position,
+        onPositionChange: setPosition,
+        zIndex: 1e5,
+        animation: "bouncy",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, { flex: 1, padding: "$4", justifyContent: "center", alignItems: "center", space: "$5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: true, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(false) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { width: 200 }),
+            modal && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_tamagui.Button,
+                {
+                  size: "$6",
+                  circular: true,
+                  icon: import_lucide_icons.ChevronUp,
+                  onPress: () => setInnerOpen(true)
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+function InnerSheet(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Overlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Frame, { flex: 1, justifyContent: "center", alignItems: "center", space: "$5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.ScrollView, { padding: "$4", space: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Button,
+        {
+          size: "$8",
+          circular: true,
+          alignSelf: "center",
+          icon: import_lucide_icons.ChevronDown,
+          onPress: () => {
+            var _a;
+            return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, { children: "Hello world" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "You can scroll me" }),
+      [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$10", children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint." }, i))
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SheetDemo
+});
 //# sourceMappingURL=SheetDemo.js.map

package/dist/cjs/SheetDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SheetDemo.tsx"],
   "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(false)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        forceRemoveScrollEnabled={open}\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n        animation=\"bouncy\" // for the css driver\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame flex={1} padding=\"$4\" justifyContent=\"center\" alignItems=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Input width={200} />\n          {modal && (\n            <>\n              <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n              <Button\n                size=\"$6\"\n                circular\n                icon={ChevronUp}\n                onPress={() => setInnerOpen(true)}\n              ></Button>\n            </>\n          )}\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame flex={1} justifyContent=\"center\" alignItems=\"center\" space=\"$5\">\n        <Sheet.ScrollView padding=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            alignSelf=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAcM,IAAAI,EAAA,6BAdNC,EAAuC,iCACvCC,EAAsB,0BAEtBC,EAAyB,iBACzBC,EAAyD,mBAElD,MAAMN,EAAY,IAAM,CAC7B,KAAM,CAACO,EAAUC,CAAW,KAAI,YAAS,CAAC,EACpC,CAACC,EAAMC,CAAO,KAAI,YAAS,EAAK,EAChC,CAACC,EAAOC,CAAQ,KAAI,YAAS,EAAK,EAClC,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAK,EAEhD,SACE,oBACE,qBAAC,UAAO,MAAK,GACX,oBAAC,UAAO,QAAS,IAAMJ,EAAQ,EAAI,EAAG,gBAAI,KAC1C,OAAC,UAAO,QAAS,IAAME,EAAUG,GAAM,CAACA,CAAC,EACtC,SAAAJ,EAAQ,cAAgB,eAC3B,GACF,KAEA,QAAC,SACC,yBAA0BF,EAC1B,MAAOE,EACP,KAAMF,EACN,aAAcC,EACd,WAAY,CAAC,GAAI,GAAI,EAAE,EACvB,sBAAqB,GACrB,SAAUH,EACV,iBAAkBC,EAClB,OAAQ,IACR,UAAU,SAEV,oBAAC,QAAM,QAAN,EAAc,KACf,OAAC,QAAM,OAAN,EAAa,KACd,QAAC,QAAM,MAAN,CAAY,KAAM,EAAG,QAAQ,KAAK,eAAe,SAAS,WAAW,SAAS,MAAM,KACnF,oBAAC,UAAO,KAAK,KAAK,SAAQ,GAAC,KAAM,cAAa,QAAS,IAAME,EAAQ,EAAK,EAAG,KAC7E,OAAC,SAAM,MAAO,IAAK,EAClBC,MACC,oBACE,oBAACK,EAAA,CAAW,KAAMH,EAAW,aAAcC,EAAc,KACzD,OAAC,UACC,KAAK,KACL,SAAQ,GACR,KAAM,YACN,QAAS,IAAMA,EAAa,EAAI,EACjC,GACH,GAEJ,GACF,GACF,CAEJ,EAEA,SAASE,EAAWC,EAAmB,CACrC,SACE,QAAC,SAAM,MAAK,GAAC,WAAY,CAAC,EAAE,EAAG,sBAAqB,GAAE,GAAGA,EACvD,oBAAC,QAAM,QAAN,EAAc,KACf,OAAC,QAAM,OAAN,EAAa,KACd,OAAC,QAAM,MAAN,CAAY,KAAM,EAAG,eAAe,SAAS,WAAW,SAAS,MAAM,KACtE,oBAAC,QAAM,WAAN,CAAiB,QAAQ,KAAK,MAAK,GAClC,oBAAC,UACC,KAAK,KACL,SAAQ,GACR,UAAU,SACV,KAAM,cACN,QAAS,IAAG,CAnExB,IAAAC,EAmE2B,OAAAA,EAAAD,EAAM,eAAN,YAAAC,EAAA,KAAAD,EAAqB,KACtC,KACA,OAAC,MAAG,uBAAW,KACf,OAAC,MAAG,6BAAiB,EACpB,CAAC,EAAG,EAAG,CAAC,EAAE,IAAKE,MACd,OAAC,aAAkB,KAAK,MAAM,uXAAdA,CAMhB,CACD,GACH,EACF,GACF,CAEJ",
-  "names": ["SheetDemo_exports", "__export", "SheetDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_sheet", "import_react", "import_tamagui", "position", "setPosition", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "x", "InnerSheet", "props", "_a", "i"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,qBAAyD;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,SACE,4EACE;AAAA,iDAAC,yBAAO,OAAK,MACX;AAAA,kDAAC,yBAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,MAC1C,4CAAC,yBAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACR,WAAU;AAAA,QAEV;AAAA,sDAAC,mBAAM,SAAN,EAAc;AAAA,UACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,UACd,6CAAC,mBAAM,OAAN,EAAY,MAAM,GAAG,SAAQ,MAAK,gBAAe,UAAS,YAAW,UAAS,OAAM,MACnF;AAAA,wDAAC,yBAAO,MAAK,MAAK,UAAQ,MAAC,MAAM,iCAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,YAC7E,4CAAC,wBAAM,OAAO,KAAK;AAAA,YAClB,SACC,4EACE;AAAA,0DAAC,cAAW,MAAM,WAAW,cAAc,cAAc;AAAA,cACzD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,cACjC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,6CAAC,sBAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,OACvD;AAAA,gDAAC,mBAAM,SAAN,EAAc;AAAA,IACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,IACd,4CAAC,mBAAM,OAAN,EAAY,MAAM,GAAG,gBAAe,UAAS,YAAW,UAAS,OAAM,MACtE,uDAAC,mBAAM,YAAN,EAAiB,SAAQ,MAAK,OAAK,MAClC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,WAAU;AAAA,UACV,MAAM;AAAA,UACN,SAAS,MAAG;AAnExB;AAmE2B,+BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,MACtC;AAAA,MACA,4CAAC,qBAAG,yBAAW;AAAA,MACf,4CAAC,qBAAG,+BAAiB;AAAA,MACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,4CAAC,4BAAkB,MAAK,OAAM,0XAAd,CAMhB,CACD;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/SliderDemo.js

@@ -1,2 +1,43 @@
-"use strict";var c=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(r,e)=>{for(var l in e)c(r,l,{get:e[l],enumerable:!0})},h=(r,e,l,S)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of o(e))!p.call(r,a)&&a!==l&&c(r,a,{get:()=>e[a],enumerable:!(S=n(e,a))||S.enumerable});return r};var m=r=>h(c({},"__esModule",{value:!0}),r);var f={};u(f,{SliderDemo:()=>k});module.exports=m(f);var i=require("react/jsx-runtime"),t=require("tamagui");function k(){return(0,i.jsxs)(t.XStack,{height:200,alignItems:"center",space:"$8",children:[(0,i.jsx)(d,{height:200,orientation:"vertical"}),(0,i.jsx)(d,{width:200})]})}function d({children:r,...e}){return(0,i.jsxs)(t.Slider,{defaultValue:[50],max:100,step:1,...e,children:[(0,i.jsx)(t.Slider.Track,{children:(0,i.jsx)(t.Slider.TrackActive,{})}),(0,i.jsx)(t.Slider.Thumb,{index:0,circular:!0,elevate:!0}),r]})}0&&(module.exports={SliderDemo});
+"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 SliderDemo_exports = {};
+__export(SliderDemo_exports, {
+  SliderDemo: () => SliderDemo
+});
+module.exports = __toCommonJS(SliderDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function SliderDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { height: 200, alignItems: "center", space: "$8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { height: 200, orientation: "vertical" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimpleSlider, { width: 200 })
+  ] });
+}
+function SimpleSlider({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Slider, { defaultValue: [50], max: 100, step: 1, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Track, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.TrackActive, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Slider.Thumb, { index: 0, circular: true, elevate: true }),
+    children
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SliderDemo
+});
 //# sourceMappingURL=SliderDemo.js.map

package/dist/cjs/SliderDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SliderDemo.tsx"],
   "sourcesContent": ["import { Slider, SliderProps, Spacer, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n  return (\n    <XStack height={200} alignItems=\"center\" space=\"$8\">\n      <SimpleSlider height={200} orientation=\"vertical\" />\n      <SimpleSlider width={200} />\n    </XStack>\n  )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n  return (\n    <Slider defaultValue={[50]} max={100} step={1} {...props}>\n      <Slider.Track>\n        <Slider.TrackActive />\n      </Slider.Track>\n      <Slider.Thumb index={0} circular elevate />\n      {children}\n    </Slider>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAoD,mBAE7C,SAASH,GAAa,CAC3B,SACE,QAAC,UAAO,OAAQ,IAAK,WAAW,SAAS,MAAM,KAC7C,oBAACI,EAAA,CAAa,OAAQ,IAAK,YAAY,WAAW,KAClD,OAACA,EAAA,CAAa,MAAO,IAAK,GAC5B,CAEJ,CAEA,SAASA,EAAa,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAgB,CACzD,SACE,QAAC,UAAO,aAAc,CAAC,EAAE,EAAG,IAAK,IAAK,KAAM,EAAI,GAAGA,EACjD,oBAAC,SAAO,MAAP,CACC,mBAAC,SAAO,YAAP,EAAmB,EACtB,KACA,OAAC,SAAO,MAAP,CAAa,MAAO,EAAG,SAAQ,GAAC,QAAO,GAAC,EACxCD,GACH,CAEJ",
-  "names": ["SliderDemo_exports", "__export", "SliderDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "SimpleSlider", "children", "props"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAoD;AAE7C,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,QAAQ,KAAK,YAAW,UAAS,OAAM,MAC7C;AAAA,gDAAC,gBAAa,QAAQ,KAAK,aAAY,YAAW;AAAA,IAClD,4CAAC,gBAAa,OAAO,KAAK;AAAA,KAC5B;AAEJ;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,6CAAC,yBAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,GAAI,GAAG,OACjD;AAAA,gDAAC,sBAAO,OAAP,EACC,sDAAC,sBAAO,aAAP,EAAmB,GACtB;AAAA,IACA,4CAAC,sBAAO,OAAP,EAAa,OAAO,GAAG,UAAQ,MAAC,SAAO,MAAC;AAAA,IACxC;AAAA,KACH;AAEJ;",
+  "names": []
 }

package/dist/cjs/SpinnerDemo.js

@@ -1,2 +1,36 @@
-"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(n,e)=>{for(var i in e)c(n,i,{get:e[i],enumerable:!0})},s=(n,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of t(e))!g.call(n,r)&&r!==i&&c(n,r,{get:()=>e[r],enumerable:!(l=p(e,r))||l.enumerable});return n};var S=n=>s(c({},"__esModule",{value:!0}),n);var d={};m(d,{SpinnerDemo:()=>$});module.exports=S(d);var a=require("react/jsx-runtime"),o=require("tamagui");function $(){return(0,a.jsxs)(o.YStack,{padding:"$3",space:"$4",alignItems:"center",children:[(0,a.jsx)(o.Spinner,{size:"small",color:"$green10"}),(0,a.jsx)(o.Spinner,{size:"large",color:"$orange10"})]})}0&&(module.exports={SpinnerDemo});
+"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 SpinnerDemo_exports = {};
+__export(SpinnerDemo_exports, {
+  SpinnerDemo: () => SpinnerDemo
+});
+module.exports = __toCommonJS(SpinnerDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function SpinnerDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$4", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "small", color: "$green10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "large", color: "$orange10" })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SpinnerDemo
+});
 //# sourceMappingURL=SpinnerDemo.js.map

package/dist/cjs/SpinnerDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SpinnerDemo.tsx"],
   "sourcesContent": ["import { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n  return (\n    <YStack padding=\"$3\" space=\"$4\" alignItems=\"center\">\n      <Spinner size=\"small\" color=\"$green10\" />\n      <Spinner size=\"large\" color=\"$orange10\" />\n    </YStack>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAAgC,mBAEzB,SAASH,GAAc,CAC5B,SACE,QAAC,UAAO,QAAQ,KAAK,MAAM,KAAK,WAAW,SACzC,oBAAC,WAAQ,KAAK,QAAQ,MAAM,WAAW,KACvC,OAAC,WAAQ,KAAK,QAAQ,MAAM,YAAY,GAC1C,CAEJ",
-  "names": ["SpinnerDemo_exports", "__export", "SpinnerDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAgC;AAEzB,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,gDAAC,0BAAQ,MAAK,SAAQ,OAAM,YAAW;AAAA,IACvC,4CAAC,0BAAQ,MAAK,SAAQ,OAAM,aAAY;AAAA,KAC1C;AAEJ;",
+  "names": []
 }

package/dist/cjs/StacksDemo.js

@@ -1,2 +1,82 @@
-"use strict";var $=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var t=(a,o)=>{for(var i in o)$(a,i,{get:o[i],enumerable:!0})},u=(a,o,i,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!b.call(a,e)&&e!==i&&$(a,e,{get:()=>o[e],enumerable:!(c=l(o,e))||c.enumerable});return a};var g=a=>u($({},"__esModule",{value:!0}),a);var s={};t(s,{StacksDemo:()=>p});module.exports=g(s);var d=require("react/jsx-runtime"),r=require("tamagui");function p(){return(0,d.jsxs)(r.XStack,{maxWidth:250,padding:"$2",alignSelf:"center",space:!0,children:[(0,d.jsxs)(r.YStack,{flex:1,space:"$2",borderWidth:2,borderColor:"$color",borderRadius:"$4",padding:"$2",children:[(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"})]}),(0,d.jsxs)(r.XStack,{flex:1,space:"$2",borderWidth:2,borderColor:"$color",borderRadius:"$4",padding:"$2",children:[(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"}),(0,d.jsx)(r.YStack,{backgroundColor:"$color",borderRadius:"$3",padding:"$2"})]}),(0,d.jsxs)(r.ZStack,{maxWidth:50,maxHeight:85,width:100,flex:1,children:[(0,d.jsx)(r.YStack,{fullscreen:!0,borderWidth:2,borderRadius:"$4",padding:"$2"}),(0,d.jsx)(r.YStack,{fullscreen:!0,y:10,x:10,borderWidth:2,borderRadius:"$4",padding:"$2"}),(0,d.jsx)(r.YStack,{fullscreen:!0,y:20,x:20,borderWidth:2,backgroundColor:"$color",borderRadius:"$4",padding:"$2"})]})]})}0&&(module.exports={StacksDemo});
+"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 StacksDemo_exports = {};
+__export(StacksDemo_exports, {
+  StacksDemo: () => StacksDemo
+});
+module.exports = __toCommonJS(StacksDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function StacksDemo() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { maxWidth: 250, padding: "$2", alignSelf: "center", space: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_tamagui.YStack,
+      {
+        flex: 1,
+        space: "$2",
+        borderWidth: 2,
+        borderColor: "$color",
+        borderRadius: "$4",
+        padding: "$2",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_tamagui.XStack,
+      {
+        flex: 1,
+        space: "$2",
+        borderWidth: 2,
+        borderColor: "$color",
+        borderRadius: "$4",
+        padding: "$2",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { backgroundColor: "$color", borderRadius: "$3", padding: "$2" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ZStack, { maxWidth: 50, maxHeight: 85, width: 100, flex: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, borderWidth: 2, borderRadius: "$4", padding: "$2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { fullscreen: true, y: 10, x: 10, borderWidth: 2, borderRadius: "$4", padding: "$2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.YStack,
+        {
+          fullscreen: true,
+          y: 20,
+          x: 20,
+          borderWidth: 2,
+          backgroundColor: "$color",
+          borderRadius: "$4",
+          padding: "$2"
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StacksDemo
+});
 //# sourceMappingURL=StacksDemo.js.map