@tamagui/demos 1.0.1-beta.94 → 1.0.1-beta.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/cjs/PopoverDemo.js +16 -17
  2. package/dist/cjs/PopoverDemo.js.map +2 -2
  3. package/dist/cjs/SliderDemo.js +9 -5
  4. package/dist/cjs/SliderDemo.js.map +2 -2
  5. package/dist/cjs/StacksDemo.js +2 -0
  6. package/dist/cjs/StacksDemo.js.map +2 -2
  7. package/dist/cjs/SwitchDemo.js +0 -1
  8. package/dist/cjs/SwitchDemo.js.map +2 -2
  9. package/dist/cjs/TooltipDemo.js +4 -1
  10. package/dist/cjs/TooltipDemo.js.map +2 -2
  11. package/dist/cjs/conf.js +0 -0
  12. package/dist/cjs/conf.js.map +0 -0
  13. package/dist/esm/PopoverDemo.js +5 -9
  14. package/dist/esm/PopoverDemo.js.map +2 -2
  15. package/dist/esm/SliderDemo.js +1 -0
  16. package/dist/esm/SliderDemo.js.map +2 -2
  17. package/dist/esm/StacksDemo.js +2 -0
  18. package/dist/esm/StacksDemo.js.map +2 -2
  19. package/dist/esm/SwitchDemo.js +0 -1
  20. package/dist/esm/SwitchDemo.js.map +2 -2
  21. package/dist/esm/TooltipDemo.js +4 -1
  22. package/dist/esm/TooltipDemo.js.map +2 -2
  23. package/dist/esm/conf.js +0 -0
  24. package/dist/esm/conf.js.map +0 -0
  25. package/dist/jsx/PopoverDemo.js +5 -5
  26. package/dist/jsx/PopoverDemo.js.map +2 -2
  27. package/dist/jsx/SliderDemo.js.map +2 -2
  28. package/dist/jsx/StacksDemo.js +1 -1
  29. package/dist/jsx/StacksDemo.js.map +2 -2
  30. package/dist/jsx/SwitchDemo.js +1 -1
  31. package/dist/jsx/SwitchDemo.js.map +2 -2
  32. package/dist/jsx/TooltipDemo.js +1 -1
  33. package/dist/jsx/TooltipDemo.js.map +2 -2
  34. package/dist/jsx/conf.js +0 -0
  35. package/dist/jsx/conf.js.map +0 -0
  36. package/package.json +5 -5
  37. package/src/PopoverDemo.tsx +8 -12
  38. package/src/SliderDemo.tsx +1 -0
  39. package/src/StacksDemo.tsx +1 -1
  40. package/src/SwitchDemo.tsx +1 -1
  41. package/src/TooltipDemo.tsx +3 -1
  42. package/types/PopoverDemo.d.ts.map +1 -1
  43. package/types/SliderDemo.d.ts.map +1 -1
  44. package/types/TooltipDemo.d.ts.map +1 -1
  45. package/types/conf.d.ts +0 -0
  46. package/types/conf.d.ts.map +0 -0
package/dist/cjs/PopoverDemo.js CHANGED
@@ -1,7 +1,9 @@
1
+ var __create = Object.create;
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
5
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __getProtoOf = Object.getPrototypeOf;
5
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
8
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
9
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -40,6 +42,7 @@ var __copyProps = (to, from, except, desc) => {
40
42
  }
41
43
  return to;
42
44
  };
45
+ 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));
43
46
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
44
47
  var PopoverDemo_exports = {};
45
48
  __export(PopoverDemo_exports, {
@@ -48,49 +51,45 @@ __export(PopoverDemo_exports, {
48
51
  });
49
52
  module.exports = __toCommonJS(PopoverDemo_exports);
50
53
  var import_feather_icons = require("@tamagui/feather-icons");
54
+ var import_react = __toESM(require("react"));
51
55
  var import_tamagui = require("tamagui");
52
56
  function PopoverDemo() {
53
- return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
57
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
54
58
  space: "$2"
55
- }, /* @__PURE__ */ React.createElement(Demo, {
59
+ }, /* @__PURE__ */ import_react.default.createElement(Demo, {
56
60
  placement: "left",
57
61
  Icon: import_feather_icons.ChevronLeft
58
- }), /* @__PURE__ */ React.createElement(Demo, {
62
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
59
63
  placement: "bottom",
60
64
  Icon: import_feather_icons.ChevronDown
61
- }), /* @__PURE__ */ React.createElement(Demo, {
65
+ }), /* @__PURE__ */ import_react.default.createElement(Demo, {
62
66
  placement: "right",
63
67
  Icon: import_feather_icons.ChevronRight
64
68
  }));
65
69
  }
66
70
  function Demo(_a) {
67
71
  var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
68
- return /* @__PURE__ */ React.createElement(import_tamagui.Popover, __spreadValues({
69
- modal: true
70
- }, props), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Trigger, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
72
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, __spreadValues({
73
+ size: "$5"
74
+ }, props), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Trigger, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
71
75
  icon: Icon
72
- })), /* @__PURE__ */ React.createElement(import_tamagui.Popover.Content, {
73
- elevation: "$4",
76
+ })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Content, {
74
77
  enterStyle: { x: 0, y: -10, o: 0 },
75
78
  exitStyle: { x: 0, y: -10, o: 0 },
76
- p: "$2",
77
- br: "$4",
78
79
  x: 0,
79
80
  y: 0,
80
81
  o: 1,
81
82
  animation: "bouncy",
82
83
  elevate: true
83
- }, /* @__PURE__ */ React.createElement(import_tamagui.Popover.Arrow, null), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
84
- p: "$3"
85
- }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
84
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Arrow, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
86
85
  space: "$3"
