@incodetech/web 2.2.0 → 2.3.0-rc.0

package/dist/{spacer-DLEDuWEx.js → spacer-ayyj5lMa.js}

@@ -1,6 +1,6 @@
 import { r as __toESM } from "./rolldown-runtime--E5BIlTp.js";
-import { a as useTranslation, r as useUiConfig } from "./uiConfig-Dqnjankd.js";
-import { _ as x, d as T, f as _, g as q, l as A, p as d, v as y, x as Q, y as u } from "./vendor-preact-BPXMFRom.js";
+import { o as useTranslation, r as useUiConfig } from "./uiConfig-C1jdTj-i.js";
+import { _ as y, b as Q, c as A, d as _, f as d, g as x, h as q, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/styles/cn.tsx
 var cn = (...classes) => {
 	const result = [];
@@ -1683,30 +1683,30 @@ var assetRegistry = {
 };
 var animationRegistry = {
 	"id.tutorial.front": {
-		default: () => import("./id-tutorial-BOOsXlAJ.js").then(defaultExport),
+		default: () => import("./id-tutorial-IhmAzrIF.js").then(defaultExport),
 		a11y: decorative
 	},
 	"id.tutorial.back": {
-		default: () => import("./back-tutorial-BHyRHyET.js").then(defaultExport),
+		default: () => import("./back-tutorial-XdmQ0Wml.js").then(defaultExport),
 		a11y: decorative
 	},
 	"id.tutorial.passport": {
-		default: () => import("./passport-tutorial-CeSup6m9.js").then(defaultExport),
+		default: () => import("./passport-tutorial-61vlloJS.js").then(defaultExport),
 		a11y: decorative
 	},
 	"id.flip": {
-		default: () => import("./flip-animation-CvN8FLNc.js").then(defaultExport),
+		default: () => import("./flip-animation-VicedlT5.js").then(defaultExport),
 		a11y: decorative
 	},
 	"id.processing": {
 		default: {
-			horizontal: () => import("./id-laser-h-BaUHzX-d.js").then(defaultExport),
-			vertical: () => import("./id-laser-v-Dv9yEYJE.js").then(defaultExport)
+			horizontal: () => import("./id-laser-h-B0-iXcvl.js").then(defaultExport),
+			vertical: () => import("./id-laser-v-Bqh6vimi.js").then(defaultExport)
 		},
 		a11y: decorative
 	},
 	"selfie.tutorial": {
-		default: () => import("./selfieTutorial-CYa8bq6B.js").then(defaultExport),
+		default: () => import("./selfieTutorial-BRQ2QNxQ.js").then(defaultExport),
 		a11y: decorative
 	},
 	"loader.spinner": {
@@ -1978,7 +1978,7 @@ function Asset({ name, class: className, default: defaultAsset, onFallback }) {
 var lottiePromise = null;
 async function loadLottie() {
 	if (lottiePromise) return lottiePromise;
-	lottiePromise = import("./lottie_light-Bv56F2Ae.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then((mod) => mod.default);
+	lottiePromise = import("./lottie_light-CzZ3CHBk.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then((mod) => mod.default);
 	return lottiePromise;
 }
 var AUTO_STOP_AFTER_MS = 5e3;

package/dist/spinner-Z-5sEEDQ.js

@@ -0,0 +1,88 @@
+import { S as k, _ as y, c as A, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn, n as LoadingIcon, t as Spacer } from "./spacer-ayyj5lMa.js";
+import { t as Title } from "./typography-ikD4-Z8S.js";
+//#region src/shared/spinner/spinnerHelpers.ts
+function getSpinnerClasses({ fullScreen, alwaysDark, hideIcon, className }) {
+	const container = ["IncodeSpinner"];
+	let loadingPrimary = [];
+	let loadingSecondary = [];
+	if (fullScreen) container.push("IncodeSpinnerFullScreen");
+	if (alwaysDark) {
+		container.push("IncodeSpinnerAlwaysDark");
+		loadingPrimary.push("IncodeSpinnerAlwaysDarkLoadingPrimary");
+		loadingSecondary.push("IncodeSpinnerAlwaysDarkLoadingSecondary");
+	}
+	if (hideIcon) {
+		container.push("IncodeSpinnerTextOnly");
+		loadingPrimary = [];
+		loadingSecondary = [];
+	}
+	if (className) container.push(className);
+	return {
+		containerClass: cn(...container),
+		loadingPrimaryClass: cn(...loadingPrimary),
+		loadingSecondaryClass: cn(...loadingSecondary)
+	};
+}
+//#endregion
+//#region src/shared/spinner/spinner.tsx
+var sizeMap = {
+	small: 24,
+	medium: 48,
+	large: 64
+};
+var Spinner = ({ title, subtitle, ariaLabel, size = "medium", fullScreen = true, className, presentational = false, hideIcon = false, alwaysDark = false }) => {
+	const iconSize = sizeMap[size];
+	const titleRef = A(null);
+	const containerRef = A(null);
+	y(() => {
+		if (presentational) return;
+		if (ariaLabel) containerRef.current?.focus();
+		else if (title) titleRef.current?.focus();
+	}, [
+		title,
+		ariaLabel,
+		presentational
+	]);
+	const { containerClass, loadingPrimaryClass, loadingSecondaryClass } = getSpinnerClasses({
+		fullScreen,
+		alwaysDark,
+		hideIcon,
+		className
+	});
+	return /* @__PURE__ */ u("div", {
+		ref: containerRef,
+		class: containerClass,
+		"data-testid": "spinner",
+		"data-title": title,
+		"data-subtitle": subtitle,
+		"data-size": size,
+		role: presentational ? void 0 : "status",
+		"aria-live": presentational ? void 0 : "polite",
+		"aria-label": presentational ? void 0 : ariaLabel,
+		"aria-hidden": presentational ? true : void 0,
+		tabIndex: !presentational && ariaLabel ? -1 : void 0,
+		children: /* @__PURE__ */ u("div", {
+			class: "IncodeSpinnerContent",
+			"aria-hidden": ariaLabel ? true : void 0,
+			children: [!hideIcon && /* @__PURE__ */ u(LoadingIcon, {
+				size: iconSize,
+				primaryClass: loadingPrimaryClass,
+				secondaryClass: loadingSecondaryClass
+			}), (title || subtitle) && /* @__PURE__ */ u(k, { children: [!hideIcon && /* @__PURE__ */ u(Spacer, { size: 16 }), /* @__PURE__ */ u("div", {
+				class: "IncodeSpinnerText",
+				children: [title && /* @__PURE__ */ u(Title, {
+					ref: titleRef,
+					tabIndex: -1,
+					className: "IncodeSpinnerTitle",
+					children: title
+				}), subtitle && /* @__PURE__ */ u(k, { children: [title && /* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u("p", {
+					class: "IncodeSpinnerSubtitle",
+					children: subtitle
+				})] })]
+			})] })]
+		})
+	});
+};
+//#endregion
+export { Spinner as t };