@tamagui/label 1.13.3 → 1.13.4

package/dist/cjs/Label.js

@@ -1,175 +1,2 @@
-"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(
-  // 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 }) : 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_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, {
-  id: void 0,
-  controlRef: { current: null }
-});
-const 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 buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras);
-        return {
-          ...(0, import_get_font_sized.getFontSized)(val, extras),
-          height: buttonStyle.height,
-          lineHeight: buttonStyle.height
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const 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 = (0, import_web.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);
-              }
-            };
-          }
-        }
-      }, [id, htmlFor]);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, { id, controlRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      LabelFrame,
-      {
-        role: "heading",
-        id,
-        htmlFor,
-        ...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();
-          }
-        },
-        onPress: (event) => {
-          var _a;
-          (_a = props.onPress) == null ? void 0 : _a.call(props, event);
-          if (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);
-            }
-          }
-        }
-      }
-    ) });
-  }
-);
-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;
-};
-const Root = Label;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Label,
-  LabelFrame,
-  useLabelContext
-});
+"use strict";var T=Object.create;var b=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var V=(e,o)=>{for(var t in o)b(e,t,{get:o[t],enumerable:!0})},h=(e,o,t,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of w(o))!I.call(e,n)&&n!==t&&b(e,n,{get:()=>o[n],enumerable:!(u=k(o,n))||u.enumerable});return e};var D=(e,o,t)=>(t=e!=null?T(H(e)):{},h(o||!e||!e.__esModule?b(t,"default",{value:e,enumerable:!0}):t,e)),N=e=>h(b({},"__esModule",{value:!0}),e);var j={};V(j,{Label:()=>A,LabelFrame:()=>L,useLabelContext:()=>G});module.exports=N(j);var y=require("react/jsx-runtime"),p=require("@tamagui/compose-refs"),x=require("@tamagui/create-context"),F=require("@tamagui/focusable"),E=require("@tamagui/get-button-sized"),M=require("@tamagui/get-font-sized"),z=require("@tamagui/text"),l=require("@tamagui/web"),c=D(require("react"));const C="Label",[W,$]=(0,x.createContext)(C,{id:void 0,controlRef:{current:null}}),L=(0,l.styled)(z.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":(e,o)=>{const t=(0,E.getButtonSized)(e,o);return{...(0,M.getFontSized)(e,o),height:t.height,lineHeight:t.height}}}},defaultVariants:{unstyled:!1}}),P=c.forwardRef((e,o)=>{const{htmlFor:t,id:u,...n}=e,a=c.useRef(null),g=c.useRef(null),B=(0,p.useComposedRefs)(o,g),S=(0,l.useId)(),s=u??S;return l.isWeb&&c.useEffect(()=>{if(t){const r=document.getElementById(t);if(g.current&&r){const f=()=>r.getAttribute("aria-labelledby"),d=[s,f()].filter(Boolean).join(" ");return r.setAttribute("aria-labelledby",d),a.current=r,()=>{var R;if(!s)return;const m=(R=f())==null?void 0:R.replace(s,"");m===""?r.removeAttribute("aria-labelledby"):m&&r.setAttribute("aria-labelledby",m)}}}},[s,t]),(0,y.jsx)(W,{id:s,controlRef:a,children:(0,y.jsx)(L,{role:"heading",id:s,htmlFor:t,...n,ref:B,onMouseDown:r=>{var i;(i=e.onMouseDown)==null||i.call(e,r),!r.defaultPrevented&&r.detail>1&&r.preventDefault()},onPress:r=>{var i;if((i=e.onPress)==null||i.call(e,r),l.isWeb){if(t||!a.current||r.defaultPrevented)return;const f=a.current.contains(r.target),d=r.isTrusted===!0;!f&&d&&(a.current.click(),a.current.focus())}else e.htmlFor&&(0,F.focusFocusable)(e.htmlFor)}})})});P.displayName=C;const A=L.extractable((0,l.themeable)(P),{neverFlatten:!0}),G=e=>{const o=$("LabelConsumer"),{controlRef:t}=o;return c.useEffect(()=>{e&&(t.current=e)},[e,t]),o.id},K=A;0&&(module.exports={Label,LabelFrame,useLabelContext});
 //# sourceMappingURL=Label.js.map

package/dist/cjs/Label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { SizableText } from '@tamagui/text'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/web'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        color: '$color',\n        backgroundColor: 'transparent',\n        display: 'flex',\n        alignItems: 'center',\n        userSelect: 'none',\n        cursor: 'default',\n        pressStyle: {\n          color: '$colorPress',\n        },\n      },\n    },\n\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSized(val, extras)\n        return {\n          ...getFontSized(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>(\n  (props, forwardedRef) => {\n    const { htmlFor, id: idProp, ...labelProps } = props\n    const controlRef = React.useRef<HTMLElement | null>(null)\n    const ref = React.useRef<any>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    if (isWeb) {\n      React.useEffect(() => {\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              /**\n               * We get the latest attribute value because at the time that this cleanup fires,\n               * the values from the closure may have changed.\n               */\n              if (!id) return\n              const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n              if (ariaLabelledBy === '') {\n                element.removeAttribute('aria-labelledby')\n              } else if (ariaLabelledBy) {\n                element.setAttribute('aria-labelledby', ariaLabelledBy)\n              }\n            }\n          }\n        }\n      }, [id, htmlFor])\n    }\n\n    return (\n      <LabelProvider id={id} controlRef={controlRef}>\n        <LabelFrame\n          role=\"heading\"\n          id={id}\n          // @ts-ignore\n          htmlFor={htmlFor}\n          {...labelProps}\n          ref={composedRefs as any}\n          onMouseDown={(event) => {\n            props.onMouseDown?.(event)\n            // prevent text selection when double clicking label\n            if (!event.defaultPrevented && event.detail > 1) {\n              event.preventDefault()\n            }\n          }}\n          onPress={(event) => {\n            props.onPress?.(event)\n\n            if (isWeb) {\n              if (htmlFor || !controlRef.current || event.defaultPrevented) return\n              const isClickingControl = controlRef.current.contains(\n                event.target as any as Node\n              )\n              // Ensure event was generated by a user action\n              // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n              const isUserClick = event.isTrusted === true\n              /**\n               * When a label is wrapped around the control it labels, we trigger the appropriate events\n               * on the control when the label is clicked. We do nothing if the user is already clicking the\n               * control inside the label.\n               */\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      </LabelProvider>\n    )\n  }\n)\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
-  "mappings": "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",
-  "names": ["ariaLabelledBy"]
+  "mappings": "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",
+  "names": ["Label_exports", "__export", "Label", "LabelFrame", "useLabelContext", "__toCommonJS", "import_jsx_runtime", "import_compose_refs", "import_create_context", "import_focusable", "import_get_button_sized", "import_get_font_sized", "import_text", "import_web", "React", "NAME", "LabelProvider", "useLabelContextImpl", "val", "extras", "buttonStyle", "LabelComponent", "props", "forwardedRef", "htmlFor", "idProp", "labelProps", "controlRef", "ref", "composedRefs", "backupId", "id", "element", "getAriaLabel", "ariaLabelledBy", "_a", "event", "isClickingControl", "isUserClick", "context", "Root"]
 }

