@tamagui/label 1.74.3 → 1.74.5

package/dist/esm/Label.native.js

@@ -0,0 +1,103 @@
+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";
+import { jsx } from "react/jsx-runtime";
+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]), /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ 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), 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);
+        }
+      }
+    ) });
+  }
+);
+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/esm/Label.native.js.map

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

package/dist/esm/index.native.js

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

package/dist/esm/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.74.3",
+  "version": "1.74.5",
   "sideEffects": [
     "*.css"
   ],
@@ -31,20 +31,20 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.74.3",
-    "@tamagui/create-context": "1.74.3",
-    "@tamagui/focusable": "1.74.3",
-    "@tamagui/get-button-sized": "1.74.3",
-    "@tamagui/get-font-sized": "1.74.3",
-    "@tamagui/text": "1.74.3",
-    "@tamagui/web": "1.74.3"
+    "@tamagui/compose-refs": "1.74.5",
+    "@tamagui/create-context": "1.74.5",
+    "@tamagui/focusable": "1.74.5",
+    "@tamagui/get-button-sized": "1.74.5",
+    "@tamagui/get-font-sized": "1.74.5",
+    "@tamagui/text": "1.74.5",
+    "@tamagui/web": "1.74.5"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.3",
+    "@tamagui/build": "1.74.5",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },