tamagui 3.1.6 → 3.1.7

package/dist/native.cjs

@@ -26440,8 +26440,8 @@ var DialogContentImpl = createRefComponent(function(props, forwardedRef) {
 		id: context.contentId,
 		role: "dialog",
 		"aria-modal": context.modal,
-		"aria-describedby": context.descriptionId,
-		"aria-labelledby": context.titleId,
+		"aria-describedby": context.descriptionPresent ? context.descriptionId : void 0,
+		"aria-labelledby": context.titlePresent ? context.titleId : void 0,
 		"data-state": getState$3(context.open),
 		pointerEvents: context.open ? "auto" : "none",
 		onTransition
@@ -26451,12 +26451,26 @@ var DialogTitleFrame = styled(H2, { displayName: "DialogTitle" });
 var DialogTitle = createStyledHOC(DialogTitleFrame, function DialogTitle2(props, forwardedRef) {
 	var { scope } = props, titleProps = _objectWithoutProperties(props, _excluded8$4);
 	var context = useDialogContext(scope);
+	var setTitlePresent = context.setTitlePresent;
+	useIsomorphicLayoutEffect(function() {
+		setTitlePresent(true);
+		return function() {
+			setTitlePresent(false);
+		};
+	}, [setTitlePresent]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogTitleFrame, _objectSpread2(_objectSpread2({ id: context.titleId }, titleProps), {}, { ref: forwardedRef }));
 });
 var DialogDescriptionFrame = styled(Paragraph, { displayName: "DialogDescription" });
 var DialogDescription = createStyledHOC(DialogDescriptionFrame, function DialogDescription2(props, forwardedRef) {
 	var { scope } = props, descriptionProps = _objectWithoutProperties(props, _excluded9$4);
 	var context = useDialogContext(scope);
+	var setDescriptionPresent = context.setDescriptionPresent;
+	useIsomorphicLayoutEffect(function() {
+		setDescriptionPresent(true);
+		return function() {
+			setDescriptionPresent(false);
+		};
+	}, [setDescriptionPresent]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescriptionFrame, _objectSpread2(_objectSpread2({ id: context.descriptionId }, descriptionProps), {}, { ref: forwardedRef }));
 });
 var DialogCloseFrame = styled(View, {
@@ -26498,6 +26512,8 @@ var Dialog$1 = withStaticProperties(createRefComponent(function Dialog2(props) {
 	var contentRef = react$1.useRef(null);
 	var presentPartIdsRef = react$1.useRef(/* @__PURE__ */ new Set());
 	var [presentPartCount, setPresentPartCount] = react$1.useState(0);
+	var [titleCount, setTitleCount] = react$1.useState(0);
+	var [descriptionCount, setDescriptionCount] = react$1.useState(0);
 	var [open, setOpen] = useControllableState({
 		prop: openProp,
 		defaultProp: defaultOpen,
@@ -26520,6 +26536,16 @@ var Dialog$1 = withStaticProperties(createRefComponent(function Dialog2(props) {
 			setPresentPartCount(presentPartIds.size);
 		}
 	}, []);
+	var setTitlePresent = react$1.useCallback(function(present) {
+		setTitleCount(function(count) {
+			return Math.max(0, count + (present ? 1 : -1));
+		});
+	}, []);
+	var setDescriptionPresent = react$1.useCallback(function(present) {
+		setDescriptionCount(function(count) {
+			return Math.max(0, count + (present ? 1 : -1));
+		});
+	}, []);
 	var context = {
 		dialogScope: scope,
 		adaptScope,
@@ -26528,6 +26554,10 @@ var Dialog$1 = withStaticProperties(createRefComponent(function Dialog2(props) {
 		contentId,
 		titleId,
 		descriptionId,
+		titlePresent: titleCount > 0,
+		descriptionPresent: descriptionCount > 0,
+		setTitlePresent,
+		setDescriptionPresent,
 		open,
 		onOpenChange: setOpen,
 		onOpenToggle,
@@ -35492,7 +35522,7 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 	var parentSheet = react$1.default.useContext(ParentSheetContext);
 	var safeAreaInsets = useSafeAreaInsets();
 	var safeAreaTopInset = (_ref = safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.top) !== null && _ref !== void 0 ? _ref : 0;
-	var { transition, transitionConfig: transitionConfigProp, modal = false, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = false, unmountChildrenWhenHidden = false, disableHideWhenClosed = false, portalProps, containerComponent: ContainerComponent = react$1.default.Fragment, onTransition } = props;
+	var { transition, transitionConfig: transitionConfigProp, modal = false, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = false, unmountChildrenWhenHidden = false, disableHideWhenClosed = false, portalProps, containerComponent: ContainerComponent = react$1.default.Fragment, onTransition, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
 	var state = useSheetOpenState(props);
 	var providerProps = useSheetProviderProps(props, state);
 	var { frameSize, setFrameSize, dismissOnSnapToBottom, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps;
@@ -36035,6 +36065,8 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 								ref,
 								role: void 0,
 								"aria-modal": void 0,
+								"aria-label": void 0,
+								"aria-labelledby": void 0,
 								onLayout: handleAnimationViewLayout,
 								transition: isDragging || disableAnimation ? null : transition,
 								disableClassName: true,

package/dist/test.cjs

@@ -26588,8 +26588,8 @@ var DialogContentImpl = createRefComponent(function(props, forwardedRef) {
 		id: context.contentId,
 		role: "dialog",
 		"aria-modal": context.modal,
-		"aria-describedby": context.descriptionId,
-		"aria-labelledby": context.titleId,
+		"aria-describedby": context.descriptionPresent ? context.descriptionId : void 0,
+		"aria-labelledby": context.titlePresent ? context.titleId : void 0,
 		"data-state": getState$3(context.open),
 		pointerEvents: context.open ? "auto" : "none",
 		onTransition
@@ -26599,12 +26599,26 @@ var DialogTitleFrame = styled(H2, { displayName: "DialogTitle" });
 var DialogTitle = createStyledHOC(DialogTitleFrame, function DialogTitle2(props, forwardedRef) {
 	var { scope } = props, titleProps = _objectWithoutProperties(props, _excluded8$4);
 	var context = useDialogContext(scope);
+	var setTitlePresent = context.setTitlePresent;
+	useIsomorphicLayoutEffect(function() {
+		setTitlePresent(true);
+		return function() {
+			setTitlePresent(false);
+		};
+	}, [setTitlePresent]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogTitleFrame, _objectSpread2(_objectSpread2({ id: context.titleId }, titleProps), {}, { ref: forwardedRef }));
 });
 var DialogDescriptionFrame = styled(Paragraph, { displayName: "DialogDescription" });
 var DialogDescription = createStyledHOC(DialogDescriptionFrame, function DialogDescription2(props, forwardedRef) {
 	var { scope } = props, descriptionProps = _objectWithoutProperties(props, _excluded9$4);
 	var context = useDialogContext(scope);
+	var setDescriptionPresent = context.setDescriptionPresent;
+	useIsomorphicLayoutEffect(function() {
+		setDescriptionPresent(true);
+		return function() {
+			setDescriptionPresent(false);
+		};
+	}, [setDescriptionPresent]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescriptionFrame, _objectSpread2(_objectSpread2({ id: context.descriptionId }, descriptionProps), {}, { ref: forwardedRef }));
 });
 var DialogCloseFrame = styled(View, {
@@ -26646,6 +26660,8 @@ var Dialog$1 = withStaticProperties(createRefComponent(function Dialog2(props) {
 	var contentRef = react$1.useRef(null);
 	var presentPartIdsRef = react$1.useRef(/* @__PURE__ */ new Set());
 	var [presentPartCount, setPresentPartCount] = react$1.useState(0);
+	var [titleCount, setTitleCount] = react$1.useState(0);
+	var [descriptionCount, setDescriptionCount] = react$1.useState(0);
 	var [open, setOpen] = useControllableState({
 		prop: openProp,
 		defaultProp: defaultOpen,
@@ -26668,6 +26684,16 @@ var Dialog$1 = withStaticProperties(createRefComponent(function Dialog2(props) {
 			setPresentPartCount(presentPartIds.size);
 		}
 	}, []);
+	var setTitlePresent = react$1.useCallback(function(present) {
+		setTitleCount(function(count) {
+			return Math.max(0, count + (present ? 1 : -1));
+		});
+	}, []);
+	var setDescriptionPresent = react$1.useCallback(function(present) {
+		setDescriptionCount(function(count) {
+			return Math.max(0, count + (present ? 1 : -1));
+		});
+	}, []);
 	var context = {
 		dialogScope: scope,
 		adaptScope,
@@ -26676,6 +26702,10 @@ var Dialog$1 = withStaticProperties(createRefComponent(function Dialog2(props) {
 		contentId,
 		titleId,
 		descriptionId,
+		titlePresent: titleCount > 0,
+		descriptionPresent: descriptionCount > 0,
+		setTitlePresent,
+		setDescriptionPresent,
 		open,
 		onOpenChange: setOpen,
 		onOpenToggle,
@@ -35640,7 +35670,7 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 	var parentSheet = react$1.default.useContext(ParentSheetContext);
 	var safeAreaInsets = useSafeAreaInsets();
 	var safeAreaTopInset = (_ref = safeAreaInsets === null || safeAreaInsets === void 0 ? void 0 : safeAreaInsets.top) !== null && _ref !== void 0 ? _ref : 0;
-	var { transition, transitionConfig: transitionConfigProp, modal = false, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = false, unmountChildrenWhenHidden = false, disableHideWhenClosed = false, portalProps, containerComponent: ContainerComponent = react$1.default.Fragment, onTransition } = props;
+	var { transition, transitionConfig: transitionConfigProp, modal = false, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = false, unmountChildrenWhenHidden = false, disableHideWhenClosed = false, portalProps, containerComponent: ContainerComponent = react$1.default.Fragment, onTransition, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby } = props;
 	var state = useSheetOpenState(props);
 	var providerProps = useSheetProviderProps(props, state);
 	var { frameSize, setFrameSize, dismissOnSnapToBottom, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps;
@@ -36183,6 +36213,8 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 								ref,
 								role: void 0,
 								"aria-modal": void 0,
+								"aria-label": void 0,
+								"aria-labelledby": void 0,
 								onLayout: handleAnimationViewLayout,
 								transition: isDragging || disableAnimation ? null : transition,
 								disableClassName: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "3.1.6",
+  "version": "3.1.7",
   "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
@@ -315,73 +315,73 @@
     "check-circular-deps": "npx madge --circular ./src/index.ts"
   },
   "dependencies": {
-    "@tamagui/accordion": "3.1.6",
-    "@tamagui/adapt": "3.1.6",
-    "@tamagui/alert-dialog": "3.1.6",
-    "@tamagui/animate": "3.1.6",
-    "@tamagui/animate-presence": "3.1.6",
-    "@tamagui/avatar": "3.1.6",
-    "@tamagui/button": "3.1.6",
-    "@tamagui/card": "3.1.6",
-    "@tamagui/checkbox": "3.1.6",
-    "@tamagui/collapsible": "3.1.6",
-    "@tamagui/compose-refs": "3.1.6",
-    "@tamagui/constants": "3.1.6",
-    "@tamagui/context-menu": "3.1.6",
-    "@tamagui/core": "3.1.6",
-    "@tamagui/create-context": "3.1.6",
-    "@tamagui/create-menu": "3.1.6",
-    "@tamagui/dialog": "3.1.6",
-    "@tamagui/element": "3.1.6",
-    "@tamagui/fake-react-native": "3.1.6",
-    "@tamagui/field": "3.1.6",
-    "@tamagui/focusable": "3.1.6",
-    "@tamagui/font-size": "3.1.6",
-    "@tamagui/form": "3.1.6",
-    "@tamagui/get-font-sized": "3.1.6",
-    "@tamagui/get-token": "3.1.6",
-    "@tamagui/group": "3.1.6",
-    "@tamagui/helpers-tamagui": "3.1.6",
-    "@tamagui/image": "3.1.6",
-    "@tamagui/input": "3.1.6",
-    "@tamagui/label": "3.1.6",
-    "@tamagui/linear-gradient": "3.1.6",
-    "@tamagui/list-item": "3.1.6",
-    "@tamagui/menu": "3.1.6",
-    "@tamagui/polyfill-dev": "3.1.6",
-    "@tamagui/popover": "3.1.6",
-    "@tamagui/popper": "3.1.6",
-    "@tamagui/portal": "3.1.6",
-    "@tamagui/progress": "3.1.6",
-    "@tamagui/radio-group": "3.1.6",
-    "@tamagui/react-native-media-driver": "3.1.6",
-    "@tamagui/react-native-types": "3.1.6",
-    "@tamagui/scroll-view": "3.1.6",
-    "@tamagui/select": "3.1.6",
-    "@tamagui/separator": "3.1.6",
-    "@tamagui/shapes": "3.1.6",
-    "@tamagui/sheet": "3.1.6",
-    "@tamagui/slider": "3.1.6",
-    "@tamagui/spacer": "3.1.6",
-    "@tamagui/spinner": "3.1.6",
-    "@tamagui/stacks": "3.1.6",
-    "@tamagui/switch": "3.1.6",
-    "@tamagui/tabs": "3.1.6",
-    "@tamagui/text": "3.1.6",
-    "@tamagui/theme": "3.1.6",
-    "@tamagui/toast": "3.1.6",
-    "@tamagui/toggle-group": "3.1.6",
-    "@tamagui/tooltip": "3.1.6",
-    "@tamagui/ui": "3.1.6",
-    "@tamagui/use-controllable-state": "3.1.6",
-    "@tamagui/use-debounce": "3.1.6",
-    "@tamagui/use-force-update": "3.1.6",
-    "@tamagui/use-window-dimensions": "3.1.6",
-    "@tamagui/visually-hidden": "3.1.6",
-    "@tamagui/z-index-stack": "3.1.6"
+    "@tamagui/accordion": "3.1.7",
+    "@tamagui/adapt": "3.1.7",
+    "@tamagui/alert-dialog": "3.1.7",
+    "@tamagui/animate": "3.1.7",
+    "@tamagui/animate-presence": "3.1.7",
+    "@tamagui/avatar": "3.1.7",
+    "@tamagui/button": "3.1.7",
+    "@tamagui/card": "3.1.7",
+    "@tamagui/checkbox": "3.1.7",
+    "@tamagui/collapsible": "3.1.7",
+    "@tamagui/compose-refs": "3.1.7",
+    "@tamagui/constants": "3.1.7",
+    "@tamagui/context-menu": "3.1.7",
+    "@tamagui/core": "3.1.7",
+    "@tamagui/create-context": "3.1.7",
+    "@tamagui/create-menu": "3.1.7",
+    "@tamagui/dialog": "3.1.7",
+    "@tamagui/element": "3.1.7",
+    "@tamagui/fake-react-native": "3.1.7",
+    "@tamagui/field": "3.1.7",
+    "@tamagui/focusable": "3.1.7",
+    "@tamagui/font-size": "3.1.7",
+    "@tamagui/form": "3.1.7",
+    "@tamagui/get-font-sized": "3.1.7",
+    "@tamagui/get-token": "3.1.7",
+    "@tamagui/group": "3.1.7",
+    "@tamagui/helpers-tamagui": "3.1.7",
+    "@tamagui/image": "3.1.7",
+    "@tamagui/input": "3.1.7",
+    "@tamagui/label": "3.1.7",
+    "@tamagui/linear-gradient": "3.1.7",
+    "@tamagui/list-item": "3.1.7",
+    "@tamagui/menu": "3.1.7",
+    "@tamagui/polyfill-dev": "3.1.7",
+    "@tamagui/popover": "3.1.7",
+    "@tamagui/popper": "3.1.7",
+    "@tamagui/portal": "3.1.7",
+    "@tamagui/progress": "3.1.7",
+    "@tamagui/radio-group": "3.1.7",
+    "@tamagui/react-native-media-driver": "3.1.7",
+    "@tamagui/react-native-types": "3.1.7",
+    "@tamagui/scroll-view": "3.1.7",
+    "@tamagui/select": "3.1.7",
+    "@tamagui/separator": "3.1.7",
+    "@tamagui/shapes": "3.1.7",
+    "@tamagui/sheet": "3.1.7",
+    "@tamagui/slider": "3.1.7",
+    "@tamagui/spacer": "3.1.7",
+    "@tamagui/spinner": "3.1.7",
+    "@tamagui/stacks": "3.1.7",
+    "@tamagui/switch": "3.1.7",
+    "@tamagui/tabs": "3.1.7",
+    "@tamagui/text": "3.1.7",
+    "@tamagui/theme": "3.1.7",
+    "@tamagui/toast": "3.1.7",
+    "@tamagui/toggle-group": "3.1.7",
+    "@tamagui/tooltip": "3.1.7",
+    "@tamagui/ui": "3.1.7",
+    "@tamagui/use-controllable-state": "3.1.7",
+    "@tamagui/use-debounce": "3.1.7",
+    "@tamagui/use-force-update": "3.1.7",
+    "@tamagui/use-window-dimensions": "3.1.7",
+    "@tamagui/visually-hidden": "3.1.7",
+    "@tamagui/z-index-stack": "3.1.7"
   },
   "devDependencies": {
-    "@tamagui/build": "3.1.6",
+    "@tamagui/build": "3.1.7",
     "react": "19.3.0",
     "react-native": "0.88.0",
     "react-native-web": "~0.21.4"
@@ -400,5 +400,5 @@
   ],
   "module:jsx": "dist/jsx",
   "removeSideEffects": true,
-  "releaseSourceCommit": "8f24c4faca3fd084bf71e72e24aa304a0266303b"
+  "releaseSourceCommit": "26475c76726a42f1250f34f8a6cbd6a623213002"
 }

package/types/components/Dialog.d.ts

@@ -33,6 +33,10 @@ export declare const DialogContent: import("@tamagui/core").TamaguiComponent<imp
         contentId: string;
         titleId: string;
         descriptionId: string;
+        titlePresent: boolean;
+        descriptionPresent: boolean;
+        setTitlePresent(present: boolean): void;
+        setDescriptionPresent(present: boolean): void;
         onOpenToggle(): void;
         open: Exclude<import("@tamagui/dialog").DialogProps['open'], void | null>;
         onOpenChange: Exclude<import("@tamagui/dialog").DialogProps['onOpenChange'], void | null>;
@@ -108,6 +112,10 @@ export declare const Dialog: import("@tamagui/core").Combined<import("@tamagui/c
             contentId: string;
             titleId: string;
             descriptionId: string;
+            titlePresent: boolean;
+            descriptionPresent: boolean;
+            setTitlePresent(present: boolean): void;
+            setDescriptionPresent(present: boolean): void;
             onOpenToggle(): void;
             open: Exclude<import("@tamagui/dialog").DialogProps['open'], void | null>;
             onOpenChange: Exclude<import("@tamagui/dialog").DialogProps['onOpenChange'], void | null>;

package/types/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,eAAO,MAAM,mBAAmB;aAC9B,eAAe,EAAE,YAAY;CACrB,CAAA;AAEV,eAAO,MAAM,mBAAmB;aAC9B,eAAe,EAAE,YAAY;aAC7B,WAAW,EAAE,CAAC;aACd,WAAW,EAAE,cAAc;aAC3B,OAAO,EAAE,GAAG;aACZ,YAAY,EAAE,GAAG;aACjB,OAAO;CACC,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;;uEAGxB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sUAGxB,CAAA;AAcF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUjB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AAUA,OAAO,EAGL,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,eAAO,MAAM,mBAAmB;aAC9B,eAAe,EAAE,YAAY;CACrB,CAAA;AAEV,eAAO,MAAM,mBAAmB;aAC9B,eAAe,EAAE,YAAY;aAC7B,WAAW,EAAE,CAAC;aACd,WAAW,EAAE,cAAc;aAC3B,OAAO,EAAE,GAAG;aACZ,YAAY,EAAE,GAAG;aACjB,OAAO;CACC,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;;uEAGxB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sUAGxB,CAAA;AAcF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUjB,CAAA"}