@tamagui/label 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/Label.mjs

@@ -2,129 +2,111 @@ 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 { styled } from "@tamagui/web";
+import { createStyledHOC, styled } from "@tamagui/web";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+
 const NAME = "Label";
 const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
-  id: void 0,
-  controlRef: {
-    current: null
-  }
+	id: void 0,
+	controlRef: { current: null }
 });
+const labelSizeVariant = (val, extras) => {
+	const fontStyle = getFontSized(val, extras);
+	const sizeKey = resolveSizeToken(val, "size");
+	return {
+		...fontStyle,
+		lineHeight: typeof sizeKey === "number" ? sizeKey : extras.tokens.size[sizeKey]
+	};
+};
 const LabelFrame = styled(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": (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras);
-        const buttonHeight = buttonStyle?.height;
-        const fontStyle = 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
+	} }
 });
-const Label = LabelFrame.styleable(function Label2(props, forwardedRef) {
-  const {
-    htmlFor,
-    id: idProp,
-    ...labelProps
-  } = props;
-  const controlRef = React.useRef(null);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const backupId = React.useId();
-  const id = idProp ?? backupId;
-  if (isWeb) {
-    useIsomorphicLayoutEffect(() => {
-      if (htmlFor) {
-        const element = document.getElementById(htmlFor);
-        const label = ref.current;
-        if (label && element) {
-          const getAriaLabel = () => element.getAttribute("aria-labelledby");
-          const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
-          element.setAttribute("aria-labelledby", ariaLabelledBy);
-          controlRef.current = element;
-          return () => {
-            if (!id) return;
-            const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
-            if (ariaLabelledBy2 === "") {
-              element.removeAttribute("aria-labelledby");
-            } else if (ariaLabelledBy2) {
-              element.setAttribute("aria-labelledby", ariaLabelledBy2);
-            }
-          };
-        }
-      }
-    }, [id, htmlFor]);
-  }
-  return /* @__PURE__ */jsx(LabelProvider, {
-    id,
-    controlRef,
-    children: /* @__PURE__ */jsx(LabelFrame, {
-      id,
-      htmlFor,
-      ...labelProps,
-      ref: composedRefs,
-      onMouseDown: event => {
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) {
-          event.preventDefault();
-        }
-      },
-      onPress: event => {
-        props.onPress?.(event);
-        if (isWeb) {
-          if (htmlFor || !controlRef.current || event.defaultPrevented) return;
-          const isClickingControl = controlRef.current.contains(event.target);
-          const isUserClick = event.isTrusted === true;
-          if (!isClickingControl && isUserClick) {
-            controlRef.current.click();
-            controlRef.current.focus();
-          }
-        } else {
-          if (props.htmlFor) {
-            focusFocusable(props.htmlFor);
-          }
-        }
-      }
-    })
-  });
+const Label = createStyledHOC(LabelFrame, function Label2(props, forwardedRef) {
+	const { htmlFor, id: idProp, ...labelProps } = props;
+	const controlRef = React.useRef(null);
+	const ref = React.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, ref);
+	const backupId = React.useId();
+	const id = idProp ?? backupId;
+	if (isWeb) {
+		useIsomorphicLayoutEffect(() => {
+			if (htmlFor) {
+				const element = document.getElementById(htmlFor);
+				const label = ref.current;
+				if (label && element) {
+					const getAriaLabel = () => element.getAttribute("aria-labelledby");
+					const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+					element.setAttribute("aria-labelledby", ariaLabelledBy);
+					controlRef.current = element;
+					return () => {
+						if (!id) return;
+						const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
+						if (ariaLabelledBy2 === "") {
+							element.removeAttribute("aria-labelledby");
+						} else if (ariaLabelledBy2) {
+							element.setAttribute("aria-labelledby", ariaLabelledBy2);
+						}
+					};
+				}
+			}
+		}, [id, htmlFor]);
+	}
+	return /* @__PURE__ */ jsx(LabelProvider, {
+		id,
+		controlRef,
+		children: /* @__PURE__ */ jsx(LabelFrame, {
+			id,
+			htmlFor,
+			...labelProps,
+			ref: composedRefs,
+			onMouseDown: (event) => {
+				props.onMouseDown?.(event);
+				if (!event.defaultPrevented && event.detail > 1) {
+					event.preventDefault();
+				}
+			},
+			onPress: (event) => {
+				props.onPress?.(event);
+				if (isWeb) {
+					if (htmlFor || !controlRef.current || event.defaultPrevented) return;
+					const isClickingControl = controlRef.current.contains(event.target);
+					const isUserClick = event.isTrusted === true;
+					if (!isClickingControl && isUserClick) {
+						controlRef.current.click();
+						controlRef.current.focus();
+					}
+				} else {
+					if (props.htmlFor) {
+						focusFocusable(props.htmlFor);
+					}
+				}
+			}
+		})
+	});
 });
