@tamagui/demos 1.127.3 → 1.128.0

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 (13) hide show
  1. package/dist/cjs/DialogDemo.cjs +91 -85
  2. package/dist/cjs/DialogDemo.js +7 -6
  3. package/dist/cjs/DialogDemo.js.map +1 -1
  4. package/dist/cjs/DialogDemo.native.js +112 -106
  5. package/dist/cjs/DialogDemo.native.js.map +2 -2
  6. package/dist/esm/DialogDemo.js +7 -6
  7. package/dist/esm/DialogDemo.js.map +1 -1
  8. package/dist/esm/DialogDemo.mjs +91 -85
  9. package/dist/esm/DialogDemo.mjs.map +1 -1
  10. package/dist/esm/DialogDemo.native.js +91 -85
  11. package/dist/esm/DialogDemo.native.js.map +1 -1
  12. package/package.json +20 -20
  13. package/src/DialogDemo.tsx +64 -59
package/dist/cjs/DialogDemo.cjs CHANGED
@@ -44,8 +44,10 @@ function DialogInstance({
44
44
  modal: !0,
45
45
  children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
46
46
  asChild: !0,
47
- children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
48
- children: ["Show Dialog", disableAdapt ? " (No Adapt)" : ""]
47
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
48
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Button.Text, {
49
+ children: ["Show Dialog", disableAdapt ? " (No Sheet)" : ""]
50
+ })
49
51
  })
50
52
  }), !disableAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
51
53
  when: "maxMd",
@@ -85,95 +87,99 @@ function DialogInstance({
85
87
  exitStyle: {
86
88
  opacity: 0
87
89
  }
88
- }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
89
- bordered: !0,
90
- w: 400,
91
- elevate: !0,
92
- borderRadius: "$6",
93
- animateOnly: ["transform", "opacity"],
94
- animation: ["quicker", {
95
- opacity: {
96
- overshootClamping: !0
97
- }
98
- }],
99
- enterStyle: {
100
- x: 0,
101
- y: 20,
102
- opacity: 0
103
- },
104
- exitStyle: {
105
- x: 0,
106
- y: 10,
107
- opacity: 0,
108
- scale: 0.95
109
- },
110
- gap: "$4",
111
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
112
- children: "Edit profile"
113
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
114
- children: "Make changes to your profile here. Click save when you're done."
115
- }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
116
- gap: "$4",
117
- horizontal: !0,
118
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
119
- width: 64,
120
- htmlFor: "name",
121
- children: "Name"
122
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
123
- flex: 1,
124
- id: "name",
125
- defaultValue: "Nate Wienert"
126
- })]
127
- }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
90
+ }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
91
+ focusOnIdle: !0,
92
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
93
+ bordered: !0,
94
+ paddingVertical: "$4",
95
+ paddingHorizontal: "$6",
96
+ elevate: !0,
97
+ borderRadius: "$6",
98
+ animateOnly: ["transform", "opacity"],
99
+ animation: ["quicker", {
100
+ opacity: {
101
+ overshootClamping: !0
102
+ }
103
+ }],
104
+ enterStyle: {
105
+ x: 0,
106
+ y: 20,
107
+ opacity: 0
108
+ },
109
+ exitStyle: {
110
+ x: 0,
111
+ y: 10,
112
+ opacity: 0,
113
+ scale: 0.95
114
+ },
128
115
  gap: "$4",
129
- horizontal: !0,
130
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
131
- width: 64,
132
- htmlFor: "username",
133
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
134
- label: "Pick your favorite",
135
- placement: "bottom-start",
136
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
137
- children: "Food"
116
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
117
+ children: "Edit profile"
118
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
119
+ children: "Make changes to your profile here. Click save when you're done."
120
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
121
+ gap: "$4",
122
+ horizontal: !0,
123
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
124
+ width: 64,
125
+ htmlFor: "name",
126
+ children: "Name"
127
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
128
+ flex: 1,
129
+ id: "name",
130
+ defaultValue: "Nate Wienert"
131
+ })]
132
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
133
+ gap: "$4",
134
+ horizontal: !0,
135
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
136
+ width: 64,
137
+ htmlFor: "username",
138
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
139
+ label: "Pick your favorite",
140
+ placement: "bottom-start",
141
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
142
+ children: "Food"
143
+ })
138
144
  })
139
- })
140
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
141
- flex: 1,
142
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {
143
- trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
144
- flex: 1,
145
- iconAfter: import_lucide_icons.ChevronDown,
146
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
147
- placeholder: "Something"
145
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
146
+ flex: 1,
147
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {
148
+ trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
149
+ flex: 1,
150
+ iconAfter: import_lucide_icons.ChevronDown,
151
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
152
+ placeholder: "Something"
153
+ })
148
154
  })
149
155
  })
156
+ })]
157
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
158
+ alignSelf: "flex-end",
159
+ gap: "$4",
160
+ children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
161
+ displayWhenAdapted: !0,
162
+ asChild: !0,
163
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
164
+ theme: "accent",
165
+ "aria-label": "Close",
166
+ children: "Save changes"
167
+ })
168
+ })]
169
+ }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
170
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
171
+ asChild: !0,
172
+ children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
173
+ position: "absolute",
174
+ right: "$3",
175
+ size: "$2",
176
+ circular: !0,
177
+ icon: import_lucide_icons.X
178
+ })
150
179
  })
151
180
  })]
152
- }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
153
- alignSelf: "flex-end",
154
- gap: "$4",
155
- children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DialogInstance, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
156
- displayWhenAdapted: !0,
157
- asChild: !0,
158
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
159
- theme: "accent",
160
- "aria-label": "Close",
161
- children: "Save changes"
162
- })
163
- })]
164
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
165
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
166
- asChild: !0,
167
- children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
168
- position: "absolute",
169
- right: "$3",
170
- size: "$2",
171
- circular: !0,
172
- icon: import_lucide_icons.X
173
- })
174
- })
175
- })]
176
- }, "content")]
181
+ }, "content")
182
+ })]
177
183
  })]
