@tamagui/demos 1.0.1-beta.100

package/dist/cjs/ProgressDemo.js

@@ -0,0 +1,80 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ProgressDemo_exports = {};
+__export(ProgressDemo_exports, {
+  ProgressDemo: () => ProgressDemo
+});
+module.exports = __toCommonJS(ProgressDemo_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+function ProgressDemo() {
+  const [size, setSize] = (0, import_react2.useState)(4);
+  const [progress, setProgress] = (0, import_react2.useState)(20);
+  const sizeProp = `$${size}`;
+  (0, import_react2.useEffect)(() => {
+    const timer = setTimeout(() => setProgress(60), 1e3);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    h: 60,
+    ai: "center",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
+    h: 30,
+    o: 0.5
+  }, "Size: ", size), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Progress, {
+    size: sizeProp,
+    value: progress
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Progress.Indicator, {
+    animation: "bouncy"
+  }))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    ai: "center",
+    space: true,
+    pos: "absolute",
+    b: 10,
+    l: 20,
+    $sm: { disp: "none" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider, {
+    size: "$2",
+    w: 130,
+    defaultValue: [4],
+    min: 2,
+    max: 6,
+    step: 1,
+    onValueChange: ([val]) => {
+      setSize(val);
+    }
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider.Track, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider.TrackActive, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider.Thumb, {
+    circular: true,
+    index: 0
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    size: "$2",
+    onPress: () => setProgress((prev) => (prev + 20) % 100)
+  }, "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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ProgressDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { 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 h={60} ai=\"center\" space>\n        <Paragraph h={30} o={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 pos=\"absolute\" b={10} l={20} $sm={{ disp: 'none' }}>\n        <Slider\n          size=\"$2\"\n          w={130}\n          defaultValue={[4]}\n          min={2}\n          max={6}\n          step={1}\n          onValueChange={([val]) => {\n            setSize(val)\n          }}\n        >\n          <Slider.Track>\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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAoC;AACpC,qBAAgF;AAEzE,wBAAwB;AAC7B,QAAM,CAAC,MAAM,WAAW,4BAAS,CAAC;AAClC,QAAM,CAAC,UAAU,eAAe,4BAAS,EAAE;AAC3C,QAAM,WAAW,IAAI;AAErB,+BAAU,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,wFACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,IAAS,OAAK;AAAA,KAC9B,mDAAC;AAAA,IAAU,GAAG;AAAA,IAAI,GAAG;AAAA,KAAK,UACjB,IACT,GACA,mDAAC;AAAA,IAAS,MAAM;AAAA,IAAU,OAAO;AAAA,KAC/B,mDAAC,wBAAS,WAAT;AAAA,IAAmB,WAAU;AAAA,GAAS,CACzC,CACF,GAEA,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAK;AAAA,IAAC,KAAI;AAAA,IAAW,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,KAAK,EAAE,MAAM,OAAO;AAAA,KACzE,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,GAAG;AAAA,IACH,cAAc,CAAC,CAAC;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,IACN,eAAe,CAAC,CAAC,SAAS;AACxB,cAAQ,GAAG;AAAA,IACb;AAAA,KAEA,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,mDAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,OAAO;AAAA,GAAG,CACnC,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,SAAS,MAAM,YAAY,CAAC,SAAU,QAAO,MAAM,GAAG;AAAA,KAAG,MAE3E,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/SelectDemo.js

@@ -0,0 +1,105 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectDemo_exports = {};
+__export(SelectDemo_exports, {
+  SelectDemo: () => SelectDemo
+});
+module.exports = __toCommonJS(SelectDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function SelectDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select, {
+    defaultValue: "apple"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Trigger, {
+    w: 200,
+    iconAfter: import_feather_icons.ChevronDown
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Value, {
+    placeholder: "Something"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Content, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ScrollUpButton, {
+    ai: "center",
+    jc: "center",
+    pos: "relative",
+    w: "100%",
+    h: "$3"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    zi: 10
+  }, /* @__PURE__ */ import_react.default.createElement(import_feather_icons.ChevronUp, {
+    size: 20
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.LinearGradient, {
+    start: [0, 0],
+    end: [0, 1],
+    fullscreen: true,
+    colors: ["$background", "$backgroundTransparent"]
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Viewport, {
+    minWidth: 200
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Group, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Label, null, "Fruits"), items.map((item, i) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Item, {
+      index: i,
+      key: item.name,
+      value: item.name.toLowerCase()
+    }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ItemText, null, item.name));
+  }))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ScrollDownButton, {
+    ai: "center",
+    jc: "center",
+    pos: "relative",
+    w: "100%",
+    h: "$3"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    zi: 10
+  }, /* @__PURE__ */ import_react.default.createElement(import_feather_icons.ChevronDown, {
+    size: 20
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.LinearGradient, {
+    start: [0, 0],
+    end: [0, 1],
+    fullscreen: true,
+    colors: ["$backgroundTransparent", "$background"]
+  }))));
+}
+const items = [
+  { name: "Apple" },
+  { name: "Pear" },
+  { name: "Blackberry" },
+  { name: "Peach" },
+  { name: "Apricot" },
+  { name: "Melon" },
+  { name: "Honeydew" },
+  { name: "Starfruit" },
+  { name: "Blueberry" },
+  { name: "Rasberry" },
+  { 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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { LinearGradient, Select, Text, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n  return (\n    <Select defaultValue=\"apple\">\n      <Select.Trigger w={200} iconAfter={ChevronDown}>\n        <Select.Value placeholder=\"Something\" />\n      </Select.Trigger>\n\n      <Select.Content>\n        <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n          <YStack zi={10}>\n            <ChevronUp size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$background', '$backgroundTransparent']}\n          />\n        </Select.ScrollUpButton>\n\n        <Select.Viewport minWidth={200}>\n          <Select.Group>\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.Item>\n              )\n            })}\n          </Select.Group>\n        </Select.Viewport>\n\n        <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n          <YStack zi={10}>\n            <ChevronDown size={20} />\n          </YStack>\n          <LinearGradient\n            start={[0, 0]}\n            end={[0, 1]}\n            fullscreen\n            colors={['$backgroundTransparent', '$background']}\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: 'Rasberry' },\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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuC;AACvC,mBAAkB;AAClB,qBAAqD;AAE9C,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,cAAa;AAAA,KACnB,mDAAC,sBAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,mDAAC,sBAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,mDAAC,sBAAO,SAAP,MACC,mDAAC,sBAAO,gBAAP;AAAA,IAAsB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACvE,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAU,MAAM;AAAA,GAAI,CACvB,GACA,mDAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,GAClD,CACF,GAEA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,mDAAC,sBAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,mDAAC,sBAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,mDAAC,sBAAO,kBAAP;AAAA,IAAwB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACzE,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAY,MAAM;AAAA,GAAI,CACzB,GACA,mDAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,GAClD,CACF,CACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
+  "names": []
+}

package/dist/cjs/SeparatorDemo.js

@@ -0,0 +1,54 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SeparatorDemo_exports = {};
+__export(SeparatorDemo_exports, {
+  SeparatorDemo: () => SeparatorDemo
+});
+module.exports = __toCommonJS(SeparatorDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function SeparatorDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    w: "100%",
+    maw: 300,
+    mx: 15
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
+    fontWeight: "800"
+  }, "Tamagui"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "A cross-platform component library."), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
+    my: 15
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    h: 20,
+    ai: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Blog"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
+    als: "stretch",
+    vertical: true,
+    mx: 15
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Docs"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, {
+    als: "stretch",
+    vertical: true,
+    mx: 15
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "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

@@ -0,0 +1,7 @@
+{
+  "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 w=\"100%\" maw={300} mx={15}>\n      <Paragraph fontWeight=\"800\">Tamagui</Paragraph>\n      <Paragraph>A cross-platform component library.</Paragraph>\n      <Separator my={15} />\n      <XStack h={20} ai=\"center\">\n        <Paragraph>Blog</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Docs</Paragraph>\n        <Separator als=\"stretch\" vertical mx={15} />\n        <Paragraph>Source</Paragraph>\n      </XStack>\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqD;AAE9C,yBAAyB;AAC9B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAO,KAAK;AAAA,IAAK,IAAI;AAAA,KAC7B,mDAAC;AAAA,IAAU,YAAW;AAAA,KAAM,SAAO,GACnC,mDAAC,gCAAU,qCAAmC,GAC9C,mDAAC;AAAA,IAAU,IAAI;AAAA,GAAI,GACnB,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAI,IAAG;AAAA,KAChB,mDAAC,gCAAU,MAAI,GACf,mDAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,mDAAC,gCAAU,MAAI,GACf,mDAAC;AAAA,IAAU,KAAI;AAAA,IAAU,UAAQ;AAAA,IAAC,IAAI;AAAA,GAAI,GAC1C,mDAAC,gCAAU,QAAM,CACnB,CACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/ShapesDemo.js

@@ -0,0 +1,46 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ShapesDemo_exports = {};
+__export(ShapesDemo_exports, {
+  ShapesDemo: () => ShapesDemo
+});
+module.exports = __toCommonJS(ShapesDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function ShapesDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    p: "$2",
+    space: "$4"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Square, {
+    size: 100,
+    bc: "$color",
+    elevation: "$4"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Circle, {
+    size: 100,
+    bc: "$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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ShapesDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Circle, Square, XStack } from 'tamagui'\n\nexport function ShapesDemo() {\n  return (\n    <XStack p=\"$2\" space=\"$4\">\n      <Square size={100} bc=\"$color\" elevation=\"$4\" />\n      <Circle size={100} bc=\"$color\" elevation=\"$4\" />\n    </XStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAEhC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,KACnB,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,GAC9C,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAK,IAAG;AAAA,IAAS,WAAU;AAAA,GAAK,CAChD;AAEJ;",
+  "names": []
+}

package/dist/cjs/SheetDemo.js

@@ -0,0 +1,52 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SheetDemo_exports = {};
+__export(SheetDemo_exports, {
+  SheetDemo: () => SheetDemo
+});
+module.exports = __toCommonJS(SheetDemo_exports);
+var import_feather_icons = require("@tamagui/feather-icons");
+var import_sheet = require("@tamagui/sheet");
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+const SheetDemo = () => {
+  const [position, setPosition] = (0, import_react.useState)(0);
+  return /* @__PURE__ */ import_react.default.createElement(import_sheet.Drawer, {
+    snapPoints: [80, 10],
+    position,
+    onChangePosition: setPosition
+  }, /* @__PURE__ */ import_react.default.createElement(import_sheet.Drawer.Backdrop, null), /* @__PURE__ */ import_react.default.createElement(import_sheet.Drawer.Frame, {
+    ai: "center",
+    jc: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_sheet.Drawer.Handle, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
+    size: "$6",
+    circular: true,
+    icon: import_feather_icons.ChevronDown,
+    onPress: () => {
+      setPosition(1);
+    }
+  })));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SheetDemo
+});
+//# sourceMappingURL=SheetDemo.js.map

package/dist/cjs/SheetDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SheetDemo.tsx"],
+  "sourcesContent": ["import { ChevronDown } from '@tamagui/feather-icons'\nimport { Drawer } from '@tamagui/sheet'\nimport React, { useState } from 'react'\nimport { Button } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n\n  return (\n    <Drawer snapPoints={[80, 10]} position={position} onChangePosition={setPosition}>\n      <Drawer.Backdrop />\n      <Drawer.Frame ai=\"center\" jc=\"center\">\n        <Drawer.Handle />\n        <Button\n          size=\"$6\"\n          circular\n          icon={ChevronDown}\n          onPress={() => {\n            setPosition(1)\n          }}\n        />\n      </Drawer.Frame>\n    </Drawer>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA4B;AAC5B,mBAAuB;AACvB,mBAAgC;AAChC,qBAAuB;AAEhB,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,eAAe,2BAAS,CAAC;AAE1C,SACE,mDAAC;AAAA,IAAO,YAAY,CAAC,IAAI,EAAE;AAAA,IAAG;AAAA,IAAoB,kBAAkB;AAAA,KAClE,mDAAC,oBAAO,UAAP,IAAgB,GACjB,mDAAC,oBAAO,OAAP;AAAA,IAAa,IAAG;AAAA,IAAS,IAAG;AAAA,KAC3B,mDAAC,oBAAO,QAAP,IAAc,GACf,mDAAC;AAAA,IACC,MAAK;AAAA,IACL,UAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAM;AACb,kBAAY,CAAC;AAAA,IACf;AAAA,GACF,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/SliderDemo.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SliderDemo_exports = {};
+__export(SliderDemo_exports, {
+  SliderDemo: () => SliderDemo
+});
+module.exports = __toCommonJS(SliderDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function SliderDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    height: 200,
+    ai: "center",
+    space: "$8"
+  }, /* @__PURE__ */ import_react.default.createElement(SimpleSlider, {
+    height: 200,
+    orientation: "vertical"
+  }), /* @__PURE__ */ import_react.default.createElement(SimpleSlider, {
+    width: 200
+  }));
+}
+function SimpleSlider(_a) {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider, __spreadValues({
+    defaultValue: [50],
+    max: 100,
+    step: 1
+  }, props), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider.Track, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider.TrackActive, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider.Thumb, {
+    bordered: true,
+    circular: true,
+    elevate: true,
+    index: 0
+  }), 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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SliderDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Slider, SliderProps, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n  return (\n    <XStack height={200} ai=\"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 bordered circular elevate index={0} />\n      {children}\n    </Slider>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAA4C;AAErC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,mDAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,mDAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,mDAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,mDAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
+  "names": []
+}

package/dist/cjs/SpinnerDemo.js

@@ -0,0 +1,45 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SpinnerDemo_exports = {};
+__export(SpinnerDemo_exports, {
+  SpinnerDemo: () => SpinnerDemo
+});
+module.exports = __toCommonJS(SpinnerDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function SpinnerDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    p: "$3",
+    space: "$4",
+    ai: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Spinner, {
+    size: "small",
+    color: "$green10"
+  }), /* @__PURE__ */ import_react.default.createElement(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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SpinnerDemo.tsx"],
+  "sourcesContent": ["import React from 'react'\nimport { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n  return (\n    <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n      <Spinner size=\"small\" color=\"$green10\" />\n      <Spinner size=\"large\" color=\"$orange10\" />\n    </YStack>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAgC;AAEzB,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAW,GACvC,mDAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAY,CAC1C;AAEJ;",
+  "names": []
+}

package/dist/cjs/StacksDemo.js

@@ -0,0 +1,103 @@
+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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var StacksDemo_exports = {};
+__export(StacksDemo_exports, {
+  StacksDemo: () => StacksDemo
+});
+module.exports = __toCommonJS(StacksDemo_exports);
+var import_react = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+function StacksDemo() {
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    maw: 250,
+    p: "$2",
+    als: "center",
+    space: true
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    flex: 1,
+    space: "$2",
+    bw: 2,
+    boc: "$color",
+    br: "$4",
+    p: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+    flex: 1,
+    space: "$2",
+    bw: 2,
+    boc: "$color",
+    br: "$4",
+    p: "$2"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    bc: "$color",
+    br: "$3",
+    p: "$2"
+  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ZStack, {
+    maw: 50,
+    mah: 85,
+    w: 100,
+    flex: 1
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: true,
+    bw: 2,
+    br: "$4",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: true,
+    y: 10,
+    x: 10,
+    bw: 2,
+    br: "$4",
+    p: "$2"
+  }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    fullscreen: true,
+    y: 20,
+    x: 20,
+    bw: 2,
+    bc: "$color",
+    br: "$4",
+    p: "$2"
+  })));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StacksDemo
+});
+//# sourceMappingURL=StacksDemo.js.map