@tamagui/label 1.61.3 → 1.62.0

package/dist/cjs/Label.js

@@ -1,20 +1,15 @@
-"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 __getProtoOf = Object.getPrototypeOf, __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") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __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 });
-  }
+      !__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(
@@ -22,10 +17,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // 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 }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var Label_exports = {};
 __export(Label_exports, {
   Label: () => Label,
@@ -33,21 +27,11 @@ __export(Label_exports, {
   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_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_text = require("@tamagui/text");
-var import_web = require("@tamagui/web");
-var React = __toESM(require("react"));
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+var import_compose_refs = require("@tamagui/compose-refs"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_button_sized = require("@tamagui/get-button-sized"), import_get_font_sized = require("@tamagui/get-font-sized"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
   id: void 0,
   controlRef: { current: null }
-});
-const LabelFrame = (0, import_web.styled)(import_text.SizableText, {
+}), LabelFrame = (0, import_web.styled)(import_text.SizableText, {
   name: "Label",
   tag: "label",
   variants: {
@@ -67,54 +51,34 @@ const LabelFrame = (0, import_web.styled)(import_text.SizableText, {
     },
     size: {
       "...size": (val, extras) => {
-        const buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
-        const buttonHeight = buttonStyle == null ? void 0 : buttonStyle.height;
-        const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+        const buttonHeight = (0, import_get_button_sized.getButtonSized)(val, extras)?.height;
         return {
-          ...fontStyle,
+          ...(0, import_get_font_sized.getFontSized)(val, extras),
           lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
         };
       }
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const LabelComponent = React.forwardRef(
+}), LabelComponent = React.forwardRef(
   (props, forwardedRef) => {
-    const { htmlFor, id: idProp, ...labelProps } = props;
-    const controlRef = React.useRef(null);
-    const ref = React.useRef(null);
-    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-    const backupId = React.useId();
-    const id = idProp ?? backupId;
-    if (import_web.isWeb) {
-      React.useEffect(() => {
-        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 () => {
-              var _a;
-              if (!id)
-                return;
-              const ariaLabelledBy2 = (_a = getAriaLabel()) == null ? void 0 : _a.replace(id, "");
-              if (ariaLabelledBy2 === "") {
-                element.removeAttribute("aria-labelledby");
-              } else if (ariaLabelledBy2) {
-                element.setAttribute("aria-labelledby", ariaLabelledBy2);
-              }
-            };
-          }
+    const { htmlFor, id: idProp, ...labelProps } = props, controlRef = React.useRef(null), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), backupId = React.useId(), id = idProp ?? backupId;
+    return import_web.isWeb && React.useEffect(() => {
+      if (htmlFor) {
+        const element = document.getElementById(htmlFor);
+        if (ref.current && element) {
+          const getAriaLabel = () => element.getAttribute("aria-labelledby"), ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+          return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, () => {
+            if (!id)
+              return;
+            const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
+            ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : 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)(
+      }
+    }, [id, htmlFor]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, { id, controlRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       LabelFrame,
       {
         id,
@@ -122,31 +86,18 @@ const LabelComponent = React.forwardRef(
         ...labelProps,
         ref: composedRefs,
         onMouseDown: (event) => {
-          var _a;
-          (_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
-          if (!event.defaultPrevented && event.detail > 1) {
-            event.preventDefault();
-          }
+          props.onMouseDown?.(event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
         },
         onPress: (event) => {
-          var _a;
-          (_a = props.onPress) == null ? void 0 : _a.call(props, event);
-          if (import_web.isWeb) {
+          if (props.onPress?.(event), import_web.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) {
-              (0, import_focusable.focusFocusable)(props.htmlFor);
-            }
-          }
+            ), isUserClick = event.isTrusted === !0;
+            !isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
+          } else
+            props.htmlFor && (0, import_focusable.focusFocusable)(props.htmlFor);
         }
       }
     ) });
@@ -154,18 +105,13 @@ const LabelComponent = React.forwardRef(
 );
 LabelComponent.displayName = NAME;
 const Label = LabelFrame.extractable((0, import_web.themeable)(LabelComponent), {
-  neverFlatten: true
-});
-const useLabelContext = (element) => {
-  const context = useLabelContextImpl("LabelConsumer");
-  const { controlRef } = context;
-  React.useEffect(() => {
-    if (element)
-      controlRef.current = element;
-  }, [element, controlRef]);
-  return context.id;
+  neverFlatten: !0
+}), useLabelContext = (element) => {
+  const context = useLabelContextImpl("LabelConsumer"), { controlRef } = context;
+  return React.useEffect(() => {
+    element && (controlRef.current = element);
+  }, [element, controlRef]), context.id;
 };
-const Root = Label;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Label,

package/dist/cjs/Label.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Label.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["ariaLabelledBy"]
 }

package/dist/cjs/Label.native.js

@@ -0,0 +1,122 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Label_exports = {};
+__export(Label_exports, {
+  Label: () => Label,
+  LabelFrame: () => LabelFrame,
+  useLabelContext: () => useLabelContext
+});
+module.exports = __toCommonJS(Label_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_button_sized = require("@tamagui/get-button-sized"), import_get_font_sized = require("@tamagui/get-font-sized"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
+  id: void 0,
+  controlRef: { current: null }
+}), LabelFrame = (0, import_web.styled)(import_text.SizableText, {
+  name: "Label",
+  tag: "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 buttonHeight = (0, import_get_button_sized.getButtonSized)(val, extras)?.height;
+        return {
+          ...(0, import_get_font_sized.getFontSized)(val, extras),
+          lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), LabelComponent = React.forwardRef(
+  (props, forwardedRef) => {
+    const { htmlFor, id: idProp, ...labelProps } = props, controlRef = React.useRef(null), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), backupId = React.useId(), id = idProp ?? backupId;
+    return import_web.isWeb && React.useEffect(() => {
+      if (htmlFor) {
+        const element = document.getElementById(htmlFor);
+        if (ref.current && element) {
+          const getAriaLabel = () => element.getAttribute("aria-labelledby"), ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+          return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, () => {
+            if (!id)
+              return;
+            const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
+            ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : ariaLabelledBy2 && element.setAttribute("aria-labelledby", ariaLabelledBy2);
+          };
+        }
+      }
+    }, [id, htmlFor]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, { id, controlRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      LabelFrame,
+      {
+        id,
+        htmlFor,
+        ...labelProps,
+        ref: composedRefs,
+        onMouseDown: (event) => {
+          props.onMouseDown?.(event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
+        },
+        onPress: (event) => {
+          if (props.onPress?.(event), import_web.isWeb) {
+            if (htmlFor || !controlRef.current || event.defaultPrevented)
+              return;
+            const isClickingControl = controlRef.current.contains(
+              event.target
+            ), isUserClick = event.isTrusted === !0;
+            !isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
+          } else
+            props.htmlFor && (0, import_focusable.focusFocusable)(props.htmlFor);
+        }
+      }
+    ) });
+  }
+);
+LabelComponent.displayName = NAME;
+const Label = LabelFrame.extractable((0, import_web.themeable)(LabelComponent), {
+  neverFlatten: !0
+}), useLabelContext = (element) => {
+  const context = useLabelContextImpl("LabelConsumer"), { controlRef } = context;
+  return React.useEffect(() => {
+    element && (controlRef.current = element);
+  }, [element, controlRef]), context.id;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Label,
+  LabelFrame,
+  useLabelContext
+});
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Label.tsx"],
+  "mappings": "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",
+  "names": ["ariaLabelledBy"]
+}

package/dist/cjs/index.js

@@ -1,18 +1,14 @@
-"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") {
+  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 });
-  }
+      !__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);
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./Label"), module.exports);

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -0,0 +1,20 @@
+"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))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Label"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Label")
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
+  "names": []
+}

package/dist/esm/Label.js

@@ -1,4 +1,3 @@
-import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { createContext } from "@tamagui/create-context";
 import { focusFocusable } from "@tamagui/focusable";
@@ -11,12 +10,11 @@ import {
   themeable
 } from "@tamagui/web";
 import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
+import { jsx } from "react/jsx-runtime";
+const NAME = "Label", [LabelProvider, useLabelContextImpl] = createContext(NAME, {
   id: void 0,
   controlRef: { current: null }
-});
-const LabelFrame = styled(SizableText, {
+}), LabelFrame = styled(SizableText, {
   name: "Label",
   tag: "label",
   variants: {
@@ -36,54 +34,34 @@ const LabelFrame = styled(SizableText, {
     },
     size: {
       "...size": (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras);
-        const buttonHeight = buttonStyle == null ? void 0 : buttonStyle.height;
-        const fontStyle = getFontSized(val, extras);
+        const buttonHeight = getButtonSized(val, extras)?.height;
         return {
-          ...fontStyle,
+          ...getFontSized(val, extras),
           lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
         };
       }
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const LabelComponent = React.forwardRef(
+}), LabelComponent = React.forwardRef(
   (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) {
-      React.useEffect(() => {
-        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 () => {
-              var _a;
-              if (!id)
-                return;
-              const ariaLabelledBy2 = (_a = getAriaLabel()) == null ? void 0 : _a.replace(id, "");
-              if (ariaLabelledBy2 === "") {
-                element.removeAttribute("aria-labelledby");
-              } else if (ariaLabelledBy2) {
-                element.setAttribute("aria-labelledby", ariaLabelledBy2);
-              }
-            };
-          }
+    const { htmlFor, id: idProp, ...labelProps } = props, controlRef = React.useRef(null), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), backupId = React.useId(), id = idProp ?? backupId;
+    return isWeb && React.useEffect(() => {
+      if (htmlFor) {
+        const element = document.getElementById(htmlFor);
+        if (ref.current && element) {
+          const getAriaLabel = () => element.getAttribute("aria-labelledby"), ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+          return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, () => {
+            if (!id)
+              return;
+            const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
+            ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : ariaLabelledBy2 && element.setAttribute("aria-labelledby", ariaLabelledBy2);
+          };
         }
-      }, [id, htmlFor]);
-    }
-    return /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ jsx(
+      }
+    }, [id, htmlFor]), /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ jsx(
       LabelFrame,
       {
         id,
@@ -91,31 +69,18 @@ const LabelComponent = React.forwardRef(
         ...labelProps,
         ref: composedRefs,
         onMouseDown: (event) => {
-          var _a;
-          (_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
-          if (!event.defaultPrevented && event.detail > 1) {
-            event.preventDefault();
-          }
+          props.onMouseDown?.(event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
         },
         onPress: (event) => {
-          var _a;
-          (_a = props.onPress) == null ? void 0 : _a.call(props, event);
-          if (isWeb) {
+          if (props.onPress?.(event), 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);
-            }
-          }
+            ), isUserClick = event.isTrusted === !0;
+            !isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
+          } else
+            props.htmlFor && focusFocusable(props.htmlFor);
         }
       }
     ) });
@@ -123,18 +88,13 @@ const LabelComponent = React.forwardRef(
 );
 LabelComponent.displayName = NAME;
 const Label = LabelFrame.extractable(themeable(LabelComponent), {
-  neverFlatten: true
-});
-const useLabelContext = (element) => {
-  const context = useLabelContextImpl("LabelConsumer");
-  const { controlRef } = context;
-  React.useEffect(() => {
-    if (element)
-      controlRef.current = element;
-  }, [element, controlRef]);
-  return context.id;
+  neverFlatten: !0
+}), useLabelContext = (element) => {
+  const context = useLabelContextImpl("LabelConsumer"), { controlRef } = context;
+  return React.useEffect(() => {
+    element && (controlRef.current = element);
+  }, [element, controlRef]), context.id;
 };
-const Root = Label;
 export {
   Label,
   LabelFrame,

package/dist/esm/Label.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Label.tsx"],
-  "mappings": "AA8GQ;AA9GR,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,WAAW;AAGvB,MAAM,OAAO;AAOb,MAAM,CAAC,eAAe,mBAAmB,IAAI,cAAiC,MAAM;AAAA,EAClF,IAAI;AAAA,EACJ,YAAY,EAAE,SAAS,KAAK;AAC9B,CAAC;AAEM,MAAM,aAAa,OAAO,aAAa;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,cAAM,cAAc,eAAe,KAAK,MAAM;AAC9C,cAAM,eAAe,2CAAa;AAClC,cAAM,YAAY,aAAa,KAAuB,MAAM;AAC5D,eAAO;AAAA,UACL,GAAG;AAAA,UACH,YAAY,eAAe,OAAO,OAAO,KAAK,YAAY,IAAI;AAAA,QAChE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAMD,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,IAAI,QAAQ,GAAG,WAAW,IAAI;AAC/C,UAAM,aAAa,MAAM,OAA2B,IAAI;AACxD,UAAM,MAAM,MAAM,OAAY,IAAI;AAClC,UAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,UAAM,WAAW,MAAM,MAAM;AAC7B,UAAM,KAAK,UAAU;AAErB,QAAI,OAAO;AACT,YAAM,UAAU,MAAM;AACpB,YAAI,SAAS;AACX,gBAAM,UAAU,SAAS,eAAe,OAAO;AAC/C,gBAAM,QAAQ,IAAI;AAClB,cAAI,SAAS,SAAS;AACpB,kBAAM,eAAe,MAAM,QAAQ,aAAa,iBAAiB;AACjE,kBAAM,iBAAiB,CAAC,IAAI,aAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,oBAAQ,aAAa,mBAAmB,cAAc;AACtD,uBAAW,UAAU;AACrB,mBAAO,MAAM;AA1FzB;AA+Fc,kBAAI,CAAC;AAAI;AACT,oBAAMA,mBAAiB,kBAAa,MAAb,mBAAgB,QAAQ,IAAI;AACnD,kBAAIA,oBAAmB,IAAI;AACzB,wBAAQ,gBAAgB,iBAAiB;AAAA,cAC3C,WAAWA,iBAAgB;AACzB,wBAAQ,aAAa,mBAAmBA,eAAc;AAAA,cACxD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF,GAAG,CAAC,IAAI,OAAO,CAAC;AAAA,IAClB;AAEA,WACE,oBAAC,iBAAc,IAAQ,YACrB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAEA;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAa,CAAC,UAAU;AApHlC;AAqHY,sBAAM,gBAAN,+BAAoB;AAEpB,cAAI,CAAC,MAAM,oBAAoB,MAAM,SAAS,GAAG;AAC/C,kBAAM,eAAe;AAAA,UACvB;AAAA,QACF;AAAA,QACA,SAAS,CAAC,UAAU;AA3H9B;AA4HY,sBAAM,YAAN,+BAAgB;AAEhB,cAAI,OAAO;AACT,gBAAI,WAAW,CAAC,WAAW,WAAW,MAAM;AAAkB;AAC9D,kBAAM,oBAAoB,WAAW,QAAQ;AAAA,cAC3C,MAAM;AAAA,YACR;AAGA,kBAAM,cAAc,MAAM,cAAc;AAMxC,gBAAI,CAAC,qBAAqB,aAAa;AACrC,yBAAW,QAAQ,MAAM;AACzB,yBAAW,QAAQ,MAAM;AAAA,YAC3B;AAAA,UACF,OAAO;AACL,gBAAI,MAAM,SAAS;AACjB,6BAAe,MAAM,OAAO;AAAA,YAC9B;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAEtB,MAAM,QACX,WAAW,YAAY,UAAU,cAAqB,GAAU;AAAA,EAC9D,cAAc;AAChB,CAAC;AAEI,MAAM,kBAAkB,CAAC,YAAiC;AAC/D,QAAM,UAAU,oBAAoB,eAAe;AACnD,QAAM,EAAE,WAAW,IAAI;AAEvB,QAAM,UAAU,MAAM;AACpB,QAAI;AAAS,iBAAW,UAAU;AAAA,EACpC,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,SAAO,QAAQ;AACjB;AAEA,MAAM,OAAO;",
+  "mappings": "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",
   "names": ["ariaLabelledBy"]
 }

package/dist/jsx/Label.js

@@ -10,12 +10,10 @@ import {
   themeable
 } from "@tamagui/web";
 import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
+const NAME = "Label", [LabelProvider, useLabelContextImpl] = createContext(NAME, {
   id: void 0,
   controlRef: { current: null }
-});
-const LabelFrame = styled(SizableText, {
+}), LabelFrame = styled(SizableText, {
   name: "Label",
   tag: "label",
   variants: {
@@ -35,99 +33,64 @@ const LabelFrame = styled(SizableText, {
     },
     size: {
       "...size": (val, extras) => {
-        const buttonStyle = getButtonSized(val, extras);
-        const buttonHeight = buttonStyle?.height;
-        const fontStyle = getFontSized(val, extras);
+        const buttonHeight = getButtonSized(val, extras)?.height;
         return {
-          ...fontStyle,
+          ...getFontSized(val, extras),
           lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
         };
       }
     }
   },
   defaultVariants: {
-    unstyled: false
+    unstyled: !1
   }
-});
-const LabelComponent = React.forwardRef(
+}), LabelComponent = React.forwardRef(
   (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) {
-      React.useEffect(() => {
-        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);
-              }
-            };
-          }
+    const { htmlFor, id: idProp, ...labelProps } = props, controlRef = React.useRef(null), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), backupId = React.useId(), id = idProp ?? backupId;
+    return isWeb && React.useEffect(() => {
+      if (htmlFor) {
+        const element = document.getElementById(htmlFor);
+        if (ref.current && element) {
+          const getAriaLabel = () => element.getAttribute("aria-labelledby"), ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+          return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, () => {
+            if (!id)
+              return;
+            const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
+            ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : ariaLabelledBy2 && element.setAttribute("aria-labelledby", ariaLabelledBy2);
+          };
         }
-      }, [id, htmlFor]);
-    }
-    return <LabelProvider id={id} controlRef={controlRef}><LabelFrame
+      }
+    }, [id, htmlFor]), <LabelProvider id={id} controlRef={controlRef}><LabelFrame
       id={id}
       htmlFor={htmlFor}
       {...labelProps}
       ref={composedRefs}
       onMouseDown={(event) => {
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) {
-          event.preventDefault();
-        }
+        props.onMouseDown?.(event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
       }}
       onPress={(event) => {
-        props.onPress?.(event);
-        if (isWeb) {
+        if (props.onPress?.(event), 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);
-          }
-        }
+          ), isUserClick = event.isTrusted === !0;
+          !isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
+        } else
+          props.htmlFor && focusFocusable(props.htmlFor);
       }}
     /></LabelProvider>;
   }
 );
 LabelComponent.displayName = NAME;
 const Label = LabelFrame.extractable(themeable(LabelComponent), {
-  neverFlatten: true
-});
-const useLabelContext = (element) => {
-  const context = useLabelContextImpl("LabelConsumer");
-  const { controlRef } = context;
-  React.useEffect(() => {
-    if (element)
-      controlRef.current = element;
-  }, [element, controlRef]);
-  return context.id;
+  neverFlatten: !0
+}), useLabelContext = (element) => {
+  const context = useLabelContextImpl("LabelConsumer"), { controlRef } = context;
+  return React.useEffect(() => {
+    element && (controlRef.current = element);
+  }, [element, controlRef]), context.id;
 };
