@tamagui/label 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Label.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,37 +8,30 @@ 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, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Label_exports = {};
 __export(Label_exports, {
-  Label: () => Label,
-  LabelFrame: () => LabelFrame,
-  useLabelContext: () => useLabelContext
+	Label: () => Label,
+	LabelFrame: () => LabelFrame,
+	useLabelContext: () => useLabelContext
 });
 module.exports = __toCommonJS(Label_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -45,133 +39,113 @@ var import_compose_refs = require("@tamagui/compose-refs");
 var import_constants = require("@tamagui/constants");
 var import_create_context = require("@tamagui/create-context");
 var import_focusable = require("@tamagui/focusable");
-var import_get_button_sized = require("@tamagui/get-button-sized");
 var import_get_font_sized = require("@tamagui/get-font-sized");
+var import_size = require("@tamagui/size");
 var import_text = require("@tamagui/text");
 var import_web = require("@tamagui/web");
 var React = __toESM(require("react"), 1);
 var NAME = "Label";
 var [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
-  id: void 0,
-  controlRef: {
-    current: null
-  }
+	id: void 0,
+	controlRef: { current: null }
 });
+var labelSizeVariant = function(val, extras) {
+	var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+	var sizeKey = (0, import_size.resolveSizeToken)(val, "size");
+	return {
+		...fontStyle,
+		lineHeight: typeof sizeKey === "number" ? sizeKey : extras.tokens.size[sizeKey]
+	};
+};
 var LabelFrame = (0, import_web.styled)(import_text.SizableText, {
-  name: "Label",
-  render: "label",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        color: "$color",
-        backgroundColor: "transparent",
-        display: "flex",
-        alignItems: "center",
-        userSelect: "none",
-        cursor: "default",
-        pressStyle: {
-          color: "$colorPress"
-        }
-      }
-    },
-    size: {
-      "...size": function (val, extras) {
-        var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
-        var buttonHeight = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.height;
-        var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
-        return {
-          ...fontStyle,
-          lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "Label",
+	render: "label",
+	size: true,
+	backgroundColor: "transparent",
+	display: "flex",
+	alignItems: "center",
+	userSelect: "none",
+	cursor: "default",
+	variants: { size: {
+		true: labelSizeVariant,
+		Size: labelSizeVariant
+	} }
 });
-var Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
-  var {
-    htmlFor,
-    id: idProp,
-    ...labelProps
-  } = props;
-  var controlRef = React.useRef(null);
-  var ref = React.useRef(null);
-  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-  var backupId = React.useId();
-  var id = idProp !== null && idProp !== void 0 ? idProp : backupId;
-  if (import_constants.isWeb) {
-    (0, import_constants.useIsomorphicLayoutEffect)(function () {
-      if (htmlFor) {
-        var element = document.getElementById(htmlFor);
-        var label = ref.current;
-        if (label && element) {
-          var getAriaLabel = function () {
-            return element.getAttribute("aria-labelledby");
-          };
-          var ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
-          element.setAttribute("aria-labelledby", ariaLabelledBy);
-          controlRef.current = element;
-          return function () {
-            var _getAriaLabel;
-            if (!id) return;
-            var ariaLabelledBy2 = (_getAriaLabel = getAriaLabel()) === null || _getAriaLabel === void 0 ? void 0 : _getAriaLabel.replace(id, "");
-            if (ariaLabelledBy2 === "") {
-              element.removeAttribute("aria-labelledby");
-            } else if (ariaLabelledBy2) {
-              element.setAttribute("aria-labelledby", ariaLabelledBy2);
-            }
-          };
-        }
-      }
-    }, [id, htmlFor]);
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(LabelProvider, {
-    id,
-    controlRef,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(LabelFrame, {
-      id,
-      // @ts-ignore
-      htmlFor,
-      ...labelProps,
-      ref: composedRefs,
-      onMouseDown: function (event) {
-        var _props_onMouseDown;
-        (_props_onMouseDown = props.onMouseDown) === null || _props_onMouseDown === void 0 ? void 0 : _props_onMouseDown.call(props, event);
-        if (!event.defaultPrevented && event.detail > 1) {
-          event.preventDefault();
-        }
-      },
-      onPress: function (event) {
-        var _props_onPress;
-        (_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, event);
-        if (import_constants.isWeb) {
-          if (htmlFor || !controlRef.current || event.defaultPrevented) return;
-          var isClickingControl = controlRef.current.contains(event.target);
-          var isUserClick = event.isTrusted === true;
-          if (!isClickingControl && isUserClick) {
-            controlRef.current.click();
-            controlRef.current.focus();
-          }
-        } else {
-          if (props.htmlFor) {
-            (0, import_focusable.focusFocusable)(props.htmlFor);
-          }
-        }
-      }
-    })
-  });
+var Label = (0, import_web.createStyledHOC)(LabelFrame, function Label2(props, forwardedRef) {
+	var { htmlFor, id: idProp, ...labelProps } = props;
+	var controlRef = React.useRef(null);
+	var ref = React.useRef(null);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+	var backupId = React.useId();
+	var id = idProp !== null && idProp !== void 0 ? idProp : backupId;
+	if (import_constants.isWeb) {
+		(0, import_constants.useIsomorphicLayoutEffect)(function() {
+			if (htmlFor) {
+				var element = document.getElementById(htmlFor);
+				var label = ref.current;
+				if (label && element) {
+					var getAriaLabel = function() {
+						return element.getAttribute("aria-labelledby");
+					};
+					var ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+					element.setAttribute("aria-labelledby", ariaLabelledBy);
+					controlRef.current = element;
+					return function() {
+						var _getAriaLabel;
+						if (!id) return;
+						var ariaLabelledBy2 = (_getAriaLabel = getAriaLabel()) === null || _getAriaLabel === void 0 ? void 0 : _getAriaLabel.replace(id, "");
+						if (ariaLabelledBy2 === "") {
+							element.removeAttribute("aria-labelledby");
+						} else if (ariaLabelledBy2) {
+							element.setAttribute("aria-labelledby", ariaLabelledBy2);
+						}
+					};
+				}
+			}
+		}, [id, htmlFor]);
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, {
+		id,
+		controlRef,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelFrame, {
+			id,
+			htmlFor,
+			...labelProps,
+			ref: composedRefs,
+			onMouseDown: function(event) {
+				var _props_onMouseDown;
+				(_props_onMouseDown = props.onMouseDown) === null || _props_onMouseDown === void 0 ? void 0 : _props_onMouseDown.call(props, event);
+				if (!event.defaultPrevented && event.detail > 1) {
+					event.preventDefault();
+				}
+			},
+			onPress: function(event) {
+				var _props_onPress;
+				(_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, event);
+				if (import_constants.isWeb) {
+					if (htmlFor || !controlRef.current || event.defaultPrevented) return;
+					var isClickingControl = controlRef.current.contains(event.target);
+					var isUserClick = event.isTrusted === true;
+					if (!isClickingControl && isUserClick) {
+						controlRef.current.click();
+						controlRef.current.focus();
+					}
+				} else {
+					if (props.htmlFor) {
+						(0, import_focusable.focusFocusable)(props.htmlFor);
+					}
+				}
+			}
+		})
+	});
 });
-var useLabelContext = function (element) {
-  var context = useLabelContextImpl("LabelConsumer");
-  var {
-    controlRef
-  } = context;
-  React.useEffect(function () {
-    if (element) controlRef.current = element;
-  }, [element, controlRef]);
-  return context.id;
+var useLabelContext = function(element) {
+	var context = useLabelContextImpl("LabelConsumer");
+	var { controlRef } = context;
+	React.useEffect(function() {
+		if (element) controlRef.current = element;
+	}, [element, controlRef]);
+	return context.id;
 };
+
 //# sourceMappingURL=Label.native.js.map

package/dist/jsx/Label.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Label_exports","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","ariaLabelledBy","buttonHeight","height","fontStyle","getFontSized","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useComposedRefs","backupId","useId","isWeb","useIsomorphicLayoutEffect","element","document","getElementById","label","getAriaLabel","getAttribute","filter","Boolean","join","setAttribute","_getAriaLabel","ariaLabelledBy2","replace","removeAttribute"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Label.native.js","names":[],"sources":["jsx/Label.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Label_exports = {};\n__export(Label_exports, {\n  Label: () => Label,\n  LabelFrame: () => LabelFrame,\n  useLabelContext: () => useLabelContext\n});\nmodule.exports = __toCommonJS(Label_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_create_context = require(\"@tamagui/create-context\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_get_font_sized = require(\"@tamagui/get-font-sized\");\nvar import_size = require(\"@tamagui/size\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar React = __toESM(require(\"react\"), 1);\nvar NAME = \"Label\";\nvar [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {\n  id: void 0,\n  controlRef: {\n    current: null\n  }\n});\nvar labelSizeVariant = function(val, extras) {\n  var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);\n  var sizeKey = (0, import_size.resolveSizeToken)(val, \"size\");\n  return {\n    ...fontStyle,\n    lineHeight: typeof sizeKey === \"number\" ? sizeKey : extras.tokens.size[sizeKey]\n  };\n};\nvar LabelFrame = (0, import_web.styled)(import_text.SizableText, {\n  displayName: \"Label\",\n  render: \"label\",\n  size: true,\n  backgroundColor: \"transparent\",\n  display: \"flex\",\n  alignItems: \"center\",\n  userSelect: \"none\",\n  cursor: \"default\",\n  variants: {\n    size: {\n      true: labelSizeVariant,\n      Size: labelSizeVariant\n    }\n  }\n});\nvar Label = (0, import_web.createStyledHOC)(LabelFrame, function Label2(props, forwardedRef) {\n  var { htmlFor, id: idProp, ...labelProps } = props;\n  var controlRef = React.useRef(null);\n  var ref = React.useRef(null);\n  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);\n  var backupId = React.useId();\n  var id = idProp !== null && idProp !== void 0 ? idProp : backupId;\n  if (import_constants.isWeb) {\n    (0, import_constants.useIsomorphicLayoutEffect)(function() {\n      if (htmlFor) {\n        var element = document.getElementById(htmlFor);\n        var label = ref.current;\n        if (label && element) {\n          var getAriaLabel = function() {\n            return element.getAttribute(\"aria-labelledby\");\n          };\n          var ariaLabelledBy = [\n            id,\n            getAriaLabel()\n          ].filter(Boolean).join(\" \");\n          element.setAttribute(\"aria-labelledby\", ariaLabelledBy);\n          controlRef.current = element;\n          return function() {\n            var _getAriaLabel;\n            if (!id) return;\n            var ariaLabelledBy2 = (_getAriaLabel = getAriaLabel()) === null || _getAriaLabel === void 0 ? void 0 : _getAriaLabel.replace(id, \"\");\n            if (ariaLabelledBy2 === \"\") {\n              element.removeAttribute(\"aria-labelledby\");\n            } else if (ariaLabelledBy2) {\n              element.setAttribute(\"aria-labelledby\", ariaLabelledBy2);\n            }\n          };\n        }\n      }\n    }, [\n      id,\n      htmlFor\n    ]);\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, {\n    id,\n    controlRef,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelFrame, {\n      id,\n      // @ts-ignore\n      htmlFor,\n      ...labelProps,\n      ref: composedRefs,\n      onMouseDown: function(event) {\n        var _props_onMouseDown;\n        (_props_onMouseDown = props.onMouseDown) === null || _props_onMouseDown === void 0 ? void 0 : _props_onMouseDown.call(props, event);\n        if (!event.defaultPrevented && event.detail > 1) {\n          event.preventDefault();\n        }\n      },\n      onPress: function(event) {\n        var _props_onPress;\n        (_props_onPress = props.onPress) === null || _props_onPress === void 0 ? void 0 : _props_onPress.call(props, event);\n        if (import_constants.isWeb) {\n          if (htmlFor || !controlRef.current || event.defaultPrevented) return;\n          var isClickingControl = controlRef.current.contains(event.target);\n          var isUserClick = event.isTrusted === true;\n          if (!isClickingControl && isUserClick) {\n            controlRef.current.click();\n            controlRef.current.focus();\n          }\n        } else {\n          if (props.htmlFor) {\n            (0, import_focusable.focusFocusable)(props.htmlFor);\n          }\n        }\n      }\n    })\n  });\n});\nvar useLabelContext = function(element) {\n  var context = useLabelContextImpl(\"LabelConsumer\");\n  var { controlRef } = context;\n  React.useEffect(function() {\n    if (element) controlRef.current = element;\n  }, [\n    element,\n    controlRef\n  ]);\n  return context.id;\n};\n//# sourceMappingURL=Label.js.map\n"],"mappings":"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"}

package/dist/jsx/index.js

@@ -1,2 +1 @@
-export * from "./Label.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./Label.mjs"

package/dist/jsx/index.mjs

@@ -1,2 +1 @@
-export * from "./Label.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./Label.mjs"

package/dist/jsx/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Label.native.js"), module.exports);

package/dist/jsx/index.native.js

@@ -1,23 +1,23 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./Label.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["jsx/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Label\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,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,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,mBAAS,GAAG,OAAO,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/label",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -34,19 +34,19 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "2.7.7",
-    "@tamagui/constants": "2.7.7",
-    "@tamagui/create-context": "2.7.7",
-    "@tamagui/focusable": "2.7.7",
-    "@tamagui/get-button-sized": "2.7.7",
-    "@tamagui/get-font-sized": "2.7.7",
-    "@tamagui/text": "2.7.7",
-    "@tamagui/web": "2.7.7"
+    "@tamagui/compose-refs": "3.0.0-beta.643.1",
+    "@tamagui/constants": "3.0.0-beta.643.1",
+    "@tamagui/create-context": "3.0.0-beta.643.1",
+    "@tamagui/focusable": "3.0.0-beta.643.1",
+    "@tamagui/get-font-sized": "3.0.0-beta.643.1",
+    "@tamagui/size": "3.0.0-beta.643.1",
+    "@tamagui/text": "3.0.0-beta.643.1",
+    "@tamagui/web": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.643.1",
     "react": ">=19",
-    "react-native": "0.83.2"
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
     "react": ">=19"

package/src/Label.tsx

@@ -2,11 +2,16 @@ import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { createContext } from '@tamagui/create-context'
 import { focusFocusable } from '@tamagui/focusable'
-import { getButtonSized } from '@tamagui/get-button-sized'
 import { getFontSized } from '@tamagui/get-font-sized'
+import { resolveSizeToken } from '@tamagui/size'
 import { SizableText } from '@tamagui/text'
-import type { FontSizeTokens, GetProps } from '@tamagui/web'
-import { styled } from '@tamagui/web'
+import type {
+  FontSizeTokens,
+  GetProps,
+  SizeTokens,
+  VariantSpreadExtras,
+} from '@tamagui/web'
+import { createStyledHOC, styled } from '@tamagui/web'
 import * as React from 'react'
 
 const NAME = 'Label'
@@ -21,49 +26,44 @@ const [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NA
   controlRef: { current: null },
 })
 
+const labelSizeVariant = (val: SizeTokens | true, extras: VariantSpreadExtras<any>) => {
+  const fontStyle = getFontSized(val as FontSizeTokens, extras as any)
+  // line-height matches the control height at the same size token, so a Label
+  // sits flush next to the Input/Button it labels
+  const sizeKey = resolveSizeToken(val, 'size')
+  return {
+    ...fontStyle,
+    lineHeight: typeof sizeKey === 'number' ? sizeKey : extras.tokens.size[sizeKey],
+  }
+}
+
+// Unstyled Label frame: structural layout (label element, flex alignment,
+// selection/cursor resets) + the size mechanism (size-derived font) only. The
+// theme text color + the press color feedback live in the tamagui skin
+// (code/ui/tamagui/src/components/Label.tsx).
 export const LabelFrame = styled(SizableText, {
-  name: 'Label',
+  displayName: 'Label',
   render: 'label',
+  size: true,
+  backgroundColor: 'transparent',
+  display: 'flex',
+  alignItems: 'center',
+  userSelect: 'none',
+  cursor: 'default',
 
   variants: {
-    unstyled: {
-      false: {
-        size: '$true',
-        color: '$color',
-        backgroundColor: 'transparent',
-        display: 'flex',
-        alignItems: 'center',
-        userSelect: 'none',
-        cursor: 'default',
-        pressStyle: {
-          color: '$colorPress',
-        },
-      },
-    },
-
     size: {
-      '...size': (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras)
-        const buttonHeight = buttonStyle?.height
-        const fontStyle = getFontSized(val as FontSizeTokens, extras as any)
-        return {
-          ...fontStyle,
-          lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : undefined,
-        }
-      },
+      true: labelSizeVariant,
+      Size: labelSizeVariant,
     },
   } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
 })
 
 export type LabelProps = GetProps<typeof LabelFrame> & {
   htmlFor?: string
 }
 