178
184
  });
179
185
  }
package/dist/cjs/DialogDemo.js CHANGED
@@ -26,10 +26,10 @@ function DialogDemo() {
26
26
  }
27
27
  function DialogInstance({ disableAdapt }) {
28
28
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: !0, children: [
29
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { children: [
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button.Text, { children: [
30
30
  "Show Dialog",
31
- disableAdapt ? " (No Adapt)" : ""
32
- ] }) }),
31
+ disableAdapt ? " (No Sheet)" : ""
32
+ ] }) }) }),
33
33
  !disableAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
34
34
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
35
35
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -61,11 +61,12 @@ function DialogInstance({ disableAdapt }) {
61
61
  },
62
62
  "overlay"
63
63
  ),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, { focusOnIdle: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
65
65
  import_tamagui.Dialog.Content,
66
66
  {
67
67
  bordered: !0,
68
- w: 400,
68
+ paddingVertical: "$4",
69
+ paddingHorizontal: "$6",
69
70
  elevate: !0,
70
71
  borderRadius: "$6",
71
72
  animateOnly: ["transform", "opacity"],
@@ -104,7 +105,7 @@ function DialogInstance({ disableAdapt }) {
104
105
  ]
105
106
  },
106
107
  "content"
107
- )
108
+ ) })
108
109
  ] })
109
110
  ] });
110
111
  }
package/dist/cjs/DialogDemo.js.map CHANGED
@@ -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
  }
package/dist/cjs/DialogDemo.native.js CHANGED
@@ -39,11 +39,13 @@ function DialogInstance(param) {
39
39
  children: [
40
40
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
41
41
  asChild: !0,
42
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
43
- children: [
44
- "Show Dialog",
45
- disableAdapt ? " (No Adapt)" : ""
46
- ]
42
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
43
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button.Text, {
44
+ children: [
45
+ "Show Dialog",
46
+ disableAdapt ? " (No Sheet)" : ""
47
+ ]
48
+ })
47
49
  })
48
50
  }),
49
51
  !disableAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
@@ -96,117 +98,121 @@ function DialogInstance(param) {
96
98
  opacity: 0
97
99
  }
98
100
  }, "overlay"),
99
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
100
- bordered: !0,
101
- w: 400,
102
- elevate: !0,
103
- borderRadius: "$6",
104
- animateOnly: [
105
- "transform",
106
- "opacity"
107
- ],
108
- animation: [
109
- "quicker",
110
- {
111
- opacity: {
112
- overshootClamping: !0
101
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.FocusScope, {
102
+ focusOnIdle: !0,
103
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
104
+ bordered: !0,
105
+ paddingVertical: "$4",
106
+ paddingHorizontal: "$6",
107
+ elevate: !0,
108
+ borderRadius: "$6",
109
+ animateOnly: [
110
+ "transform",
111
+ "opacity"
112
+ ],
113
+ animation: [
114
+ "quicker",
115
+ {
116
+ opacity: {
117
+ overshootClamping: !0
118
+ }
113
119
  }
114
- }
115
- ],
116
- enterStyle: {
117
- x: 0,
118
- y: 20,
119
- opacity: 0
120
- },
121
- exitStyle: {
122
- x: 0,
123
- y: 10,
124
- opacity: 0,
125
- scale: 0.95
126
- },
127
- gap: "$4",
128
- children: [
129
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
130
- children: "Edit profile"
131
- }),
132
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
133
- children: "Make changes to your profile here. Click save when you're done."
134
- }),
135
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
136
- gap: "$4",
137
- horizontal: !0,
138
- children: [
139
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
140
- width: 64,
141
- htmlFor: "name",
142
- children: "Name"
143
- }),
144
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
145
- flex: 1,
146
- id: "name",
147
- defaultValue: "Nate Wienert"
148
- })
149
- ]
150
- }),
151
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
152
- gap: "$4",
153
- horizontal: !0,
154
- children: [
155
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
156
- width: 64,
157
- htmlFor: "username",
158
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
159
- label: "Pick your favorite",
160
- placement: "bottom-start",
161
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
162
- children: "Food"
163
- })
120
+ ],
121
+ enterStyle: {
122
+ x: 0,
123
+ y: 20,
124
+ opacity: 0
125
+ },
126
+ exitStyle: {
127
+ x: 0,
128
+ y: 10,
129
+ opacity: 0,
130
+ scale: 0.95
131
+ },
132
+ gap: "$4",
133
+ children: [
134
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
135
+ children: "Edit profile"
136
+ }),
137
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
138
+ children: "Make changes to your profile here. Click save when you're done."
139
+ }),
140
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
141
+ gap: "$4",
142
+ horizontal: !0,
143
+ children: [
144
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
145
+ width: 64,
146
+ htmlFor: "name",
147
+ children: "Name"
148
+ }),
149
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
150
+ flex: 1,
151
+ id: "name",
152
+ defaultValue: "Nate Wienert"
164
153
  })
165
- }),
166
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
167
- flex: 1,
168
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {
169
- trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
170
- flex: 1,
171
- iconAfter: import_lucide_icons.ChevronDown,
172
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
173
- placeholder: "Something"
154
+ ]
155
+ }),
156
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
157
+ gap: "$4",
158
+ horizontal: !0,
159
+ children: [
160
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
161
+ width: 64,
162
+ htmlFor: "username",
163
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, {
164
+ label: "Pick your favorite",
165
+ placement: "bottom-start",
166
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
167
+ children: "Food"
168
+ })
169
+ })
170
+ }),
171
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
172
+ flex: 1,
173
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {
174
+ trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
175
+ flex: 1,
176
+ iconAfter: import_lucide_icons.ChevronDown,
177
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
178
+ placeholder: "Something"
179
+ })
174
180
  })
175
181
  })
176
182
  })
177
- })
178
- ]
179
- }),
180
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
181
- alignSelf: "flex-end",
182
- gap: "$4",
183
- children: [
184
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
185
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
186
- displayWhenAdapted: !0,
183
+ ]
184
+ }),
185
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
186
+ alignSelf: "flex-end",
187
+ gap: "$4",
188
+ children: [
189
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
190
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
191
+ displayWhenAdapted: !0,
192
+ asChild: !0,
193
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
194
+ theme: "accent",
195
+ "aria-label": "Close",
196
+ children: "Save changes"
197
+ })
198
+ })
199
+ ]
200
+ }),
201
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
202
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
187
203
  asChild: !0,
188
204
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
189
- theme: "accent",
190
- "aria-label": "Close",
191
- children: "Save changes"
205
+ position: "absolute",
206
+ right: "$3",
207
+ size: "$2",
208
+ circular: !0,
209
+ icon: import_lucide_icons.X
192
210
  })
193
211
  })
194
- ]
195
- }),
196
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
197
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
198
- asChild: !0,
199
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
200
- position: "absolute",
201
- right: "$3",
202
- size: "$2",
203
- circular: !0,
204
- icon: import_lucide_icons.X
205
- })
206
212
  })
207
- })
208
- ]
209
- }, "content")
213
+ ]
214
+ }, "content")
215
+ })
210
216
  ]
211
217
  })
212
218
  ]
package/dist/cjs/DialogDemo.native.js.map CHANGED
@@ -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", "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", "Content", "bordered", "w", "elevate", "borderRadius", "x", "y", "scale", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "XStack", "SelectDemoItem", "trigger", "Select", "iconAfter", "ChevronDown", "Value", "placeholder", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "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", "Text", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Portal", "animateOnly", "overshootClamping", "FocusScope", "focusOnIdle", "Content", "bordered", "paddingVertical", "paddingHorizontal", "elevate", "borderRadius", "x", "y", "scale", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "XStack", "SelectDemoItem", "trigger", "Select", "iconAfter", "ChevronDown", "Value", "placeholder", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "right", "size", "circular", "icon", "X"]
6
6
  }
package/dist/esm/DialogDemo.js CHANGED
@@ -24,10 +24,10 @@ function DialogDemo() {
24
24
  }
25
25
  function DialogInstance({ disableAdapt }) {
26
26
  return /* @__PURE__ */ jsxs(Dialog, { modal: !0, children: [
27
- /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Button, { children: [
27
+ /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: /* @__PURE__ */ jsxs(Button.Text, { children: [
28
28
  "Show Dialog",
29
- disableAdapt ? " (No Adapt)" : ""
30
- ] }) }),
29
+ disableAdapt ? " (No Sheet)" : ""
30
+ ] }) }) }),
31
31
  !disableAdapt && /* @__PURE__ */ jsx(Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
32
32
  /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
33
33
  /* @__PURE__ */ jsx(
@@ -59,11 +59,12 @@ function DialogInstance({ disableAdapt }) {
59
59
  },
60
60
  "overlay"
61
61
  ),
62
- /* @__PURE__ */ jsxs(
62
+ /* @__PURE__ */ jsx(Dialog.FocusScope, { focusOnIdle: !0, children: /* @__PURE__ */ jsxs(
63
63
  Dialog.Content,
64
64
  {
65
65
  bordered: !0,
66
- w: 400,
66
+ paddingVertical: "$4",
67
+ paddingHorizontal: "$6",
67
68
  elevate: !0,
68
69
  borderRadius: "$6",
69
70
  animateOnly: ["transform", "opacity"],
@@ -102,7 +103,7 @@ function DialogInstance({ disableAdapt }) {
102
103
  ]
103
104
  },
104
105
  "content"
105
- )
106
+ ) })
106
107
  ] })
107
108
  ] });
108
109
  }
package/dist/esm/DialogDemo.js.map CHANGED
@@ -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
  }
package/dist/esm/DialogDemo.mjs CHANGED
@@ -19,8 +19,10 @@ function DialogInstance({
19
19
  modal: !0,
20
20
  children: [/* @__PURE__ */jsx(Dialog.Trigger, {
21
21
  asChild: !0,
22
- children: /* @__PURE__ */jsxs(Button, {
23
- children: ["Show Dialog", disableAdapt ? " (No Adapt)" : ""]
22
+ children: /* @__PURE__ */jsx(Button, {
23
+ children: /* @__PURE__ */jsxs(Button.Text, {
24
+ children: ["Show Dialog", disableAdapt ? " (No Sheet)" : ""]
25
+ })
24
26
  })
25
27
  }), !disableAdapt && /* @__PURE__ */jsx(Adapt, {
26
28
  when: "maxMd",
@@ -60,95 +62,99 @@ function DialogInstance({
60
62
  exitStyle: {
61
63
  opacity: 0
62
64
  }
63
- }, "overlay"), /* @__PURE__ */jsxs(Dialog.Content, {
64
- bordered: !0,
65
- w: 400,
66
- elevate: !0,
67
- borderRadius: "$6",
68
- animateOnly: ["transform", "opacity"],
69
- animation: ["quicker", {
70
- opacity: {
71
- overshootClamping: !0
72
- }
73
- }],
74
- enterStyle: {
75
- x: 0,
76
- y: 20,
77
- opacity: 0
78
- },
79
- exitStyle: {
80
- x: 0,
81
- y: 10,
82
- opacity: 0,
83
- scale: 0.95
84
- },
85
- gap: "$4",
86
- children: [/* @__PURE__ */jsx(Dialog.Title, {
87
- children: "Edit profile"
88
- }), /* @__PURE__ */jsx(Dialog.Description, {
89
- children: "Make changes to your profile here. Click save when you're done."
90
- }), /* @__PURE__ */jsxs(Fieldset, {
91
- gap: "$4",
92
- horizontal: !0,
93
- children: [/* @__PURE__ */jsx(Label, {
94
- width: 64,
95
- htmlFor: "name",
96
- children: "Name"
97
- }), /* @__PURE__ */jsx(Input, {
98
- flex: 1,
99
- id: "name",
100
- defaultValue: "Nate Wienert"
101
- })]
102
- }), /* @__PURE__ */jsxs(Fieldset, {
65
+ }, "overlay"), /* @__PURE__ */jsx(Dialog.FocusScope, {
66
+ focusOnIdle: !0,
67
+ children: /* @__PURE__ */jsxs(Dialog.Content, {
68
+ bordered: !0,
69
+ paddingVertical: "$4",
70
+ paddingHorizontal: "$6",
71
+ elevate: !0,
72
+ borderRadius: "$6",
73
+ animateOnly: ["transform", "opacity"],
74
+ animation: ["quicker", {
75
+ opacity: {
76
+ overshootClamping: !0
77
+ }
78
+ }],
79
+ enterStyle: {
80
+ x: 0,
81
+ y: 20,
82
+ opacity: 0
83
+ },
84
+ exitStyle: {
85
+ x: 0,
86
+ y: 10,
87
+ opacity: 0,
88
+ scale: 0.95
89
+ },
103
90
  gap: "$4",
104
- horizontal: !0,
105
- children: [/* @__PURE__ */jsx(Label, {
106
- width: 64,
107
- htmlFor: "username",
108
- children: /* @__PURE__ */jsx(TooltipSimple, {
109
- label: "Pick your favorite",
110
- placement: "bottom-start",
111
- children: /* @__PURE__ */jsx(Paragraph, {
112
- children: "Food"
91
+ children: [/* @__PURE__ */jsx(Dialog.Title, {
92
+ children: "Edit profile"
93
+ }), /* @__PURE__ */jsx(Dialog.Description, {
94
+ children: "Make changes to your profile here. Click save when you're done."
95
+ }), /* @__PURE__ */jsxs(Fieldset, {
96
+ gap: "$4",
97
+ horizontal: !0,
98
+ children: [/* @__PURE__ */jsx(Label, {
99
+ width: 64,
100
+ htmlFor: "name",
101
+ children: "Name"
102
+ }), /* @__PURE__ */jsx(Input, {
103
+ flex: 1,
104
+ id: "name",
105
+ defaultValue: "Nate Wienert"
106
+ })]
107
+ }), /* @__PURE__ */jsxs(Fieldset, {
108
+ gap: "$4",
109
+ horizontal: !0,
110
+ children: [/* @__PURE__ */jsx(Label, {
111
+ width: 64,
112
+ htmlFor: "username",
113
+ children: /* @__PURE__ */jsx(TooltipSimple, {
114
+ label: "Pick your favorite",
115
+ placement: "bottom-start",
116
+ children: /* @__PURE__ */jsx(Paragraph, {
117
+ children: "Food"
118
+ })
113
119
  })
114
- })
115
- }), /* @__PURE__ */jsx(XStack, {
116
- flex: 1,
117
- children: /* @__PURE__ */jsx(SelectDemoItem, {
118
- trigger: /* @__PURE__ */jsx(Select.Trigger, {
119
- flex: 1,
120
- iconAfter: ChevronDown,
121
- children: /* @__PURE__ */jsx(Select.Value, {
122
- placeholder: "Something"
120
+ }), /* @__PURE__ */jsx(XStack, {
121
+ flex: 1,
122
+ children: /* @__PURE__ */jsx(SelectDemoItem, {
123
+ trigger: /* @__PURE__ */jsx(Select.Trigger, {
124
+ flex: 1,
125
+ iconAfter: ChevronDown,
126
+ children: /* @__PURE__ */jsx(Select.Value, {
127
+ placeholder: "Something"
128
+ })
123
129
  })
124
130
  })
131
+ })]
132
+ }), /* @__PURE__ */jsxs(XStack, {
133
+ alignSelf: "flex-end",
134
+ gap: "$4",
135
+ children: [/* @__PURE__ */jsx(DialogInstance, {}), /* @__PURE__ */jsx(Dialog.Close, {
136
+ displayWhenAdapted: !0,
137
+ asChild: !0,
138
+ children: /* @__PURE__ */jsx(Button, {
139
+ theme: "accent",
140
+ "aria-label": "Close",
141
+ children: "Save changes"
142
+ })
143
+ })]
144
+ }), /* @__PURE__ */jsx(Unspaced, {
145
+ children: /* @__PURE__ */jsx(Dialog.Close, {
146
+ asChild: !0,
147
+ children: /* @__PURE__ */jsx(Button, {
148
+ position: "absolute",
149
+ right: "$3",
150
+ size: "$2",
151
+ circular: !0,
152
+ icon: X
153
+ })
125
154
  })
126
155
  })]
127
- }), /* @__PURE__ */jsxs(XStack, {
128
- alignSelf: "flex-end",
129
- gap: "$4",
130
- children: [/* @__PURE__ */jsx(DialogInstance, {}), /* @__PURE__ */jsx(Dialog.Close, {
131
- displayWhenAdapted: !0,
132
- asChild: !0,
133
- children: /* @__PURE__ */jsx(Button, {
134
- theme: "accent",
135
- "aria-label": "Close",
136
- children: "Save changes"
137
- })
138
- })]
139
- }), /* @__PURE__ */jsx(Unspaced, {
140
- children: /* @__PURE__ */jsx(Dialog.Close, {
141
- asChild: !0,
142
- children: /* @__PURE__ */jsx(Button, {
143
- position: "absolute",
144
- right: "$3",
145
- size: "$2",
146
- circular: !0,
147
- icon: X
148
- })
149
- })
150
- })]
151
- }, "content")]
156
+ }, "content")
157
+ })]
152
158
  })]
153
159
  });
154
160
  }
package/dist/esm/DialogDemo.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["ChevronDown","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","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","Content","bordered","w","elevate","borderRadius","x","y","scale","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","trigger","iconAfter","Value","placeholder","alignSelf","Close","displayWhenAdapted","theme","position","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["ChevronDown","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","jsx","jsxs","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","modal","Trigger","asChild","Text","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","bordered","paddingVertical","paddingHorizontal","elevate","borderRadius","x","y","scale","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","trigger","iconAfter","Value","placeholder","alignSelf","Close","displayWhenAdapted","theme","position","right","size","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
package/dist/esm/DialogDemo.native.js CHANGED
@@ -20,8 +20,10 @@ function DialogInstance(param) {
20
20
  modal: !0,
21
21
  children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
22
22
  asChild: !0,
23
- children: /* @__PURE__ */_jsxs(Button, {
24
- children: ["Show Dialog", disableAdapt ? " (No Adapt)" : ""]
23
+ children: /* @__PURE__ */_jsx(Button, {
24
+ children: /* @__PURE__ */_jsxs(Button.Text, {
25
+ children: ["Show Dialog", disableAdapt ? " (No Sheet)" : ""]
26
+ })
25
27
  })
26
28
  }), !disableAdapt && /* @__PURE__ */_jsx(Adapt, {
27
29
  when: "maxMd",
@@ -61,95 +63,99 @@ function DialogInstance(param) {
61
63
  exitStyle: {
62
64
  opacity: 0
63
65
  }
64
- }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
65
- bordered: !0,
66
- w: 400,
67
- elevate: !0,
68
- borderRadius: "$6",
69
- animateOnly: ["transform", "opacity"],
70
- animation: ["quicker", {
71
- opacity: {
72
- overshootClamping: !0
73
- }
74
- }],
75
- enterStyle: {
76
- x: 0,
77
- y: 20,
78
- opacity: 0
79
- },
80
- exitStyle: {
81
- x: 0,
82
- y: 10,
83
- opacity: 0,
84
- scale: 0.95
85
- },
86
- gap: "$4",
87
- children: [/* @__PURE__ */_jsx(Dialog.Title, {
88
- children: "Edit profile"
89
- }), /* @__PURE__ */_jsx(Dialog.Description, {
90
- children: "Make changes to your profile here. Click save when you're done."
91
- }), /* @__PURE__ */_jsxs(Fieldset, {
92
- gap: "$4",
93
- horizontal: !0,
94
- children: [/* @__PURE__ */_jsx(Label, {
95
- width: 64,
96
- htmlFor: "name",
97
- children: "Name"
98
- }), /* @__PURE__ */_jsx(Input, {
99
- flex: 1,
100
- id: "name",
101
- defaultValue: "Nate Wienert"
102
- })]
103
- }), /* @__PURE__ */_jsxs(Fieldset, {
66
+ }, "overlay"), /* @__PURE__ */_jsx(Dialog.FocusScope, {
67
+ focusOnIdle: !0,
68
+ children: /* @__PURE__ */_jsxs(Dialog.Content, {
69
+ bordered: !0,
70
+ paddingVertical: "$4",
71
+ paddingHorizontal: "$6",
72
+ elevate: !0,
73
+ borderRadius: "$6",
74
+ animateOnly: ["transform", "opacity"],
75
+ animation: ["quicker", {
76
+ opacity: {
77
+ overshootClamping: !0
78
+ }
79
+ }],
80
+ enterStyle: {
81
+ x: 0,
82
+ y: 20,
83
+ opacity: 0
84
+ },
85
+ exitStyle: {
86
+ x: 0,
87
+ y: 10,
88
+ opacity: 0,
89
+ scale: 0.95
90
+ },
104
91
  gap: "$4",
105
- horizontal: !0,
106
- children: [/* @__PURE__ */_jsx(Label, {
107
- width: 64,
108
- htmlFor: "username",
109
- children: /* @__PURE__ */_jsx(TooltipSimple, {
110
- label: "Pick your favorite",
111
- placement: "bottom-start",
112
- children: /* @__PURE__ */_jsx(Paragraph, {
113
- children: "Food"
92
+ children: [/* @__PURE__ */_jsx(Dialog.Title, {
93
+ children: "Edit profile"
94
+ }), /* @__PURE__ */_jsx(Dialog.Description, {
95
+ children: "Make changes to your profile here. Click save when you're done."
96
+ }), /* @__PURE__ */_jsxs(Fieldset, {
97
+ gap: "$4",
98
+ horizontal: !0,
99
+ children: [/* @__PURE__ */_jsx(Label, {
100
+ width: 64,
101
+ htmlFor: "name",
102
+ children: "Name"
103
+ }), /* @__PURE__ */_jsx(Input, {
104
+ flex: 1,
105
+ id: "name",
106
+ defaultValue: "Nate Wienert"
107
+ })]
108
+ }), /* @__PURE__ */_jsxs(Fieldset, {
109
+ gap: "$4",
110
+ horizontal: !0,
111
+ children: [/* @__PURE__ */_jsx(Label, {
112
+ width: 64,
113
+ htmlFor: "username",
114
+ children: /* @__PURE__ */_jsx(TooltipSimple, {
115
+ label: "Pick your favorite",
116
+ placement: "bottom-start",
117
+ children: /* @__PURE__ */_jsx(Paragraph, {
118
+ children: "Food"
119
+ })
114
120
  })
115
- })
116
- }), /* @__PURE__ */_jsx(XStack, {
117
- flex: 1,
118
- children: /* @__PURE__ */_jsx(SelectDemoItem, {
119
- trigger: /* @__PURE__ */_jsx(Select.Trigger, {
120
- flex: 1,
121
- iconAfter: ChevronDown,
122
- children: /* @__PURE__ */_jsx(Select.Value, {
123
- placeholder: "Something"
121
+ }), /* @__PURE__ */_jsx(XStack, {
122
+ flex: 1,
123
+ children: /* @__PURE__ */_jsx(SelectDemoItem, {
124
+ trigger: /* @__PURE__ */_jsx(Select.Trigger, {
125
+ flex: 1,
126
+ iconAfter: ChevronDown,
127
+ children: /* @__PURE__ */_jsx(Select.Value, {
128
+ placeholder: "Something"
129
+ })
124
130
  })
125
131
  })
132
+ })]
133
+ }), /* @__PURE__ */_jsxs(XStack, {
134
+ alignSelf: "flex-end",
135
+ gap: "$4",
136
+ children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
137
+ displayWhenAdapted: !0,
138
+ asChild: !0,
139
+ children: /* @__PURE__ */_jsx(Button, {
140
+ theme: "accent",
141
+ "aria-label": "Close",
142
+ children: "Save changes"
143
+ })
144
+ })]
145
+ }), /* @__PURE__ */_jsx(Unspaced, {
146
+ children: /* @__PURE__ */_jsx(Dialog.Close, {
147
+ asChild: !0,
148
+ children: /* @__PURE__ */_jsx(Button, {
149
+ position: "absolute",
150
+ right: "$3",
151
+ size: "$2",
152
+ circular: !0,
153
+ icon: X
154
+ })
126
155
  })
127
156
  })]
128
- }), /* @__PURE__ */_jsxs(XStack, {
129
- alignSelf: "flex-end",
130
- gap: "$4",
131
- children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
132
- displayWhenAdapted: !0,
133
- asChild: !0,
134
- children: /* @__PURE__ */_jsx(Button, {
135
- theme: "accent",
136
- "aria-label": "Close",
137
- children: "Save changes"
138
- })
139
- })]
140
- }), /* @__PURE__ */_jsx(Unspaced, {
141
- children: /* @__PURE__ */_jsx(Dialog.Close, {
142
- asChild: !0,
143
- children: /* @__PURE__ */_jsx(Button, {
144
- position: "absolute",
145
- right: "$3",
146
- size: "$2",
147
- circular: !0,
148
- icon: X
149
- })
150
- })
151
- })]
152
- }, "content")]
157
+ }, "content")
158
+ })]
153
159
  })]
154
160
  });
155
161
  }
package/dist/esm/DialogDemo.native.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","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","Content","bordered","w","elevate","borderRadius","x","y","scale"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAAAC,WAAA,EAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAjB,KAAA,CAAAc,IAAA;IACAI,GAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA,GACA,eAAAvB,IAAA,CAAAwB,cAAA,OACA,eAAAxB,IAAA,CAAAwB,cAAA;MACAC,YAAA;IACA;EACA;AAEF;AAII,SACED,cADFA,CAAAE,KAAA;EAFG;IAAAD;EAAS,CAAa,GAAAC,KAAA;EAC3B,OACE,eAAAxB,KAAC,CAAAK,MAAA,EAAK;IACJoB,KAAA;IACAJ,QAAA,GACF,eAAAvB,IAAA,CAAAO,MAAA,CAAAqB,OAAA;MAEJC,OAAA;MAEAN,QAAS,iBAAiBrB,KAAa,CAAAI,MAA+B;QAElEiB,QAAA,GACE,aAAC,EACSE,YAAA;MAA8C;IAGtD,IAGI,CAAAA,YAAA,mBAACzB,IAAY,CAAAK,KAAA,EAAQ;MAGrByB,IAAA;MAACC,QAAM;MAANR,QAAA,iBAAArB,KAAA,CAAAW,KAAA;QACCmB,SAAA,UAAgB;QAChBC,MAAA,KAAU;QACVN,KAAA;QACAO,qBAAa,EAAS,CAAE;QAAAX,QAAA,GAC1B,eAAAvB,IAAA,CAAAa,KAAA,CAAAsB,KAAA;UAEJC,OAAA;UAGFhB,GAAA;UACEG,QAAA,iBAAAvB,IAAA,CAAAK,KAAA,CAAAgC,QAAA;QAAC,mBAAArC,IAAA,CAAAa,KAAA,CAAAyB,OAAA;UAECC,eAAgB;UAChBP,SAAa,EAAC;UACdQ,UAAW;YACTC,OAAA;UACA;UACEC,SAAS;YACPD,OAAA;UACF;QACF;MACF;IACyB,IACD,eAAAvC,KAAA,CAAAK,MAAA,CAAAoC,MAAA;MAZpBpB,QAAA,GAaN,eAAAvB,IAAA,CAAAO,MAAA,CAAA+B,OAAA;QAEAC,eAAA;QAACK,WAAO,GAAP,aACC,SAAQ,CACL;QACHZ,SAAO,GACP,WAEA;UACAS,OAAW;YACTI,iBAAA;UACA;QACE,EAAS;QACYL,UACrB;UACFC,OAAA;QACF;QACAC,SAAA,EAAY;UACZD,OAAW,EAAE;QACb;MAEA,8BAAAvC,KAAA,CAACK,MAAA,CAAOuC,OAAP,EAAa;QACdC,QAAA;QAIAC,CAAA;QACEC,OAAA;QAEAC,YACA;QAAsDN,WACxD,GAEA,aACE,UAIA;QAEEZ,SAAC;UAIGS,OAAA;YAGNI,iBAAA;UACF;QAEA,EACE;QAAgBL,UAEhB;UAIAW,CACF;UAEAC,CAAA;UAIAX,OAAA;QAAA;QAzDIC,SAAA;UA0DNS,CAAA;UACFC,CAAA;UACFX,OAAA;UAEJY,KAAA","ignoreList":[]}
1
+ {"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XStack","SelectDemoItem","DialogDemo","gap","justifyContent","alignItems","children","DialogInstance","disableAdapt","param","modal","Trigger","asChild","Text","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","bordered","paddingVertical","paddingHorizontal","elevate","borderRadius","x","y"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAAAC,WAAA,EAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAjB,KAAA,CAAAc,IAAA;IACAI,GAAA;IACAC,cAAA;IACAC,UAAA;IACAC,QAAA,GACA,eAAAvB,IAAA,CAAAwB,cAAA,OACA,eAAAxB,IAAA,CAAAwB,cAAA;MACAC,YAAA;IACA;EACA;AAEF;AAII,SACED,cADFA,CAAAE,KAAA;EAFG;IAAAD;EAAS,CAAa,GAAAC,KAAA;EAC3B,OACE,eAAAxB,KAAC,CAAAK,MAAA,EAAK;IACJoB,KAAA;IACAJ,QAAA,GACF,eAAAvB,IAAA,CAAAO,MAAA,CAAAqB,OAAA;MAEJC,OAAA;MAEAN,QAAS,iBAAiBvB,IAAA,CAAaM,MAA+B;QAElEiB,QAAA,iBAACrB,KAAO,CAAAI,MAAK,CAAAwB,IACX;UAAAP,QAAA,GAEiB,eAAYE,YAAe,gBAAgB;QAI1D;MAGI;IAGA,KAAAA,YAAO,mBAAAzB,IAAA,CAAAK,KAAA;MAAN0B,IAAA;MAAAC,QACC;MAAgBT,QAChB,iBAAUrB,KAAA,CAAAW,KAAA;QACVoB,SAAA,UAAc;QACdC,MAAA,KAAW;QAAaP,KAAA;QAC1BQ,qBAAA;QAEJZ,QAAA,GAGF,eAACvB,IAAO,CAAAa,KAAA,CAAAuB,KACN;UAAAC,OAAA;UAACjB,GAAO;UAAPG,QAAA,iBAAAvB,IAAA,CAAAK,KAAA,CAAAiC,QAAA;QAEC,IACA,eAActC,IAAA,CAAAa,KAAa,CAAA0B,OAAS;UACpCC,eAAW;UACTP,SAAA;UACAQ,UAAA;YACEC,OAAS;UAAA;UAETC,SAAA;YACFD,OAAA;UACF;QACA;MACwB;IAAA,EAZpB,EAaN,eAAAxC,KAAA,CAAAK,MAAA,CAAAqC,MAAA;MAEArB,QAAA,GACG,eAAOvB,IAAA,CAAAO,MAAA,CAAAgC,OAAA;QAAPC,eAAA;QACCK,WAAQ,GACR,aACA,UACA;QACAZ,SAAA,GAEA,SAAa,EACb;UACES,OAAA;YACAI,iBAAA;UACE;QAAS,EACY;QAEvBL,UAAA;UACFC,OAAA;QACA;QACAC,SAAW,EAAE;UACbD,OAAI;QAEJ;MAAA,eAA0B,eAC1B1C,IAAA,CAAAO,MAAC,CAAAwC,UAAO;QAIRC,WAAA;QACEzB,QAAA,iBAACrB,KAAM,CAAAK,MAAO,CAAA0C,OAAI;UAGlBC,QAAA;UAAsDC,eACxD;UAEAC,iBAAA,EAAC;UACCC,OAAA;UAKAC,YAAA;UACET,WAAC,yBACC,CAGE;UAEJZ,SACF,GACF,WAEA;YACES,OAAA;cAEAI,iBAAC;YAKH;UAEA,EAIA;UAAAL,UAAA;YAzDIc,CAAA;YA2DRC,CAAA;YACFd,OAAA;UACF;UAEJC,SAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/demos",
3
- "version": "1.127.3",
3
+ "version": "1.128.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -45,30 +45,30 @@
45
45
  }
46
46
  },
47
47
  "dependencies": {
48
- "@tamagui/avatar": "1.127.3",
49
- "@tamagui/button": "1.127.3",
50
- "@tamagui/config": "1.127.3",
51
- "@tamagui/core": "1.127.3",
52
- "@tamagui/list-item": "1.127.3",
53
- "@tamagui/logo": "1.127.3",
54
- "@tamagui/lucide-icons": "1.127.3",
55
- "@tamagui/menu": "1.127.3",
56
- "@tamagui/popover": "1.127.3",
57
- "@tamagui/progress": "1.127.3",
58
- "@tamagui/radio-group": "1.127.3",
59
- "@tamagui/select": "1.127.3",
60
- "@tamagui/sheet": "1.127.3",
61
- "@tamagui/slider": "1.127.3",
62
- "@tamagui/stacks": "1.127.3",
63
- "@tamagui/tamagui-dev-config": "1.127.3",
64
- "@tamagui/toast": "1.127.3",
65
- "tamagui": "1.127.3"
48
+ "@tamagui/avatar": "1.128.0",
49
+ "@tamagui/button": "1.128.0",
50
+ "@tamagui/config": "1.128.0",
51
+ "@tamagui/core": "1.128.0",
52
+ "@tamagui/list-item": "1.128.0",
53
+ "@tamagui/logo": "1.128.0",
54
+ "@tamagui/lucide-icons": "1.128.0",
55
+ "@tamagui/menu": "1.128.0",
56
+ "@tamagui/popover": "1.128.0",
57
+ "@tamagui/progress": "1.128.0",
58
+ "@tamagui/radio-group": "1.128.0",
59
+ "@tamagui/select": "1.128.0",
60
+ "@tamagui/sheet": "1.128.0",
61
+ "@tamagui/slider": "1.128.0",
62
+ "@tamagui/stacks": "1.128.0",
63
+ "@tamagui/tamagui-dev-config": "1.128.0",
64
+ "@tamagui/toast": "1.128.0",
65
+ "tamagui": "1.128.0"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "react": "*"
69
69
  },
70
70
  "devDependencies": {
71
- "@tamagui/build": "1.127.3",
71
+ "@tamagui/build": "1.128.0",
72
72
  "react": "*"
73
73
  },
74
74
  "publishConfig": {
package/src/DialogDemo.tsx CHANGED
@@ -29,7 +29,9 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
29
29
  return (
30
30
  <Dialog modal>
31
31
  <Dialog.Trigger asChild>
32
- <Button>Show Dialog{disableAdapt ? ` (No Adapt)` : ''}</Button>
32
+ <Button>
33
+ <Button.Text>Show Dialog{disableAdapt ? ` (No Sheet)` : ''}</Button.Text>
34
+ </Button>
33
35
  </Dialog.Trigger>
34
36
 
35
37
  {!disableAdapt && (
@@ -65,70 +67,73 @@ function DialogInstance({ disableAdapt }: { disableAdapt?: boolean }) {
65
67
  exitStyle={{ opacity: 0 }}
66
68
  />
67
69
 
68
- <Dialog.Content
69
- bordered
70
- w={400}
71
- elevate
72
- borderRadius="$6"
73
- key="content"
74
- animateOnly={['transform', 'opacity']}
75
- animation={[
76
- 'quicker',
77
- {
78
- opacity: {
79
- overshootClamping: true,
70
+ <Dialog.FocusScope focusOnIdle>
71
+ <Dialog.Content
72
+ bordered
73
+ paddingVertical="$4"
74
+ paddingHorizontal="$6"
75
+ elevate
76
+ borderRadius="$6"
77
+ key="content"
78
+ animateOnly={['transform', 'opacity']}
79
+ animation={[
80
+ 'quicker',
81
+ {
82
+ opacity: {
83
+ overshootClamping: true,
84
+ },
80
85
  },
81
- },
82
- ]}
83
- enterStyle={{ x: 0, y: 20, opacity: 0 }}
84
- exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
85
- gap="$4"
86
- >
87
- <Dialog.Title>Edit profile</Dialog.Title>
88
- <Dialog.Description>
89
- Make changes to your profile here. Click save when you're done.
90
- </Dialog.Description>
86
+ ]}
87
+ enterStyle={{ x: 0, y: 20, opacity: 0 }}
88
+ exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
89
+ gap="$4"
90
+ >
91
+ <Dialog.Title>Edit profile</Dialog.Title>
92
+ <Dialog.Description>
93
+ Make changes to your profile here. Click save when you're done.
94
+ </Dialog.Description>
91
95
 
92
- <Fieldset gap="$4" horizontal>
93
- <Label width={64} htmlFor="name">
94
- Name
95
- </Label>
96
- <Input flex={1} id="name" defaultValue="Nate Wienert" />
97
- </Fieldset>
96
+ <Fieldset gap="$4" horizontal>
97
+ <Label width={64} htmlFor="name">
98
+ Name
99
+ </Label>
100
+ <Input flex={1} id="name" defaultValue="Nate Wienert" />
101
+ </Fieldset>
98
102
 
99
- <Fieldset gap="$4" horizontal>
100
- <Label width={64} htmlFor="username">
101
- <TooltipSimple label="Pick your favorite" placement="bottom-start">
102
- <Paragraph>Food</Paragraph>
103
- </TooltipSimple>
104
- </Label>
105
- <XStack flex={1}>
106
- <SelectDemoItem
107
- trigger={
108
- <Select.Trigger flex={1} iconAfter={ChevronDown}>
109
- <Select.Value placeholder="Something" />
110
- </Select.Trigger>
111
- }
112
- />
113
- </XStack>
114
- </Fieldset>
103
+ <Fieldset gap="$4" horizontal>
104
+ <Label width={64} htmlFor="username">
105
+ <TooltipSimple label="Pick your favorite" placement="bottom-start">
106
+ <Paragraph>Food</Paragraph>
107
+ </TooltipSimple>
108
+ </Label>
109
+ <XStack flex={1}>
110
+ <SelectDemoItem
111
+ trigger={
112
+ <Select.Trigger flex={1} iconAfter={ChevronDown}>
113
+ <Select.Value placeholder="Something" />
114
+ </Select.Trigger>
115
+ }
116
+ />
117
+ </XStack>
118
+ </Fieldset>
115
119
 
116
- <XStack alignSelf="flex-end" gap="$4">
117
- <DialogInstance />
120
+ <XStack alignSelf="flex-end" gap="$4">
121
+ <DialogInstance />
118
122
 
119
- <Dialog.Close displayWhenAdapted asChild>
120
- <Button theme="accent" aria-label="Close">
121
- Save changes
122
- </Button>
123
- </Dialog.Close>
124
- </XStack>
123
+ <Dialog.Close displayWhenAdapted asChild>
124
+ <Button theme="accent" aria-label="Close">
125
+ Save changes
126
+ </Button>
127
+ </Dialog.Close>
128
+ </XStack>
125
129
 
126
- <Unspaced>
127
- <Dialog.Close asChild>
128
- <Button position="absolute" right="$3" size="$2" circular icon={X} />
129
- </Dialog.Close>
130
- </Unspaced>
131
- </Dialog.Content>
130
+ <Unspaced>
131
+ <Dialog.Close asChild>
132
+ <Button position="absolute" right="$3" size="$2" circular icon={X} />
133
+ </Dialog.Close>
134
+ </Unspaced>
135
+ </Dialog.Content>
136
+ </Dialog.FocusScope>
132
137
  </Dialog.Portal>
133
138
  </Dialog>
134
139
  )