87
- }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
86
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
88
87
  size: "$3",
89
88
  htmlFor: "name"
90
- }, "Name"), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
89
+ }, "Name"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, {
91
90
  size: "$3",
92
91
  id: "name"
93
- })))));
92
+ }))));
94
93
  }
95
94
  // Annotate the CommonJS export names for ESM import in node:
96
95
  0 && (module.exports = {
package/dist/cjs/PopoverDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\">\n <Demo placement=\"left\" Icon={ChevronLeft} />\n <Demo placement=\"bottom\" Icon={ChevronDown} />\n <Demo placement=\"right\" Icon={ChevronRight} />\n </XStack>\n )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n return (\n <Popover modal {...props}>\n <Popover.Trigger>\n <Button icon={Icon} />\n </Popover.Trigger>\n <Popover.Content\n elevation=\"$4\"\n enterStyle={{ x: 0, y: -10, o: 0 }}\n exitStyle={{ x: 0, y: -10, o: 0 }}\n p=\"$2\"\n br=\"$4\"\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n elevate\n >\n <Popover.Arrow />\n\n <YStack p=\"$3\">\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor=\"name\">\n Name\n </Label>\n <Input size=\"$3\" id=\"name\" />\n </XStack>\n </YStack>\n </Popover.Content>\n </Popover>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuD;AACvD,qBAA4E;AAErE,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC;AAAA,IAAQ,OAAK;AAAA,KAAK,QACjB,oCAAC,uBAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,oCAAC,uBAAQ,SAAR;AAAA,IACC,WAAU;AAAA,IACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAE;AAAA,IACF,IAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAO;AAAA,KAEP,oCAAC,uBAAQ,OAAR,IAAc,GAEf,oCAAC;AAAA,IAAO,GAAE;AAAA,KACR,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF,CACF;AAEJ;",
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\">\n <Demo placement=\"left\" Icon={ChevronLeft} />\n <Demo placement=\"bottom\" Icon={ChevronDown} />\n <Demo placement=\"right\" Icon={ChevronRight} />\n </XStack>\n )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n return (\n <Popover size=\"$5\" {...props}>\n <Popover.Trigger>\n <Button icon={Icon} />\n </Popover.Trigger>\n <Popover.Content\n enterStyle={{ x: 0, y: -10, o: 0 }}\n exitStyle={{ x: 0, y: -10, o: 0 }}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n elevate\n >\n <Popover.Arrow />\n\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor=\"name\">\n Name\n </Label>\n <Input size=\"$3\" id=\"name\" />\n </XStack>\n </Popover.Content>\n </Popover>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuD;AACvD,mBAAkB;AAClB,qBAA4E;AAErE,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,mDAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,mDAAC;AAAA,IAAQ,MAAK;AAAA,KAAS,QACrB,mDAAC,uBAAQ,SAAR,MACC,mDAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,mDAAC,uBAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAO;AAAA,KAEP,mDAAC,uBAAQ,OAAR,IAAc,GAEf,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,mDAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/SliderDemo.js CHANGED
@@ -1,7 +1,9 @@
1
+ var __create = Object.create;
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
5
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __getProtoOf = Object.getPrototypeOf;
5
7
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
8
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
9
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -40,32 +42,34 @@ var __copyProps = (to, from, except, desc) => {
40
42
  }
41
43
  return to;
42
44
  };
45
+ 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));
43
46
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
44
47
  var SliderDemo_exports = {};
45
48
  __export(SliderDemo_exports, {
46
49
  SliderDemo: () => SliderDemo
47
50
  });
48
51
  module.exports = __toCommonJS(SliderDemo_exports);
52
+ var import_react = __toESM(require("react"));
49
53
  var import_tamagui = require("tamagui");
50
54
  function SliderDemo() {
51
- return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
55
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
52
56
  height: 200,
53
57
  ai: "center",
54
58
  space: "$8"
55
- }, /* @__PURE__ */ React.createElement(SimpleSlider, {
59
+ }, /* @__PURE__ */ import_react.default.createElement(SimpleSlider, {
56
60
  height: 200,
57
61
  orientation: "vertical"
58
- }), /* @__PURE__ */ React.createElement(SimpleSlider, {
62
+ }), /* @__PURE__ */ import_react.default.createElement(SimpleSlider, {
59
63
  width: 200
60
64
  }));
61
65
  }