-const Root = Label;
 export {
   Label,
   LabelFrame,

package/dist/jsx/Label.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Label.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["ariaLabelledBy"]
 }

package/dist/jsx/Label.native.js

@@ -0,0 +1,99 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+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 { SizableText } from "@tamagui/text";
+import {
+  isWeb,
+  styled,
+  themeable
+} from "@tamagui/web";
+import * as React from "react";
+const NAME = "Label", [LabelProvider, useLabelContextImpl] = createContext(NAME, {
+  id: void 0,
+  controlRef: { current: null }
+}), LabelFrame = styled(SizableText, {
+  name: "Label",
+  tag: "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 buttonHeight = getButtonSized(val, extras)?.height;
+        return {
+          ...getFontSized(val, extras),
+          lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), LabelComponent = React.forwardRef(
+  (props, forwardedRef) => {
+    const { htmlFor, id: idProp, ...labelProps } = props, controlRef = React.useRef(null), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), backupId = React.useId(), id = idProp ?? backupId;
+    return isWeb && React.useEffect(() => {
+      if (htmlFor) {
+        const element = document.getElementById(htmlFor);
+        if (ref.current && element) {
+          const getAriaLabel = () => element.getAttribute("aria-labelledby"), ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
+          return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, () => {
+            if (!id)
+              return;
+            const ariaLabelledBy2 = getAriaLabel()?.replace(id, "");
+            ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : ariaLabelledBy2 && element.setAttribute("aria-labelledby", ariaLabelledBy2);
+          };
+        }
+      }
+    }, [id, htmlFor]), <LabelProvider id={id} controlRef={controlRef}><LabelFrame
+      id={id}
+      htmlFor={htmlFor}
+      {...labelProps}
+      ref={composedRefs}
+      onMouseDown={(event) => {
+        props.onMouseDown?.(event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
+      }}
+      onPress={(event) => {
+        if (props.onPress?.(event), isWeb) {
+          if (htmlFor || !controlRef.current || event.defaultPrevented)
+            return;
+          const isClickingControl = controlRef.current.contains(
+            event.target
+          ), isUserClick = event.isTrusted === !0;
+          !isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
+        } else
+          props.htmlFor && focusFocusable(props.htmlFor);
+      }}
+    /></LabelProvider>;
+  }
+);
+LabelComponent.displayName = NAME;
+const Label = LabelFrame.extractable(themeable(LabelComponent), {
+  neverFlatten: !0
+}), useLabelContext = (element) => {
+  const context = useLabelContextImpl("LabelConsumer"), { controlRef } = context;
+  return React.useEffect(() => {
+    element && (controlRef.current = element);
+  }, [element, controlRef]), context.id;
+};
+export {
+  Label,
+  LabelFrame,
+  useLabelContext
+};
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Label.tsx"],
+  "mappings": "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",
+  "names": ["ariaLabelledBy"]
+}

package/dist/jsx/index.native.js

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/label",
-  "version": "1.61.3",
+  "version": "1.62.0",
   "sideEffects": [
     "*.css"
   ],
@@ -31,20 +31,20 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.61.3",
-    "@tamagui/create-context": "1.61.3",
-    "@tamagui/focusable": "1.61.3",
-    "@tamagui/get-button-sized": "1.61.3",
-    "@tamagui/get-font-sized": "1.61.3",
-    "@tamagui/text": "1.61.3",
-    "@tamagui/web": "1.61.3"
+    "@tamagui/compose-refs": "1.62.0",
+    "@tamagui/create-context": "1.62.0",
+    "@tamagui/focusable": "1.62.0",
+    "@tamagui/get-button-sized": "1.62.0",
+    "@tamagui/get-font-sized": "1.62.0",
+    "@tamagui/text": "1.62.0",
+    "@tamagui/web": "1.62.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.61.3",
+    "@tamagui/build": "1.62.0",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },