@tamagui/demos 1.30.29 → 1.31.0-1686362094230

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 (26) hide show
  1. package/dist/cjs/AnimationCSSDriverLayoutDemo.js +138 -0
  2. package/dist/cjs/AnimationCSSDriverLayoutDemo.js.map +6 -0
  3. package/dist/cjs/ToastDemo.js +0 -1
  4. package/dist/cjs/ToastDemo.js.map +1 -1
  5. package/dist/cjs/ToggleGroupDemo.js.map +1 -1
  6. package/dist/esm/AnimationCSSDriverLayoutDemo.js +121 -0
  7. package/dist/esm/AnimationCSSDriverLayoutDemo.js.map +6 -0
  8. package/dist/esm/ToastDemo.js +0 -1
  9. package/dist/esm/ToastDemo.js.map +1 -1
  10. package/dist/esm/ToggleGroupDemo.js.map +1 -1
  11. package/dist/jsx/AnimationCSSDriverLayoutDemo.js +93 -0
  12. package/dist/jsx/AnimationCSSDriverLayoutDemo.js.map +6 -0
  13. package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs +93 -0
  14. package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs.map +6 -0
  15. package/dist/jsx/ToastDemo.js +0 -1
  16. package/dist/jsx/ToastDemo.js.map +1 -1
  17. package/dist/jsx/ToastDemo.mjs +0 -1
  18. package/dist/jsx/ToastDemo.mjs.map +1 -1
  19. package/dist/jsx/ToggleGroupDemo.js +0 -3
  20. package/dist/jsx/ToggleGroupDemo.js.map +1 -1
  21. package/dist/jsx/ToggleGroupDemo.mjs +0 -3
  22. package/dist/jsx/ToggleGroupDemo.mjs.map +1 -1
  23. package/package.json +18 -18
  24. package/src/ToastDemo.tsx +0 -1
  25. package/src/ToggleGroupDemo.tsx +0 -1
  26. package/types/AnimationCSSDriverLayoutDemo.d.ts.map +1 -0
package/dist/cjs/AnimationCSSDriverLayoutDemo.js ADDED
@@ -0,0 +1,138 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+ var AnimationCSSDriverLayoutDemo_exports = {};
20
+ __export(AnimationCSSDriverLayoutDemo_exports, {
21
+ AnimationCSSDriverLayoutDemo: () => AnimationCSSDriverLayoutDemo
22
+ });
23
+ module.exports = __toCommonJS(AnimationCSSDriverLayoutDemo_exports);
24
+ var import_jsx_runtime = require("react/jsx-runtime");
25
+ var import_logo = require("@tamagui/logo");
26
+ var import_lucide_icons = require("@tamagui/lucide-icons");
27
+ var import_react = require("react");
28
+ var import_tamagui = require("tamagui");
29
+ function AnimationCSSDriverLayoutDemo(props) {
30
+ const [birds, setBirds] = (0, import_react.useState)(1);
31
+ const [fd, setFd] = (0, import_react.useState)("row");
32
+ const onPress = (0, import_tamagui.useEvent)(() => {
33
+ setBirds(5);
34
+ });
35
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
36
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
37
+ import_tamagui.XStack,
38
+ {
39
+ justifyContent: "space-between",
40
+ alignContent: "space-between",
41
+ flexWrap: "wrap",
42
+ width: 400,
43
+ height: 350,
44
+ fd,
45
+ gap: 5,
46
+ children: Array(birds).fill(0).map((_, index) => {
47
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Bird, { index, birds, setBirds }, index);
48
+ })
49
+ }
50
+ ),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
+ import_tamagui.Button,
53
+ {
54
+ position: "absolute",
55
+ bottom: 20,
56
+ left: "$7",
57
+ icon: import_lucide_icons.Play,
58
+ theme: props.tint,
59
+ size: "$5",
60
+ circular: true,
61
+ onPress
62
+ }
63
+ ),
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { left: "$5", bottom: 90, position: "absolute", space: true, children: [
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, children: [
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { color: "$gray11", children: "Flex Direction" }),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { children: [
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
+ import_tamagui.Button,
70
+ {
71
+ onPress: () => {
72
+ setFd("row");
73
+ },
74
+ children: "Row"
75
+ }
76
+ ),
77
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
78
+ import_tamagui.Button,
79
+ {
80
+ onPress: () => {
81
+ setFd("column");
82
+ },
83
+ children: "Column"
84
+ }
85
+ )
86
+ ] })
87
+ ] }),
88
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: true, children: [
89
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { color: "$gray11", children: "Actions" }),
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { children: [
91
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
92
+ import_tamagui.Button,
93
+ {
94
+ onPress: () => {
95
+ setBirds(birds - 1);
96
+ },
97
+ children: "Remove"
98
+ }
99
+ ),
100
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
101
+ import_tamagui.Button,
102
+ {
103
+ onPress: () => {
104
+ setBirds(birds + 1);
105
+ },
106
+ children: "Add"
107
+ }
108
+ )
109
+ ] })
110
+ ] })
111
+ ] })
112
+ ] });
113
+ }
114
+ const Bird = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
115
+ import_tamagui.YStack,
116
+ {
117
+ width: 60,
118
+ ref,
119
+ height: 60,
120
+ onPress: () => {
121
+ props.setBirds(props.birds - 1);
122
+ },
123
+ hoverStyle: {
124
+ width: 100,
125
+ height: 100
126
+ },
127
+ backgroundColor: "$color9",
128
+ borderRadius: 10,
129
+ animation: "bouncy",
130
+ layout: true,
131
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: 1.5 })
132
+ }
133
+ ));
134
+ // Annotate the CommonJS export names for ESM import in node:
135
+ 0 && (module.exports = {
136
+ AnimationCSSDriverLayoutDemo
137
+ });
138
+ //# sourceMappingURL=AnimationCSSDriverLayoutDemo.js.map
package/dist/cjs/AnimationCSSDriverLayoutDemo.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAzBJ,kBAAyB;AACzB,0BAAqB;AACrB,mBAAqC;AACrC,qBAYO;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,QAAI,uBAA2B,KAAK;AAEpD,QAAM,cAAU,yBAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,cAAa;AAAA,QACb,UAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA,KAAK;AAAA,QAEJ,gBAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,iBAAO,4CAAC,QAAK,OAAc,OAAc,YAAyB,KAAO;AAAA,QAC3E,CAAC;AAAA;AAAA,IACL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,IACA,6CAAC,yBAAO,MAAM,MAAM,QAAQ,IAAI,UAAS,YAAW,OAAK,MACvD;AAAA,mDAAC,yBAAO,OAAK,MACX;AAAA,oDAAC,8BAAY,OAAM,WAAU,4BAAc;AAAA,QAC3C,6CAAC,yBACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,sBAAM,KAAK;AAAA,cACb;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,sBAAM,QAAQ;AAAA,cAChB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SACF;AAAA,MACA,6CAAC,yBAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,oDAAC,8BAAY,OAAM,WAAU,qBAAO;AAAA,QACpC,6CAAC,yBACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,yBAAS,QAAQ,CAAC;AAAA,cACpB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,yBAAS,QAAQ,CAAC;AAAA,cACpB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAOA,MAAM,WAAO,yBAAW,CAAC,OAAkB,QACzC;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,SAAS,MAAM;AACb,YAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,IAChC;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IAEA,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAM;AAAA,IAEN,sDAAC,wBAAS,WAAW,KAAK;AAAA;AAC5B,CACD;",
5
+ "names": []
6
+ }
package/dist/cjs/ToastDemo.js CHANGED
@@ -58,7 +58,6 @@ const CurrentToast = () => {
58
58
  scale: 1,
59
59
  animation: "100ms",
60
60
  viewportName: currentToast.viewportName,
61
- width: 100,
62
61
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
63
62
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: currentToast.title }),
64
63
  !!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: currentToast.message })
