@parallelworks/ui 0.4.0 → 0.5.1

package/README.md

@@ -47,9 +47,3 @@ import { AddIcon, LoaderIcon, TrashIcon } from '@parallelworks/ui/icons'
 
 The barrel re-exports a curated, stable set of icon names over `react-icons`
 so applications never depend on a specific icon pack directly.
-
-## Development
-
-This package lives in the Parallel Works ACTIVATE monorepo and is consumed
-in-repo directly from `src/`. The published artifact is built with Vite
-(`pnpm build`) and validated with `pnpm lint:package` and `pnpm verify:pack`.

package/dist/chunks/BareModal-DBa84JZO.js

@@ -0,0 +1,80 @@
+import cx from "classnames";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+//#region src/components/BareModal.tsx
+/** Omit when the content supplies its own panel styling. */
+var modalPanelClasses = "rounded-xl border border-(--theme-border) bg-(--theme-app-bg) text-(--theme-app) shadow-2xl";
+var FOCUSABLE = "a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex=\"-1\"])";
+function BareModal({ open, onClose, ariaLabel, className, onPanelKeyDown, onPanelMouseDown, align = "top", preventClose = false, children }) {
+	const panelRef = useRef(null);
+	useEffect(() => {
+		if (!open || preventClose) return;
+		const onKeyDown = (e) => {
+			if (e.key === "Escape") onClose();
+		};
+		document.addEventListener("keydown", onKeyDown);
+		return () => document.removeEventListener("keydown", onKeyDown);
+	}, [
+		open,
+		onClose,
+		preventClose
+	]);
+	useEffect(() => {
+		if (!open) return;
+		const previouslyFocused = document.activeElement;
+		const previousOverflow = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		return () => {
+			document.body.style.overflow = previousOverflow;
+			previouslyFocused?.focus?.();
+		};
+	}, [open]);
+	const trapFocus = useCallback((e) => {
+		const panel = panelRef.current;
+		if (e.key !== "Tab" || !panel || !panel.contains(document.activeElement)) {
+			onPanelKeyDown?.(e);
+			return;
+		}
+		const focusable = panel.querySelectorAll(FOCUSABLE);
+		if (focusable.length === 0) {
+			e.preventDefault();
+			onPanelKeyDown?.(e);
+			return;
+		}
+		const first = focusable[0];
+		const last = focusable[focusable.length - 1];
+		if (!first || !last) {
+			onPanelKeyDown?.(e);
+			return;
+		}
+		if (e.shiftKey && document.activeElement === first) {
+			e.preventDefault();
+			last.focus();
+		} else if (!e.shiftKey && document.activeElement === last) {
+			e.preventDefault();
+			first.focus();
+		}
+		onPanelKeyDown?.(e);
+	}, [onPanelKeyDown]);
+	if (!open) return null;
+	return createPortal(/* @__PURE__ */ jsx("div", {
+		"data-testid": "modal-backdrop",
+		className: cx("fixed inset-0 z-[9990] flex justify-center px-4 pb-8", align === "center" ? "items-center" : "items-start pt-[14vh]"),
+		style: { backgroundColor: "rgba(0, 0, 0, 0.4)" },
+		onClick: preventClose ? void 0 : onClose,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: panelRef,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": ariaLabel,
+			className,
+			onClick: (e) => e.stopPropagation(),
+			onKeyDown: trapFocus,
+			onMouseDown: onPanelMouseDown,
+			children
+		})
+	}), document.body);
+}
+//#endregion
+export { modalPanelClasses as n, BareModal as t };

package/dist/chunks/{CodePreviewEditor-B3688Fx4.js → CodePreviewEditor-KwzSyk3-.js}

@@ -1,4 +1,5 @@
-import { i as getThemeName, n as setupMonacoWorkers, r as defineEditorThemes, t as useCssIsDark } from "./editor-CdQbKtYO.js";
+import { t as useCssIsDark } from "./useCssIsDark-DHr05dG2.js";
+import { n as defineEditorThemes, r as getThemeName, t as setupMonacoWorkers } from "./editor-DbDUZn8w.js";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import * as monaco from "monaco-editor";