@nxgt/material-vue 0.40.1 → 0.42.0

package/dist/{camera-1QRTmpnM.js → camera-C-9slBUV.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { _r as t, hr as n, mr as r } from "./components-XJ95qxB1.js";
-import { t as i } from "./use-material-translation-DxU51--g.js";
-import { t as a } from "./Button-teS2p_af.js";
-import { t as o } from "./icon-button-Vz4NECf1.js";
+import { _r as t, hr as n, mr as r } from "./components-DX4EycMi.js";
+import { t as i } from "./use-material-translation-COoBTGpB.js";
+import { t as a } from "./Button-CWmzvv9p.js";
+import { t as o } from "./icon-button-DErh1aJS.js";
 import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { Pause as S, Play as C } from "@lucide/vue";
 //#region lib/components/ui/media/camera/camera-content.vue?vue&type=script&setup=true&lang.ts

package/dist/components/base-content.css

@@ -139,13 +139,23 @@
 				[contenteditable]
 			) {
 			scroll-margin-bottom: calc(
-				var(--form-actions-clearance, 6rem) +
-				var(--form-actions-fill, 0px)
+				var(
+					--form-actions-clearance,
+					var(--form-actions-clearance-default, 6rem)
+				) +
+				var(--form-actions-fill, 0px) +
+				max(0px, calc(env(safe-area-inset-bottom, 0px) - 1rem))
 			);
 		}
-		/* Sticky at the bottom of whatever scrolls the form: in reach. */
+		/* A phone's actions wrap their labels over two lines and a field has an
+		   error line: 8rem covers both (`--form-actions-clearance` still wins). */
+		@variant max-sm {
+			--form-actions-clearance-default: 8rem;
+		}
+		/* Sticky at the bottom of whatever scrolls the form: in reach. Padded
+		   for the safe area (`viewport-fit=cover`: the home indicator). */
 		[data-slot="form-actions"] {
-			@apply sticky bottom-0 z-10 flex w-full justify-end gap-2 bg-background/90 p-4 backdrop-blur-sm max-sm:*:flex-1;
+			@apply sticky bottom-0 z-10 flex w-full justify-end gap-2 bg-background/90 p-4 pb-[max(1rem,env(safe-area-inset-bottom))] backdrop-blur-sm max-sm:*:flex-1;
 		}
 	}