@revojs/ui 0.2.9 → 0.2.11

package/dist/vue/index.d.ts

@@ -6,7 +6,6 @@ export { default as Collection } from "./components/collection.vue";
 export { default as Container } from "./components/container.vue";
 export { default as Counter } from "./components/counter.vue";
 export { default as Dialog } from "./components/dialog.vue";
-export { default as Divider } from "./components/separator.vue";
 export { default as Field } from "./components/field.vue";
 export { default as Heading } from "./components/heading.vue";
 export { default as Icon } from "./components/icon.vue";
@@ -21,5 +20,8 @@ export { default as Rating } from "./components/rating.vue";
 export { default as Select } from "./components/select.vue";
 export { default as Separator } from "./components/separator.vue";
 export { default as Sheet } from "./components/sheet.vue";
+export { default as Stack } from "./components/stack.vue";
 export { default as Switch } from "./components/switch.vue";
 export { default as Upload } from "./components/upload.vue";
+export { useFocusTrap } from "./utilities/use-focus-trap";
+export { useScrollLock } from "./utilities/use-scroll-lock";

package/dist/vue/index.js

@@ -1,3 +1,5 @@
+import { useFocusTrap } from "./utilities/use-focus-trap.js";
+import { useScrollLock } from "./utilities/use-scroll-lock.js";
 import Breadcrumb from "./components/breadcrumb.vue";
 import Button from "./components/button.vue";
 import Card from "./components/card.vue";
@@ -6,7 +8,6 @@ import Collection from "./components/collection.vue";
 import Container from "./components/container.vue";
 import Counter from "./components/counter.vue";
 import Dialog from "./components/dialog.vue";
-import Divider, { default as Separator } from "./components/separator.vue";
 import Field from "./components/field.vue";
 import Heading from "./components/heading.vue";
 import Icon from "./components/icon.vue";
@@ -19,7 +20,9 @@ import Radio from "./components/radio.vue";
 import Range from "./components/range.vue";
 import Rating from "./components/rating.vue";
 import Select from "./components/select.vue";
+import Separator from "./components/separator.vue";
 import Sheet from "./components/sheet.vue";
+import Stack from "./components/stack.vue";
 import Switch from "./components/switch.vue";
 import Upload from "./components/upload.vue";
-export { Breadcrumb, Button, Card, Checkbox, Collection, Container, Counter, Dialog, Divider, Field, Heading, Icon, Input, Link, Navigate, Popover, Progress, Radio, Range, Rating, Select, Separator, Sheet, Switch, Upload };
+export { Breadcrumb, Button, Card, Checkbox, Collection, Container, Counter, Dialog, Field, Heading, Icon, Input, Link, Navigate, Popover, Progress, Radio, Range, Rating, Select, Separator, Sheet, Stack, Switch, Upload, useFocusTrap, useScrollLock };

package/dist/vue/utilities/use-focus-trap.d.ts

@@ -0,0 +1,2 @@
+import { type MaybeRefOrGetter, type Ref } from "vue";
+export declare function useFocusTrap(container: Ref<HTMLElement | null>, active: MaybeRefOrGetter<boolean>): void;

package/dist/vue/utilities/use-focus-trap.js

@@ -0,0 +1,34 @@
+import { onUnmounted, toValue, watch } from "vue";
+//#region src/vue/utilities/use-focus-trap.ts
+function useFocusTrap(container, active) {
+	function handleKeyDown(event) {
+		if (event.key !== "Tab" || !toValue(active)) return;
+		const root = container.value;
+		if (!root) return;
+		const elements = [...root.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])")].filter((element) => element.offsetParent !== null);
+		if (elements.length === 0) {
+			event.preventDefault();
+			return;
+		}
+		const first = elements[0];
+		const last = elements[elements.length - 1];
+		const current = document.activeElement;
+		if (event.shiftKey && (current === first || !root.contains(current))) {
+			event.preventDefault();
+			last.focus();
+		} else if (!event.shiftKey && current === last) {
+			event.preventDefault();
+			first.focus();
+		}
+	}
+	watch(() => toValue(active), (value) => {
+		if (typeof document === "undefined") return;
+		if (value) document.addEventListener("keydown", handleKeyDown);
+		else document.removeEventListener("keydown", handleKeyDown);
+	}, { immediate: true });
+	onUnmounted(() => {
+		document.removeEventListener("keydown", handleKeyDown);
+	});
+}
+//#endregion
+export { useFocusTrap };

package/dist/vue/utilities/use-scroll-lock.d.ts

@@ -0,0 +1,2 @@
+import { type MaybeRefOrGetter } from "vue";
+export declare function useScrollLock(active: MaybeRefOrGetter<boolean>): void;

package/dist/vue/utilities/use-scroll-lock.js

@@ -0,0 +1,33 @@
+import { onUnmounted, toValue, watch } from "vue";
+//#region src/vue/utilities/use-scroll-lock.ts
+var locks = 0;
+var previous = null;
+function useScrollLock(active) {
+	let locked = false;
+	function lock() {
+		if (locked) return;
+		locked = true;
+		locks += 1;
+		if (locks === 1) previous = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+	}
+	function unlock() {
+		if (!locked) return;
+		locked = false;
+		locks = Math.max(0, locks - 1);
+		if (locks === 0 && previous !== null) {
+			document.body.style.overflow = previous;
+			previous = null;
+		}
+	}
+	watch(() => toValue(active), (value) => {
+		if (typeof document === "undefined") return;
+		if (value) lock();
+		else unlock();
+	}, { immediate: true });
+	onUnmounted(() => {
+		unlock();
+	});
+}
+//#endregion
+export { useScrollLock };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@revojs/ui",
-    "version": "0.2.9",
+    "version": "0.2.11",
     "license": "MIT",
     "repository": {
         "type": "git",