@pgcorp/ui-kit 0.12.0 → 0.14.0

package/dist/src/internal/useMenuLayer.js

@@ -1,9 +1,10 @@
 import { findFocusableOwner as e, findRelativeTabTarget as t } from "./focusNavigation.js";
 import { registerLayer as n } from "./layerStack.js";
-import { useFloatingPosition as r } from "../composables/useFloatingPosition.js";
-import { nextTick as i, onBeforeUnmount as a, ref as o } from "vue";
+import { useOverlayAdmission as r } from "./overlayHost.js";
+import { useFloatingPosition as i } from "../composables/useFloatingPosition.js";
+import { computed as a, nextTick as o, onBeforeUnmount as s, ref as c, watch as l } from "vue";
 //#region src/internal/useMenuLayer.ts
-var s = 5, c = (e, t) => ({
+var u = 5, d = (e, t) => ({
 	x: e,
 	y: t,
 	left: e,
@@ -17,65 +18,93 @@ var s = 5, c = (e, t) => ({
 		y: t
 	})
 });
-function l(l, u = {}) {
-	let d = o(!1), f = o("var(--s-layer-root-floating)"), p = null, m = null, h = null;
-	function g(e = "programmatic") {
-		(d.value || h) && (d.value = !1, h?.unregister({ restoreFocus: e !== "outside" }), h = null, p = null, m = null, f.value = "var(--s-layer-root-floating)");
+function f(f, p = {}) {
+	let m = a(() => f.value?.getElement() ?? null), h = r(), g = c(!1), _ = c("var(--s-layer-root-floating)"), v = null, y = null, b = null, x = null, S = !1, C = 0;
+	function w(e = "programmatic") {
+		C += 1;
+		let t = S && (e === "tab" || e === "programmatic");
+		t || (x?.(), x = null), S = !1, (g.value || b) && (g.value = !1, b?.unregister({
+			restoreFocus: !t && e !== "outside",
+			commitFocusHandoff: t
+		}), b = null, v = null, y = null, _.value = "var(--s-layer-root-floating)");
 	}
-	function _(e) {
-		let n = m;
+	function T(e) {
+		if (p.onRequestDismiss) {
+			p.onRequestDismiss(e);
+			return;
+		}
+		w(e), p.onDismiss?.(e);
+	}
+	function E(e) {
+		let n = y;
 		if (!n) {
-			g("outside");
+			w("outside");
 			return;
 		}
-		let r = h?.focusScope() ?? document, a = t(n, r, l.value, e.shiftKey);
-		e.preventDefault(), g("outside"), a && i(() => a.focus());
+		let r = b?.focusScope() ?? document, i = t(n, r, m.value, e.shiftKey);
+		e.preventDefault(), x?.(), x = i && b ? b.handoffFocus(i) : null, S = !0, T("tab");
 	}
-	let { coordinates: v, updatePosition: y } = r({
-		active: d,
-		placement: () => p?.type === "element" && p.placement === "inline" ? p.align === "right" ? "left-start" : "right-start" : p?.type === "element" && p.align === "right" ? "bottom-end" : "bottom-start",
-		anchorElement: () => p?.type === "element" ? p.element : null,
-		anchorRect: () => p ? p.type === "point" ? c(p.x, p.y) : p.element.isConnected ? p.element.getBoundingClientRect() : (g("outside"), null) : null,
-		panelRef: l,
+	let { coordinates: D, availableSize: O, updatePosition: k } = i({
+		active: g,
+		placement: () => v?.type === "element" && v.placement === "inline" ? v.align === "right" ? "left-start" : "right-start" : v?.type === "element" && v.placement === "top" ? v.align === "right" ? "top-end" : "top-start" : v?.type === "element" && v.align === "right" ? "bottom-end" : "bottom-start",
+		anchorElement: () => v?.type === "element" ? v.element : null,
+		anchorRect: () => v ? v.type === "point" ? d(v.x, v.y) : v.element.isConnected ? v.element.getBoundingClientRect() : (w("outside"), null) : null,
+		panelRef: m,
 		offset: () => 0,
-		boundaryPadding: () => s,
+		boundaryPadding: () => u,
 		flip: () => !0,
 		shift: () => !0,
 		widthMatch: () => "none",
-		zIndex: () => f.value,
+		viewportSizing: () => !0,
+		sizingElements: () => f.value?.getSizingElements() ?? null,
+		zIndex: () => _.value,
 		scrollStrategy: "reposition"
 	});
-	async function b(t, r) {
-		if (d.value && g("outside"), t.type === "element" && e(t.element) !== t.element) throw Error("useMenuLayer: element anchor must be the canonical focusable owner");
-		p = t;
+	async function A(t, r) {
+		if (!h.value) {
+			w("outside"), p.onRetire?.();
+			return;
+		}
+		x?.(), x = null, S = !1, g.value && w("outside");
+		let i = ++C;
+		if (t.type === "element" && e(t.element) !== t.element) throw Error("useMenuLayer: element anchor must be the canonical focusable owner");
+		v = t;
 		let a = e(r ?? null) ?? e(document.activeElement);
-		if (m = t.type === "element" ? t.element : a, d.value = !0, h = n({
-			kind: "menu",
-			root: () => l.value,
-			anchor: () => t.type === "element" ? t.element : a,
-			restoreTarget: a,
-			requestDismiss: (e) => {
-				let t = e === "escape" ? "escape" : "outside";
-				g(t), u.onDismiss?.(t);
+		if (y = t.type === "element" ? t.element : a, g.value = !0, await o(), C === i && g.value && h.value) {
+			if (!m.value?.isConnected) throw w("outside"), Error("useMenuLayer: connected layer element is unavailable after opening");
+			if (b = n({
+				kind: "menu",
+				root: () => m.value,
+				anchor: () => t.type === "element" ? t.element : a,
+				restoreTarget: a,
+				requestDismiss: (e) => {
+					T(e === "escape" ? "escape" : "outside");
+				},
+				onRetire: () => {
+					w("outside"), p.onRetire?.();
+				}
+			}), _.value = b.zIndex, await o(), C === i && g.value && h.value) {
+				if (!m.value) throw w("outside"), Error("useMenuLayer: layer element is unavailable after opening");
+				k();
 			}
-		}), f.value = h.zIndex, await i(), d.value) {
-			if (!l.value) throw g("outside"), Error("useMenuLayer: layer element is unavailable after opening");
-			y();
 		}
 	}
-	function x(e, t) {
-		d.value ? g("trigger") : b(e, t);
+	function j(e, t) {
+		g.value ? w("trigger") : A(e, t);
 	}
-	return a(() => g("outside")), {
-		isOpen: d,
-		position: v,
-		zIndex: f,
-		open: b,
-		close: g,
-		closeForTab: _,
-		toggle: x,
-		positionLayer: y
+	return s(() => w("outside")), l(h, (e) => {
+		e || !g.value && !b || (w("outside"), p.onRetire?.());
+	}, { flush: "sync" }), {
+		isOpen: g,
+		position: D,
+		availableSize: O,
+		zIndex: _,
+		open: A,
+		close: w,
+		closeForTab: E,
+		toggle: j,
+		positionLayer: k
 	};
 }
 //#endregion
-export { l as useMenuLayer };
+export { f as useMenuLayer };

package/dist/tailwind.css

@@ -0,0 +1,3 @@
+@import "../src/styles/style.css";
+@plugin "./typography.js";
+@custom-variant dark (&:where(.dark, .dark *));

package/dist/typography.LICENSE.txt

@@ -0,0 +1,94 @@
+@tailwindcss/typography@0.5.20
+MIT License
+
+Copyright (c) Tailwind Labs, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+postcss-selector-parser@7.1.6
+Copyright (c) Ben Briggs <beneb.info@gmail.com> (http://beneb.info)
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+cssesc@3.0.0
+Copyright Mathias Bynens <https://mathiasbynens.be/>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+util-deprecate@1.0.2
+(The MIT License)
+
+Copyright (c) 2014 Nathan Rajlich <nathan@tootallnate.net>
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.