-export const Label = LabelFrame.styleable(function Label(props, forwardedRef) {
+export const Label = createStyledHOC(LabelFrame, function Label(props, forwardedRef) {
   const { htmlFor, id: idProp, ...labelProps } = props
   const controlRef = React.useRef<HTMLElement | null>(null)
   const ref = React.useRef<any>(null)

package/types/Label.d.ts

@@ -1,17 +1,21 @@
-import type { FontSizeTokens, GetProps } from '@tamagui/web';
-export declare const LabelFrame: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").SizeTokens | FontSizeTokens | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
+import type { GetProps } from '@tamagui/web';
+import * as React from 'react';
+export declare const LabelFrame: React.FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & {
+    size?: string | number | boolean | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | (string & {}) | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
+    ref?: React.Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: string | number | boolean | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | (string & {}) | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        size?: string | number | boolean | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | (string & {}) | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
 export type LabelProps = GetProps<typeof LabelFrame> & {
     htmlFor?: string;
 };
-export declare const Label: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").GetFinalProps<import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").SizeTokens | FontSizeTokens | undefined;
-}>, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps & void, import("@tamagui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
-    size?: import("@tamagui/web").SizeTokens | FontSizeTokens | undefined;
+export declare const Label: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("react-native").Text | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+    size?: string | number | boolean | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | (string & {}) | undefined;
 }, import("@tamagui/web").StaticConfigPublic>;
 export declare const useLabelContext: (element?: HTMLElement | null) => string | undefined;
 //# sourceMappingURL=Label.d.ts.map

package/types/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAgB5D,eAAO,MAAM,UAAU;;;6CAoCrB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;6CAmFhB,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,WAAW,GAAG,IAAI,uBAS3D,CAAA"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAEV,QAAQ,EAGT,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6B9B,eAAO,MAAM,UAAU;;;;;;;;;;CAgBrB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,KAAK;;6CAmFhB,CAAA;AAEF,eAAO,MAAM,eAAe,aAAc,WAAW,GAAG,IAAI,uBAS3D,CAAA"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}