-const useLabelContext = element => {
-  const context = useLabelContextImpl("LabelConsumer");
-  const {
-    controlRef
-  } = context;
-  React.useEffect(() => {
-    if (element) controlRef.current = element;
-  }, [element, controlRef]);
-  return context.id;
+const useLabelContext = (element) => {
+	const context = useLabelContextImpl("LabelConsumer");
+	const { controlRef } = context;
+	React.useEffect(() => {
+		if (element) controlRef.current = element;
+	}, [element, controlRef]);
+	return context.id;
 };
+
 export { Label, LabelFrame, useLabelContext };
 //# sourceMappingURL=Label.mjs.map

package/dist/jsx/Label.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","isWeb","useIsomorphicLayoutEffect","createContext","focusFocusable","getButtonSized","getFontSized","SizableText","styled","React","jsx","NAME","LabelProvider","useLabelContextImpl","id","controlRef","current","LabelFrame","name","render","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","buttonHeight","height","fontStyle","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","Label","styleable","Label2","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","backupId","useId","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","replace","removeAttribute","children","onMouseDown","event","defaultPrevented","detail","preventDefault","onPress","isClickingControl","contains","target","isUserClick","isTrusted","click","focus","useLabelContext","context","useEffect"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Label.js","names":[],"sources":["jsx/Label.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { createContext } from \"@tamagui/create-context\";\nimport { focusFocusable } from \"@tamagui/focusable\";\nimport { getFontSized } from \"@tamagui/get-font-sized\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { SizableText } from \"@tamagui/text\";\nimport { createStyledHOC, styled } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst NAME = \"Label\";\nconst [LabelProvider, useLabelContextImpl] = createContext(NAME, {\n  id: void 0,\n  controlRef: { current: null }\n});\nconst labelSizeVariant = (val, extras) => {\n  const fontStyle = getFontSized(val, extras);\n  const sizeKey = resolveSizeToken(val, \"size\");\n  return {\n    ...fontStyle,\n    lineHeight: typeof sizeKey === \"number\" ? sizeKey : extras.tokens.size[sizeKey]\n  };\n};\nconst LabelFrame = styled(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});\nconst Label = createStyledHOC(LabelFrame, function Label2(props, forwardedRef) {\n  const { htmlFor, id: idProp, ...labelProps } = props;\n  const controlRef = React.useRef(null);\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  const backupId = React.useId();\n  const id = idProp ?? backupId;\n  if (isWeb) {\n    useIsomorphicLayoutEffect(() => {\n      if (htmlFor) {\n        const element = document.getElementById(htmlFor);\n        const label = ref.current;\n        if (label && element) {\n          const getAriaLabel = () => element.getAttribute(\"aria-labelledby\");\n          const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(\" \");\n          element.setAttribute(\"aria-labelledby\", ariaLabelledBy);\n          controlRef.current = element;\n          return () => {\n            if (!id) return;\n            const ariaLabelledBy2 = 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    }, [id, htmlFor]);\n  }\n  return /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ jsx(\n    LabelFrame,\n    {\n      id,\n      htmlFor,\n      ...labelProps,\n      ref: composedRefs,\n      onMouseDown: (event) => {\n        props.onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) {\n          event.preventDefault();\n        }\n      },\n      onPress: (event) => {\n        props.onPress?.(event);\n        if (isWeb) {\n          if (htmlFor || !controlRef.current || event.defaultPrevented) return;\n          const isClickingControl = controlRef.current.contains(\n            event.target\n          );\n          const isUserClick = event.isTrusted === true;\n          if (!isClickingControl && isUserClick) {\n            controlRef.current.click();\n            controlRef.current.focus();\n          }\n        } else {\n          if (props.htmlFor) {\n            focusFocusable(props.htmlFor);\n          }\n        }\n      }\n    }\n  ) });\n});\nconst useLabelContext = (element) => {\n  const context = useLabelContextImpl(\"LabelConsumer\");\n  const { controlRef } = context;\n  React.useEffect(() => {\n    if (element) controlRef.current = element;\n  }, [element, controlRef]);\n  return context.id;\n};\nexport {\n  Label,\n  LabelFrame,\n  useLabelContext\n};\n//# sourceMappingURL=Label.js.map\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,OAAO;AACb,MAAM,CAAC,eAAe,uBAAuB,cAAc,MAAM;CAC/D,IAAI,KAAK;CACT,YAAY,EAAE,SAAS,KAAK;AAC9B,CAAC;AACD,MAAM,oBAAoB,KAAK,WAAW;CACxC,MAAM,YAAY,aAAa,KAAK,MAAM;CAC1C,MAAM,UAAU,iBAAiB,KAAK,MAAM;CAC5C,OAAO;EACL,GAAG;EACH,YAAY,OAAO,YAAY,WAAW,UAAU,OAAO,OAAO,KAAK;CACzE;AACF;AACA,MAAM,aAAa,OAAO,aAAa;CACrC,aAAa;CACb,QAAQ;CACR,MAAM;CACN,iBAAiB;CACjB,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;CACR,EACF;AACF,CAAC;AACD,MAAM,QAAQ,gBAAgB,YAAY,SAAS,OAAO,OAAO,cAAc;CAC7E,MAAM,EAAE,SAAS,IAAI,QAAQ,GAAG,eAAe;CAC/C,MAAM,aAAa,MAAM,OAAO,IAAI;CACpC,MAAM,MAAM,MAAM,OAAO,IAAI;CAC7B,MAAM,eAAe,gBAAgB,cAAc,GAAG;CACtD,MAAM,WAAW,MAAM,MAAM;CAC7B,MAAM,KAAK,UAAU;CACrB,IAAI,OAAO;EACT,gCAAgC;GAC9B,IAAI,SAAS;IACX,MAAM,UAAU,SAAS,eAAe,OAAO;IAC/C,MAAM,QAAQ,IAAI;IAClB,IAAI,SAAS,SAAS;KACpB,MAAM,qBAAqB,QAAQ,aAAa,iBAAiB;KACjE,MAAM,iBAAiB,CAAC,IAAI,aAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;KACpE,QAAQ,aAAa,mBAAmB,cAAc;KACtD,WAAW,UAAU;KACrB,aAAa;MACX,IAAI,CAAC,IAAI;MACT,MAAM,kBAAkB,aAAa,GAAG,QAAQ,IAAI,EAAE;MACtD,IAAI,oBAAoB,IAAI;OAC1B,QAAQ,gBAAgB,iBAAiB;MAC3C,OAAO,IAAI,iBAAiB;OAC1B,QAAQ,aAAa,mBAAmB,eAAe;MACzD;KACF;IACF;GACF;EACF,GAAG,CAAC,IAAI,OAAO,CAAC;CAClB;CACA,OAAuB,oBAAI,eAAe;EAAE;EAAI;EAAY,UAA0B,oBACpF,YACA;GACE;GACA;GACA,GAAG;GACH,KAAK;GACL,cAAc,UAAU;IACtB,MAAM,cAAc,KAAK;IACzB,IAAI,CAAC,MAAM,oBAAoB,MAAM,SAAS,GAAG;KAC/C,MAAM,eAAe;IACvB;GACF;GACA,UAAU,UAAU;IAClB,MAAM,UAAU,KAAK;IACrB,IAAI,OAAO;KACT,IAAI,WAAW,CAAC,WAAW,WAAW,MAAM,kBAAkB;KAC9D,MAAM,oBAAoB,WAAW,QAAQ,SAC3C,MAAM,MACR;KACA,MAAM,cAAc,MAAM,cAAc;KACxC,IAAI,CAAC,qBAAqB,aAAa;MACrC,WAAW,QAAQ,MAAM;MACzB,WAAW,QAAQ,MAAM;KAC3B;IACF,OAAO;KACL,IAAI,MAAM,SAAS;MACjB,eAAe,MAAM,OAAO;KAC9B;IACF;GACF;EACF,CACF;CAAE,CAAC;AACL,CAAC;AACD,MAAM,mBAAmB,YAAY;CACnC,MAAM,UAAU,oBAAoB,eAAe;CACnD,MAAM,EAAE,eAAe;CACvB,MAAM,gBAAgB;EACpB,IAAI,SAAS,WAAW,UAAU;CACpC,GAAG,CAAC,SAAS,UAAU,CAAC;CACxB,OAAO,QAAQ;AACjB"}

package/dist/jsx/Label.native.cjs

@@ -0,0 +1,149 @@
+"use strict";
+
+
+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, {
+		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;
+};
+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 Label_exports = {};
+__export(Label_exports, {
+	Label: () => Label,
+	LabelFrame: () => LabelFrame,
+	useLabelContext: () => useLabelContext
+});
+module.exports = __toCommonJS(Label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+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_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 }
+});
+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, {
+	displayName: "Label",
+	render: "label",
+	size: true,
+	backgroundColor: "transparent",
+	display: "flex",
+	alignItems: "center",
+	userSelect: "none",
+	cursor: "default",
+	variants: { size: {
+		true: labelSizeVariant,
+		Size: labelSizeVariant
+	} }
+});
+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;
+};