62
66
  function SimpleSlider(_a) {
63
67
  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
64
- return /* @__PURE__ */ React.createElement(import_tamagui.Slider, __spreadValues({
68
+ return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Slider, __spreadValues({
65
69
  defaultValue: [50],
66
70
  max: 100,
67
71
  step: 1
68
- }, props), /* @__PURE__ */ React.createElement(import_tamagui.Slider.Track, null, /* @__PURE__ */ React.createElement(import_tamagui.Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(import_tamagui.Slider.Thumb, {
72
+ }, 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, {
69
73
  bordered: true,
70
74
  circular: true,
71
75
  elevate: true,
package/dist/cjs/SliderDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SliderDemo.tsx"],
4
- "sourcesContent": ["import { 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4C;AAErC,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,sBAAO,OAAP,MACC,oCAAC,sBAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,sBAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
4
+ "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"],
5
+ "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;",
6
6
  "names": []
7
7
  }
package/dist/cjs/StacksDemo.js CHANGED
@@ -27,6 +27,8 @@ var import_react = __toESM(require("react"));
27
27
  var import_tamagui = require("tamagui");
28
28
  function StacksDemo() {
29
29
  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
30
+ maw: 250,
31
+ p: "$2",
30
32
  als: "center",
31
33
  space: true
32
34
  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
package/dist/cjs/StacksDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/StacksDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAEhC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,OAAK;AAAA,KACxB,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;",
4
+ "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack maw={250} p=\"$2\" als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuC;AAEhC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,KACzC,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,mDAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,mDAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/SwitchDemo.js CHANGED
@@ -43,7 +43,6 @@ function SwitchDemo() {
43
43
  function SwitchWithLabel(props) {
44
44
  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
45
45
  w: 300,
46
- x: -60,
47
46
  ai: "center",
48
47
  space: "$4"
49
48
  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
package/dist/cjs/SwitchDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SwitchDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAE9D,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
4
+ "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAqE;AAE9D,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,mDAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,mDAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,mDAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,mDAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,mDAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,mDAAC,sBAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/TooltipDemo.js CHANGED
@@ -114,7 +114,10 @@ function Demo(_a) {
114
114
  y: 0,
115
115
  o: 1,
116
116
  animation: "bouncy"
117
- }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Tooltip.Arrow, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, null, "Hello world")));
117
+ }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Tooltip.Arrow, null), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
118
+ size: "$2",
119
+ lineHeight: "$1"
120
+ }, "Hello world")));
118
121
  }
119
122
  // Annotate the CommonJS export names for ESM import in node:
120
123
  0 && (module.exports = {
package/dist/cjs/TooltipDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TooltipDemo.tsx"],
4
- "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph>Hello world</Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA0E;AAC1E,mBAAkB;AAClB,qBAAuF;AAEhF,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,mDAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,mDAAC,2CAAY,QACX,mDAAC,uBAAQ,SAAR,MACC,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,mDAAC,uBAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,mDAAC,uBAAQ,OAAR,IAAc,GACf,mDAAC,gCAAU,aAAW,CACxB,CACF;AAEJ;",
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$1\">\n Hello world\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA0E;AAC1E,mBAAkB;AAClB,qBAAuF;AAEhF,uBAAuB;AAC5B,SACE,mDAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,mDAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,mDAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,mDAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,mDAAC,2CAAY,QACX,mDAAC,uBAAQ,SAAR,MACC,mDAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,mDAAC,uBAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,mDAAC,uBAAQ,OAAR,IAAc,GACf,mDAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAAK,aAErC,CACF,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/conf.js CHANGED
File without changes
package/dist/cjs/conf.js.map CHANGED
File without changes
package/dist/esm/PopoverDemo.js CHANGED
@@ -27,7 +27,8 @@ var __objRest = (source, exclude) => {
27
27
  return target;
28
28
  };
29
29
  import { ChevronDown, ChevronLeft, ChevronRight } from "@tamagui/feather-icons";
30
- import { Button, Input, Label, Popover, XStack, YStack } from "tamagui";
30
+ import React from "react";
31
+ import { Button, Input, Label, Popover, XStack } from "tamagui";
31
32
  function PopoverDemo() {
32
33
  return /* @__PURE__ */ React.createElement(XStack, {
33
34
  space: "$2"
@@ -45,23 +46,18 @@ function PopoverDemo() {
45
46
  function Demo(_a) {
46
47
  var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
47
48
  return /* @__PURE__ */ React.createElement(Popover, __spreadValues({
48
- modal: true
49
+ size: "$5"
49
50
  }, props), /* @__PURE__ */ React.createElement(Popover.Trigger, null, /* @__PURE__ */ React.createElement(Button, {
50
51
  icon: Icon
51
52
  })), /* @__PURE__ */ React.createElement(Popover.Content, {
52
- elevation: "$4",
53
53
  enterStyle: { x: 0, y: -10, o: 0 },
54
54
  exitStyle: { x: 0, y: -10, o: 0 },
55
- p: "$2",
56
- br: "$4",
57
55
  x: 0,
58
56
  y: 0,
59
57
  o: 1,
60
58
  animation: "bouncy",
61
59
  elevate: true
62
- }, /* @__PURE__ */ React.createElement(Popover.Arrow, null), /* @__PURE__ */ React.createElement(YStack, {
63
- p: "$3"
64
- }, /* @__PURE__ */ React.createElement(XStack, {
60
+ }, /* @__PURE__ */ React.createElement(Popover.Arrow, null), /* @__PURE__ */ React.createElement(XStack, {
65
61
  space: "$3"
66
62
  }, /* @__PURE__ */ React.createElement(Label, {
67
63
  size: "$3",
@@ -69,7 +65,7 @@ function Demo(_a) {
69
65
  }, "Name"), /* @__PURE__ */ React.createElement(Input, {
70
66
  size: "$3",
71
67
  id: "name"
72
- })))));
68
+ }))));
73
69
  }
74
70
  export {
75
71
  Demo,
package/dist/esm/PopoverDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\">\n <Demo placement=\"left\" Icon={ChevronLeft} />\n <Demo placement=\"bottom\" Icon={ChevronDown} />\n <Demo placement=\"right\" Icon={ChevronRight} />\n </XStack>\n )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n return (\n <Popover modal {...props}>\n <Popover.Trigger>\n <Button icon={Icon} />\n </Popover.Trigger>\n <Popover.Content\n elevation=\"$4\"\n enterStyle={{ x: 0, y: -10, o: 0 }}\n exitStyle={{ x: 0, y: -10, o: 0 }}\n p=\"$2\"\n br=\"$4\"\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n elevate\n >\n <Popover.Arrow />\n\n <YStack p=\"$3\">\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor=\"name\">\n Name\n </Label>\n <Input size=\"$3\" id=\"name\" />\n </XStack>\n </YStack>\n </Popover.Content>\n </Popover>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC;AAAA,IAAQ,OAAK;AAAA,KAAK,QACjB,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,oCAAC,QAAQ,SAAR;AAAA,IACC,WAAU;AAAA,IACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAE;AAAA,IACF,IAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAO;AAAA,KAEP,oCAAC,QAAQ,OAAR,IAAc,GAEf,oCAAC;AAAA,IAAO,GAAE;AAAA,KACR,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF,CACF;AAEJ;",
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\">\n <Demo placement=\"left\" Icon={ChevronLeft} />\n <Demo placement=\"bottom\" Icon={ChevronDown} />\n <Demo placement=\"right\" Icon={ChevronRight} />\n </XStack>\n )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n return (\n <Popover size=\"$5\" {...props}>\n <Popover.Trigger>\n <Button icon={Icon} />\n </Popover.Trigger>\n <Popover.Content\n enterStyle={{ x: 0, y: -10, o: 0 }}\n exitStyle={{ x: 0, y: -10, o: 0 }}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n elevate\n >\n <Popover.Arrow />\n\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor=\"name\">\n Name\n </Label>\n <Input size=\"$3\" id=\"name\" />\n </XStack>\n </Popover.Content>\n </Popover>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GAC1C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GAC5C,oCAAC;AAAA,IAAK,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC9C;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC;AAAA,IAAQ,MAAK;AAAA,KAAS,QACrB,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,GAAM,CACtB,GACA,oCAAC,QAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,IAChC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,IACV,SAAO;AAAA,KAEP,oCAAC,QAAQ,OAAR,IAAc,GAEf,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,SAAQ;AAAA,KAAO,MAEhC,GACA,oCAAC;AAAA,IAAM,MAAK;AAAA,IAAK,IAAG;AAAA,GAAO,CAC7B,CACF,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/SliderDemo.js CHANGED
@@ -26,6 +26,7 @@ var __objRest = (source, exclude) => {
26
26
  }
27
27
  return target;
28
28
  };
29
+ import React from "react";
29
30
  import { Slider, XStack } from "tamagui";
30
31
  function SliderDemo() {
31
32
  return /* @__PURE__ */ React.createElement(XStack, {
package/dist/esm/SliderDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SliderDemo.tsx"],
4
- "sourcesContent": ["import { 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
4
+ "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"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/StacksDemo.js CHANGED
@@ -2,6 +2,8 @@ import React from "react";
2
2
  import { XStack, YStack, ZStack } from "tamagui";
3
3
  function StacksDemo() {
4
4
  return /* @__PURE__ */ React.createElement(XStack, {
5
+ maw: 250,
6
+ p: "$2",
5
7
  als: "center",
6
8
  space: true
7
9
  }, /* @__PURE__ */ React.createElement(YStack, {
package/dist/esm/StacksDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/StacksDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
- "mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAS,OAAK;AAAA,KACxB,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;",
4
+ "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack maw={250} p=\"$2\" als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,KACzC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/SwitchDemo.js CHANGED
@@ -18,7 +18,6 @@ function SwitchDemo() {
18
18
  function SwitchWithLabel(props) {
19
19
  return /* @__PURE__ */ React.createElement(XStack, {
20
20
  w: 300,
21
- x: -60,
22
21
  ai: "center",
23
22
  space: "$4"
24
23
  }, /* @__PURE__ */ React.createElement(Label, {
package/dist/esm/SwitchDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SwitchDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
- "mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACxC,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,oCAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
4
+ "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,oCAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/TooltipDemo.js CHANGED
@@ -90,7 +90,10 @@ function Demo(_a) {
90
90
  y: 0,
91
91
  o: 1,
92
92
  animation: "bouncy"
93
- }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, null, "Hello world")));
93
+ }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
94
+ size: "$2",
95
+ lineHeight: "$1"
96
+ }, "Hello world")));
94
97
  }
95
98
  export {
96
99
  Demo,
package/dist/esm/TooltipDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TooltipDemo.tsx"],
4
- "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph>Hello world</Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,oCAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC,4BAAY,QACX,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,oCAAC,QAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC,iBAAU,aAAW,CACxB,CACF;AAEJ;",
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$1\">\n Hello world\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,oCAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC,4BAAY,QACX,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,oCAAC,QAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAAK,aAErC,CACF,CACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/conf.js CHANGED
File without changes
package/dist/esm/conf.js.map CHANGED
File without changes
package/dist/jsx/PopoverDemo.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ChevronDown, ChevronLeft, ChevronRight } from "@tamagui/feather-icons";
2
- import { Button, Input, Label, Popover, XStack, YStack } from "tamagui";
2
+ import { Button, Input, Label, Popover, XStack } from "tamagui";
3
3
  function PopoverDemo() {
4
4
  return <XStack space="$2">
5
5
  <Demo placement="left" Icon={ChevronLeft} />
@@ -8,14 +8,14 @@ function PopoverDemo() {
8
8
  </XStack>;
9
9
  }
10
10
  function Demo({ Icon, ...props }) {
11
- return <Popover modal {...props}>
11
+ return <Popover size="$5" {...props}>
12
12
  <Popover.Trigger><Button icon={Icon} /></Popover.Trigger>
13
- <Popover.Content elevation="$4" enterStyle={{ x: 0, y: -10, o: 0 }} exitStyle={{ x: 0, y: -10, o: 0 }} p="$2" br="$4" x={0} y={0} o={1} animation="bouncy" elevate>
13
+ <Popover.Content enterStyle={{ x: 0, y: -10, o: 0 }} exitStyle={{ x: 0, y: -10, o: 0 }} x={0} y={0} o={1} animation="bouncy" elevate>
14
14
  <Popover.Arrow />
15
- <YStack p="$3"><XStack space="$3">
15
+ <XStack space="$3">
16
16
  <Label size="$3" htmlFor="name">Name</Label>
17
17
  <Input size="$3" id="name" />
18
- </XStack></YStack>
18
+ </XStack>
19
19
  </Popover.Content>
20
20
  </Popover>;
21
21
  }
package/dist/jsx/PopoverDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/PopoverDemo.tsx"],
4
- "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\">\n <Demo placement=\"left\" Icon={ChevronLeft} />\n <Demo placement=\"bottom\" Icon={ChevronDown} />\n <Demo placement=\"right\" Icon={ChevronRight} />\n </XStack>\n )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n return (\n <Popover modal {...props}>\n <Popover.Trigger>\n <Button icon={Icon} />\n </Popover.Trigger>\n <Popover.Content\n elevation=\"$4\"\n enterStyle={{ x: 0, y: -10, o: 0 }}\n exitStyle={{ x: 0, y: -10, o: 0 }}\n p=\"$2\"\n br=\"$4\"\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n elevate\n >\n <Popover.Arrow />\n\n <YStack p=\"$3\">\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor=\"name\">\n Name\n </Label>\n <Input size=\"$3\" id=\"name\" />\n </XStack>\n </YStack>\n </Popover.Content>\n </Popover>\n )\n}\n"],
5
- "mappings": "AAAA;AACA;AAEO,uBAAuB;AAC5B,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa;AAAA,IAC1C,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa;AAAA,IAC5C,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc;AAAA,EAC9C,EAJC;AAML;AAEO,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,CAAC,QAAQ,UAAU;AAAA,IACjB,CAAC,QAAQ,QACP,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAGT,CAAC,QAAQ,QACP,UAAU,KACV,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GAChC,EAAE,KACF,GAAG,KACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,UAAU,SACV;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MAEf,CAAC,OAAO,EAAE,KACR,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,MAAM,KAAK,KAAK,QAAQ,OAAO,IAEhC,EAFC;AAAA,QAGD,CAAC,MAAM,KAAK,KAAK,GAAG,OAAO;AAAA,MAC7B,EALC,OAMH,EAPC;AAAA,IAQH,EAtBC,QAAQ;AAAA,EAuBX,EA3BC;AA6BL;",
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'\n\nexport function PopoverDemo() {\n return (\n <XStack space=\"$2\">\n <Demo placement=\"left\" Icon={ChevronLeft} />\n <Demo placement=\"bottom\" Icon={ChevronDown} />\n <Demo placement=\"right\" Icon={ChevronRight} />\n </XStack>\n )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n return (\n <Popover size=\"$5\" {...props}>\n <Popover.Trigger>\n <Button icon={Icon} />\n </Popover.Trigger>\n <Popover.Content\n enterStyle={{ x: 0, y: -10, o: 0 }}\n exitStyle={{ x: 0, y: -10, o: 0 }}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n elevate\n >\n <Popover.Arrow />\n\n <XStack space=\"$3\">\n <Label size=\"$3\" htmlFor=\"name\">\n Name\n </Label>\n <Input size=\"$3\" id=\"name\" />\n </XStack>\n </Popover.Content>\n </Popover>\n )\n}\n"],
5
+ "mappings": "AAAA;AAEA;AAEO,uBAAuB;AAC5B,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa;AAAA,IAC1C,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa;AAAA,IAC5C,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc;AAAA,EAC9C,EAJC;AAML;AAEO,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QACP,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAGT,CAAC,QAAQ,QACP,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GAChC,GAAG,GACH,GAAG,GACH,GAAG,GACH,UAAU,SACV;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MAEf,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,MAAM,KAAK,KAAK,QAAQ,OAAO,IAEhC,EAFC;AAAA,QAGD,CAAC,MAAM,KAAK,KAAK,GAAG,OAAO;AAAA,MAC7B,EALC;AAAA,IAMH,EAjBC,QAAQ;AAAA,EAkBX,EAtBC;AAwBL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/SliderDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SliderDemo.tsx"],
4
- "sourcesContent": ["import { 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"],
5
- "mappings": "AAAA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,GAAG,SAAS,MAAM;AAAA,IACrC,CAAC,aAAa,QAAQ,KAAK,YAAY,WAAW;AAAA,IAClD,CAAC,aAAa,OAAO,KAAK;AAAA,EAC5B,EAHC;AAKL;AAEA,sBAAsB,EAAE,aAAa,SAAsB;AACzD,SACE,CAAC,OAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,OAAO;AAAA,IACjD,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,MAAM,SAAS,SAAS,QAAQ,OAAO,GAAG;AAAA,KACjD;AAAA,EACH,EANC;AAQL;",
4
+ "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"],
5
+ "mappings": "AACA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,GAAG,SAAS,MAAM;AAAA,IACrC,CAAC,aAAa,QAAQ,KAAK,YAAY,WAAW;AAAA,IAClD,CAAC,aAAa,OAAO,KAAK;AAAA,EAC5B,EAHC;AAKL;AAEA,sBAAsB,EAAE,aAAa,SAAsB;AACzD,SACE,CAAC,OAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,OAAO;AAAA,IACjD,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,MAAM,SAAS,SAAS,QAAQ,OAAO,GAAG;AAAA,KACjD;AAAA,EACH,EANC;AAQL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/StacksDemo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { XStack, YStack, ZStack } from "tamagui";
2
2
  function StacksDemo() {
3
- return <XStack als="center" space>
3
+ return <XStack maw={250} p="$2" als="center" space>
4
4
  <YStack flex={1} space="$2" bw={2} boc="$color" br="$4" p="$2">
5
5
  <YStack bc="$color" br="$3" p="$2" />
6
6
  <YStack bc="$color" br="$3" p="$2" />
package/dist/jsx/StacksDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/StacksDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
- "mappings": "AACA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,IAAI,SAAS;AAAA,IACnB,CAAC,OAAO,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE;AAAA,MACxD,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrC,EAJC;AAAA,IAMD,CAAC,OAAO,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE;AAAA,MACxD,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrC,EAJC;AAAA,IAMD,CAAC,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM;AAAA,MACtC,CAAC,OAAO,WAAW,IAAI,GAAG,GAAG,KAAK,EAAE,KAAK;AAAA,MACzC,CAAC,OAAO,WAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,KAAK,EAAE,KAAK;AAAA,MACvD,CAAC,OAAO,WAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrE,EAJC;AAAA,EAKH,EAlBC;AAoBL;",
4
+ "sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack maw={250} p=\"$2\" als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AACA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,KAAK,KAAK,EAAE,KAAK,IAAI,SAAS;AAAA,IACpC,CAAC,OAAO,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE;AAAA,MACxD,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrC,EAJC;AAAA,IAMD,CAAC,OAAO,MAAM,GAAG,MAAM,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE;AAAA,MACxD,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,MACnC,CAAC,OAAO,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrC,EAJC;AAAA,IAMD,CAAC,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM;AAAA,MACtC,CAAC,OAAO,WAAW,IAAI,GAAG,GAAG,KAAK,EAAE,KAAK;AAAA,MACzC,CAAC,OAAO,WAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,KAAK,EAAE,KAAK;AAAA,MACvD,CAAC,OAAO,WAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG,GAAG,SAAS,GAAG,KAAK,EAAE,KAAK;AAAA,IACrE,EAJC;AAAA,EAKH,EAlBC;AAoBL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/SwitchDemo.js CHANGED
@@ -8,7 +8,7 @@ function SwitchDemo() {
8
8
  </YStack>;
9
9
  }
10
10
  function SwitchWithLabel(props) {
11
- return <XStack w={300} x={-60} ai="center" space="$4">
11
+ return <XStack w={300} ai="center" space="$4">
12
12
  <Label pr="$0" miw={200} jc="flex-end" size={props.size} htmlFor="switch-1">Dark mode</Label>
13
13
  <Separator mih={20} vertical />
14
14
  <Switch id="switch-1" size={props.size}><Switch.Thumb animation="bouncy" /></Switch>
package/dist/jsx/SwitchDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/SwitchDemo.tsx"],
4
- "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} x={-60} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
- "mappings": "AACA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,EAC7B,EALC;AAOL;AAEA,yBAAyB,OAA6B;AACpD,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IACxC,CAAC,MAAM,GAAG,KAAK,KAAK,KAAK,GAAG,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,SAE5E,EAFC;AAAA,IAGD,CAAC,UAAU,KAAK,IAAI,SAAS;AAAA,IAC7B,CAAC,OAAO,GAAG,WAAW,MAAM,MAAM,MAChC,CAAC,OAAO,MAAM,UAAU,SAAS,EACnC,EAFC;AAAA,EAGH,EARC;AAUL;",
4
+ "sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
5
+ "mappings": "AACA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,EAC7B,EALC;AAOL;AAEA,yBAAyB,OAA6B;AACpD,SACE,CAAC,OAAO,GAAG,KAAK,GAAG,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,GAAG,KAAK,KAAK,KAAK,GAAG,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,SAE5E,EAFC;AAAA,IAGD,CAAC,UAAU,KAAK,IAAI,SAAS;AAAA,IAC7B,CAAC,OAAO,GAAG,WAAW,MAAM,MAAM,MAChC,CAAC,OAAO,MAAM,UAAU,SAAS,EACnC,EAFC;AAAA,EAGH,EARC;AAUL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/TooltipDemo.js CHANGED
@@ -24,7 +24,7 @@ function Demo({ Icon, ...props }) {
24
24
  <Tooltip.Trigger><Button icon={Icon} circular /></Tooltip.Trigger>
25
25
  <Tooltip.Content enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }} exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }} scale={1} x={0} y={0} o={1} animation="bouncy">
26
26
  <Tooltip.Arrow />
27
- <Paragraph>Hello world</Paragraph>
27
+ <Paragraph size="$2" lineHeight="$1">Hello world</Paragraph>
28
28
  </Tooltip.Content>
29
29
  </Tooltip>;
30
30
  }
package/dist/jsx/TooltipDemo.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/TooltipDemo.tsx"],
4
- "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph>Hello world</Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
- "mappings": "AAAA;AAEA;AAEO,uBAAuB;AAC5B,SACE,CAAC,aAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,CAAC,OAAO,MAAM,KAAK,IAAI;AAAA,IACrB,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,UAAU,MAAM,QAAQ;AAAA,MACpD,CAAC,KAAK,QAAQ,IAAI,UAAU,MAAM,MAAM,WAAW;AAAA,MACnD,CAAC,KAAK,QAAQ,IAAI,UAAU,YAAY,MAAM,QAAQ;AAAA,IACxD,EAJC;AAAA,IAKD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,OAAO,MAAM,aAAa;AAAA,MACtD,CAAC,OAAO,GAAG,GAAG;AAAA,MACd,CAAC,KAAK,QAAQ,IAAI,UAAU,QAAQ,MAAM,cAAc;AAAA,IAC1D,EAJC;AAAA,IAKD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,aAAa,MAAM,QAAQ;AAAA,MACvD,CAAC,KAAK,QAAQ,IAAI,UAAU,SAAS,MAAM,aAAa;AAAA,MACxD,CAAC,KAAK,QAAQ,IAAI,UAAU,eAAe,MAAM,QAAQ;AAAA,IAC3D,EAJC;AAAA,EAKH,EAhBC,OAiBH,EAlBC;AAoBL;AAEO,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QACP,CAAC,OAAO,MAAM,MAAM,SAAS,EAC/B,EAFC,QAAQ;AAAA,IAGT,CAAC,QAAQ,QACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,GAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,GAC3C,OAAO,GACP,GAAG,GACH,GAAG,GACH,GAAG,GACH,UAAU;AAAA,MAEV,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,WAAW,EAArB;AAAA,IACH,EAXC,QAAQ;AAAA,EAYX,EAhBC;AAkBL;",
4
+ "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$1\">\n Hello world\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
5
+ "mappings": "AAAA;AAEA;AAEO,uBAAuB;AAC5B,SACE,CAAC,aAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI,GAC5C,CAAC,OAAO,MAAM,KAAK,IAAI;AAAA,IACrB,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,UAAU,MAAM,QAAQ;AAAA,MACpD,CAAC,KAAK,QAAQ,IAAI,UAAU,MAAM,MAAM,WAAW;AAAA,MACnD,CAAC,KAAK,QAAQ,IAAI,UAAU,YAAY,MAAM,QAAQ;AAAA,IACxD,EAJC;AAAA,IAKD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,OAAO,MAAM,aAAa;AAAA,MACtD,CAAC,OAAO,GAAG,GAAG;AAAA,MACd,CAAC,KAAK,QAAQ,IAAI,UAAU,QAAQ,MAAM,cAAc;AAAA,IAC1D,EAJC;AAAA,IAKD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,KAAK,QAAQ,IAAI,UAAU,aAAa,MAAM,QAAQ;AAAA,MACvD,CAAC,KAAK,QAAQ,IAAI,UAAU,SAAS,MAAM,aAAa;AAAA,MACxD,CAAC,KAAK,QAAQ,IAAI,UAAU,eAAe,MAAM,QAAQ;AAAA,IAC3D,EAJC;AAAA,EAKH,EAhBC,OAiBH,EAlBC;AAoBL;AAEO,cAAc,EAAE,SAAS,SAAwC;AACtE,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QACP,CAAC,OAAO,MAAM,MAAM,SAAS,EAC/B,EAFC,QAAQ;AAAA,IAGT,CAAC,QAAQ,QACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,GAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,GAC3C,OAAO,GACP,GAAG,GACH,GAAG,GACH,GAAG,GACH,UAAU;AAAA,MAEV,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,KAAK,WAErC,EAFC;AAAA,IAGH,EAbC,QAAQ;AAAA,EAcX,EAlBC;AAoBL;",
6
6
  "names": []
7
7
  }
package/dist/jsx/conf.js CHANGED
File without changes
package/dist/jsx/conf.js.map CHANGED
File without changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.0.1-beta.94",
3
+ "version": "1.0.1-beta.97",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -17,16 +17,16 @@
17
17
  "watch": "tamagui-build --watch"
18
18
  },
19
19
  "dependencies": {
20
- "@tamagui/config-base": "^1.0.1-beta.94",
21
- "@tamagui/core": "^1.0.1-beta.94",
22
- "tamagui": "^1.0.1-beta.94"
20
+ "@tamagui/config-base": "^1.0.1-beta.97",
21
+ "@tamagui/core": "^1.0.1-beta.97",
22
+ "tamagui": "^1.0.1-beta.97"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "*",
26
26
  "react-dom": "*"
27
27
  },
28
28
  "devDependencies": {
29
- "@tamagui/build": "^1.0.1-beta.94",
29
+ "@tamagui/build": "^1.0.1-beta.97",
30
30
  "react": "*",
31
31
  "react-dom": "*"
32
32
  },
package/src/PopoverDemo.tsx CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ChevronDown, ChevronLeft, ChevronRight } from '@tamagui/feather-icons'
2
+ import React from 'react'
2
3
  import { Button, Input, Label, Popover, PopoverProps, XStack, YStack } from 'tamagui'
3
4
 
4
5
  export function PopoverDemo() {
@@ -13,16 +14,13 @@ export function PopoverDemo() {
13
14
 
14
15
  export function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {
15
16
  return (
16
- <Popover modal {...props}>
17
+ <Popover size="$5" {...props}>
17
18
  <Popover.Trigger>
18
19
  <Button icon={Icon} />
19
20
  </Popover.Trigger>
20
21
  <Popover.Content
21
- elevation="$4"
22
22
  enterStyle={{ x: 0, y: -10, o: 0 }}
23
23
  exitStyle={{ x: 0, y: -10, o: 0 }}
24
- p="$2"
25
- br="$4"
26
24
  x={0}
27
25
  y={0}
28
26
  o={1}
@@ -31,14 +29,12 @@ export function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {
31
29
  >
32
30
  <Popover.Arrow />
33
31
 
34
- <YStack p="$3">
35
- <XStack space="$3">
36
- <Label size="$3" htmlFor="name">
37
- Name
38
- </Label>
39
- <Input size="$3" id="name" />
40
- </XStack>
41
- </YStack>
32
+ <XStack space="$3">
33
+ <Label size="$3" htmlFor="name">
34
+ Name
35
+ </Label>
36
+ <Input size="$3" id="name" />
37
+ </XStack>
42
38
  </Popover.Content>
43
39
  </Popover>
44
40
  )
package/src/SliderDemo.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ import React from 'react'
1
2
  import { Slider, SliderProps, XStack } from 'tamagui'
2
3
 
3
4
  export function SliderDemo() {
package/src/StacksDemo.tsx CHANGED
@@ -3,7 +3,7 @@ import { XStack, YStack, ZStack } from 'tamagui'
3
3
 
4
4
  export function StacksDemo() {
5
5
  return (
6
- <XStack als="center" space>
6
+ <XStack maw={250} p="$2" als="center" space>
7
7
  <YStack flex={1} space="$2" bw={2} boc="$color" br="$4" p="$2">
8
8
  <YStack bc="$color" br="$3" p="$2" />
9
9
  <YStack bc="$color" br="$3" p="$2" />
package/src/SwitchDemo.tsx CHANGED
@@ -14,7 +14,7 @@ export function SwitchDemo() {
14
14
 
15
15
  function SwitchWithLabel(props: { size: SizeTokens }) {
16
16
  return (
17
- <XStack w={300} x={-60} ai="center" space="$4">
17
+ <XStack w={300} ai="center" space="$4">
18
18
  <Label pr="$0" miw={200} jc="flex-end" size={props.size} htmlFor="switch-1">
19
19
  Dark mode
20
20
  </Label>
package/src/TooltipDemo.tsx CHANGED
@@ -42,7 +42,9 @@ export function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {
42
42
  animation="bouncy"
43
43
  >
44
44
  <Tooltip.Arrow />
45
- <Paragraph>Hello world</Paragraph>
45
+ <Paragraph size="$2" lineHeight="$1">
46
+ Hello world
47
+ </Paragraph>
46
48
  </Tooltip.Content>
47
49
  </Tooltip>
48
50
  )
package/types/PopoverDemo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAiC,YAAY,EAAkB,MAAM,SAAS,CAAA;AAErF,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,eA+BrE"}
1
+ {"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAiC,YAAY,EAAkB,MAAM,SAAS,CAAA;AAErF,wBAAgB,WAAW,gBAQ1B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,eA0BrE"}
package/types/SliderDemo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SliderDemo.d.ts","sourceRoot":"","sources":["../src/SliderDemo.tsx"],"names":[],"mappings":";AAEA,wBAAgB,UAAU,gBAOzB"}
1
+ {"version":3,"file":"SliderDemo.d.ts","sourceRoot":"","sources":["../src/SliderDemo.tsx"],"names":[],"mappings":";AAGA,wBAAgB,UAAU,gBAOzB"}
package/types/TooltipDemo.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TooltipDemo.d.ts","sourceRoot":"","sources":["../src/TooltipDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA4C,YAAY,EAAkB,MAAM,SAAS,CAAA;AAEhG,wBAAgB,WAAW,gBAsB1B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,eAoBrE"}
1
+ {"version":3,"file":"TooltipDemo.d.ts","sourceRoot":"","sources":["../src/TooltipDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA4C,YAAY,EAAkB,MAAM,SAAS,CAAA;AAEhG,wBAAgB,WAAW,gBAsB1B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,eAsBrE"}
package/types/conf.d.ts CHANGED
File without changes
package/types/conf.d.ts.map CHANGED
File without changes