@tamagui/demos 1.126.2 → 1.126.4-1746355141077

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.
@@ -30,6 +30,8 @@ var import_lucide_icons = require("@tamagui/lucide-icons"),
30
30
  function DialogDemo() {
31
31
  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
32
32
  gap: "$4",
33
+ justifyContent: "center",
34
+ alignItems: "center",
33
35
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {
34
36
  disableAdapt: !0
35
37
  })]
@@ -71,15 +73,23 @@ function DialogInstance({
71
73
  }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
72
74
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
73
75
  backgroundColor: "$shadow6",
74
- animation: "slow",
76
+ animateOnly: ["transform", "opacity"],
77
+ animation: ["quicker", {
78
+ opacity: {
79
+ overshootClamping: !0
80
+ }
81
+ }],
75
82
  enterStyle: {
76
- opacity: 0
83
+ opacity: 0,
84
+ scale: 0.95
77
85
  },
78
86
  exitStyle: {
79
87
  opacity: 0
80
88
  }
81
89
  }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
82
90
  bordered: !0,
91
+ w: 400,
92
+ h: 400,
83
93
  elevate: !0,
84
94
  animateOnly: ["transform", "opacity"],
85
95
  animation: ["quicker", {
@@ -90,8 +100,7 @@ function DialogInstance({
90
100
  enterStyle: {
91
101
  x: 0,
92
102
  y: -20,
93
- opacity: 0,
94
- scale: 0.9
103
+ opacity: 0
95
104
  },
96
105
  exitStyle: {
97
106
  x: 0,
@@ -19,7 +19,7 @@ __export(DialogDemo_exports, {
19
19
  module.exports = __toCommonJS(DialogDemo_exports);
20
20
  var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
21
21
  function DialogDemo() {
22
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, { gap: "$4", children: [
22
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, { gap: "$4", justifyContent: "center", alignItems: "center", children: [
23
23
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
24
24
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, { disableAdapt: !0 })
25
25
  ] });
@@ -47,8 +47,16 @@ function DialogInstance({ disableAdapt }) {
47
47
  import_tamagui.Dialog.Overlay,
48
48
  {
49
49
  backgroundColor: "$shadow6",
50
- animation: "slow",
51
- enterStyle: { opacity: 0 },
50
+ animateOnly: ["transform", "opacity"],
51
+ animation: [
52
+ "quicker",
53
+ {
54
+ opacity: {
55
+ overshootClamping: !0
56
+ }
57
+ }
58
+ ],
59
+ enterStyle: { opacity: 0, scale: 0.95 },
52
60
  exitStyle: { opacity: 0 }
53
61
  },
54
62
  "overlay"
@@ -57,6 +65,8 @@ function DialogInstance({ disableAdapt }) {
57
65
  import_tamagui.Dialog.Content,
58
66
  {
59
67
  bordered: !0,
68
+ w: 400,
69
+ h: 400,
60
70
  elevate: !0,
61
71
  animateOnly: ["transform", "opacity"],
62
72
  animation: [
@@ -67,7 +77,7 @@ function DialogInstance({ disableAdapt }) {
67
77
  }
68
78
  }
69
79
  ],
70
- enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
80
+ enterStyle: { x: 0, y: -20, opacity: 0 },
71
81
  exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
72
82
  gap: "$4",
73
83
  children: [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DialogDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": []
6
6
  }
@@ -22,6 +22,8 @@ var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = req
22
22
  function DialogDemo() {
23
23
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {
24
24
  gap: "$4",
25
+ justifyContent: "center",
26
+ alignItems: "center",
25
27
  children: [
26
28
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
27
29
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {
@@ -75,9 +77,21 @@ function DialogInstance(param) {
75
77
  children: [
76
78
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
77
79
  backgroundColor: "$shadow6",
78
- animation: "slow",
80
+ animateOnly: [
81
+ "transform",
82
+ "opacity"
83
+ ],
84
+ animation: [
85
+ "quicker",
86
+ {
87
+ opacity: {
88
+ overshootClamping: !0
89
+ }
90
+ }
91
+ ],
79
92
  enterStyle: {
80
- opacity: 0
93
+ opacity: 0,
94
+ scale: 0.95
81
95
  },
82
96
  exitStyle: {
83
97
  opacity: 0
@@ -85,6 +99,8 @@ function DialogInstance(param) {
85
99
  }, "overlay"),
86
100
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
87
101
  bordered: !0,
102
+ w: 400,
103
+ h: 400,
88
104
  elevate: !0,
89
105
  animateOnly: [
90
106
  "transform",
@@ -101,8 +117,7 @@ function DialogInstance(param) {
101
117
  enterStyle: {
102
118
  x: 0,
103
119
  y: -20,
104
- opacity: 0,
105
- scale: 0.9
120
+ opacity: 0
106
121
  },
107
122
  exitStyle: {
108
123
  x: 0,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DialogDemo.tsx"],
4
- "mappings": "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",
5
- "names": ["DialogDemo", "_jsxs", "View", "gap", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "justifyContent", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "SelectDemoItem", "XStack", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "top", "right", "size", "circular", "icon", "X"]
4
+ "mappings": "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",
5
+ "names": ["DialogDemo", "_jsxs", "View", "gap", "justifyContent", "alignItems", "_jsx", "DialogInstance", "disableAdapt", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "animateOnly", "overshootClamping", "scale", "Content", "bordered", "w", "h", "elevate", "x", "y", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "SelectDemoItem", "XStack", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "top", "right", "size", "circular", "icon", "X"]
6
6
  }
@@ -16,7 +16,7 @@ import {
16
16
  import { SelectDemoItem } from "./SelectDemo";
17
17
  import { jsx, jsxs } from "react/jsx-runtime";
18
18
  function DialogDemo() {
19
- return /* @__PURE__ */ jsxs(View, { gap: "$4", children: [
19
+ return /* @__PURE__ */ jsxs(View, { gap: "$4", justifyContent: "center", alignItems: "center", children: [
20
20
  /* @__PURE__ */ jsx(DialogInstance, {}),
21
21
  /* @__PURE__ */ jsx(DialogInstance, { disableAdapt: !0 })
22
22
  ] });
@@ -44,8 +44,16 @@ function DialogInstance({ disableAdapt }) {
44
44
  Dialog.Overlay,
45
45
  {
46
46
  backgroundColor: "$shadow6",
47
- animation: "slow",
48
- enterStyle: { opacity: 0 },
47
+ animateOnly: ["transform", "opacity"],
48
+ animation: [
49
+ "quicker",
50
+ {
51
+ opacity: {
52
+ overshootClamping: !0
53
+ }
54
+ }
55
+ ],
56
+ enterStyle: { opacity: 0, scale: 0.95 },
49
57
  exitStyle: { opacity: 0 }
50
58
  },
51
59
  "overlay"
@@ -54,6 +62,8 @@ function DialogInstance({ disableAdapt }) {
54
62
  Dialog.Content,
55
63
  {
56
64
  bordered: !0,
65
+ w: 400,
66
+ h: 400,
57
67
  elevate: !0,
58
68
  animateOnly: ["transform", "opacity"],
59
69
  animation: [
@@ -64,7 +74,7 @@ function DialogInstance({ disableAdapt }) {
64
74
  }
65
75
  }
66
76
  ],
67
- enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
77
+ enterStyle: { x: 0, y: -20, opacity: 0 },
68
78
  exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
69
79
  gap: "$4",
70
80
  children: [
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DialogDemo.tsx"],
4
- "mappings": "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",
4
+ "mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAI3B,SACE,KADF;AAFG,SAAS,aAAa;AAC3B,SACE,qBAAC,QAAK,KAAI,MAAK,gBAAe,UAAS,YAAW,UAChD;AAAA,wBAAC,kBAAe;AAAA,IAChB,oBAAC,kBAAe,cAAY,IAAC;AAAA,KAC/B;AAEJ;AAEA,SAAS,eAAe,EAAE,aAAa,GAA+B;AACpE,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,IACrB,+BAAC,UAAO;AAAA;AAAA,MAAY,eAAe,gBAAgB;AAAA,OAAG,GACxD;AAAA,IAEC,CAAC,gBACA,oBAAC,SAAM,MAAK,SAAQ,UAAS,SAC3B,+BAAC,SAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,iBAAgB;AAAA,UAChB,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,iBAAgB;AAAA,UAChB,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK;AAAA,UACtC,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAZpB;AAAA,MAaN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,GAAG;AAAA,UACH,GAAG;AAAA,UACH,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,UACvC,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,qBAAC,UAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,kCAAC,kBAAe;AAAA,cAEhB,oBAAC,OAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,8BAAC,UAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
5
5
  "names": []
6
6
  }
@@ -5,6 +5,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
5
5
  function DialogDemo() {
6
6
  return /* @__PURE__ */jsxs(View, {
7
7
  gap: "$4",
8
+ justifyContent: "center",
9
+ alignItems: "center",
8
10
  children: [/* @__PURE__ */jsx(DialogInstance, {}), /* @__PURE__ */jsx(DialogInstance, {
9
11
  disableAdapt: !0
10
12
  })]
@@ -46,15 +48,23 @@ function DialogInstance({
46
48
  }), /* @__PURE__ */jsxs(Dialog.Portal, {
47
49
  children: [/* @__PURE__ */jsx(Dialog.Overlay, {
48
50
  backgroundColor: "$shadow6",
49
- animation: "slow",
51
+ animateOnly: ["transform", "opacity"],
52
+ animation: ["quicker", {
53
+ opacity: {
54
+ overshootClamping: !0
55
+ }
56
+ }],
50
57
  enterStyle: {
51
- opacity: 0
58
+ opacity: 0,
59
+ scale: 0.95
52
60
  },
53
61
  exitStyle: {
54
62
  opacity: 0
55
63
  }
56
64
  }, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
57
65
  bordered: !0,
66
+ w: 400,
67
+ h: 400,
58
68
  elevate: !0,
59
69
  animateOnly: ["transform", "opacity"],
60
70
  animation: ["quicker", {
@@ -65,8 +75,7 @@ function DialogInstance({
65
75
  enterStyle: {
66
76
  x: 0,
67
77
  y: -20,
68
- opacity: 0,
69
- scale: 0.9
78
+ opacity: 0
70
79
  },
71
80
  exitStyle: {
72
81
  x: 0,
@@ -1 +1 @@
1
- {"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description","horizontal","width","justifyContent","htmlFor","flex","id","defaultValue","label","placement","alignSelf","Close","displayWhenAdapted","theme","position","top","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,CAAA,QAAS;AAClB,SACEC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,QAAA,EACAC,KAAA,EACAC,KAAA,EACAC,SAAA,EACAC,KAAA,EACAC,aAAA,EACAC,QAAA,EACAC,IAAA,EACAC,MAAA,QACK;AACP,SAASC,cAAA,QAAsB;AAI3B,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAD,IAAA,CAACJ,IAAA;IAAKM,GAAA,EAAI;IACRC,QAAA,kBAAAJ,GAAA,CAACK,cAAA,IAAe,GAChB,eAAAL,GAAA,CAACK,cAAA;MAAeC,YAAA,EAAY;IAAA,CAAC;EAAA,CAC/B;AAEJ;AAEA,SAASD,eAAe;EAAEC;AAAa,GAA+B;EACpE,OACE,eAAAL,IAAA,CAACZ,MAAA;IAAOkB,KAAA,EAAK;IACXH,QAAA,kBAAAJ,GAAA,CAACX,MAAA,CAAOmB,OAAA,EAAP;MAAeC,OAAA,EAAO;MACrBL,QAAA,iBAAAH,IAAA,CAACb,MAAA;QAAOgB,QAAA,kBAAYE,YAAA,GAAe,gBAAgB;MAAA,CAAG;IAAA,CACxD,GAEC,CAACA,YAAA,IACA,eAAAN,GAAA,CAACb,KAAA;MAAMuB,IAAA,EAAK;MAAQC,QAAA,EAAS;MAC3BP,QAAA,iBAAAH,IAAA,CAACP,KAAA;QAAMkB,SAAA,EAAU;QAASC,MAAA,EAAQ;QAAQN,KAAA,EAAK;QAACO,qBAAA,EAAqB;QACnEV,QAAA,kBAAAJ,GAAA,CAACN,KAAA,CAAMqB,KAAA,EAAN;UAAYC,OAAA,EAAQ;UAAKb,GAAA,EAAI;UAC5BC,QAAA,iBAAAJ,GAAA,CAACb,KAAA,CAAM8B,QAAA,EAAN,EAAe;QAAA,CAClB,GACA,eAAAjB,GAAA,CAACN,KAAA,CAAMwB,OAAA,EAAN;UACCC,eAAA,EAAgB;UAChBP,SAAA,EAAU;UACVQ,UAAA,EAAY;YAAEC,OAAA,EAAS;UAAE;UACzBC,SAAA,EAAW;YAAED,OAAA,EAAS;UAAE;QAAA,CAC1B;MAAA,CACF;IAAA,CACF,GAGF,eAAApB,IAAA,CAACZ,MAAA,CAAOkC,MAAA,EAAP;MACCnB,QAAA,kBAAAJ,GAAA,CAACX,MAAA,CAAO6B,OAAA,EAAP;QAECC,eAAA,EAAgB;QAChBP,SAAA,EAAU;QACVQ,UAAA,EAAY;UAAEC,OAAA,EAAS;QAAE;QACzBC,SAAA,EAAW;UAAED,OAAA,EAAS;QAAE;MAAA,GAJpB,SAKN,GAEA,eAAApB,IAAA,CAACZ,MAAA,CAAOmC,OAAA,EAAP;QACCC,QAAA,EAAQ;QACRC,OAAA,EAAO;QAEPC,WAAA,EAAa,CAAC,aAAa,SAAS;QACpCf,SAAA,EAAW,CACT,WACA;UACES,OAAA,EAAS;YACPO,iBAAA,EAAmB;UACrB;QACF,EACF;QACAR,UAAA,EAAY;UAAES,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKT,OAAA,EAAS;UAAGU,KAAA,EAAO;QAAI;QACnDT,SAAA,EAAW;UAAEO,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIT,OAAA,EAAS;UAAGU,KAAA,EAAO;QAAK;QAClD5B,GAAA,EAAI;QAEJC,QAAA,kBAAAJ,GAAA,CAACX,MAAA,CAAO2C,KAAA,EAAP;UAAa5B,QAAA;QAAA,CAAY,GAC1B,eAAAJ,GAAA,CAACX,MAAA,CAAO4C,WAAA,EAAP;UAAmB7B,QAAA;QAAA,CAEpB,GACA,eAAAH,IAAA,CAACX,QAAA;UAASa,GAAA,EAAI;UAAK+B,UAAA,EAAU;UAC3B9B,QAAA,kBAAAJ,GAAA,CAACR,KAAA;YAAM2C,KAAA,EAAO;YAAKC,cAAA,EAAe;YAAWC,OAAA,EAAQ;YAAOjC,QAAA;UAAA,CAE5D,GACA,eAAAJ,GAAA,CAACT,KAAA;YAAM+C,IAAA,EAAM;YAAGC,EAAA,EAAG;YAAOC,YAAA,EAAa;UAAA,CAAe;QAAA,CACxD,GACA,eAAAvC,IAAA,CAACX,QAAA;UAASa,GAAA,EAAI;UAAK+B,UAAA,EAAU;UAC3B9B,QAAA,kBAAAJ,GAAA,CAACR,KAAA;YAAM2C,KAAA,EAAO;YAAKC,cAAA,EAAe;YAAWC,OAAA,EAAQ;YACnDjC,QAAA,iBAAAJ,GAAA,CAACL,aAAA;cAAc8C,KAAA,EAAM;cAAqBC,SAAA,EAAU;cAClDtC,QAAA,iBAAAJ,GAAA,CAACP,SAAA;gBAAUW,QAAA;cAAA,CAAI;YAAA,CACjB;UAAA,CACF,GACA,eAAAJ,GAAA,CAACD,cAAA,IAAe;QAAA,CAClB,GAEA,eAAAE,IAAA,CAACH,MAAA;UAAO6C,SAAA,EAAU;UAAWxC,GAAA,EAAI;UAC/BC,QAAA,kBAAAJ,GAAA,CAACK,cAAA,IAAe,GAEhB,eAAAL,GAAA,CAACX,MAAA,CAAOuD,KAAA,EAAP;YAAaC,kBAAA,EAAkB;YAACpC,OAAA,EAAO;YACtCL,QAAA,iBAAAJ,GAAA,CAACZ,MAAA;cAAO0D,KAAA,EAAM;cAAS,cAAW;cAAQ1C,QAAA;YAAA,CAE1C;UAAA,CACF;QAAA,CACF,GAEA,eAAAJ,GAAA,CAACJ,QAAA;UACCQ,QAAA,iBAAAJ,GAAA,CAACX,MAAA,CAAOuD,KAAA,EAAP;YAAanC,OAAA,EAAO;YACnBL,QAAA,iBAAAJ,GAAA,CAACZ,MAAA;cACC2D,QAAA,EAAS;cACTC,GAAA,EAAI;cACJC,KAAA,EAAM;cACNC,IAAA,EAAK;cACLC,QAAA,EAAQ;cACRC,IAAA,EAAMlE;YAAA,CACR;UAAA,CACF;QAAA,CACF;MAAA,GAtDI,SAuDN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
1
+ {"version":3,"names":["X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","scale","Content","bordered","w","h","elevate","x","y","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","alignSelf","Close","displayWhenAdapted","theme","position","top","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -5,6 +5,8 @@ import { SelectDemoItem } from "./SelectDemo.native.js";
5
5
  function DialogDemo() {
6
6
  return /* @__PURE__ */_jsxs(View, {
7
7
  gap: "$4",
8
+ justifyContent: "center",
9
+ alignItems: "center",
8
10
  children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(DialogInstance, {
9
11
  disableAdapt: !0
10
12
  })]
@@ -47,15 +49,23 @@ function DialogInstance(param) {
47
49
  }), /* @__PURE__ */_jsxs(Dialog.Portal, {
48
50
  children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
49
51
  backgroundColor: "$shadow6",
50
- animation: "slow",
52
+ animateOnly: ["transform", "opacity"],
53
+ animation: ["quicker", {
54
+ opacity: {
55
+ overshootClamping: !0
56
+ }
57
+ }],
51
58
  enterStyle: {
52
- opacity: 0
59
+ opacity: 0,
60
+ scale: 0.95
53
61
  },
54
62
  exitStyle: {
55
63
  opacity: 0
56
64
  }
57
65
  }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
58
66
  bordered: !0,
67
+ w: 400,
68
+ h: 400,
59
69
  elevate: !0,
60
70
  animateOnly: ["transform", "opacity"],
61
71
  animation: ["quicker", {
@@ -66,8 +76,7 @@ function DialogInstance(param) {
66
76
  enterStyle: {
67
77
  x: 0,
68
78
  y: -20,
69
- opacity: 0,
70
- scale: 0.9
79
+ opacity: 0
71
80
  },
72
81
  exitStyle: {
73
82
  x: 0,
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAf,KAAA,CAAAY,IAAA;IACAI,GAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAoB,cAAA,OACA,eAAApB,IAAA,CAAAoB,cAAA;MACAC,YAAA;IACA;EAEA;AAAA;AAEF,SAASD,eAAAE,KAAA,EAAsB;EAI3B;IAAAD;EAAA,IAAAC,KAAA;EAFG,OAAS,eAAapB,KAAA,CAAAI,MAAA;IAC3BiB,KACE;IACEJ,QAAA,GACA,eAAAnB,IAAC,CAAAM,MAAA,CAAAkB,OAAA,EAAe;MAClBC,OAAA;MAEJN,QAAA,iBAAAjB,KAAA,CAAAG,MAAA;QAESc,QAAA,GAEL,eACEE,YAAC,mBAAe;MACM;IAA+B,CAAG,GAGtD,CAAAA,YAAA,IACA,eAAArB,IAAC,CAAAI,KAAA,EAAM;MAEHsB,IAAA;MAGAC,QAAA;MAACR,QAAM,iBAAAjB,KAAA,CAAAS,KAAA;QAANiB,SAAA;QACCC,MAAA;QACAN,KAAA;QACAO,qBAAc,EAAS,EAAE;QACzBX,QAAA,GAAwB,eAAAnB,IAAA,CAAAW,KAAA,CAAAoB,KAAA;UAC1BC,OAAA;UAEJd,GAAA;UAGFC,QAAA,iBAACnB,IACC,CAAAI,KAAA,CAAA6B,QAAA;QAAA,IAAC,eAAOjC,IAAA,CAAAW,KAAA,CAAAuB,OAAA;UAAPC,eAAA;UAECP,SAAA,QAAgB;UAChBQ,UAAU;YACVC,OAAY,EAAE;UACd;UAAwBC,SAAA;YAJpBD,OAAA;UAKN;QAEA;MAAC;IAAA,IACS,eACDnC,KAAA,CAAAI,MAAA,CAAAiC,MAAA;MAAApB,QAEP,GACA,eAAWnB,IAAA,CAAAM,MAAA,CAAA4B,OAAA;QACTC,eAAA;QACAP,SAAA;QAAAQ,UACE,EAAS;UAAAC,OACP;QAAmB;QAEvBC,SAAA;UACFD,OAAA;QACA;MACA,YAAW,CAAE,EACb,eAAInC,KAAA,CAAAI,MAAA,CAAAkC,OAAA;QAEJC,QAAA;QAAAC,OAAA;QACAC,WAAA,GAGA,aACE,UAEA;QACsDf,SACxD,GACA,WACE;UAKAS,OAAA;YACFO,iBAAA;UAEA;QACE,EAAgB;QAMhBR,UACF;UAEAS,CAAA;UAEKC,CAAA;UAAAT,OAAA;UAAAU,KACC;QAAS;QACLT,SACJ,EAAM;UAAAO,CAAA,EACN;UAAKC,CAAA,EACL;UAAQT,OACR,EAAM;UAAAU,KAAA;QACR;QAEJ7B,GAAA;QAAAC,QAAA,GAtDI,eAAAnB,IAAA,CAAAM,MAAA,CAAA0C,KAAA;UAuDN7B,QAAA;QACF,IACF,eAAAnB,IAAA,CAAAM,MAAA,CAAA2C,WAAA;UAEJ9B,QAAA","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","scale","Content","bordered","w","h","elevate","x","y"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAf,KAAA,CAAAY,IAAA;IACAI,GAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA,GACA,eAAArB,IAAA,CAAAsB,cAAA,OACA,eAAAtB,IAAA,CAAAsB,cAAA;MACAC,YAAA;IACA;EAEF;AAII;AAFG,SAASD,cAAaA,CAAAE,KAAA;EAC3B;IAAAD;EACE,IAAAC,KAAC;EACC,sBAACtB,KAAA,CAAAI,MAAA;IACDmB,KAAA;IAA6BJ,QAC/B,GAEJ,eAAArB,IAAA,CAAAM,MAAA,CAAAoB,OAAA;MAEAC,OAAS;MACPN,QACE,iBAACnB,KAAA,CAAOG,MAAA,EAAK;QACXgB,QAAA,GACU,eAAYE,YAAe,gBAAgB;MAGnD;IAGI,IAGA,CAAAA,YAAA,mBAAAvB,IAAA,CAAAI,KAAA;MAACwB,IAAA,EAAM;MAANC,QAAA;MAAAR,QACC,iBAAgBnB,KAAA,CAAAS,KAAA;QAChBmB,SAAA,EAAU;QACVC,MAAA;QACAN,KAAA;QAAwBO,qBAAA;QAC1BX,QAAA,GAEJ,eAAArB,IAAA,CAAAW,KAAA,CAAAsB,KAAA;UAGFC,OAAA,MAAC;UACChB,GAAA;UAACG,QAAO,iBAAArB,IAAA,CAAAI,KAAA,CAAA+B,QAAA;QAAP,IAEC,eAAgBnC,IAAA,CAAAW,KAAA,CAAAyB,OAAA;UAChBC,eAAc,YAAa;UAC3BP,SAAW;UACTQ,UAAA;YACAC,OAAA;UACE;UAASC,SACP;YACFD,OAAA;UACF;QACF;MACsC;IACd,mBAZpBrC,KAAA,CAAAI,MAAA,CAAAmC,MAAA;MAaNpB,QAAA,GAEA,eAAArB,IAAA,CAAAM,MAAA,CAAA8B,OAAA;QAACC,eAAO;QAAPK,WAAA,GACC,WAAQ,EACL,UACA;QACHZ,SAAO,GAEP,SAAa,EACb;UACES,OAAA;YACAI,iBAAA;UACE;QAAS,EACY;QAEvBL,UAAA;UACFC,OAAA;UACAK,KAAA;QACA;QACAJ,SAAI;UAEJD,OAAA;QAAA;MAA0B,GAC1B,YAEA,eACArC,KAAA,CAAAI,MAAC,CAAAuC,OAAS;QACRC,QAAA;QAEAC,CAAA,EACA;QAAsDC,CAAA,EACxD;QACAC,OAAA;QACEP,WAAA,GAKA,aAAgB,SAClB,CAEA;QACEZ,SAAA,GAEA,WAIA;UAGFS,OAAA;YAEKI,iBAAA;UAAA;QAAA,EACU;QACLL,UACJ,EAAM;UAAAY,CAAA,EACN;UAAKC,CAAA,EACL;UAAQZ,OACR,EAAM;QAAA;QACRC,SAEJ;UAAAU,CAAA;UAAAC,CAAA;UAtDIZ,OAAA;UAuDNK,KAAA;QACF;QACF1B,GAAA;QAEJG,QAAA,G","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.126.2",
3
+ "version": "1.126.4-1746355141077",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -45,30 +45,30 @@
45
45
  }
46
46
  },
47
47
  "dependencies": {
48
- "@tamagui/avatar": "1.126.2",
49
- "@tamagui/button": "1.126.2",
50
- "@tamagui/config": "1.126.2",
51
- "@tamagui/core": "1.126.2",
52
- "@tamagui/list-item": "1.126.2",
53
- "@tamagui/logo": "1.126.2",
54
- "@tamagui/lucide-icons": "1.126.2",
55
- "@tamagui/menu": "1.126.2",
56
- "@tamagui/popover": "1.126.2",
57
- "@tamagui/progress": "1.126.2",
58
- "@tamagui/radio-group": "1.126.2",
59
- "@tamagui/select": "1.126.2",
60
- "@tamagui/sheet": "1.126.2",
61
- "@tamagui/slider": "1.126.2",
62
- "@tamagui/stacks": "1.126.2",
63
- "@tamagui/tamagui-dev-config": "1.126.2",
64
- "@tamagui/toast": "1.126.2",
65
- "tamagui": "1.126.2"
48
+ "@tamagui/avatar": "1.126.4-1746355141077",
49
+ "@tamagui/button": "1.126.4-1746355141077",
50
+ "@tamagui/config": "1.126.4-1746355141077",
51
+ "@tamagui/core": "1.126.4-1746355141077",
52
+ "@tamagui/list-item": "1.126.4-1746355141077",
53
+ "@tamagui/logo": "1.126.4-1746355141077",
54
+ "@tamagui/lucide-icons": "1.126.4-1746355141077",
55
+ "@tamagui/menu": "1.126.4-1746355141077",
56
+ "@tamagui/popover": "1.126.4-1746355141077",
57
+ "@tamagui/progress": "1.126.4-1746355141077",
58
+ "@tamagui/radio-group": "1.126.4-1746355141077",
59
+ "@tamagui/select": "1.126.4-1746355141077",
60
+ "@tamagui/sheet": "1.126.4-1746355141077",
61
+ "@tamagui/slider": "1.126.4-1746355141077",
62
+ "@tamagui/stacks": "1.126.4-1746355141077",
63
+ "@tamagui/tamagui-dev-config": "1.126.4-1746355141077",
64
+ "@tamagui/toast": "1.126.4-1746355141077",
65
+ "tamagui": "1.126.4-1746355141077"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "react": "*"
69
69
  },
70
70
  "devDependencies": {
71
- "@tamagui/build": "1.126.2",
71
+ "@tamagui/build": "1.126.4-1746355141077",
72
72
  "react": "*"
73
73
  },
74
74
  "publishConfig": {
@@ -17,7 +17,7 @@ import { SelectDemoItem } from './SelectDemo'
17
17
 
18
18
  export function DialogDemo() {
19
19
  return (
20
- <View gap="$4">
20
+ <View gap="$4" justifyContent="center" alignItems="center">
21
21
  <DialogInstance />
22
22
  <DialogInstance disableAdapt />
23
23
  </View>
@@ -51,13 +51,23 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
51
51
  <Dialog.Overlay
52
52
  key="overlay"
53
53
  backgroundColor="$shadow6"
54
- animation="slow"
55
- enterStyle={{ opacity: 0 }}
54
+ animateOnly={['transform', 'opacity']}
55
+ animation={[
56
+ 'quicker',
57
+ {
58
+ opacity: {
59
+ overshootClamping: true,
60
+ },
61
+ },
62
+ ]}
63
+ enterStyle={{ opacity: 0, scale: 0.95 }}
56
64
  exitStyle={{ opacity: 0 }}
57
65
  />
58
66
 
59
67
  <Dialog.Content
60
68
  bordered
69
+ w={400}
70
+ h={400}
61
71
  elevate
62
72
  key="content"
63
73
  animateOnly={['transform', 'opacity']}
@@ -69,7 +79,7 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
69
79
  },
70
80
  },
71
81
  ]}
72
- enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
82
+ enterStyle={{ x: 0, y: -20, opacity: 0 }}
73
83
  exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
74
84
  gap="$4"
75
85
  >