package/dist/cjs/ToastDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAXJ,mBAAyD;AACzD,mBAAkB;AAClB,qBAAsD;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,KAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,MAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAC3B,OAAO;AAAA,MAEP,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAhBK,aAAa;AAAA,EAiBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,6CAAC,yBAAO,OAAM,MACZ;AAAA,gDAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,KAAK,GAAG,oBAElD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAS;AAAA,QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,sBAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,IAAI,GAAG,oBAEjD;AAAA,KACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWI;AAXJ,mBAAyD;AACzD,mBAAkB;AAClB,qBAAsD;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,KAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,MAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,6CAAC,yBAAO,OAAM,MACZ;AAAA,gDAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,KAAK,GAAG,oBAElD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAS;AAAA,QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,sBAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,UAAU,IAAI,GAAG,oBAEjD;AAAA,KACF;AAEJ;",
5
5
  "names": ["React"]
6
6
  }
package/dist/cjs/ToggleGroupDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToggleGroupDemo.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAPR,0BAAmD;AACnD,qBAA+D;AAExD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,mBAAkB,MACxB,uDAAC,yBAAO,YAAW,UAAS,OAAM,OAChC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,oDAAC,wBAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA,YAEtD;AAAA,0DAAC,2BAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,sDAAC,iCAAU,GACb;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,sDAAC,mCAAY,GACf;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,sDAAC,kCAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAPR,0BAAmD;AACnD,qBAA+D;AAExD,SAAS,kBAAkB;AAChC,SACE,4CAAC,yBAAO,mBAAkB,MACxB,uDAAC,yBAAO,YAAW,UAAS,OAAM,OAChC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,4CAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,oDAAC,wBAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA,YAEtD;AAAA,0DAAC,2BAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,sDAAC,iCAAU,GACb;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,sDAAC,mCAAY,GACf;AAAA,cACA,4CAAC,2BAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,sDAAC,kCAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/esm/AnimationCSSDriverLayoutDemo.js ADDED
@@ -0,0 +1,121 @@
1
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
+ import { LogoIcon } from "@tamagui/logo";
3
+ import { Play } from "@tamagui/lucide-icons";
4
+ import { forwardRef, useState } from "react";
5
+ import {
6
+ Button,
7
+ SizableText,
8
+ XStack,
9
+ YGroup,
10
+ YStack,
11
+ useEvent
12
+ } from "tamagui";
13
+ function AnimationCSSDriverLayoutDemo(props) {
14
+ const [birds, setBirds] = useState(1);
15
+ const [fd, setFd] = useState("row");
16
+ const onPress = useEvent(() => {
17
+ setBirds(5);
18
+ });
19
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
20
+ /* @__PURE__ */ jsx(
21
+ XStack,
22
+ {
23
+ justifyContent: "space-between",
24
+ alignContent: "space-between",
25
+ flexWrap: "wrap",
26
+ width: 400,
27
+ height: 350,
28
+ fd,
29
+ gap: 5,
30
+ children: Array(birds).fill(0).map((_, index) => {
31
+ return /* @__PURE__ */ jsx(Bird, { index, birds, setBirds }, index);
32
+ })
33
+ }
34
+ ),
35
+ /* @__PURE__ */ jsx(
36
+ Button,
37
+ {
38
+ position: "absolute",
39
+ bottom: 20,
40
+ left: "$7",
41
+ icon: Play,
42
+ theme: props.tint,
43
+ size: "$5",
44
+ circular: true,
45
+ onPress
46
+ }
47
+ ),
48
+ /* @__PURE__ */ jsxs(YStack, { left: "$5", bottom: 90, position: "absolute", space: true, children: [
49
+ /* @__PURE__ */ jsxs(YStack, { space: true, children: [
50
+ /* @__PURE__ */ jsx(SizableText, { color: "$gray11", children: "Flex Direction" }),
51
+ /* @__PURE__ */ jsxs(YGroup, { children: [
52
+ /* @__PURE__ */ jsx(
53
+ Button,
54
+ {
55
+ onPress: () => {
56
+ setFd("row");
57
+ },
58
+ children: "Row"
59
+ }
60
+ ),
61
+ /* @__PURE__ */ jsx(
62
+ Button,
63
+ {
64
+ onPress: () => {
65
+ setFd("column");
66
+ },
67
+ children: "Column"
68
+ }
69
+ )
70
+ ] })
71
+ ] }),
72
+ /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: true, children: [
73
+ /* @__PURE__ */ jsx(SizableText, { color: "$gray11", children: "Actions" }),
74
+ /* @__PURE__ */ jsxs(YGroup, { children: [
75
+ /* @__PURE__ */ jsx(
76
+ Button,
77
+ {
78
+ onPress: () => {
79
+ setBirds(birds - 1);
80
+ },
81
+ children: "Remove"
82
+ }
83
+ ),
84
+ /* @__PURE__ */ jsx(
85
+ Button,
86
+ {
87
+ onPress: () => {
88
+ setBirds(birds + 1);
89
+ },
90
+ children: "Add"
91
+ }
92
+ )
93
+ ] })
94
+ ] })
95
+ ] })
96
+ ] });
97
+ }
98
+ const Bird = forwardRef((props, ref) => /* @__PURE__ */ jsx(
99
+ YStack,
100
+ {
101
+ width: 60,
102
+ ref,
103
+ height: 60,
104
+ onPress: () => {
105
+ props.setBirds(props.birds - 1);
106
+ },
107
+ hoverStyle: {
108
+ width: 100,
109
+ height: 100
110
+ },
111
+ backgroundColor: "$color9",
112
+ borderRadius: 10,
113
+ animation: "bouncy",
114
+ layout: true,
115
+ children: /* @__PURE__ */ jsx(LogoIcon, { downscale: 1.5 })
116
+ }
117
+ ));
118
+ export {
119
+ AnimationCSSDriverLayoutDemo
120
+ };
121
+ //# sourceMappingURL=AnimationCSSDriverLayoutDemo.js.map
package/dist/esm/AnimationCSSDriverLayoutDemo.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
4
+ "mappings": "AAyBI,mBAae,KAgBT,YA7BN;AAzBJ,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY,gBAAgB;AACrC;AAAA,EACE;AAAA,EAGA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,IAAI,SAA2B,KAAK;AAEpD,QAAM,UAAU,SAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,cAAa;AAAA,QACb,UAAS;AAAA,QACT,OAAO;AAAA,QACP,QAAQ;AAAA,QACR;AAAA,QACA,KAAK;AAAA,QAEJ,gBAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,iBAAO,oBAAC,QAAK,OAAc,OAAc,YAAyB,KAAO;AAAA,QAC3E,CAAC;AAAA;AAAA,IACL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,UAAO,MAAM,MAAM,QAAQ,IAAI,UAAS,YAAW,OAAK,MACvD;AAAA,2BAAC,UAAO,OAAK,MACX;AAAA,4BAAC,eAAY,OAAM,WAAU,4BAAc;AAAA,QAC3C,qBAAC,UACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,sBAAM,KAAK;AAAA,cACb;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,sBAAM,QAAQ;AAAA,cAChB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SACF;AAAA,MACA,qBAAC,UAAO,YAAW,UAAS,OAAK,MAC/B;AAAA,4BAAC,eAAY,OAAM,WAAU,qBAAO;AAAA,QACpC,qBAAC,UACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,yBAAS,QAAQ,CAAC;AAAA,cACpB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM;AACb,yBAAS,QAAQ,CAAC;AAAA,cACpB;AAAA,cACD;AAAA;AAAA,UAED;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAOA,MAAM,OAAO,WAAW,CAAC,OAAkB,QACzC;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,IACP;AAAA,IACA,QAAQ;AAAA,IACR,SAAS,MAAM;AACb,YAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,IAChC;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IAEA,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAM;AAAA,IAEN,8BAAC,YAAS,WAAW,KAAK;AAAA;AAC5B,CACD;",
5
+ "names": []
6
+ }
package/dist/esm/ToastDemo.js CHANGED
@@ -25,7 +25,6 @@ const CurrentToast = () => {
25
25
  scale: 1,
26
26
  animation: "100ms",
27
27
  viewportName: currentToast.viewportName,
28
- width: 100,
29
28
  children: /* @__PURE__ */ jsxs(YStack, { children: [
30
29
  /* @__PURE__ */ jsx(Toast.Title, { children: currentToast.title }),
31
30
  !!currentToast.message && /* @__PURE__ */ jsx(Toast.Description, { children: currentToast.message })
package/dist/esm/ToastDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDemo.tsx"],
4
- "mappings": "AAWI,SACE,KADF;AAXJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAC3B,OAAO;AAAA,MAEP,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAhBK,aAAa;AAAA,EAiBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,qBAAC,UAAO,OAAM,MACZ;AAAA,wBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,KAAK,GAAG,oBAElD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAS;AAAA,QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,IAAI,GAAG,oBAEjD;AAAA,KACF;AAEJ;",
4
+ "mappings": "AAWI,SACE,KADF;AAXJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,qBAAC,UAAO,OAAM,MACZ;AAAA,wBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,KAAK,GAAG,oBAElD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAS;AAAA,QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,IAAI,GAAG,oBAEjD;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/esm/ToggleGroupDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToggleGroupDemo.tsx"],
4
- "mappings": "AAOQ,SACE,KADF;AAPR,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAmB,aAAa,QAAQ,cAAc;AAExD,SAAS,kBAAkB;AAChC,SACE,oBAAC,UAAO,mBAAkB,MACxB,+BAAC,UAAO,YAAW,UAAS,OAAM,OAChC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,oBAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,oBAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,4BAAC,SAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA,YAEtD;AAAA,kCAAC,YAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,8BAAC,aAAU,GACb;AAAA,cACA,oBAAC,YAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,8BAAC,eAAY,GACf;AAAA,cACA,oBAAC,YAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,8BAAC,cAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
4
+ "mappings": "AAOQ,SACE,KADF;AAPR,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAmB,aAAa,QAAQ,cAAc;AAExD,SAAS,kBAAkB;AAChC,SACE,oBAAC,UAAO,mBAAkB,MACxB,+BAAC,UAAO,YAAW,UAAS,OAAM,OAChC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,cAAa;AAAA,MACvE,oBAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,cAAa;AAAA,OAC3E;AAAA,IACA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,MAAK,MAAK,aAAY,YAAW;AAAA,MACrE,oBAAC,wBAAqB,MAAK,YAAW,MAAK,MAAK,aAAY,YAAW;AAAA,OACzE;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,OAAM;AAAA,MAEN;AAAA,4BAAC,SAAM,cAAa,MAAK,gBAAe,YAAW,MAAM,MAAM,MAAM,SAAS,IAC3E,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA,YAEtD;AAAA,kCAAC,YAAY,MAAZ,EAAiB,OAAM,QAAO,cAAW,gBACxC,8BAAC,aAAU,GACb;AAAA,cACA,oBAAC,YAAY,MAAZ,EAAiB,OAAM,UAAS,cAAW,kBAC1C,8BAAC,eAAY,GACf;AAAA,cACA,oBAAC,YAAY,MAAZ,EAAiB,OAAM,SAAQ,cAAW,iBACzC,8BAAC,cAAW,GACd;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
5
5
  "names": []
6
6
  }
package/dist/jsx/AnimationCSSDriverLayoutDemo.js ADDED
@@ -0,0 +1,93 @@
1
+ import { LogoIcon } from "@tamagui/logo";
2
+ import { Play } from "@tamagui/lucide-icons";
3
+ import { forwardRef, useState } from "react";
4
+ import {
5
+ Button,
6
+ SizableText,
7
+ XStack,
8
+ YGroup,
9
+ YStack,
10
+ useEvent
11
+ } from "tamagui";
12
+ function AnimationCSSDriverLayoutDemo(props) {
13
+ const [birds, setBirds] = useState(1);
14
+ const [fd, setFd] = useState("row");
15
+ const onPress = useEvent(() => {
16
+ setBirds(5);
17
+ });
18
+ return <>
19
+ <XStack
20
+ justifyContent="space-between"
21
+ alignContent="space-between"
22
+ flexWrap="wrap"
23
+ width={400}
24
+ height={350}
25
+ fd={fd}
26
+ gap={5}
27
+ >{Array(birds).fill(0).map((_, index) => {
28
+ return <Bird index={index} birds={birds} setBirds={setBirds} key={index} />;
29
+ })}</XStack>
30
+ <Button
31
+ position="absolute"
32
+ bottom={20}
33
+ left="$7"
34
+ icon={Play}
35
+ theme={props.tint}
36
+ size="$5"
37
+ circular
38
+ onPress={onPress}
39
+ />
40
+ <YStack left="$5" bottom={90} position="absolute" space>
41
+ <YStack space>
42
+ <SizableText color="$gray11">Flex Direction</SizableText>
43
+ <YGroup>
44
+ <Button
45
+ onPress={() => {
46
+ setFd("row");
47
+ }}
48
+ >Row</Button>
49
+ <Button
50
+ onPress={() => {
51
+ setFd("column");
52
+ }}
53
+ >Column</Button>
54
+ </YGroup>
55
+ </YStack>
56
+ <YStack alignItems="center" space>
57
+ <SizableText color="$gray11">Actions</SizableText>
58
+ <YGroup>
59
+ <Button
60
+ onPress={() => {
61
+ setBirds(birds - 1);
62
+ }}
63
+ >Remove</Button>
64
+ <Button
65
+ onPress={() => {
66
+ setBirds(birds + 1);
67
+ }}
68
+ >Add</Button>
69
+ </YGroup>
70
+ </YStack>
71
+ </YStack>
72
+ </>;
73
+ }
74
+ const Bird = forwardRef((props, ref) => <YStack
75
+ width={60}
76
+ ref={ref}
77
+ height={60}
78
+ onPress={() => {
79
+ props.setBirds(props.birds - 1);
80
+ }}
81
+ hoverStyle={{
82
+ width: 100,
83
+ height: 100
84
+ }}
85
+ backgroundColor="$color9"
86
+ borderRadius={10}
87
+ animation="bouncy"
88
+ layout
89
+ ><LogoIcon downscale={1.5} /></YStack>);
90
+ export {
91
+ AnimationCSSDriverLayoutDemo
92
+ };
93
+ //# sourceMappingURL=AnimationCSSDriverLayoutDemo.js.map
package/dist/jsx/AnimationCSSDriverLayoutDemo.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
4
+ "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY,gBAAgB;AACrC;AAAA,EACE;AAAA,EAGA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,IAAI,SAA2B,KAAK;AAEpD,QAAM,UAAU,SAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE;AAAA,IACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,KAAK;AAAA,MAEJ,MAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,aAAO,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,OAAO;AAAA,IAC3E,CAAC,EACL,EAdC;AAAA,IAeD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,KAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,IACA,CAAC,OAAO,KAAM,KAAM,QAAQ,IAAI,SAAS,WAAW;AAAA,MAClD,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,UAAU,cAAc,EAA1C;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,KAAK;AAAA,YACb;AAAA,WACD,GAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,QAAQ;AAAA,YAChB;AAAA,WACD,MAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,MAmBD,CAAC,OAAO,WAAW,SAAS;AAAA,QAC1B,CAAC,YAAY,MAAM,UAAU,OAAO,EAAnC;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,MAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,GAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,IAmBH,EAvCC;AAAA,EAwCH;AAEJ;AAOA,MAAM,OAAO,WAAW,CAAC,OAAkB,QACzC,CAAC;AAAA,EACC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS,MAAM;AACb,UAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,EAChC;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,gBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAW;AAAA,EACX;AAAA,CAEA,CAAC,SAAS,WAAW,KAAK,EAC5B,EAlBC,OAmBF;",
5
+ "names": []
6
+ }
package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs ADDED
@@ -0,0 +1,93 @@
1
+ import { LogoIcon } from "@tamagui/logo";
2
+ import { Play } from "@tamagui/lucide-icons";
3
+ import { forwardRef, useState } from "react";
4
+ import {
5
+ Button,
6
+ SizableText,
7
+ XStack,
8
+ YGroup,
9
+ YStack,
10
+ useEvent
11
+ } from "tamagui";
12
+ function AnimationCSSDriverLayoutDemo(props) {
13
+ const [birds, setBirds] = useState(1);
14
+ const [fd, setFd] = useState("row");
15
+ const onPress = useEvent(() => {
16
+ setBirds(5);
17
+ });
18
+ return <>
19
+ <XStack
20
+ justifyContent="space-between"
21
+ alignContent="space-between"
22
+ flexWrap="wrap"
23
+ width={400}
24
+ height={350}
25
+ fd={fd}
26
+ gap={5}
27
+ >{Array(birds).fill(0).map((_, index) => {
28
+ return <Bird index={index} birds={birds} setBirds={setBirds} key={index} />;
29
+ })}</XStack>
30
+ <Button
31
+ position="absolute"
32
+ bottom={20}
33
+ left="$7"
34
+ icon={Play}
35
+ theme={props.tint}
36
+ size="$5"
37
+ circular
38
+ onPress={onPress}
39
+ />
40
+ <YStack left="$5" bottom={90} position="absolute" space>
41
+ <YStack space>
42
+ <SizableText color="$gray11">Flex Direction</SizableText>
43
+ <YGroup>
44
+ <Button
45
+ onPress={() => {
46
+ setFd("row");
47
+ }}
48
+ >Row</Button>
49
+ <Button
50
+ onPress={() => {
51
+ setFd("column");
52
+ }}
53
+ >Column</Button>
54
+ </YGroup>
55
+ </YStack>
56
+ <YStack alignItems="center" space>
57
+ <SizableText color="$gray11">Actions</SizableText>
58
+ <YGroup>
59
+ <Button
60
+ onPress={() => {
61
+ setBirds(birds - 1);
62
+ }}
63
+ >Remove</Button>
64
+ <Button
65
+ onPress={() => {
66
+ setBirds(birds + 1);
67
+ }}
68
+ >Add</Button>
69
+ </YGroup>
70
+ </YStack>
71
+ </YStack>
72
+ </>;
73
+ }
74
+ const Bird = forwardRef((props, ref) => <YStack
75
+ width={60}
76
+ ref={ref}
77
+ height={60}
78
+ onPress={() => {
79
+ props.setBirds(props.birds - 1);
80
+ }}
81
+ hoverStyle={{
82
+ width: 100,
83
+ height: 100
84
+ }}
85
+ backgroundColor="$color9"
86
+ borderRadius={10}
87
+ animation="bouncy"
88
+ layout
89
+ ><LogoIcon downscale={1.5} /></YStack>);
90
+ export {
91
+ AnimationCSSDriverLayoutDemo
92
+ };
93
+ //# sourceMappingURL=AnimationCSSDriverLayoutDemo.mjs.map
package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/AnimationCSSDriverLayoutDemo.tsx"],
4
+ "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,YAAY,gBAAgB;AACrC;AAAA,EACE;AAAA,EAGA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,6BAA6B,OAAO;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AACpC,QAAM,CAAC,IAAI,KAAK,IAAI,SAA2B,KAAK;AAEpD,QAAM,UAAU,SAAS,MAAM;AAC7B,aAAS,CAAC;AAAA,EACZ,CAAC;AACD,SACE;AAAA,IACE,CAAC;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,KAAK;AAAA,MAEJ,MAAM,KAAK,EACT,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,UAAU;AACjB,aAAO,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,OAAO;AAAA,IAC3E,CAAC,EACL,EAdC;AAAA,IAeD,CAAC;AAAA,MACC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,KAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,MAAM;AAAA,MACb,KAAK;AAAA,MACL;AAAA,MACA,SAAS;AAAA,IACX;AAAA,IACA,CAAC,OAAO,KAAM,KAAM,QAAQ,IAAI,SAAS,WAAW;AAAA,MAClD,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,UAAU,cAAc,EAA1C;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,KAAK;AAAA,YACb;AAAA,WACD,GAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,oBAAM,QAAQ;AAAA,YAChB;AAAA,WACD,MAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,MAmBD,CAAC,OAAO,WAAW,SAAS;AAAA,QAC1B,CAAC,YAAY,MAAM,UAAU,OAAO,EAAnC;AAAA,QACD,CAAC;AAAA,UACC,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,MAED,EANC;AAAA,UAOD,CAAC;AAAA,YACC,SAAS,MAAM;AACb,uBAAS,QAAQ,CAAC;AAAA,YACpB;AAAA,WACD,GAED,EANC;AAAA,QAOH,EAfC;AAAA,MAgBH,EAlBC;AAAA,IAmBH,EAvCC;AAAA,EAwCH;AAEJ;AAOA,MAAM,OAAO,WAAW,CAAC,OAAkB,QACzC,CAAC;AAAA,EACC,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,SAAS,MAAM;AACb,UAAM,SAAS,MAAM,QAAQ,CAAC;AAAA,EAChC;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EAEA,gBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,UAAW;AAAA,EACX;AAAA,CAEA,CAAC,SAAS,WAAW,KAAK,EAC5B,EAlBC,OAmBF;",
5
+ "names": []
6
+ }
package/dist/jsx/ToastDemo.js CHANGED
@@ -23,7 +23,6 @@ const CurrentToast = () => {
23
23
  scale={1}
24
24
  animation="100ms"
25
25
  viewportName={currentToast.viewportName}
26
- width={100}
27
26
  ><YStack>
28
27
  <Toast.Title>{currentToast.title}</Toast.Title>
29
28
  {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
package/dist/jsx/ToastDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,IAC3B,OAAO;AAAA,GAEP,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAlBC;AAoBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAlBC;AAAA,IAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA3BC;AA6BL;",
4
+ "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAlBC;AAAA,IAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA3BC;AA6BL;",
5
5
  "names": []
6
6
  }
package/dist/jsx/ToastDemo.mjs CHANGED
@@ -23,7 +23,6 @@ const CurrentToast = () => {
23
23
  scale={1}
24
24
  animation="100ms"
25
25
  viewportName={currentToast.viewportName}
26
- width={100}
27
26
  ><YStack>
28
27
  <Toast.Title>{currentToast.title}</Toast.Title>
29
28
  {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
package/dist/jsx/ToastDemo.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToastDemo.tsx"],
4
- "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,IAC3B,OAAO;AAAA,GAEP,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAlBC;AAoBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAlBC;AAAA,IAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA3BC;AA6BL;",
4
+ "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAlBC;AAAA,IAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA3BC;AA6BL;",
5
5
  "names": []
6
6
  }
package/dist/jsx/ToggleGroupDemo.js CHANGED
@@ -21,9 +21,6 @@ function ToggleGroupComponent(props) {
21
21
  space="$4"
22
22
  >
23
23
  <Label paddingRight="$0" justifyContent="flex-end" size={props.size} htmlFor={id}>{props.type === "single" ? "Single" : "Multiple"}</Label>
24
- {
25
- /* <Separator vertical={props.orientation === 'horizontal'} /> */
26
- }
27
24
  <ToggleGroup
28
25
  orientation={props.orientation}
29
26
  id={id}
package/dist/jsx/ToggleGroupDemo.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToggleGroupDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAmB,aAAa,QAAQ,cAAc;AAExD,SAAS,kBAAkB;AAChC,SACE,CAAC,OAAO,kBAAkB,KACxB,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,aAAa;AAAA,MACvE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,aAAa;AAAA,IAC3E,EAHC;AAAA,IAID,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,WAAW;AAAA,MACrE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,WAAW;AAAA,IACzE,EAHC;AAAA,EAIH,EATC,OAUH,EAXC;AAaL;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE,CAAC;AAAA,IACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,IAC5D,WAAW;AAAA,IACX,eAAe;AAAA,IACf,MAAM;AAAA;AAAA,IAEN,CAAC,MAAM,aAAa,KAAK,eAAe,WAAW,MAAM,MAAM,MAAM,SAAS,KAC3E,MAAM,SAAS,WAAW,WAAW,WACxC,EAFC;AAAA;AAAA;AAAA;AAAA,IAKD,CAAC;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,IAAI;AAAA,MACJ,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA;AAAA,MAEtD,CAAC,YAAY,KAAK,MAAM,OAAO,WAAW,eACxC,CAAC,UAAU,EACb,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,SAAS,WAAW,iBAC1C,CAAC,YAAY,EACf,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,QAAQ,WAAW,gBACzC,CAAC,WAAW,EACd,EAFC,YAAY;AAAA,IAGf,EAhBC;AAAA,EAiBH,EA5BC;AA8BL;",
4
+ "mappings": "AAAA,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAmB,aAAa,QAAQ,cAAc;AAExD,SAAS,kBAAkB;AAChC,SACE,CAAC,OAAO,kBAAkB,KACxB,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,aAAa;AAAA,MACvE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,aAAa;AAAA,IAC3E,EAHC;AAAA,IAID,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,WAAW;AAAA,MACrE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,WAAW;AAAA,IACzE,EAHC;AAAA,EAIH,EATC,OAUH,EAXC;AAaL;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE,CAAC;AAAA,IACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,IAC5D,WAAW;AAAA,IACX,eAAe;AAAA,IACf,MAAM;AAAA;AAAA,IAEN,CAAC,MAAM,aAAa,KAAK,eAAe,WAAW,MAAM,MAAM,MAAM,SAAS,KAC3E,MAAM,SAAS,WAAW,WAAW,WACxC,EAFC;AAAA,IAID,CAAC;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,IAAI;AAAA,MACJ,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA;AAAA,MAEtD,CAAC,YAAY,KAAK,MAAM,OAAO,WAAW,eACxC,CAAC,UAAU,EACb,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,SAAS,WAAW,iBAC1C,CAAC,YAAY,EACf,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,QAAQ,WAAW,gBACzC,CAAC,WAAW,EACd,EAFC,YAAY;AAAA,IAGf,EAhBC;AAAA,EAiBH,EA3BC;AA6BL;",
5
5
  "names": []
6
6
  }
package/dist/jsx/ToggleGroupDemo.mjs CHANGED
@@ -21,9 +21,6 @@ function ToggleGroupComponent(props) {
21
21
  space="$4"
22
22
  >
23
23
  <Label paddingRight="$0" justifyContent="flex-end" size={props.size} htmlFor={id}>{props.type === "single" ? "Single" : "Multiple"}</Label>
24
- {
25
- /* <Separator vertical={props.orientation === 'horizontal'} /> */
26
- }
27
24
  <ToggleGroup
28
25
  orientation={props.orientation}
29
26
  id={id}
package/dist/jsx/ToggleGroupDemo.mjs.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ToggleGroupDemo.tsx"],
4
- "mappings": "AAAA,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAmB,aAAa,QAAQ,cAAc;AAExD,SAAS,kBAAkB;AAChC,SACE,CAAC,OAAO,kBAAkB,KACxB,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,aAAa;AAAA,MACvE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,aAAa;AAAA,IAC3E,EAHC;AAAA,IAID,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,WAAW;AAAA,MACrE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,WAAW;AAAA,IACzE,EAHC;AAAA,EAIH,EATC,OAUH,EAXC;AAaL;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE,CAAC;AAAA,IACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,IAC5D,WAAW;AAAA,IACX,eAAe;AAAA,IACf,MAAM;AAAA;AAAA,IAEN,CAAC,MAAM,aAAa,KAAK,eAAe,WAAW,MAAM,MAAM,MAAM,SAAS,KAC3E,MAAM,SAAS,WAAW,WAAW,WACxC,EAFC;AAAA;AAAA;AAAA;AAAA,IAKD,CAAC;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,IAAI;AAAA,MACJ,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA;AAAA,MAEtD,CAAC,YAAY,KAAK,MAAM,OAAO,WAAW,eACxC,CAAC,UAAU,EACb,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,SAAS,WAAW,iBAC1C,CAAC,YAAY,EACf,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,QAAQ,WAAW,gBACzC,CAAC,WAAW,EACd,EAFC,YAAY;AAAA,IAGf,EAhBC;AAAA,EAiBH,EA5BC;AA8BL;",
4
+ "mappings": "AAAA,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAmB,aAAa,QAAQ,cAAc;AAExD,SAAS,kBAAkB;AAChC,SACE,CAAC,OAAO,kBAAkB,KACxB,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,aAAa;AAAA,MACvE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,aAAa;AAAA,IAC3E,EAHC;AAAA,IAID,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,qBAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,WAAW;AAAA,MACrE,CAAC,qBAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,WAAW;AAAA,IACzE,EAHC;AAAA,EAIH,EATC,OAUH,EAXC;AAaL;AAEA,SAAS,qBAAqB,OAI3B;AACD,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM;AAC7D,SACE,CAAC;AAAA,IACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,IAC5D,WAAW;AAAA,IACX,eAAe;AAAA,IACf,MAAM;AAAA;AAAA,IAEN,CAAC,MAAM,aAAa,KAAK,eAAe,WAAW,MAAM,MAAM,MAAM,SAAS,KAC3E,MAAM,SAAS,WAAW,WAAW,WACxC,EAFC;AAAA,IAID,CAAC;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,IAAI;AAAA,MACJ,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,qBAAqB,MAAM,SAAS,WAAW,OAAO;AAAA;AAAA,MAEtD,CAAC,YAAY,KAAK,MAAM,OAAO,WAAW,eACxC,CAAC,UAAU,EACb,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,SAAS,WAAW,iBAC1C,CAAC,YAAY,EACf,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,KAAK,MAAM,QAAQ,WAAW,gBACzC,CAAC,WAAW,EACd,EAFC,YAAY;AAAA,IAGf,EAhBC;AAAA,EAiBH,EA3BC;AA6BL;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.30.29",
3
+ "version": "1.31.0-1686362094230",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -33,29 +33,29 @@
33
33
  }
34
34
  },
35
35
  "dependencies": {
36
- "@tamagui/avatar": "1.30.29",
37
- "@tamagui/button": "1.30.29",
38
- "@tamagui/config": "1.30.29",
39
- "@tamagui/core": "1.30.29",
40
- "@tamagui/list-item": "1.30.29",
41
- "@tamagui/logo": "1.30.29",
42
- "@tamagui/menu": "1.30.29",
43
- "@tamagui/popover": "1.30.29",
44
- "@tamagui/progress": "1.30.29",
45
- "@tamagui/radio-group": "1.30.29",
46
- "@tamagui/select": "1.30.29",
47
- "@tamagui/sheet": "1.30.29",
48
- "@tamagui/slider": "1.30.29",
49
- "@tamagui/stacks": "1.30.29",
50
- "@tamagui/toast": "1.30.29",
51
- "tamagui": "1.30.29"
36
+ "@tamagui/avatar": "1.31.0-1686362094230",
37
+ "@tamagui/button": "1.31.0-1686362094230",
38
+ "@tamagui/config": "1.31.0-1686362094230",
39
+ "@tamagui/core": "1.31.0-1686362094230",
40
+ "@tamagui/list-item": "1.31.0-1686362094230",
41
+ "@tamagui/logo": "1.31.0-1686362094230",
42
+ "@tamagui/menu": "1.31.0-1686362094230",
43
+ "@tamagui/popover": "1.31.0-1686362094230",
44
+ "@tamagui/progress": "1.31.0-1686362094230",
45
+ "@tamagui/radio-group": "1.31.0-1686362094230",
46
+ "@tamagui/select": "1.31.0-1686362094230",
47
+ "@tamagui/sheet": "1.31.0-1686362094230",
48
+ "@tamagui/slider": "1.31.0-1686362094230",
49
+ "@tamagui/stacks": "1.31.0-1686362094230",
50
+ "@tamagui/toast": "1.31.0-1686362094230",
51
+ "tamagui": "1.31.0-1686362094230"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "react": "*",
55
55
  "react-dom": "*"
56
56
  },
57
57
  "devDependencies": {
58
- "@tamagui/build": "1.30.29",
58
+ "@tamagui/build": "1.31.0-1686362094230",
59
59
  "react": "^18.2.0",
60
60
  "react-dom": "^18.2.0"
61
61
  },
package/src/ToastDemo.tsx CHANGED
@@ -33,7 +33,6 @@ const CurrentToast = () => {
33
33
  scale={1}
34
34
  animation="100ms"
35
35
  viewportName={currentToast.viewportName}
36
- width={100}
37
36
  >
38
37
  <YStack>
39
38
  <Toast.Title>{currentToast.title}</Toast.Title>
package/src/ToggleGroupDemo.tsx CHANGED
@@ -34,7 +34,6 @@ function ToggleGroupComponent(props: {
34
34
  <Label paddingRight="$0" justifyContent="flex-end" size={props.size} htmlFor={id}>
35
35
  {props.type === 'single' ? 'Single' : 'Multiple'}
36
36
  </Label>
37
- {/* <Separator vertical={props.orientation === 'horizontal'} /> */}
38
37
 
39
38
  <ToggleGroup
40
39
  orientation={props.orientation}
package/types/AnimationCSSDriverLayoutDemo.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AnimationCSSDriverLayoutDemo.d.ts","sourceRoot":"","sources":["../src/AnimationCSSDriverLayoutDemo.tsx"],"names":[],"mappings":";AAiBA,wBAAgB,4BAA4B,CAAC,KAAK,KAAA,eA4EjD"}