package/dist/cjs/index.js

@@ -1,19 +1,2 @@
-"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 src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Label"), module.exports);
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./Label"),module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Label'\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,oBAAd;",
-  "names": []
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,mBAAd",
+  "names": ["src_exports", "__toCommonJS", "__reExport"]
 }

package/dist/esm/Label.js

@@ -1,144 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-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,
-  useId
-} from "@tamagui/web";
-import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
-  id: void 0,
-  controlRef: { current: null }
-});
-const 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 buttonStyle = getButtonSized(val, extras);
-        return {
-          ...getFontSized(val, extras),
-          height: buttonStyle.height,
-          lineHeight: buttonStyle.height
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const 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 = 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);
-              }
-            };
-          }
-        }
-      }, [id, htmlFor]);
-    }
-    return /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ jsx(
-      LabelFrame,
-      {
-        role: "heading",
-        id,
-        htmlFor,
-        ...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();
-          }
-        },
-        onPress: (event) => {
-          var _a;
-          (_a = props.onPress) == null ? void 0 : _a.call(props, 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);
-            }
-          }
-        }
-      }
-    ) });
-  }
-);
-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;
-};
-const Root = Label;
-export {
-  Label,
-  LabelFrame,
-  useLabelContext
-};
+import{jsx as g}from"react/jsx-runtime";import{useComposedRefs as p}from"@tamagui/compose-refs";import{createContext as x}from"@tamagui/create-context";import{focusFocusable as F}from"@tamagui/focusable";import{getButtonSized as E}from"@tamagui/get-button-sized";import{getFontSized as M}from"@tamagui/get-font-sized";import{SizableText as z}from"@tamagui/text";import{isWeb as d,styled as A,themeable as B,useId as S}from"@tamagui/web";import*as s from"react";const m="Label",[T,k]=x(m,{id:void 0,controlRef:{current:null}}),L=A(z,{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":(e,r)=>{const o=E(e,r);return{...M(e,r),height:o.height,lineHeight:o.height}}}},defaultVariants:{unstyled:!1}}),y=s.forwardRef((e,r)=>{const{htmlFor:o,id:R,...h}=e,l=s.useRef(null),f=s.useRef(null),C=p(r,f),P=S(),n=R??P;return d&&s.useEffect(()=>{if(o){const t=document.getElementById(o);if(f.current&&t){const i=()=>t.getAttribute("aria-labelledby"),c=[n,i()].filter(Boolean).join(" ");return t.setAttribute("aria-labelledby",c),l.current=t,()=>{var b;if(!n)return;const u=(b=i())==null?void 0:b.replace(n,"");u===""?t.removeAttribute("aria-labelledby"):u&&t.setAttribute("aria-labelledby",u)}}}},[n,o]),g(T,{id:n,controlRef:l,children:g(L,{role:"heading",id:n,htmlFor:o,...h,ref:C,onMouseDown:t=>{var a;(a=e.onMouseDown)==null||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()},onPress:t=>{var a;if((a=e.onPress)==null||a.call(e,t),d){if(o||!l.current||t.defaultPrevented)return;const i=l.current.contains(t.target),c=t.isTrusted===!0;!i&&c&&(l.current.click(),l.current.focus())}else e.htmlFor&&F(e.htmlFor)}})})});y.displayName=m;const w=L.extractable(B(y),{neverFlatten:!0}),U=e=>{const r=k("LabelConsumer"),{controlRef:o}=r;return s.useEffect(()=>{e&&(o.current=e)},[e,o]),r.id},q=w;export{w as Label,L as LabelFrame,U as useLabelContext};
 //# sourceMappingURL=Label.js.map

package/dist/esm/Label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { SizableText } from '@tamagui/text'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/web'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        color: '$color',\n        backgroundColor: 'transparent',\n        display: 'flex',\n        alignItems: 'center',\n        userSelect: 'none',\n        cursor: 'default',\n        pressStyle: {\n          color: '$colorPress',\n        },\n      },\n    },\n\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSized(val, extras)\n        return {\n          ...getFontSized(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>(\n  (props, forwardedRef) => {\n    const { htmlFor, id: idProp, ...labelProps } = props\n    const controlRef = React.useRef<HTMLElement | null>(null)\n    const ref = React.useRef<any>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    if (isWeb) {\n      React.useEffect(() => {\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              /**\n               * We get the latest attribute value because at the time that this cleanup fires,\n               * the values from the closure may have changed.\n               */\n              if (!id) return\n              const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n              if (ariaLabelledBy === '') {\n                element.removeAttribute('aria-labelledby')\n              } else if (ariaLabelledBy) {\n                element.setAttribute('aria-labelledby', ariaLabelledBy)\n              }\n            }\n          }\n        }\n      }, [id, htmlFor])\n    }\n\n    return (\n      <LabelProvider id={id} controlRef={controlRef}>\n        <LabelFrame\n          role=\"heading\"\n          id={id}\n          // @ts-ignore\n          htmlFor={htmlFor}\n          {...labelProps}\n          ref={composedRefs as any}\n          onMouseDown={(event) => {\n            props.onMouseDown?.(event)\n            // prevent text selection when double clicking label\n            if (!event.defaultPrevented && event.detail > 1) {\n              event.preventDefault()\n            }\n          }}\n          onPress={(event) => {\n            props.onPress?.(event)\n\n            if (isWeb) {\n              if (htmlFor || !controlRef.current || event.defaultPrevented) return\n              const isClickingControl = controlRef.current.contains(\n                event.target as any as Node\n              )\n              // Ensure event was generated by a user action\n              // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n              const isUserClick = event.isTrusted === true\n              /**\n               * When a label is wrapped around the control it labels, we trigger the appropriate events\n               * on the control when the label is clicked. We do nothing if the user is already clicking the\n               * control inside the label.\n               */\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      </LabelProvider>\n    )\n  }\n)\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
-  "mappings": "AA6GQ;AA7GR,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B;AAAA,EAGE;AAAA,EACA;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,eAAO;AAAA,UACL,GAAG,aAAa,KAAK,MAAM;AAAA,UAC3B,QAAQ,YAAY;AAAA,UACpB,YAAY,YAAY;AAAA,QAC1B;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;AACvB,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;AAzFzB;AA8Fc,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,MAAK;AAAA,QACL;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;",
-  "names": ["ariaLabelledBy"]
+  "mappings": "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",
+  "names": ["jsx", "useComposedRefs", "createContext", "focusFocusable", "getButtonSized", "getFontSized", "SizableText", "isWeb", "styled", "themeable", "useId", "React", "NAME", "LabelProvider", "useLabelContextImpl", "LabelFrame", "val", "extras", "buttonStyle", "LabelComponent", "props", "forwardedRef", "htmlFor", "idProp", "labelProps", "controlRef", "ref", "composedRefs", "backupId", "id", "element", "getAriaLabel", "ariaLabelledBy", "_a", "event", "isClickingControl", "isUserClick", "Label", "useLabelContext", "context", "Root"]
 }

package/dist/esm/Label.mjs

@@ -1,144 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-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,
-  useId
-} from "@tamagui/web";
-import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
-  id: void 0,
-  controlRef: { current: null }
-});
-const 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 buttonStyle = getButtonSized(val, extras);
-        return {
-          ...getFontSized(val, extras),
-          height: buttonStyle.height,
-          lineHeight: buttonStyle.height
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const 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 = 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);
-              }
-            };
-          }
-        }
-      }, [id, htmlFor]);
-    }
-    return /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ jsx(
-      LabelFrame,
-      {
-        role: "heading",
-        id,
-        htmlFor,
-        ...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();
-          }
-        },
-        onPress: (event) => {
-          var _a;
-          (_a = props.onPress) == null ? void 0 : _a.call(props, 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);
-            }
-          }
-        }
-      }
-    ) });
-  }
-);
-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;
-};
-const Root = Label;
-export {
-  Label,
-  LabelFrame,
-  useLabelContext
-};
+import{jsx as g}from"react/jsx-runtime";import{useComposedRefs as p}from"@tamagui/compose-refs";import{createContext as x}from"@tamagui/create-context";import{focusFocusable as F}from"@tamagui/focusable";import{getButtonSized as E}from"@tamagui/get-button-sized";import{getFontSized as M}from"@tamagui/get-font-sized";import{SizableText as z}from"@tamagui/text";import{isWeb as d,styled as A,themeable as B,useId as S}from"@tamagui/web";import*as s from"react";const m="Label",[T,k]=x(m,{id:void 0,controlRef:{current:null}}),L=A(z,{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":(e,r)=>{const o=E(e,r);return{...M(e,r),height:o.height,lineHeight:o.height}}}},defaultVariants:{unstyled:!1}}),y=s.forwardRef((e,r)=>{const{htmlFor:o,id:R,...h}=e,l=s.useRef(null),f=s.useRef(null),C=p(r,f),P=S(),n=R??P;return d&&s.useEffect(()=>{if(o){const t=document.getElementById(o);if(f.current&&t){const i=()=>t.getAttribute("aria-labelledby"),c=[n,i()].filter(Boolean).join(" ");return t.setAttribute("aria-labelledby",c),l.current=t,()=>{var b;if(!n)return;const u=(b=i())==null?void 0:b.replace(n,"");u===""?t.removeAttribute("aria-labelledby"):u&&t.setAttribute("aria-labelledby",u)}}}},[n,o]),g(T,{id:n,controlRef:l,children:g(L,{role:"heading",id:n,htmlFor:o,...h,ref:C,onMouseDown:t=>{var a;(a=e.onMouseDown)==null||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()},onPress:t=>{var a;if((a=e.onPress)==null||a.call(e,t),d){if(o||!l.current||t.defaultPrevented)return;const i=l.current.contains(t.target),c=t.isTrusted===!0;!i&&c&&(l.current.click(),l.current.focus())}else e.htmlFor&&F(e.htmlFor)}})})});y.displayName=m;const w=L.extractable(B(y),{neverFlatten:!0}),U=e=>{const r=k("LabelConsumer"),{controlRef:o}=r;return s.useEffect(()=>{e&&(o.current=e)},[e,o]),r.id},q=w;export{w as Label,L as LabelFrame,U as useLabelContext};
 //# sourceMappingURL=Label.mjs.map

package/dist/esm/Label.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { SizableText } from '@tamagui/text'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/web'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        color: '$color',\n        backgroundColor: 'transparent',\n        display: 'flex',\n        alignItems: 'center',\n        userSelect: 'none',\n        cursor: 'default',\n        pressStyle: {\n          color: '$colorPress',\n        },\n      },\n    },\n\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSized(val, extras)\n        return {\n          ...getFontSized(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>(\n  (props, forwardedRef) => {\n    const { htmlFor, id: idProp, ...labelProps } = props\n    const controlRef = React.useRef<HTMLElement | null>(null)\n    const ref = React.useRef<any>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    if (isWeb) {\n      React.useEffect(() => {\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              /**\n               * We get the latest attribute value because at the time that this cleanup fires,\n               * the values from the closure may have changed.\n               */\n              if (!id) return\n              const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n              if (ariaLabelledBy === '') {\n                element.removeAttribute('aria-labelledby')\n              } else if (ariaLabelledBy) {\n                element.setAttribute('aria-labelledby', ariaLabelledBy)\n              }\n            }\n          }\n        }\n      }, [id, htmlFor])\n    }\n\n    return (\n      <LabelProvider id={id} controlRef={controlRef}>\n        <LabelFrame\n          role=\"heading\"\n          id={id}\n          // @ts-ignore\n          htmlFor={htmlFor}\n          {...labelProps}\n          ref={composedRefs as any}\n          onMouseDown={(event) => {\n            props.onMouseDown?.(event)\n            // prevent text selection when double clicking label\n            if (!event.defaultPrevented && event.detail > 1) {\n              event.preventDefault()\n            }\n          }}\n          onPress={(event) => {\n            props.onPress?.(event)\n\n            if (isWeb) {\n              if (htmlFor || !controlRef.current || event.defaultPrevented) return\n              const isClickingControl = controlRef.current.contains(\n                event.target as any as Node\n              )\n              // Ensure event was generated by a user action\n              // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n              const isUserClick = event.isTrusted === true\n              /**\n               * When a label is wrapped around the control it labels, we trigger the appropriate events\n               * on the control when the label is clicked. We do nothing if the user is already clicking the\n               * control inside the label.\n               */\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      </LabelProvider>\n    )\n  }\n)\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
-  "mappings": "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",
-  "names": ["ariaLabelledBy"]
+  "mappings": "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",
+  "names": ["jsx", "useComposedRefs", "createContext", "focusFocusable", "getButtonSized", "getFontSized", "SizableText", "isWeb", "styled", "themeable", "useId", "React", "NAME", "LabelProvider", "useLabelContextImpl", "LabelFrame", "val", "extras", "buttonStyle", "LabelComponent", "props", "forwardedRef", "htmlFor", "idProp", "labelProps", "controlRef", "ref", "composedRefs", "backupId", "id", "element", "getAriaLabel", "ariaLabelledBy", "_a", "event", "isClickingControl", "isUserClick", "Label", "useLabelContext", "context", "Root"]
 }

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Label'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Label'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/jsx/Label.js

@@ -1,137 +1,2 @@
-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,
-  useId
-} from "@tamagui/web";
-import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
-  id: void 0,
-  controlRef: { current: null }
-});
-const 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 buttonStyle = getButtonSized(val, extras);
-        return {
-          ...getFontSized(val, extras),
-          height: buttonStyle.height,
-          lineHeight: buttonStyle.height
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const 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 = 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);
-              }
-            };
-          }
-        }
-      }, [id, htmlFor]);
-    }
-    return <LabelProvider id={id} controlRef={controlRef}><LabelFrame
-      role="heading"
-      id={id}
-      htmlFor={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);
-          }
-        }
-      }}
-    /></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;
-};
-const Root = Label;
-export {
-  Label,
-  LabelFrame,
-  useLabelContext
-};
+import{useComposedRefs as x}from"@tamagui/compose-refs";import{createContext as F}from"@tamagui/create-context";import{focusFocusable as E}from"@tamagui/focusable";import{getButtonSized as M}from"@tamagui/get-button-sized";import{getFontSized as z}from"@tamagui/get-font-sized";import{SizableText as A}from"@tamagui/text";import{isWeb as f,styled as B,themeable as S,useId as T}from"@tamagui/web";import*as a from"react";const b="Label",[H,I]=F(b,{id:void 0,controlRef:{current:null}}),L=B(A,{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":(t,r)=>{const o=M(t,r);return{...z(t,r),height:o.height,lineHeight:o.height}}}},defaultVariants:{unstyled:!1}}),y=a.forwardRef((t,r)=>{const{htmlFor:o,id:g,...R}=t,l=a.useRef(null),c=a.useRef(null),h=x(r,c),C=T(),n=g??C;return f&&a.useEffect(()=>{if(o){const e=document.getElementById(o);if(c.current&&e){const s=()=>e.getAttribute("aria-labelledby"),P=[n,s()].filter(Boolean).join(" ");return e.setAttribute("aria-labelledby",P),l.current=e,()=>{if(!n)return;const i=s()?.replace(n,"");i===""?e.removeAttribute("aria-labelledby"):i&&e.setAttribute("aria-labelledby",i)}}}},[n,o]),<H id={n}controlRef={l}><L role="heading"id={n}htmlFor={o}{...R}ref={h}onMouseDown={e=>{t.onMouseDown?.(e),!e.defaultPrevented&&e.detail>1&&e.preventDefault()}}onPress={e=>{if(t.onPress?.(e),f){if(o||!l.current||e.defaultPrevented)return;const u=l.current.contains(e.target),s=e.isTrusted===!0;!u&&s&&(l.current.click(),l.current.focus())}else t.htmlFor&&E(t.htmlFor)}}/></H>});y.displayName=b;const V=L.extractable(S(y),{neverFlatten:!0}),K=t=>{const r=I("LabelConsumer"),{controlRef:o}=r;return a.useEffect(()=>{t&&(o.current=t)},[t,o]),r.id},Q=V;export{V as Label,L as LabelFrame,K as useLabelContext};
 //# sourceMappingURL=Label.js.map

package/dist/jsx/Label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { SizableText } from '@tamagui/text'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/web'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        color: '$color',\n        backgroundColor: 'transparent',\n        display: 'flex',\n        alignItems: 'center',\n        userSelect: 'none',\n        cursor: 'default',\n        pressStyle: {\n          color: '$colorPress',\n        },\n      },\n    },\n\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSized(val, extras)\n        return {\n          ...getFontSized(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>(\n  (props, forwardedRef) => {\n    const { htmlFor, id: idProp, ...labelProps } = props\n    const controlRef = React.useRef<HTMLElement | null>(null)\n    const ref = React.useRef<any>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    if (isWeb) {\n      React.useEffect(() => {\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              /**\n               * We get the latest attribute value because at the time that this cleanup fires,\n               * the values from the closure may have changed.\n               */\n              if (!id) return\n              const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n              if (ariaLabelledBy === '') {\n                element.removeAttribute('aria-labelledby')\n              } else if (ariaLabelledBy) {\n                element.setAttribute('aria-labelledby', ariaLabelledBy)\n              }\n            }\n          }\n        }\n      }, [id, htmlFor])\n    }\n\n    return (\n      <LabelProvider id={id} controlRef={controlRef}>\n        <LabelFrame\n          role=\"heading\"\n          id={id}\n          // @ts-ignore\n          htmlFor={htmlFor}\n          {...labelProps}\n          ref={composedRefs as any}\n          onMouseDown={(event) => {\n            props.onMouseDown?.(event)\n            // prevent text selection when double clicking label\n            if (!event.defaultPrevented && event.detail > 1) {\n              event.preventDefault()\n            }\n          }}\n          onPress={(event) => {\n            props.onPress?.(event)\n\n            if (isWeb) {\n              if (htmlFor || !controlRef.current || event.defaultPrevented) return\n              const isClickingControl = controlRef.current.contains(\n                event.target as any as Node\n              )\n              // Ensure event was generated by a user action\n              // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n              const isUserClick = event.isTrusted === true\n              /**\n               * When a label is wrapped around the control it labels, we trigger the appropriate events\n               * on the control when the label is clicked. We do nothing if the user is already clicking the\n               * control inside the label.\n               */\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      </LabelProvider>\n    )\n  }\n)\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
-  "mappings": "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",
-  "names": ["ariaLabelledBy"]
+  "mappings": "AAAA,OAAS,mBAAAA,MAAuB,wBAChC,OAAS,iBAAAC,MAAqB,0BAC9B,OAAS,kBAAAC,MAAsB,qBAC/B,OAAS,kBAAAC,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,0BAC7B,OAAS,eAAAC,MAAmB,gBAC5B,OAGE,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,SAAAC,MACK,eACP,UAAYC,MAAW,QAGvB,MAAMC,EAAO,QAOP,CAACC,EAAeC,CAAmB,EAAIZ,EAAiCU,EAAM,CAClF,GAAI,OACJ,WAAY,CAAE,QAAS,IAAK,CAC9B,CAAC,EAEYG,EAAaP,EAAOF,EAAa,CAC5C,KAAM,QACN,IAAK,QAEL,SAAU,CACR,SAAU,CACR,MAAO,CACL,KAAM,QACN,MAAO,SACP,gBAAiB,cACjB,QAAS,OACT,WAAY,SACZ,WAAY,OACZ,OAAQ,UACR,WAAY,CACV,MAAO,aACT,CACF,CACF,EAEA,KAAM,CACJ,UAAW,CAACU,EAAKC,IAAW,CAC1B,MAAMC,EAAcd,EAAeY,EAAKC,CAAM,EAC9C,MAAO,CACL,GAAGZ,EAAaW,EAAKC,CAAM,EAC3B,OAAQC,EAAY,OACpB,WAAYA,EAAY,MAC1B,CACF,CACF,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,CAAC,EAMKC,EAAiBR,EAAM,WAC3B,CAACS,EAAOC,IAAiB,CACvB,KAAM,CAAE,QAAAC,EAAS,GAAIC,EAAQ,GAAGC,CAAW,EAAIJ,EACzCK,EAAad,EAAM,OAA2B,IAAI,EAClDe,EAAMf,EAAM,OAAY,IAAI,EAC5BgB,EAAe1B,EAAgBoB,EAAcK,CAAG,EAChDE,EAAWlB,EAAM,EACjBmB,EAAKN,GAAUK,EAErB,OAAIrB,GACFI,EAAM,UAAU,IAAM,CACpB,GAAIW,EAAS,CACX,MAAMQ,EAAU,SAAS,eAAeR,CAAO,EAE/C,GADcI,EAAI,SACLI,EAAS,CACpB,MAAMC,EAAe,IAAMD,EAAQ,aAAa,iBAAiB,EAC3DE,EAAiB,CAACH,EAAIE,EAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACpE,OAAAD,EAAQ,aAAa,kBAAmBE,CAAc,EACtDP,EAAW,QAAUK,EACd,IAAM,CAKX,GAAI,CAACD,EAAI,OACT,MAAMG,EAAiBD,EAAa,GAAG,QAAQF,EAAI,EAAE,EACjDG,IAAmB,GACrBF,EAAQ,gBAAgB,iBAAiB,EAChCE,GACTF,EAAQ,aAAa,kBAAmBE,CAAc,CAE1D,CACF,CACF,CACF,EAAG,CAACH,EAAIP,CAAO,CAAC,EAIhB,CAACT,EAAc,IAAIgB,EAAI,YAAYJ,GACjC,CAACV,EACC,KAAK,SACL,IAAIc,EAEJ,SAASP,MACLE,EACJ,KAAKG,EACL,aAAcM,GAAU,CACtBb,EAAM,cAAca,CAAK,EAErB,CAACA,EAAM,kBAAoBA,EAAM,OAAS,GAC5CA,EAAM,eAAe,CAEzB,EACA,SAAUA,GAAU,CAGlB,GAFAb,EAAM,UAAUa,CAAK,EAEjB1B,EAAO,CACT,GAAIe,GAAW,CAACG,EAAW,SAAWQ,EAAM,iBAAkB,OAC9D,MAAMC,EAAoBT,EAAW,QAAQ,SAC3CQ,EAAM,MACR,EAGME,EAAcF,EAAM,YAAc,GAMpC,CAACC,GAAqBC,IACxBV,EAAW,QAAQ,MAAM,EACzBA,EAAW,QAAQ,MAAM,EAE7B,MACML,EAAM,SACRjB,EAAeiB,EAAM,OAAO,CAGlC,EACF,EACF,EA1CCP,EA4CL,CACF,EAEAM,EAAe,YAAcP,EAEtB,MAAMwB,EACXrB,EAAW,YAAYN,EAAUU,CAAqB,EAAU,CAC9D,aAAc,EAChB,CAAC,EAEUkB,EAAmBP,GAAiC,CAC/D,MAAMQ,EAAUxB,EAAoB,eAAe,EAC7C,CAAE,WAAAW,CAAW,EAAIa,EAEvB,OAAA3B,EAAM,UAAU,IAAM,CAChBmB,IAASL,EAAW,QAAUK,EACpC,EAAG,CAACA,EAASL,CAAU,CAAC,EAEjBa,EAAQ,EACjB,EAEMC,EAAOH",
+  "names": ["useComposedRefs", "createContext", "focusFocusable", "getButtonSized", "getFontSized", "SizableText", "isWeb", "styled", "themeable", "useId", "React", "NAME", "LabelProvider", "useLabelContextImpl", "LabelFrame", "val", "extras", "buttonStyle", "LabelComponent", "props", "forwardedRef", "htmlFor", "idProp", "labelProps", "controlRef", "ref", "composedRefs", "backupId", "id", "element", "getAriaLabel", "ariaLabelledBy", "event", "isClickingControl", "isUserClick", "Label", "useLabelContext", "context", "Root"]
 }

package/dist/jsx/Label.mjs

@@ -1,137 +1,2 @@
-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,
-  useId
-} from "@tamagui/web";
-import * as React from "react";
-const NAME = "Label";
-const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
-  id: void 0,
-  controlRef: { current: null }
-});
-const 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 buttonStyle = getButtonSized(val, extras);
-        return {
-          ...getFontSized(val, extras),
-          height: buttonStyle.height,
-          lineHeight: buttonStyle.height
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const 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 = 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);
-              }
-            };
-          }
-        }
-      }, [id, htmlFor]);
-    }
-    return <LabelProvider id={id} controlRef={controlRef}><LabelFrame
-      role="heading"
-      id={id}
-      htmlFor={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);
-          }
-        }
-      }}
-    /></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;
-};
-const Root = Label;
-export {
-  Label,
-  LabelFrame,
-  useLabelContext
-};
+import{useComposedRefs as x}from"@tamagui/compose-refs";import{createContext as F}from"@tamagui/create-context";import{focusFocusable as E}from"@tamagui/focusable";import{getButtonSized as M}from"@tamagui/get-button-sized";import{getFontSized as z}from"@tamagui/get-font-sized";import{SizableText as A}from"@tamagui/text";import{isWeb as f,styled as B,themeable as S,useId as T}from"@tamagui/web";import*as a from"react";const b="Label",[H,I]=F(b,{id:void 0,controlRef:{current:null}}),L=B(A,{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":(t,r)=>{const o=M(t,r);return{...z(t,r),height:o.height,lineHeight:o.height}}}},defaultVariants:{unstyled:!1}}),y=a.forwardRef((t,r)=>{const{htmlFor:o,id:g,...R}=t,l=a.useRef(null),c=a.useRef(null),h=x(r,c),C=T(),n=g??C;return f&&a.useEffect(()=>{if(o){const e=document.getElementById(o);if(c.current&&e){const s=()=>e.getAttribute("aria-labelledby"),P=[n,s()].filter(Boolean).join(" ");return e.setAttribute("aria-labelledby",P),l.current=e,()=>{if(!n)return;const i=s()?.replace(n,"");i===""?e.removeAttribute("aria-labelledby"):i&&e.setAttribute("aria-labelledby",i)}}}},[n,o]),<H id={n}controlRef={l}><L role="heading"id={n}htmlFor={o}{...R}ref={h}onMouseDown={e=>{t.onMouseDown?.(e),!e.defaultPrevented&&e.detail>1&&e.preventDefault()}}onPress={e=>{if(t.onPress?.(e),f){if(o||!l.current||e.defaultPrevented)return;const u=l.current.contains(e.target),s=e.isTrusted===!0;!u&&s&&(l.current.click(),l.current.focus())}else t.htmlFor&&E(t.htmlFor)}}/></H>});y.displayName=b;const V=L.extractable(S(y),{neverFlatten:!0}),K=t=>{const r=I("LabelConsumer"),{controlRef:o}=r;return a.useEffect(()=>{t&&(o.current=t)},[t,o]),r.id},Q=V;export{V as Label,L as LabelFrame,K as useLabelContext};
 //# sourceMappingURL=Label.mjs.map

package/dist/jsx/Label.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { getButtonSized } from '@tamagui/get-button-sized'\nimport { getFontSized } from '@tamagui/get-font-sized'\nimport { SizableText } from '@tamagui/text'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/web'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nconst NAME = 'Label'\n\ntype LabelContextValue = {\n  id?: string\n  controlRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst [LabelProvider, useLabelContextImpl] = createContext<LabelContextValue>(NAME, {\n  id: undefined,\n  controlRef: { current: null },\n})\n\nexport const LabelFrame = styled(SizableText, {\n  name: 'Label',\n  tag: 'label',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        color: '$color',\n        backgroundColor: 'transparent',\n        display: 'flex',\n        alignItems: 'center',\n        userSelect: 'none',\n        cursor: 'default',\n        pressStyle: {\n          color: '$colorPress',\n        },\n      },\n    },\n\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSized(val, extras)\n        return {\n          ...getFontSized(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>(\n  (props, forwardedRef) => {\n    const { htmlFor, id: idProp, ...labelProps } = props\n    const controlRef = React.useRef<HTMLElement | null>(null)\n    const ref = React.useRef<any>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const backupId = useId()\n    const id = idProp ?? backupId\n\n    if (isWeb) {\n      React.useEffect(() => {\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              /**\n               * We get the latest attribute value because at the time that this cleanup fires,\n               * the values from the closure may have changed.\n               */\n              if (!id) return\n              const ariaLabelledBy = getAriaLabel()?.replace(id, '')\n              if (ariaLabelledBy === '') {\n                element.removeAttribute('aria-labelledby')\n              } else if (ariaLabelledBy) {\n                element.setAttribute('aria-labelledby', ariaLabelledBy)\n              }\n            }\n          }\n        }\n      }, [id, htmlFor])\n    }\n\n    return (\n      <LabelProvider id={id} controlRef={controlRef}>\n        <LabelFrame\n          role=\"heading\"\n          id={id}\n          // @ts-ignore\n          htmlFor={htmlFor}\n          {...labelProps}\n          ref={composedRefs as any}\n          onMouseDown={(event) => {\n            props.onMouseDown?.(event)\n            // prevent text selection when double clicking label\n            if (!event.defaultPrevented && event.detail > 1) {\n              event.preventDefault()\n            }\n          }}\n          onPress={(event) => {\n            props.onPress?.(event)\n\n            if (isWeb) {\n              if (htmlFor || !controlRef.current || event.defaultPrevented) return\n              const isClickingControl = controlRef.current.contains(\n                event.target as any as Node\n              )\n              // Ensure event was generated by a user action\n              // https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted\n              const isUserClick = event.isTrusted === true\n              /**\n               * When a label is wrapped around the control it labels, we trigger the appropriate events\n               * on the control when the label is clicked. We do nothing if the user is already clicking the\n               * control inside the label.\n               */\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      </LabelProvider>\n    )\n  }\n)\n\nLabelComponent.displayName = NAME\n\nexport const Label: ReactComponentWithRef<LabelProps, HTMLButtonElement | View> =\n  LabelFrame.extractable(themeable(LabelComponent as any) as any, {\n    neverFlatten: true,\n  })\n\nexport const useLabelContext = (element?: HTMLElement | null) => {\n  const context = useLabelContextImpl('LabelConsumer')\n  const { controlRef } = context\n\n  React.useEffect(() => {\n    if (element) controlRef.current = element\n  }, [element, controlRef])\n\n  return context.id\n}\n\nconst Root = Label\n"],
-  "mappings": "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",
-  "names": ["ariaLabelledBy"]
+  "mappings": "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",
+  "names": ["useComposedRefs", "createContext", "focusFocusable", "getButtonSized", "getFontSized", "SizableText", "isWeb", "styled", "themeable", "useId", "React", "NAME", "LabelProvider", "useLabelContextImpl", "LabelFrame", "val", "extras", "buttonStyle", "LabelComponent", "props", "forwardedRef", "htmlFor", "idProp", "labelProps", "controlRef", "ref", "composedRefs", "backupId", "id", "element", "getAriaLabel", "ariaLabelledBy", "event", "isClickingControl", "isUserClick", "Label", "useLabelContext", "context", "Root"]
 }

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Label'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Label'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/package.json

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