@tamagui/label 1.0.1-beta.151 → 1.0.1-beta.154

package/dist/cjs/Label.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Label_exports = {};
 __export(Label_exports, {
@@ -26,6 +29,7 @@ __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_core = require("@tamagui/core");
 var import_create_context = require("@tamagui/create-context");
@@ -94,40 +98,41 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
       }
     }, [id, htmlFor]);
   }
-  return /* @__PURE__ */ React.createElement(LabelProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, {
     id,
-    controlRef
-  }, /* @__PURE__ */ React.createElement(LabelFrame, {
-    role: "label",
-    id,
-    ...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_core.isWeb) {
-        if (!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();
+    controlRef,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelFrame, {
+      role: "label",
+      id,
+      ...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();
         }
-      } else {
-        if (props.htmlFor) {
-          (0, import_focusable.focusFocusable)(props.htmlFor);
+      },
+      onPress: (event) => {
+        var _a;
+        (_a = props.onPress) == null ? void 0 : _a.call(props, event);
+        if (import_core.isWeb) {
+          if (!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_core.themeable)(LabelComponent), {

package/dist/cjs/Label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  getButtonSize,\n  getFont,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { SizableText } from '@tamagui/text'\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  size: '$4',\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  selectable: false,\n  cursor: 'default',\n  pressStyle: {\n    color: '$colorPress',\n  },\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSize(val, extras)\n        return {\n          ...getFont(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((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        // @ts-ignore\n        role=\"label\"\n        id={id}\n        {...labelProps}\n        ref={composedRefs}\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 (!controlRef.current || event.defaultPrevented) return\n            const isClickingControl = controlRef.current.contains(event.target as any as Node)\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\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": []
+  "mappings": "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",
+  "names": ["ariaLabelledBy"]
 }

package/dist/esm/Label.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
   getButtonSize,
@@ -73,40 +74,41 @@ const LabelComponent = React.forwardRef((props, forwardedRef) => {
       }
     }, [id, htmlFor]);
   }
-  return /* @__PURE__ */ React.createElement(LabelProvider, {
+  return /* @__PURE__ */ jsx(LabelProvider, {
     id,
-    controlRef
-  }, /* @__PURE__ */ React.createElement(LabelFrame, {
-    role: "label",
-    id,
-    ...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 (!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();
+    controlRef,
+    children: /* @__PURE__ */ jsx(LabelFrame, {
+      role: "label",
+      id,
+      ...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();
         }
-      } else {
-        if (props.htmlFor) {
-          focusFocusable(props.htmlFor);
+      },
+      onPress: (event) => {
+        var _a;
+        (_a = props.onPress) == null ? void 0 : _a.call(props, event);
+        if (isWeb) {
+          if (!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), {

package/dist/esm/Label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  getButtonSize,\n  getFont,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { SizableText } from '@tamagui/text'\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  size: '$4',\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  selectable: false,\n  cursor: 'default',\n  pressStyle: {\n    color: '$colorPress',\n  },\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSize(val, extras)\n        return {\n          ...getFont(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((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        // @ts-ignore\n        role=\"label\"\n        id={id}\n        {...labelProps}\n        ref={composedRefs}\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 (!controlRef.current || event.defaultPrevented) return\n            const isClickingControl = controlRef.current.contains(event.target as any as Node)\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\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": []
+  "mappings": "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",
+  "names": ["ariaLabelledBy"]
 }

package/dist/esm/index.js.map

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

package/dist/jsx/Label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Label.tsx"],
   "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  ReactComponentWithRef,\n  getButtonSize,\n  getFont,\n  isWeb,\n  styled,\n  themeable,\n  useId,\n} from '@tamagui/core'\nimport { createContext } from '@tamagui/create-context'\nimport { focusFocusable } from '@tamagui/focusable'\nimport { SizableText } from '@tamagui/text'\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  size: '$4',\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  selectable: false,\n  cursor: 'default',\n  pressStyle: {\n    color: '$colorPress',\n  },\n  variants: {\n    size: {\n      '...size': (val, extras) => {\n        const buttonStyle = getButtonSize(val, extras)\n        return {\n          ...getFont(val, extras),\n          height: buttonStyle.height,\n          lineHeight: buttonStyle.height,\n        }\n      },\n    },\n  },\n})\n\nexport type LabelProps = GetProps<typeof LabelFrame> & {\n  htmlFor?: string\n}\n\nconst LabelComponent = React.forwardRef<typeof LabelFrame, LabelProps>((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        // @ts-ignore\n        role=\"label\"\n        id={id}\n        {...labelProps}\n        ref={composedRefs}\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 (!controlRef.current || event.defaultPrevented) return\n            const isClickingControl = controlRef.current.contains(event.target as any as Node)\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\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": "AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AACA;AAGA,MAAM,OAAO;AAOb,MAAM,CAAC,eAAe,uBAAuB,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,EACL,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,cAAM,cAAc,cAAc,KAAK,MAAM;AAC7C,eAAO;AAAA,UACL,GAAG,QAAQ,KAAK,MAAM;AAAA,UACtB,QAAQ,YAAY;AAAA,UACpB,YAAY,YAAY;AAAA,QAC1B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAMD,MAAM,iBAAiB,MAAM,WAA0C,CAAC,OAAO,iBAAiB;AAC9F,QAAM,EAAE,SAAS,IAAI,WAAW,eAAe;AAC/C,QAAM,aAAa,MAAM,OAA2B,IAAI;AACxD,QAAM,MAAM,MAAM,OAAY,IAAI;AAClC,QAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,QAAM,WAAW,MAAM;AACvB,QAAM,KAAK,UAAU;AAErB,MAAI,OAAO;AACT,UAAM,UAAU,MAAM;AACpB,UAAI,SAAS;AACX,cAAM,UAAU,SAAS,eAAe,OAAO;AAC/C,cAAM,QAAQ,IAAI;AAClB,YAAI,SAAS,SAAS;AACpB,gBAAM,eAAe,MAAM,QAAQ,aAAa,iBAAiB;AACjE,gBAAM,iBAAiB,CAAC,IAAI,aAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,kBAAQ,aAAa,mBAAmB,cAAc;AACtD,qBAAW,UAAU;AACrB,iBAAO,MAAM;AAKX,gBAAI,CAAC;AAAI;AACT,kBAAM,kBAAiB,aAAa,GAAG,QAAQ,IAAI,EAAE;AACrD,gBAAI,oBAAmB,IAAI;AACzB,sBAAQ,gBAAgB,iBAAiB;AAAA,YAC3C,WAAW,iBAAgB;AACzB,sBAAQ,aAAa,mBAAmB,eAAc;AAAA,YACxD;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,IAAI,OAAO,CAAC;AAAA,EAClB;AAEA,SACE,CAAC,cAAc,IAAI,IAAI,YAAY,YACjC,CAAC,WAEC,KAAK,QACL,IAAI,QACA,YACJ,KAAK,cACL,aAAa,CAAC,UAAU;AACtB,UAAM,cAAc,KAAK;AAEzB,QAAI,CAAC,MAAM,oBAAoB,MAAM,SAAS,GAAG;AAC/C,YAAM,eAAe;AAAA,IACvB;AAAA,EACF,GACA,SAAS,CAAC,UAAU;AAClB,UAAM,UAAU,KAAK;AAErB,QAAI,OAAO;AACT,UAAI,CAAC,WAAW,WAAW,MAAM;AAAkB;AACnD,YAAM,oBAAoB,WAAW,QAAQ,SAAS,MAAM,MAAqB;AAGjF,YAAM,cAAc,MAAM,cAAc;AAMxC,UAAI,CAAC,qBAAqB,aAAa;AACrC,mBAAW,QAAQ,MAAM;AACzB,mBAAW,QAAQ,MAAM;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,UAAI,MAAM,SAAS;AACjB,uBAAe,MAAM,OAAO;AAAA,MAC9B;AAAA,IACF;AAAA,EACF,GACF,EACF,EAvCC;AAyCL,CAAC;AAED,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,eAAe;AAEvB,QAAM,UAAU,MAAM;AACpB,QAAI;AAAS,iBAAW,UAAU;AAAA,EACpC,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,SAAO,QAAQ;AACjB;AAEA,MAAM,OAAO;",
-  "names": []
+  "mappings": "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",
+  "names": ["ariaLabelledBy"]
 }

package/dist/jsx/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/label",
-  "version": "1.0.1-beta.151",
+  "version": "1.0.1-beta.154",
   "sideEffects": [
     "*.css"
   ],
@@ -23,11 +23,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "^1.0.1-beta.151",
-    "@tamagui/core": "^1.0.1-beta.151",
-    "@tamagui/create-context": "^1.0.1-beta.151",
-    "@tamagui/focusable": "^1.0.1-beta.151",
-    "@tamagui/text": "^1.0.1-beta.151"
+    "@tamagui/compose-refs": "^1.0.1-beta.154",
+    "@tamagui/core": "^1.0.1-beta.154",
+    "@tamagui/create-context": "^1.0.1-beta.154",
+    "@tamagui/focusable": "^1.0.1-beta.154",
+    "@tamagui/text": "^1.0.1-beta.154"
   },
   "peerDependencies": {
     "react": "*",
@@ -35,7 +35,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.151",
+    "@tamagui/build": "^1.0.1-beta.154",
     "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",