tamagui 3.0.0-beta.922.1 → 3.0.0

package/dist/cjs/components/Accordion.cjs

@@ -25,29 +25,30 @@ __export(Accordion_exports, {
 	AccordionTrigger: () => AccordionTrigger
 });
 module.exports = __toCommonJS(Accordion_exports);
-var import_ui = require("@tamagui/ui");
+var import_accordion = require("@tamagui/accordion");
+var import_core = require("@tamagui/core");
 var import_jsx_runtime = require("react/jsx-runtime");
-const AccordionTrigger = (0, import_ui.styled)(import_ui.Accordion.Trigger, {
+const AccordionTrigger = (0, import_core.styled)(import_accordion.Accordion.Trigger, {
 	displayName: "AccordionTrigger",
 	cursor: "pointer",
 	backgroundColor: "background hover:background-hover press:background-press focus:background-focus",
-	padding: import_ui.defaultTokenSizePolicy.space
+	padding: "4"
 });
-const AccordionContent = (0, import_ui.styled)(import_ui.Accordion.Content, {
+const AccordionContent = (0, import_core.styled)(import_accordion.Accordion.Content, {
 	displayName: "AccordionContent",
-	padding: import_ui.defaultTokenSizePolicy.space,
+	padding: "4",
 	backgroundColor: "background"
 });
-const AccordionRoot = (0, import_ui.createRefComponent)(function Accordion(props, ref) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Accordion, {
+const AccordionRoot = (0, import_core.createRefComponent)(function Accordion(props, ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, {
 		...props,
 		ref
 	});
 });
-const Accordion2 = (0, import_ui.withStaticProperties)(AccordionRoot, {
-	Header: import_ui.Accordion.Header,
-	Item: import_ui.Accordion.Item,
-	HeightAnimator: import_ui.Accordion.HeightAnimator,
+const Accordion2 = (0, import_core.withStaticProperties)(AccordionRoot, {
+	Header: import_accordion.Accordion.Header,
+	Item: import_accordion.Accordion.Item,
+	HeightAnimator: import_accordion.Accordion.HeightAnimator,
 	Trigger: AccordionTrigger,
 	Content: AccordionContent
 });

package/dist/cjs/components/Accordion.native.cjs

@@ -28,28 +28,29 @@ __export(Accordion_exports, {
 });
 module.exports = __toCommonJS(Accordion_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("@tamagui/ui");
-var AccordionTrigger = (0, import_ui.styled)(import_ui.Accordion.Trigger, {
+var import_accordion = require("@tamagui/accordion");
+var import_core = require("@tamagui/core");
+var AccordionTrigger = (0, import_core.styled)(import_accordion.Accordion.Trigger, {
 	displayName: "AccordionTrigger",
 	cursor: "pointer",
 	backgroundColor: "background hover:background-hover press:background-press focus:background-focus",
-	padding: import_ui.defaultTokenSizePolicy.space
+	padding: "4"
 });
-var AccordionContent = (0, import_ui.styled)(import_ui.Accordion.Content, {
+var AccordionContent = (0, import_core.styled)(import_accordion.Accordion.Content, {
 	displayName: "AccordionContent",
-	padding: import_ui.defaultTokenSizePolicy.space,
+	padding: "4",
 	backgroundColor: "background"
 });
-var AccordionRoot = (0, import_ui.createRefComponent)(function Accordion(props, ref) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Accordion, {
+var AccordionRoot = (0, import_core.createRefComponent)(function Accordion(props, ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, {
 		...props,
 		ref
 	});
 });
-var Accordion2 = (0, import_ui.withStaticProperties)(AccordionRoot, {
-	Header: import_ui.Accordion.Header,
-	Item: import_ui.Accordion.Item,
-	HeightAnimator: import_ui.Accordion.HeightAnimator,
+var Accordion2 = (0, import_core.withStaticProperties)(AccordionRoot, {
+	Header: import_accordion.Accordion.Header,
+	Item: import_accordion.Accordion.Item,
+	HeightAnimator: import_accordion.Accordion.HeightAnimator,
 	Trigger: AccordionTrigger,
 	Content: AccordionContent
 });

package/dist/cjs/components/Accordion.native.js

@@ -28,28 +28,29 @@ __export(Accordion_exports, {
 });
 module.exports = __toCommonJS(Accordion_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("@tamagui/ui");
-var AccordionTrigger = (0, import_ui.styled)(import_ui.Accordion.Trigger, {
+var import_accordion = require("@tamagui/accordion");
+var import_core = require("@tamagui/core");
+var AccordionTrigger = (0, import_core.styled)(import_accordion.Accordion.Trigger, {
 	displayName: "AccordionTrigger",
 	cursor: "pointer",
 	backgroundColor: "background hover:background-hover press:background-press focus:background-focus",
-	padding: import_ui.defaultTokenSizePolicy.space
+	padding: "4"
 });
-var AccordionContent = (0, import_ui.styled)(import_ui.Accordion.Content, {
+var AccordionContent = (0, import_core.styled)(import_accordion.Accordion.Content, {
 	displayName: "AccordionContent",
-	padding: import_ui.defaultTokenSizePolicy.space,
+	padding: "4",
 	backgroundColor: "background"
 });
-var AccordionRoot = (0, import_ui.createRefComponent)(function Accordion(props, ref) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Accordion, {
+var AccordionRoot = (0, import_core.createRefComponent)(function Accordion(props, ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, {
 		...props,
 		ref
 	});
 });
-var Accordion2 = (0, import_ui.withStaticProperties)(AccordionRoot, {
-	Header: import_ui.Accordion.Header,
-	Item: import_ui.Accordion.Item,
-	HeightAnimator: import_ui.Accordion.HeightAnimator,
+var Accordion2 = (0, import_core.withStaticProperties)(AccordionRoot, {
+	Header: import_accordion.Accordion.Header,
+	Item: import_accordion.Accordion.Item,
+	HeightAnimator: import_accordion.Accordion.HeightAnimator,
 	Trigger: AccordionTrigger,
 	Content: AccordionContent
 });

package/dist/cjs/components/Accordion.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.native.js","names":[],"sources":["cjs/components/Accordion.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Accordion_exports = {};\n__export(Accordion_exports, {\n  Accordion: () => Accordion2,\n  AccordionContent: () => AccordionContent,\n  AccordionTrigger: () => AccordionTrigger\n});\nmodule.exports = __toCommonJS(Accordion_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_ui = require(\"@tamagui/ui\");\nvar AccordionTrigger = (0, import_ui.styled)(import_ui.Accordion.Trigger, {\n  displayName: \"AccordionTrigger\",\n  cursor: \"pointer\",\n  backgroundColor: \"background hover:background-hover press:background-press focus:background-focus\",\n  padding: import_ui.defaultTokenSizePolicy.space\n});\nvar AccordionContent = (0, import_ui.styled)(import_ui.Accordion.Content, {\n  displayName: \"AccordionContent\",\n  padding: import_ui.defaultTokenSizePolicy.space,\n  backgroundColor: \"background\"\n});\nvar AccordionRoot = (0, import_ui.createRefComponent)(function Accordion(props, ref) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Accordion, {\n    ...props,\n    ref\n  });\n});\nvar Accordion2 = (0, import_ui.withStaticProperties)(AccordionRoot, {\n  Header: import_ui.Accordion.Header,\n  Item: import_ui.Accordion.Item,\n  HeightAnimator: import_ui.Accordion.HeightAnimator,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent\n});\n//# sourceMappingURL=Accordion.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oBAAoB,CAAC;AACzB,SAAS,mBAAmB;CAC1B,iBAAiB;CACjB,wBAAwB;CACxB,wBAAwB;AAC1B,CAAC;AACD,OAAO,UAAU,aAAa,iBAAiB;AAC/C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,YAAY,QAAQ,aAAa;AACrC,IAAI,oBAAoB,GAAG,UAAU,OAAM,CAAE,UAAU,UAAU,SAAS;CACxE,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,SAAS,UAAU,uBAAuB;AAC5C,CAAC;AACD,IAAI,oBAAoB,GAAG,UAAU,OAAM,CAAE,UAAU,UAAU,SAAS;CACxE,aAAa;CACb,SAAS,UAAU,uBAAuB;CAC1C,iBAAiB;AACnB,CAAC;AACD,IAAI,iBAAiB,GAAG,UAAU,mBAAkB,CAAE,SAAS,UAAU,OAAO,KAAK;CACnF,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,UAAU,WAAW;EACtE,GAAG;EACH;CACF,CAAC;AACH,CAAC;AACD,IAAI,cAAc,GAAG,UAAU,qBAAoB,CAAE,eAAe;CAClE,QAAQ,UAAU,UAAU;CAC5B,MAAM,UAAU,UAAU;CAC1B,gBAAgB,UAAU,UAAU;CACpC,SAAS;CACT,SAAS;AACX,CAAC"}
+{"version":3,"file":"Accordion.native.js","names":[],"sources":["cjs/components/Accordion.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Accordion_exports = {};\n__export(Accordion_exports, {\n  Accordion: () => Accordion2,\n  AccordionContent: () => AccordionContent,\n  AccordionTrigger: () => AccordionTrigger\n});\nmodule.exports = __toCommonJS(Accordion_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_accordion = require(\"@tamagui/accordion\");\nvar import_core = require(\"@tamagui/core\");\nvar AccordionTrigger = (0, import_core.styled)(import_accordion.Accordion.Trigger, {\n  displayName: \"AccordionTrigger\",\n  cursor: \"pointer\",\n  backgroundColor: \"background hover:background-hover press:background-press focus:background-focus\",\n  padding: \"4\"\n});\nvar AccordionContent = (0, import_core.styled)(import_accordion.Accordion.Content, {\n  displayName: \"AccordionContent\",\n  padding: \"4\",\n  backgroundColor: \"background\"\n});\nvar AccordionRoot = (0, import_core.createRefComponent)(function Accordion(props, ref) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, {\n    ...props,\n    ref\n  });\n});\nvar Accordion2 = (0, import_core.withStaticProperties)(AccordionRoot, {\n  Header: import_accordion.Accordion.Header,\n  Item: import_accordion.Accordion.Item,\n  HeightAnimator: import_accordion.Accordion.HeightAnimator,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent\n});\n//# sourceMappingURL=Accordion.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oBAAoB,CAAC;AACzB,SAAS,mBAAmB;CAC1B,iBAAiB;CACjB,wBAAwB;CACxB,wBAAwB;AAC1B,CAAC;AACD,OAAO,UAAU,aAAa,iBAAiB;AAC/C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,oBAAoB,GAAG,YAAY,OAAM,CAAE,iBAAiB,UAAU,SAAS;CACjF,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,SAAS;AACX,CAAC;AACD,IAAI,oBAAoB,GAAG,YAAY,OAAM,CAAE,iBAAiB,UAAU,SAAS;CACjF,aAAa;CACb,SAAS;CACT,iBAAiB;AACnB,CAAC;AACD,IAAI,iBAAiB,GAAG,YAAY,mBAAkB,CAAE,SAAS,UAAU,OAAO,KAAK;CACrF,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,iBAAiB,WAAW;EAC7E,GAAG;EACH;CACF,CAAC;AACH,CAAC;AACD,IAAI,cAAc,GAAG,YAAY,qBAAoB,CAAE,eAAe;CACpE,QAAQ,iBAAiB,UAAU;CACnC,MAAM,iBAAiB,UAAU;CACjC,gBAAgB,iBAAiB,UAAU;CAC3C,SAAS;CACT,SAAS;AACX,CAAC"}

package/dist/cjs/components/AlertDialog.cjs

@@ -25,28 +25,29 @@ __export(AlertDialog_exports, {
 	AlertDialogOverlay: () => AlertDialogOverlay
 });
 module.exports = __toCommonJS(AlertDialog_exports);
-var import_ui = require("@tamagui/ui");
+var import_alert_dialog = require("@tamagui/alert-dialog");
+var import_core = require("@tamagui/core");
 var import_Dialog = require("./Dialog.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const AlertDialogOverlay = (0, import_ui.styled)(import_ui.AlertDialog.Overlay, {
+const AlertDialogOverlay = (0, import_core.styled)(import_alert_dialog.AlertDialog.Overlay, {
 	displayName: "AlertDialogOverlay",
 	...import_Dialog.dialogOverlayStyles
 });
-const AlertDialogContent = (0, import_ui.styled)(import_ui.AlertDialog.Content, {
+const AlertDialogContent = (0, import_core.styled)(import_alert_dialog.AlertDialog.Content, {
 	displayName: "AlertDialogContent",
 	...import_Dialog.dialogContentStyles
 });
-const AlertDialogRoot = (0, import_ui.createRefComponent)(function AlertDialog(props, _ref) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.AlertDialog, { ...props });
+const AlertDialogRoot = (0, import_core.createRefComponent)(function AlertDialog(props, _ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog, { ...props });
 });
-const AlertDialog2 = (0, import_ui.withStaticProperties)(AlertDialogRoot, {
-	Trigger: import_ui.AlertDialog.Trigger,
-	Portal: import_ui.AlertDialog.Portal,
-	Title: import_ui.AlertDialog.Title,
-	Description: import_ui.AlertDialog.Description,
-	Action: import_ui.AlertDialog.Action,
-	Cancel: import_ui.AlertDialog.Cancel,
-	Destructive: import_ui.AlertDialog.Destructive,
+const AlertDialog2 = (0, import_core.withStaticProperties)(AlertDialogRoot, {
+	Trigger: import_alert_dialog.AlertDialog.Trigger,
+	Portal: import_alert_dialog.AlertDialog.Portal,
+	Title: import_alert_dialog.AlertDialog.Title,
+	Description: import_alert_dialog.AlertDialog.Description,
+	Action: import_alert_dialog.AlertDialog.Action,
+	Cancel: import_alert_dialog.AlertDialog.Cancel,
+	Destructive: import_alert_dialog.AlertDialog.Destructive,
 	Overlay: AlertDialogOverlay,
 	Content: AlertDialogContent
 });

package/dist/cjs/components/AlertDialog.manifest.cjs

@@ -22,7 +22,7 @@ var AlertDialog_manifest_exports = {};
 __export(AlertDialog_manifest_exports, { manifest: () => manifest });
 module.exports = __toCommonJS(AlertDialog_manifest_exports);
 const manifest = {
-	description: "v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/elevation on the Content, over the unstyled @tamagui/ui AlertDialog behavior.",
+	description: "v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/shadow on the Content, over the unstyled @tamagui/ui AlertDialog behavior.",
 	categories: ["overlay"],
 	tokens: ["background", "border-color"],
 	native: ["requires a Portal provider at the app root for the alert dialog to mount above content"]

package/dist/cjs/components/AlertDialog.manifest.native.cjs

@@ -24,7 +24,7 @@ var AlertDialog_manifest_exports = {};
 __export(AlertDialog_manifest_exports, { manifest: () => manifest });
 module.exports = __toCommonJS(AlertDialog_manifest_exports);
 var manifest = {
-	description: "v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/elevation on the Content, over the unstyled @tamagui/ui AlertDialog behavior.",
+	description: "v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/shadow on the Content, over the unstyled @tamagui/ui AlertDialog behavior.",
 	categories: ["overlay"],
 	tokens: ["background", "border-color"],
 	native: ["requires a Portal provider at the app root for the alert dialog to mount above content"]

package/dist/cjs/components/AlertDialog.manifest.native.js

@@ -24,7 +24,7 @@ var AlertDialog_manifest_exports = {};
 __export(AlertDialog_manifest_exports, { manifest: () => manifest });
 module.exports = __toCommonJS(AlertDialog_manifest_exports);
 var manifest = {
-	description: "v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/elevation on the Content, over the unstyled @tamagui/ui AlertDialog behavior.",
+	description: "v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/shadow on the Content, over the unstyled @tamagui/ui AlertDialog behavior.",
 	categories: ["overlay"],
 	tokens: ["background", "border-color"],
 	native: ["requires a Portal provider at the app root for the alert dialog to mount above content"]

package/dist/cjs/components/AlertDialog.manifest.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.manifest.native.js","names":[],"sources":["cjs/components/AlertDialog.manifest.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialog_manifest_exports = {};\n__export(AlertDialog_manifest_exports, {\n  manifest: () => manifest\n});\nmodule.exports = __toCommonJS(AlertDialog_manifest_exports);\nvar manifest = {\n  description: \"v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/elevation on the Content, over the unstyled @tamagui/ui AlertDialog behavior.\",\n  categories: [\n    \"overlay\"\n  ],\n  tokens: [\n    \"background\",\n    \"border-color\"\n  ],\n  native: [\n    \"requires a Portal provider at the app root for the alert dialog to mount above content\"\n  ]\n};\n//# sourceMappingURL=AlertDialog.manifest.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,WAAW;CACb,aAAa;CACb,YAAY,CACV,SACF;CACA,QAAQ,CACN,cACA,cACF;CACA,QAAQ,CACN,wFACF;AACF"}
+{"version":3,"file":"AlertDialog.manifest.native.js","names":[],"sources":["cjs/components/AlertDialog.manifest.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialog_manifest_exports = {};\n__export(AlertDialog_manifest_exports, {\n  manifest: () => manifest\n});\nmodule.exports = __toCommonJS(AlertDialog_manifest_exports);\nvar manifest = {\n  description: \"v2-look AlertDialog: scrim background on the Overlay and background/border/padding/radius/shadow on the Content, over the unstyled @tamagui/ui AlertDialog behavior.\",\n  categories: [\n    \"overlay\"\n  ],\n  tokens: [\n    \"background\",\n    \"border-color\"\n  ],\n  native: [\n    \"requires a Portal provider at the app root for the alert dialog to mount above content\"\n  ]\n};\n//# sourceMappingURL=AlertDialog.manifest.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,WAAW;CACb,aAAa;CACb,YAAY,CACV,SACF;CACA,QAAQ,CACN,cACA,cACF;CACA,QAAQ,CACN,wFACF;AACF"}

package/dist/cjs/components/AlertDialog.native.cjs

@@ -28,27 +28,28 @@ __export(AlertDialog_exports, {
 });
 module.exports = __toCommonJS(AlertDialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("@tamagui/ui");
+var import_alert_dialog = require("@tamagui/alert-dialog");
+var import_core = require("@tamagui/core");
 var import_Dialog = require("./Dialog.native.js");
-var AlertDialogOverlay = (0, import_ui.styled)(import_ui.AlertDialog.Overlay, {
+var AlertDialogOverlay = (0, import_core.styled)(import_alert_dialog.AlertDialog.Overlay, {
 	displayName: "AlertDialogOverlay",
 	...import_Dialog.dialogOverlayStyles
 });
-var AlertDialogContent = (0, import_ui.styled)(import_ui.AlertDialog.Content, {
+var AlertDialogContent = (0, import_core.styled)(import_alert_dialog.AlertDialog.Content, {
 	displayName: "AlertDialogContent",
 	...import_Dialog.dialogContentStyles
 });
-var AlertDialogRoot = (0, import_ui.createRefComponent)(function AlertDialog(props, _ref) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.AlertDialog, { ...props });
+var AlertDialogRoot = (0, import_core.createRefComponent)(function AlertDialog(props, _ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog, { ...props });
 });
-var AlertDialog2 = (0, import_ui.withStaticProperties)(AlertDialogRoot, {
-	Trigger: import_ui.AlertDialog.Trigger,
-	Portal: import_ui.AlertDialog.Portal,
-	Title: import_ui.AlertDialog.Title,
-	Description: import_ui.AlertDialog.Description,
-	Action: import_ui.AlertDialog.Action,
-	Cancel: import_ui.AlertDialog.Cancel,
-	Destructive: import_ui.AlertDialog.Destructive,
+var AlertDialog2 = (0, import_core.withStaticProperties)(AlertDialogRoot, {
+	Trigger: import_alert_dialog.AlertDialog.Trigger,
+	Portal: import_alert_dialog.AlertDialog.Portal,
+	Title: import_alert_dialog.AlertDialog.Title,
+	Description: import_alert_dialog.AlertDialog.Description,
+	Action: import_alert_dialog.AlertDialog.Action,
+	Cancel: import_alert_dialog.AlertDialog.Cancel,
+	Destructive: import_alert_dialog.AlertDialog.Destructive,
 	Overlay: AlertDialogOverlay,
 	Content: AlertDialogContent
 });

package/dist/cjs/components/AlertDialog.native.js

@@ -28,27 +28,28 @@ __export(AlertDialog_exports, {
 });
 module.exports = __toCommonJS(AlertDialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ui = require("@tamagui/ui");
+var import_alert_dialog = require("@tamagui/alert-dialog");
+var import_core = require("@tamagui/core");
 var import_Dialog = require("./Dialog.native.js");
-var AlertDialogOverlay = (0, import_ui.styled)(import_ui.AlertDialog.Overlay, {
+var AlertDialogOverlay = (0, import_core.styled)(import_alert_dialog.AlertDialog.Overlay, {
 	displayName: "AlertDialogOverlay",
 	...import_Dialog.dialogOverlayStyles
 });
-var AlertDialogContent = (0, import_ui.styled)(import_ui.AlertDialog.Content, {
+var AlertDialogContent = (0, import_core.styled)(import_alert_dialog.AlertDialog.Content, {
 	displayName: "AlertDialogContent",
 	...import_Dialog.dialogContentStyles
 });
-var AlertDialogRoot = (0, import_ui.createRefComponent)(function AlertDialog(props, _ref) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.AlertDialog, { ...props });
+var AlertDialogRoot = (0, import_core.createRefComponent)(function AlertDialog(props, _ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog, { ...props });
 });
-var AlertDialog2 = (0, import_ui.withStaticProperties)(AlertDialogRoot, {
-	Trigger: import_ui.AlertDialog.Trigger,
-	Portal: import_ui.AlertDialog.Portal,
-	Title: import_ui.AlertDialog.Title,
-	Description: import_ui.AlertDialog.Description,
-	Action: import_ui.AlertDialog.Action,
-	Cancel: import_ui.AlertDialog.Cancel,
-	Destructive: import_ui.AlertDialog.Destructive,
+var AlertDialog2 = (0, import_core.withStaticProperties)(AlertDialogRoot, {
+	Trigger: import_alert_dialog.AlertDialog.Trigger,
+	Portal: import_alert_dialog.AlertDialog.Portal,
+	Title: import_alert_dialog.AlertDialog.Title,
+	Description: import_alert_dialog.AlertDialog.Description,
+	Action: import_alert_dialog.AlertDialog.Action,
+	Cancel: import_alert_dialog.AlertDialog.Cancel,
+	Destructive: import_alert_dialog.AlertDialog.Destructive,
 	Overlay: AlertDialogOverlay,
 	Content: AlertDialogContent
 });

package/dist/cjs/components/AlertDialog.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.native.js","names":[],"sources":["cjs/components/AlertDialog.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialog_exports = {};\n__export(AlertDialog_exports, {\n  AlertDialog: () => AlertDialog2,\n  AlertDialogContent: () => AlertDialogContent,\n  AlertDialogOverlay: () => AlertDialogOverlay\n});\nmodule.exports = __toCommonJS(AlertDialog_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_ui = require(\"@tamagui/ui\");\nvar import_Dialog = require(\"./Dialog\");\nvar AlertDialogOverlay = (0, import_ui.styled)(import_ui.AlertDialog.Overlay, {\n  displayName: \"AlertDialogOverlay\",\n  ...import_Dialog.dialogOverlayStyles\n});\nvar AlertDialogContent = (0, import_ui.styled)(import_ui.AlertDialog.Content, {\n  displayName: \"AlertDialogContent\",\n  ...import_Dialog.dialogContentStyles\n});\nvar AlertDialogRoot = (0, import_ui.createRefComponent)(function AlertDialog(props, _ref) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.AlertDialog, {\n    ...props\n  });\n});\nvar AlertDialog2 = (0, import_ui.withStaticProperties)(AlertDialogRoot, {\n  Trigger: import_ui.AlertDialog.Trigger,\n  Portal: import_ui.AlertDialog.Portal,\n  Title: import_ui.AlertDialog.Title,\n  Description: import_ui.AlertDialog.Description,\n  Action: import_ui.AlertDialog.Action,\n  Cancel: import_ui.AlertDialog.Cancel,\n  Destructive: import_ui.AlertDialog.Destructive,\n  Overlay: AlertDialogOverlay,\n  Content: AlertDialogContent\n});\n//# sourceMappingURL=AlertDialog.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,sBAAsB,CAAC;AAC3B,SAAS,qBAAqB;CAC5B,mBAAmB;CACnB,0BAA0B;CAC1B,0BAA0B;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,mBAAmB;AACjD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,YAAY,QAAQ,aAAa;AACrC,IAAI,gBAAgB,QAAQ,oBAAU;AACtC,IAAI,sBAAsB,GAAG,UAAU,OAAM,CAAE,UAAU,YAAY,SAAS;CAC5E,aAAa;CACb,GAAG,cAAc;AACnB,CAAC;AACD,IAAI,sBAAsB,GAAG,UAAU,OAAM,CAAE,UAAU,YAAY,SAAS;CAC5E,aAAa;CACb,GAAG,cAAc;AACnB,CAAC;AACD,IAAI,mBAAmB,GAAG,UAAU,mBAAkB,CAAE,SAAS,YAAY,OAAO,MAAM;CACxF,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,UAAU,aAAa,EACxE,GAAG,MACL,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB,GAAG,UAAU,qBAAoB,CAAE,iBAAiB;CACtE,SAAS,UAAU,YAAY;CAC/B,QAAQ,UAAU,YAAY;CAC9B,OAAO,UAAU,YAAY;CAC7B,aAAa,UAAU,YAAY;CACnC,QAAQ,UAAU,YAAY;CAC9B,QAAQ,UAAU,YAAY;CAC9B,aAAa,UAAU,YAAY;CACnC,SAAS;CACT,SAAS;AACX,CAAC"}
+{"version":3,"file":"AlertDialog.native.js","names":[],"sources":["cjs/components/AlertDialog.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialog_exports = {};\n__export(AlertDialog_exports, {\n  AlertDialog: () => AlertDialog2,\n  AlertDialogContent: () => AlertDialogContent,\n  AlertDialogOverlay: () => AlertDialogOverlay\n});\nmodule.exports = __toCommonJS(AlertDialog_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_alert_dialog = require(\"@tamagui/alert-dialog\");\nvar import_core = require(\"@tamagui/core\");\nvar import_Dialog = require(\"./Dialog\");\nvar AlertDialogOverlay = (0, import_core.styled)(import_alert_dialog.AlertDialog.Overlay, {\n  displayName: \"AlertDialogOverlay\",\n  ...import_Dialog.dialogOverlayStyles\n});\nvar AlertDialogContent = (0, import_core.styled)(import_alert_dialog.AlertDialog.Content, {\n  displayName: \"AlertDialogContent\",\n  ...import_Dialog.dialogContentStyles\n});\nvar AlertDialogRoot = (0, import_core.createRefComponent)(function AlertDialog(props, _ref) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_alert_dialog.AlertDialog, {\n    ...props\n  });\n});\nvar AlertDialog2 = (0, import_core.withStaticProperties)(AlertDialogRoot, {\n  Trigger: import_alert_dialog.AlertDialog.Trigger,\n  Portal: import_alert_dialog.AlertDialog.Portal,\n  Title: import_alert_dialog.AlertDialog.Title,\n  Description: import_alert_dialog.AlertDialog.Description,\n  Action: import_alert_dialog.AlertDialog.Action,\n  Cancel: import_alert_dialog.AlertDialog.Cancel,\n  Destructive: import_alert_dialog.AlertDialog.Destructive,\n  Overlay: AlertDialogOverlay,\n  Content: AlertDialogContent\n});\n//# sourceMappingURL=AlertDialog.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,sBAAsB,CAAC;AAC3B,SAAS,qBAAqB;CAC5B,mBAAmB;CACnB,0BAA0B;CAC1B,0BAA0B;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,mBAAmB;AACjD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,sBAAsB,QAAQ,uBAAuB;AACzD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,oBAAU;AACtC,IAAI,sBAAsB,GAAG,YAAY,OAAM,CAAE,oBAAoB,YAAY,SAAS;CACxF,aAAa;CACb,GAAG,cAAc;AACnB,CAAC;AACD,IAAI,sBAAsB,GAAG,YAAY,OAAM,CAAE,oBAAoB,YAAY,SAAS;CACxF,aAAa;CACb,GAAG,cAAc;AACnB,CAAC;AACD,IAAI,mBAAmB,GAAG,YAAY,mBAAkB,CAAE,SAAS,YAAY,OAAO,MAAM;CAC1F,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,aAAa,EAClF,GAAG,MACL,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB,GAAG,YAAY,qBAAoB,CAAE,iBAAiB;CACxE,SAAS,oBAAoB,YAAY;CACzC,QAAQ,oBAAoB,YAAY;CACxC,OAAO,oBAAoB,YAAY;CACvC,aAAa,oBAAoB,YAAY;CAC7C,QAAQ,oBAAoB,YAAY;CACxC,QAAQ,oBAAoB,YAAY;CACxC,aAAa,oBAAoB,YAAY;CAC7C,SAAS;CACT,SAAS;AACX,CAAC"}

package/dist/cjs/components/Button.cjs

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
@@ -17,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Button_exports = {};
 __export(Button_exports, {
@@ -26,37 +32,39 @@ __export(Button_exports, {
 	ButtonText: () => ButtonText
 });
 module.exports = __toCommonJS(Button_exports);
-var import_ui = require("@tamagui/ui");
+var import_button = require("@tamagui/button");
+var import_core = require("@tamagui/core");
+var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
+var import_react = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-const buttonFrameSizeVariant = import_ui.styled.dynamic((val, env) => {
-	const { frame } = (0, import_ui.resolveTokenSize)(val, {
-		tokens: env.tokens,
-		font: env.font
-	});
+const ButtonContext = (0, import_core.createStyledContext)({ size: "md" });
+const buttonSizing = (size, env) => (0, import_core.resolveSizing)(size, env) ?? (0, import_core.resolveSizing)(void 0, env);
+const getButtonFrameSize = import_core.styled.dynamic((val, env) => {
+	const sizing = (0, import_core.resolveSizing)(val, env);
+	if (!sizing) return;
 	return {
-		borderRadius: frame.radius,
-		gap: Math.round((0, import_ui.getVariableValue)(frame.size) * .2),
-		height: frame.size,
-		paddingHorizontal: frame.space,
+		paddingInline: sizing.paddingInline,
+		paddingBlock: sizing.paddingBlock,
+		borderRadius: sizing.radius,
+		gap: sizing.gap,
+		minHeight: sizing.height + 2,
 		width: "auto"
 	};
 });
-const buttonTextSizeVariant = import_ui.styled.dynamic((val, env) => {
-	const { text } = (0, import_ui.resolveTokenSize)(val, {
-		tokens: env.tokens,
-		font: env.font
-	});
+const getButtonTextSize = import_core.styled.dynamic((val, env) => {
+	const sizing = (0, import_core.resolveSizing)(val, env);
+	if (!sizing) return;
 	return {
-		fontSize: text.fontSize,
-		lineHeight: text.lineHeight
+		fontSize: sizing.fontSize,
+		lineHeight: sizing.lineHeight
 	};
 });
-const ButtonFrameBase = (0, import_ui.styled)(import_ui.ButtonFrame, {
-	context: import_ui.SizeContext,
+const ButtonFrameBase = (0, import_core.styled)(import_button.ButtonFrame, {
+	context: ButtonContext,
 	displayName: "ButtonFrame",
 	className: "tm-button",
 	backgroundColor: "background hover:background-hover press:background-press",
-	borderColor: "border-color hover:border-color-hover",
+	borderColor: "transparent",
 	borderStyle: "solid",
 	borderWidth: 1,
 	cursor: "web:pointer",
@@ -65,8 +73,8 @@ const ButtonFrameBase = (0, import_ui.styled)(import_ui.ButtonFrame, {
 	outlineStyle: "focus-visible:solid",
 	outlineWidth: "focus-visible:2px",
 	variants: {
-		size: buttonFrameSizeVariant,
-		circular: import_ui.styled.dynamic(),
+		size: getButtonFrameSize,
+		circular: import_core.styled.dynamic(),
 		disabled: { true: { opacity: .35 } },
 		variant: {
 			outlined: {
@@ -79,60 +87,65 @@ const ButtonFrameBase = (0, import_ui.styled)(import_ui.ButtonFrame, {
 			}
 		}
 	},
-	defaultVariants: { size: true }
+	defaultVariants: { size: "md" }
 });
 const ButtonFrame = ButtonFrameBase.resolve((props, env) => {
 	if (!props.circular) return;
-	const { frame } = (0, import_ui.resolveTokenSize)(props.size ?? true, {
-		tokens: env.tokens,
-		font: env.font
-	});
+	const sizing = buttonSizing(props.size, env);
+	if (!sizing) return;
+	const side = sizing.height + 2;
 	return {
 		borderRadius: 1e3,
 		paddingHorizontal: 0,
-		height: frame.size,
-		maxHeight: frame.size,
-		maxWidth: frame.size,
-		minWidth: frame.size,
-		width: frame.size
+		height: side,
+		maxHeight: side,
+		maxWidth: side,
+		minWidth: side,
+		width: side
 	};
 });
-const ButtonText = (0, import_ui.styled)(import_ui.ButtonText, {
-	context: import_ui.SizeContext,
+const ButtonText = (0, import_core.styled)(import_button.ButtonText, {
+	context: ButtonContext,
 	displayName: "ButtonText",
 	color: "color",
 	fontWeight: "600",
 	userSelect: "none",
-	variants: { size: buttonTextSizeVariant },
-	defaultVariants: { size: true }
+	variants: { size: getButtonTextSize },
+	defaultVariants: { size: "md" }
 });
 const ButtonIcon = ({ size, ...props }) => {
-	const context = import_ui.SizeContext.useStyledContext();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.ButtonIcon, {
+	const context = ButtonContext.useStyledContext();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.ButtonIcon, {
 		...props,
-		size: size ?? (0, import_ui.getThemedIconSize)(context?.size ?? true)
+		size: size ?? (0, import_helpers_tamagui.getThemedIconSize)(buttonSizing(context?.size)?.icon)
 	});
 };
-const ButtonComponent = (0, import_ui.createStyledHOC)(ButtonFrame, function Button(props, ref) {
+const ButtonComponent = (0, import_core.createStyledHOC)(ButtonFrame, function Button(props, ref) {
 	const { theme, ...buttonBehaviorProps } = props;
-	const size = buttonBehaviorProps.size ?? import_ui.SizeContext.useStyledContext()?.size ?? true;
-	const { props: buttonProps } = (0, import_ui.useButton)(buttonBehaviorProps, {
-		Text: ButtonText,
-		iconSize: (0, import_ui.getThemedIconSize)(size)
-	});
-	const button = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Theme, {
+	const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
 		name: "level2",
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonFrame, {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonInner, {
 			ref,
-			...buttonProps
+			buttonBehaviorProps
 		})
 	});
-	return theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Theme, {
+	return theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
 		name: theme,
-		children: button
-	}) : button;
+		children: content
+	}) : content;
 }, { disableTheme: true });
-const Button2 = (0, import_ui.withStaticProperties)(ButtonComponent, {
+const ButtonInner = import_react.default.forwardRef(function ButtonInner2({ buttonBehaviorProps }, ref) {
+	const size = buttonBehaviorProps.size ?? ButtonContext.useStyledContext()?.size ?? "md";
+	const { props: buttonProps } = (0, import_button.useButton)(buttonBehaviorProps, {
+		Text: ButtonText,
+		iconSize: (0, import_helpers_tamagui.getThemedIconSize)(buttonSizing(size)?.icon)
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonFrame, {
+		ref,
+		...buttonProps
+	});
+});
+const Button2 = (0, import_core.withStaticProperties)(ButtonComponent, {
 	Frame: ButtonFrame,
 	Icon: ButtonIcon,
 	Text: ButtonText

package/dist/cjs/components/Button.manifest.cjs

@@ -22,7 +22,7 @@ var Button_manifest_exports = {};
 __export(Button_manifest_exports, { manifest: () => manifest });
 module.exports = __toCommonJS(Button_manifest_exports);
 const manifest = {
-	description: "v2-look Button: token-based sizing through the opt-in @tamagui/size policy, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.",
+	description: "v2-look Button: named sizes from the inline size table, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.",
 	categories: ["form", "buttons"],
 	tokens: [
 		"background",

package/dist/cjs/components/Button.manifest.native.cjs

@@ -24,7 +24,7 @@ var Button_manifest_exports = {};
 __export(Button_manifest_exports, { manifest: () => manifest });
 module.exports = __toCommonJS(Button_manifest_exports);
 var manifest = {
-	description: "v2-look Button: token-based sizing through the opt-in @tamagui/size policy, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.",
+	description: "v2-look Button: named sizes from the inline size table, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.",
 	categories: ["form", "buttons"],
 	tokens: [
 		"background",

package/dist/cjs/components/Button.manifest.native.js

@@ -24,7 +24,7 @@ var Button_manifest_exports = {};
 __export(Button_manifest_exports, { manifest: () => manifest });
 module.exports = __toCommonJS(Button_manifest_exports);
 var manifest = {
-	description: "v2-look Button: token-based sizing through the opt-in @tamagui/size policy, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.",
+	description: "v2-look Button: named sizes from the inline size table, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.",
 	categories: ["form", "buttons"],
 	tokens: [
 		"background",

package/dist/cjs/components/Button.manifest.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.manifest.native.js","names":[],"sources":["cjs/components/Button.manifest.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Button_manifest_exports = {};\n__export(Button_manifest_exports, {\n  manifest: () => manifest\n});\nmodule.exports = __toCommonJS(Button_manifest_exports);\nvar manifest = {\n  description: \"v2-look Button: token-based sizing through the opt-in @tamagui/size policy, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.\",\n  categories: [\n    \"form\",\n    \"buttons\"\n  ],\n  tokens: [\n    \"background\",\n    \"background-hover\",\n    \"background-press\",\n    \"border-color\",\n    \"border-color-hover\",\n    \"outline-color\",\n    \"color\"\n  ]\n};\n//# sourceMappingURL=Button.manifest.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,0BAA0B,CAAC;AAC/B,SAAS,yBAAyB,EAChC,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,uBAAuB;AACrD,IAAI,WAAW;CACb,aAAa;CACb,YAAY,CACV,QACA,SACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"Button.manifest.native.js","names":[],"sources":["cjs/components/Button.manifest.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Button_manifest_exports = {};\n__export(Button_manifest_exports, {\n  manifest: () => manifest\n});\nmodule.exports = __toCommonJS(Button_manifest_exports);\nvar manifest = {\n  description: \"v2-look Button: named sizes from the inline size table, circular and variant (outlined/quiet) skins, icon + text composition on the unstyled @tamagui/ui Button behavior.\",\n  categories: [\n    \"form\",\n    \"buttons\"\n  ],\n  tokens: [\n    \"background\",\n    \"background-hover\",\n    \"background-press\",\n    \"border-color\",\n    \"border-color-hover\",\n    \"outline-color\",\n    \"color\"\n  ]\n};\n//# sourceMappingURL=Button.manifest.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,0BAA0B,CAAC;AAC/B,SAAS,yBAAyB,EAChC,gBAAgB,SAClB,CAAC;AACD,OAAO,UAAU,aAAa,uBAAuB;AACrD,IAAI,WAAW;CACb,aAAa;CACb,YAAY,CACV,QACA,SACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}