@incodetech/web 2.3.2-rc.4 → 2.4.0-rc.0

package/dist/qe-signature/qe-signature.es.js

@@ -1,7 +1,7 @@
 import { v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { i as withStandaloneModuleBootstrap } from "../incodeComponent-CdiXt7v7.js";
-import { n as ElectronicSignature } from "../electronic-signature-D1d_WObD.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-f_OUurEl.js";
+import { a as withStandaloneModuleBootstrap } from "../incodeComponent-I3JIdKa5.js";
+import { n as ElectronicSignature } from "../electronic-signature-Bt644x6v.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-t2FDQ-II.js";
 //#region src/modules/qe-signature/qe-signature.tsx
 var QeSignatureWithLocalConfig = ({ config, manager, onFinish, onError }) => {
 	return /* @__PURE__ */ u(ElectronicSignature, {

package/dist/radioGroupComposed-Cy6hgLBE.js

@@ -0,0 +1 @@
+import "./radioGroupComposed-FYYC8SNS.js";

package/dist/{radioGroupComposed-DFloG_N-.js → radioGroupComposed-FYYC8SNS.js}

@@ -1,6 +1,6 @@
 import { f as d, i as D, v as u } from "./vendor-preact-C0jX1Cbq.js";
-import { d as cn } from "./spacer-BmQEPV3n.js";
-import { b as ErrorIcon } from "./icons-lmBQFGnv.js";
+import { d as cn } from "./spacer-CRMb016O.js";
+import { b as ErrorIcon } from "./icons-Cri5P1f0.js";
 import { t as FieldLabelHint } from "./fieldLabelHint-CxjArYkQ.js";
 //#region src/shared/radioButtonComposed/radioButtonComposed.tsx
 var textSizeClass = {

package/dist/redirect-to-mobile/redirect-to-mobile.es.js

@@ -1,15 +1,117 @@
 import { t as __commonJSMin } from "../rolldown-runtime--E5BIlTp.js";
-import { o as useTranslation } from "../uiConfig-qMQHPoxa.js";
-import { S as k, _ as y, c as A, f as d, h as q, p as g, v as u } from "../vendor-preact-C0jX1Cbq.js";
-import { S as useManager, b as useModuleTerminalCallbacks, d as TransitionSpinner, i as withStandaloneModuleBootstrap, l as VerifiedByIncodeLogo, r as Snackbar, t as IncodeComponent, u as usePageUiConfig } from "../incodeComponent-CdiXt7v7.js";
-import { t as Spacer } from "../spacer-BmQEPV3n.js";
-import { r as SuccessIcon, x as Button } from "../icons-lmBQFGnv.js";
-import { t as incode_logo_default } from "../incode-logo-BzJOZr3f.js";
-import { t as AutoFocusTitle } from "../autoFocusTitle-DIaSbuq7.js";
-import { t as registerIncodeElement } from "../registerIncodeElement-CbZczi4S.js";
-import { t as useLazyComponentLoader } from "../useModuleLoader-DpcbSKBH.js";
-import { t as Tabs } from "../tabs-CaZGiNK8.js";
+import { o as useTranslation, r as useUiConfig } from "../uiConfig-CzjzpmLx.js";
+import { S as k, _ as y, b as Q, c as A, f as d, g as x, h as q, p as g, v as u } from "../vendor-preact-C0jX1Cbq.js";
+import { a as withStandaloneModuleBootstrap, i as Snackbar, t as IncodeComponent, x as useManager, y as useModuleTerminalCallbacks } from "../incodeComponent-I3JIdKa5.js";
+import { d as cn, t as Spacer } from "../spacer-CRMb016O.js";
+import { t as TransitionSpinner } from "../transitionSpinner-CPK1gaqC.js";
+import { r as SuccessIcon, x as Button } from "../icons-Cri5P1f0.js";
+import { n as VerifiedByIncodeLogo, r as usePageUiConfig } from "../page-BzEithea.js";
+import { t as incode_logo_default } from "../incode-logo-r5UBM52t.js";
+import { t as AutoFocusTitle } from "../autoFocusTitle-DTSPbDgY.js";
+import { t as registerIncodeElement } from "../registerIncodeElement-D_cn4dSI.js";
+import { t as useLazyComponentLoader } from "../useModuleLoader-BdIp6TNQ.js";
 import { createRedirectToMobileManager } from "@incodetech/core/redirect-to-mobile";
+//#region src/shared/tabs/tabs.tsx
+var TabsContext = Q(null);
+var useTabsContext = () => {
+	const ctx = x(TabsContext);
+	if (!ctx) throw new Error("Tabs compound components must be used within <Tabs>");
+	return ctx;
+};
+var tabId = (baseId, value) => `${baseId}-tab-${value}`;
+var panelId = (baseId, value) => `${baseId}-panel-${value}`;
+var TabsRoot = ({ defaultValue, value, onValueChange, orientation = "horizontal", activation = "manual", listClassName, triggerClassName, activeTriggerClassName, children }) => {
+	const baseId = g();
+	const [internalValue, setInternalValue] = d(defaultValue ?? value ?? "");
+	const activeValue = value ?? internalValue;
+	const setActiveValue = (next) => {
+		if (value === void 0) setInternalValue(next);
+		onValueChange?.(next);
+	};
+	return /* @__PURE__ */ u(TabsContext.Provider, {
+		value: {
+			baseId,
+			activeValue,
+			setActiveValue,
+			orientation,
+			activation,
+			listClassName,
+			triggerClassName,
+			activeTriggerClassName
+		},
+		children
+	});
+};
+var TabsList = ({ label, labelledBy, children }) => {
+	const { listClassName, orientation } = useTabsContext();
+	return /* @__PURE__ */ u("div", {
+		role: "tablist",
+		"aria-orientation": orientation,
+		"aria-label": label,
+		"aria-labelledby": labelledBy,
+		class: listClassName,
+		children
+	});
+};
+var TabsTrigger = ({ value, disabled, "data-testid": dataTestId, children }) => {
+	const { baseId, activeValue, setActiveValue, orientation, activation, triggerClassName, activeTriggerClassName } = useTabsContext();
+	const selected = activeValue === value;
+	const handleKeyDown = (event) => {
+		const horizontal = orientation === "horizontal";
+		const nextKey = horizontal ? "ArrowRight" : "ArrowDown";
+		const prevKey = horizontal ? "ArrowLeft" : "ArrowUp";
+		if (event.key !== nextKey && event.key !== prevKey && event.key !== "Home" && event.key !== "End") return;
+		const list = event.currentTarget.closest("[role=\"tablist\"]");
+		if (!list) return;
+		const tabs = Array.from(list.querySelectorAll("[role=\"tab\"]:not([disabled])"));
+		const currentIndex = tabs.indexOf(event.currentTarget);
+		if (currentIndex === -1) return;
+		let target;
+		if (event.key === nextKey) target = tabs[(currentIndex + 1) % tabs.length];
+		else if (event.key === prevKey) target = tabs[(currentIndex - 1 + tabs.length) % tabs.length];
+		else if (event.key === "Home") target = tabs[0];
+		else if (event.key === "End") target = tabs[tabs.length - 1];
+		if (!target) return;
+		event.preventDefault();
+		target.focus();
+		if (activation === "automatic") {
+			const nextValue = target.dataset.value;
+			if (nextValue !== void 0) setActiveValue(nextValue);
+		}
+	};
+	return /* @__PURE__ */ u("button", {
+		type: "button",
+		role: "tab",
+		id: tabId(baseId, value),
+		"aria-selected": selected,
+		"aria-controls": panelId(baseId, value),
+		tabIndex: selected ? 0 : -1,
+		disabled,
+		"data-value": value,
+		"data-testid": dataTestId,
+		class: cn(triggerClassName, selected && activeTriggerClassName),
+		onClick: () => setActiveValue(value),
+		onKeyDown: handleKeyDown,
+		children
+	});
+};
+var TabsContent = ({ value, className, children }) => {
+	const { baseId, activeValue } = useTabsContext();
+	if (activeValue !== value) return null;
+	return /* @__PURE__ */ u("div", {
+		role: "tabpanel",
+		id: panelId(baseId, value),
+		"aria-labelledby": tabId(baseId, value),
+		class: className,
+		children
+	});
+};
+var Tabs = Object.assign(TabsRoot, {
+	List: TabsList,
+	Trigger: TabsTrigger,
+	Content: TabsContent
+});
+//#endregion
 //#region src/modules/redirect-to-mobile/redirectHeader.tsx
 var RedirectHeader = ({ logoSrc }) => {
 	const { t } = useTranslation();
@@ -46,6 +148,7 @@ var RedirectHeader = ({ logoSrc }) => {
 //#region src/modules/redirect-to-mobile/redirectFooter.tsx
 var RedirectFooter = ({ addContinueToDesktop, onContinueOnDesktop }) => {
 	const { t } = useTranslation();
+	const { hideFooterBranding } = useUiConfig();
 	return /* @__PURE__ */ u("footer", {
 		class: "IncodeRedirectBottomNav",
 		children: [
@@ -68,10 +171,10 @@ var RedirectFooter = ({ addContinueToDesktop, onContinueOnDesktop }) => {
 					/* @__PURE__ */ u(Spacer, { size: 16 })
 				]
 			}) : null,
-			/* @__PURE__ */ u("div", {
+			!hideFooterBranding ? /* @__PURE__ */ u("div", {
 				class: "IncodeRedirectFooterLogoWrapper",
 				children: /* @__PURE__ */ u(VerifiedByIncodeLogo, {})
-			})
+			}) : null
 		]
 	});
 };
@@ -2532,7 +2635,7 @@ var QrTabContent = ({ redirectUrl, onQrReady }) => {
 };
 //#endregion
 //#region src/modules/redirect-to-mobile/qrScreen.tsx
-var loadSmsTabContent = () => import("../smsTabContent-ok2pyDhh.js").then((module) => module.SmsTabContent);
+var loadSmsTabContent = () => import("../smsTabContent-DrX3JFpW.js").then((module) => module.SmsTabContent);
 var LazySmsTabContent = (props) => {
 	const { t } = useTranslation();
 	const state = useLazyComponentLoader({ loader: loadSmsTabContent });

package/dist/redirect-to-mobile/styles.css

@@ -1,324 +1,2 @@
 /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
-      --tw-border-style: solid;
-      --tw-outline-style: solid;
-      --tw-font-weight: initial;
-    }
-  }
-}
-
-.IncodeRedirectRoot {
-  width: 100%;
-  height: 100%;
-}
-
-.IncodeRedirectRoot .IncodeRedirectLogo {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.IncodeRedirectRoot .IncodeRedirectContainer {
-  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
-  justify-content: center;
-  align-items: safe center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  position: relative;
-  overflow-y: auto;
-}
-
-.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {
-  border-radius: var(--radius-medium, var(--border-radius-medium));
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
-  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
-  width: 100%;
-  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
-  padding-block: var(--spacing-32, var(--spacing-32, 32px));
-  max-width: var(--redirect-card-max-width);
-  flex-direction: column;
-  align-items: center;
-  display: flex;
-  overflow-x: clip;
-}
-
-.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {
-  align-items: center;
-  gap: var(--spacing-32, var(--spacing-32, 32px));
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-}
-
-.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
-  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
-  width: 100%;
-  max-width: var(--redirect-options-max-width);
-  flex-direction: column;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectToast {
-  top: var(--spacing-16, var(--spacing-16, 16px));
-  z-index: 50;
-  animation: 3s ease-in-out forwards incodeToastFadeInOut;
-  position: absolute;
-  left: 50%;
-}
-
-.IncodeRedirectContainer .IncodeRedirectToastContent {
-  align-items: center;
-  gap: var(--spacing-12, var(--spacing-12, 12px));
-  display: inline-flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {
-  width: 100%;
-  min-height: var(--min-height-logo-wrapper);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {
-  max-height: var(--logo-height, 44px);
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {
-  text-align: center;
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h2-size);
-  font-weight: var(--typography-headline-h2-weight);
-  line-height: var(--typography-headline-h2-line-height);
-  letter-spacing: var(--typography-headline-h2-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {
-  text-align: center;
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h5-size);
-  font-weight: var(--typography-headline-h5-weight);
-  line-height: var(--typography-headline-h5-line-height);
-  letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
-  width: 100%;
-  max-width: var(--redirect-form-column-max-width);
-  flex-direction: column;
-  flex: 1;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
-  margin-block: var(--spacing-12, var(--spacing-12, 12px));
-  font-family: var(--Button-family, "DM Sans");
-  letter-spacing: 0;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 100%;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {
-  padding-block: var(--spacing-8, var(--spacing-8, 8px));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
-  justify-content: center;
-  align-items: flex-end;
-  gap: var(--spacing-12, var(--spacing-12, 12px));
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
-  width: 100%;
-  max-width: var(--redirect-tabs-max-width);
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {
-  cursor: pointer;
-  border-bottom-style: var(--tw-border-style);
-  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
-  padding-block: var(--spacing-12, var(--spacing-12, 12px));
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h5-size);
-  font-weight: var(--typography-headline-h5-weight);
-  line-height: var(--typography-headline-h5-line-height);
-  letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
-  background-color: #0000;
-  border-color: #0000;
-  border-bottom-width: 2px;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {
-  border-radius: var(--radius-x-small, var(--border-radius-x-small));
-  outline-style: var(--tw-outline-style);
-  outline-offset: 2px;
-  outline-width: 2px;
-  outline-color: var(--color-border-status-focus, var(--border-status-focus));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {
-  border-color: var(--color-border-brand-500, var(--border-brand-500));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role="tabpanel"] {
-  align-items: center;
-  gap: var(--spacing-32, var(--spacing-32, 32px));
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {
-  margin-top: var(--spacing-32, var(--spacing-32, 32px));
-  text-align: center;
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h5-size);
-  font-weight: var(--typography-headline-h5-weight);
-  line-height: var(--typography-headline-h5-line-height);
-  letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
-  max-width: var(--redirect-tab-description-max-width);
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
-  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
-  padding: var(--spacing-12, var(--spacing-12, 12px));
-  border-radius: var(--redirect-qr-wrapper-border-radius);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {
-  --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);
-  max-width: var(--redirect-form-column-max-width);
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {
-  width: 100%;
-  max-width: var(--redirect-form-column-max-width);
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
-  margin-top: var(--spacing-32, var(--spacing-32, 32px));
-  flex-direction: column;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {
-  text-align: center;
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h2-size);
-  font-weight: var(--typography-headline-h2-weight);
-  line-height: var(--typography-headline-h2-line-height);
-  letter-spacing: var(--typography-headline-h2-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {
-  text-align: center;
-  font-family: var(--typography-headline-family);
-  font-size: var(--typography-headline-h5-size);
-  font-weight: var(--typography-headline-h5-weight);
-  line-height: var(--typography-headline-h5-line-height);
-  letter-spacing: var(--typography-headline-h5-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
-}
-
-.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
-  margin-block: var(--spacing-8, var(--spacing-8, 8px));
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-4, var(--spacing-4, 4px));
-  font-family: var(--Button-family, "DM Sans");
-  letter-spacing: 0;
-  width: var(--redirect-form-column-max-width);
-  flex-wrap: wrap;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 100%;
-  display: flex;
-}
-
-.IncodeRedirectFinishedContainer {
-  flex-direction: column;
-  justify-content: safe center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  overflow-y: auto;
-}
-
-.IncodeRedirectFinishedContainer .IncodeRedirectLogo {
-  max-height: var(--logo-height, 44px);
-}
-
-.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {
-  margin-block: var(--spacing-20, var(--spacing-20, 20px));
-  text-align: center;
-  font-size: var(--text-3xl, 1.875rem);
-  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-  width: var(--width-finished-title);
-}
-
-.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {
-  text-align: center;
-  font-size: var(--text-2xl, 1.5rem);
-  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-  width: var(--width-finished-subtitle);
-}
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.IncodeComponent,.IncodeComponent *,.IncodeComponent :before,.IncodeComponent :after,.IncodeComponent ::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-font-weight:initial}}}.IncodeRedirectRoot{width:100%;height:100%}.IncodeRedirectRoot .IncodeRedirectLogo{max-width:100%;max-height:100%}.IncodeRedirectRoot .IncodeRedirectContainer{background-color:var(--color-surface-neutral-50,var(--surface-neutral-50));justify-content:center;align-items:safe center;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));width:100%;padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-32,var(--spacing-32,32px));max-width:var(--redirect-card-max-width);flex-direction:column;align-items:center;display:flex;overflow-x:clip}.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup{align-items:center;gap:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;width:100%;display:flex}.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions{margin-bottom:var(--spacing-32,var(--spacing-32,32px));width:100%;max-width:var(--redirect-options-max-width);flex-direction:column;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectToast{top:var(--spacing-16,var(--spacing-16,16px));z-index:50;animation:3s ease-in-out forwards incodeToastFadeInOut;position:absolute;left:50%}.IncodeRedirectContainer .IncodeRedirectToastContent{align-items:center;gap:var(--spacing-12,var(--spacing-12,12px));display:inline-flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader{flex-direction:column;align-items:center;width:100%;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper{width:100%;min-height:var(--min-height-logo-wrapper);justify-content:center;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo{max-height:var(--logo-height,44px)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav{width:100%;max-width:var(--redirect-form-column-max-width);flex-direction:column;flex:1;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText{margin-block:var(--spacing-12,var(--spacing-12,12px));font-family:var(--Button-family,"DM Sans");letter-spacing:0;font-size:18px;font-weight:500;line-height:100%}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper{padding-block:var(--spacing-8,var(--spacing-8,8px))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs{justify-content:center;align-items:flex-end;gap:var(--spacing-12,var(--spacing-12,12px));border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));width:100%;max-width:var(--redirect-tabs-max-width);display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab{cursor:pointer;border-bottom-style:var(--tw-border-style);padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-12,var(--spacing-12,12px));font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));background-color:#0000;border-color:#0000;border-bottom-width:2px}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible{border-radius:var(--radius-x-small,var(--border-radius-x-small));outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-border-status-focus,var(--border-status-focus))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive{border-color:var(--color-border-brand-500,var(--border-brand-500));color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions>[role=tabpanel]{align-items:center;gap:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;width:100%;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription{margin-top:var(--spacing-32,var(--spacing-32,32px));text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));max-width:var(--redirect-tab-description-max-width)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));padding:var(--spacing-12,var(--spacing-12,12px));border-radius:var(--redirect-qr-wrapper-border-radius);justify-content:center;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed{--phone-input-country-code-width:var(--redirect-phone-input-country-code-width);max-width:var(--redirect-form-column-max-width)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton{width:100%;max-width:var(--redirect-form-column-max-width)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent{margin-top:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions{margin-block:var(--spacing-8,var(--spacing-8,8px));justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));font-family:var(--Button-family,"DM Sans");letter-spacing:0;width:var(--redirect-form-column-max-width);flex-wrap:wrap;font-size:18px;font-weight:500;line-height:100%;display:flex}.IncodeRedirectFinishedContainer{flex-direction:column;justify-content:safe center;align-items:center;width:100%;height:100%;display:flex;overflow-y:auto}.IncodeRedirectFinishedContainer .IncodeRedirectLogo{max-height:var(--logo-height,44px)}.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle{margin-block:var(--spacing-20,var(--spacing-20,20px));text-align:center;font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));color:var(--color-text-body-primary,var(--text-body-800-primary));width:var(--width-finished-title)}.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle{text-align:center;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));color:var(--color-text-body-primary,var(--text-body-800-primary));width:var(--width-finished-subtitle)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/redirect-to-mobile/styles.css.js

@@ -1 +1 @@
-export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n      --tw-border-style: solid;\n      --tw-outline-style: solid;\n      --tw-font-weight: initial;\n    }\n  }\n}\n\n.IncodeRedirectRoot {\n  width: 100%;\n  height: 100%;\n}\n\n.IncodeRedirectRoot .IncodeRedirectLogo {\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer {\n  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));\n  justify-content: center;\n  align-items: safe center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  position: relative;\n  overflow-y: auto;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard {\n  border-radius: var(--radius-medium, var(--border-radius-medium));\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  width: 100%;\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-32, var(--spacing-32, 32px));\n  max-width: var(--redirect-card-max-width);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n  overflow-x: clip;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup {\n  align-items: center;\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {\n  margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n  width: 100%;\n  max-width: var(--redirect-options-max-width);\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToast {\n  top: var(--spacing-16, var(--spacing-16, 16px));\n  z-index: 50;\n  animation: 3s ease-in-out forwards incodeToastFadeInOut;\n  position: absolute;\n  left: 50%;\n}\n\n.IncodeRedirectContainer .IncodeRedirectToastContent {\n  align-items: center;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  display: inline-flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader {\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper {\n  width: 100%;\n  min-height: var(--min-height-logo-wrapper);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo {\n  max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {\n  width: 100%;\n  max-width: var(--redirect-form-column-max-width);\n  flex-direction: column;\n  flex: 1;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {\n  margin-block: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--Button-family, \"DM Sans\");\n  letter-spacing: 0;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 100%;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {\n  padding-block: var(--spacing-8, var(--spacing-8, 8px));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {\n  justify-content: center;\n  align-items: flex-end;\n  gap: var(--spacing-12, var(--spacing-12, 12px));\n  border-bottom-style: var(--tw-border-style);\n  border-bottom-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  width: 100%;\n  max-width: var(--redirect-tabs-max-width);\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab {\n  cursor: pointer;\n  border-bottom-style: var(--tw-border-style);\n  padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n  padding-block: var(--spacing-12, var(--spacing-12, 12px));\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  background-color: #0000;\n  border-color: #0000;\n  border-bottom-width: 2px;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible {\n  border-radius: var(--radius-x-small, var(--border-radius-x-small));\n  outline-style: var(--tw-outline-style);\n  outline-offset: 2px;\n  outline-width: 2px;\n  outline-color: var(--color-border-status-focus, var(--border-status-focus));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive {\n  border-color: var(--color-border-brand-500, var(--border-brand-500));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions > [role=\"tabpanel\"] {\n  align-items: center;\n  gap: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n  max-width: var(--redirect-tab-description-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n  border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n  padding: var(--spacing-12, var(--spacing-12, 12px));\n  border-radius: var(--redirect-qr-wrapper-border-radius);\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed {\n  --phone-input-country-code-width: var(--redirect-phone-input-country-code-width);\n  max-width: var(--redirect-form-column-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton {\n  width: 100%;\n  max-width: var(--redirect-form-column-max-width);\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {\n  margin-top: var(--spacing-32, var(--spacing-32, 32px));\n  flex-direction: column;\n  align-items: center;\n  display: flex;\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h2-size);\n  font-weight: var(--typography-headline-h2-weight);\n  line-height: var(--typography-headline-h2-line-height);\n  letter-spacing: var(--typography-headline-h2-letter-spacing);\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone {\n  text-align: center;\n  font-family: var(--typography-headline-family);\n  font-size: var(--typography-headline-h5-size);\n  font-weight: var(--typography-headline-h5-weight);\n  line-height: var(--typography-headline-h5-line-height);\n  letter-spacing: var(--typography-headline-h5-letter-spacing);\n  color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {\n  margin-block: var(--spacing-8, var(--spacing-8, 8px));\n  justify-content: center;\n  align-items: center;\n  gap: var(--spacing-4, var(--spacing-4, 4px));\n  font-family: var(--Button-family, \"DM Sans\");\n  letter-spacing: 0;\n  width: var(--redirect-form-column-max-width);\n  flex-wrap: wrap;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 100%;\n  display: flex;\n}\n\n.IncodeRedirectFinishedContainer {\n  flex-direction: column;\n  justify-content: safe center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  overflow-y: auto;\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectLogo {\n  max-height: var(--logo-height, 44px);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle {\n  margin-block: var(--spacing-20, var(--spacing-20, 20px));\n  text-align: center;\n  font-size: var(--text-3xl, 1.875rem);\n  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  width: var(--width-finished-title);\n}\n\n.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle {\n  text-align: center;\n  font-size: var(--text-2xl, 1.5rem);\n  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));\n  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));\n  color: var(--color-text-body-primary, var(--text-body-800-primary));\n  width: var(--width-finished-subtitle);\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n";
+export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.IncodeComponent,.IncodeComponent *,.IncodeComponent :before,.IncodeComponent :after,.IncodeComponent ::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-font-weight:initial}}}.IncodeRedirectRoot{width:100%;height:100%}.IncodeRedirectRoot .IncodeRedirectLogo{max-width:100%;max-height:100%}.IncodeRedirectRoot .IncodeRedirectContainer{background-color:var(--color-surface-neutral-50,var(--surface-neutral-50));justify-content:center;align-items:safe center;width:100%;height:100%;display:flex;position:relative;overflow-y:auto}.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));width:100%;padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-32,var(--spacing-32,32px));max-width:var(--redirect-card-max-width);flex-direction:column;align-items:center;display:flex;overflow-x:clip}.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTopGroup{align-items:center;gap:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;width:100%;display:flex}.IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions{margin-bottom:var(--spacing-32,var(--spacing-32,32px));width:100%;max-width:var(--redirect-options-max-width);flex-direction:column;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectToast{top:var(--spacing-16,var(--spacing-16,16px));z-index:50;animation:3s ease-in-out forwards incodeToastFadeInOut;position:absolute;left:50%}.IncodeRedirectContainer .IncodeRedirectToastContent{align-items:center;gap:var(--spacing-12,var(--spacing-12,12px));display:inline-flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader{flex-direction:column;align-items:center;width:100%;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogoWrapper{width:100%;min-height:var(--min-height-logo-wrapper);justify-content:center;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectLogo{max-height:var(--logo-height,44px)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectTitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectHeader .IncodeRedirectSubtitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav{width:100%;max-width:var(--redirect-form-column-max-width);flex-direction:column;flex:1;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContent{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText{margin-block:var(--spacing-12,var(--spacing-12,12px));font-family:var(--Button-family,\"DM Sans\");letter-spacing:0;font-size:18px;font-weight:500;line-height:100%}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper{padding-block:var(--spacing-8,var(--spacing-8,8px))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs{justify-content:center;align-items:flex-end;gap:var(--spacing-12,var(--spacing-12,12px));border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));width:100%;max-width:var(--redirect-tabs-max-width);display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab{cursor:pointer;border-bottom-style:var(--tw-border-style);padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-12,var(--spacing-12,12px));font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));background-color:#0000;border-color:#0000;border-bottom-width:2px}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab:focus-visible{border-radius:var(--radius-x-small,var(--border-radius-x-small));outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-border-status-focus,var(--border-status-focus))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs .IncodeRedirectTab.IncodeRedirectTabActive{border-color:var(--color-border-brand-500,var(--border-brand-500));color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions>[role=tabpanel]{align-items:center;gap:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;width:100%;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectTabDescription{margin-top:var(--spacing-32,var(--spacing-32,32px));text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary));max-width:var(--redirect-tab-description-max-width)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectQrWrapper{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));padding:var(--spacing-12,var(--spacing-12,12px));border-radius:var(--redirect-qr-wrapper-border-radius);justify-content:center;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputComposed{--phone-input-country-code-width:var(--redirect-phone-input-country-code-width);max-width:var(--redirect-form-column-max-width)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectSmsSendButton{width:100%;max-width:var(--redirect-form-column-max-width)}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent{margin-top:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;align-items:center;display:flex}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentTitle{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h2-size);font-weight:var(--typography-headline-h2-weight);line-height:var(--typography-headline-h2-line-height);letter-spacing:var(--typography-headline-h2-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentPhone{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h5-size);font-weight:var(--typography-headline-h5-weight);line-height:var(--typography-headline-h5-line-height);letter-spacing:var(--typography-headline-h5-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions{margin-block:var(--spacing-8,var(--spacing-8,8px));justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));font-family:var(--Button-family,\"DM Sans\");letter-spacing:0;width:var(--redirect-form-column-max-width);flex-wrap:wrap;font-size:18px;font-weight:500;line-height:100%;display:flex}.IncodeRedirectFinishedContainer{flex-direction:column;justify-content:safe center;align-items:center;width:100%;height:100%;display:flex;overflow-y:auto}.IncodeRedirectFinishedContainer .IncodeRedirectLogo{max-height:var(--logo-height,44px)}.IncodeRedirectFinishedContainer .IncodeRedirectFinishedTitle{margin-block:var(--spacing-20,var(--spacing-20,20px));text-align:center;font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));color:var(--color-text-body-primary,var(--text-body-800-primary));width:var(--width-finished-title)}.IncodeRedirectFinishedContainer .IncodeRedirectFinishedSubtitle{text-align:center;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));font-weight:var(--font-weight-bold,var(--primitive-typography-weight-bold));color:var(--color-text-body-primary,var(--text-body-800-primary));width:var(--width-finished-subtitle)}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}";

package/dist/reload-icon-elAFo9-k.js

@@ -0,0 +1,70 @@
+import { v as u } from "./vendor-preact-C0jX1Cbq.js";
+//#region src/shared/permissions/assets/check-v2-icon.svg?react
+var SvgCheckV2Icon = (props) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "none",
+	viewBox: "0 0 24 24",
+	...props,
+	children: [
+		/* @__PURE__ */ u("path", {
+			fill: "currentColor",
+			fillRule: "evenodd",
+			d: "m18.229 10.358-1.073 1.757a.75.75 0 0 1-.647.356.8.8 0 0 1-.381-.1l-1.817-1.027a.706.706 0 0 1-.266-.986.767.767 0 0 1 1.028-.255l.26.147A3.73 3.73 0 0 0 12 8.208c-1.216 0-2.355.573-3.047 1.533a.77.77 0 0 1-1.043.183.7.7 0 0 1-.19-1.003c.972-1.348 2.572-2.153 4.28-2.153 2.146 0 4.005 1.287 4.792 3.097l.144-.235a.764.764 0 0 1 1.026-.257.704.704 0 0 1 .267.985m-1.95 4.24c-.972 1.35-2.571 2.155-4.28 2.155-2.149 0-4.008-1.286-4.794-3.094l-.142.232a.77.77 0 0 1-1.026.256.703.703 0 0 1-.267-.984l1.073-1.757a.75.75 0 0 1 .458-.333.78.78 0 0 1 .57.076l1.817 1.028a.705.705 0 0 1 .266.986.77.77 0 0 1-1.028.255l-.266-.15a3.73 3.73 0 0 0 3.339 2.045c1.215 0 2.355-.573 3.045-1.533a.77.77 0 0 1 1.044-.183.7.7 0 0 1 .191 1.002M15.974 2.64H8.027C4.721 2.64 2.5 4.678 2.5 7.71v8.101c0 3.032 2.221 5.069 5.527 5.069h7.947c3.306 0 5.526-2.037 5.526-5.069V7.71c0-3.032-2.22-5.07-5.526-5.07",
+			clipRule: "evenodd"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "currentColor",
+			d: "M4 6h16v12H4z"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "#fff",
+			d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-1 7.5L8.5 12l.705-.705L11 13.085l3.795-3.795.705.71z"
+		})
+	]
+});
+//#endregion
+//#region src/shared/permissions/assets/person-card-icon.svg?react
+var SvgPersonCardIcon = (props) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "none",
+	viewBox: "0 0 24 24",
+	...props,
+	children: [
+		/* @__PURE__ */ u("path", {
+			fill: "currentColor",
+			fillRule: "evenodd",
+			d: "m18.229 10.358-1.073 1.757a.75.75 0 0 1-.647.356.8.8 0 0 1-.381-.1l-1.817-1.027a.706.706 0 0 1-.266-.986.767.767 0 0 1 1.028-.255l.26.147A3.73 3.73 0 0 0 12 8.208c-1.216 0-2.355.573-3.047 1.533a.77.77 0 0 1-1.043.183.7.7 0 0 1-.19-1.003c.972-1.348 2.572-2.153 4.28-2.153 2.146 0 4.005 1.287 4.792 3.097l.144-.235a.764.764 0 0 1 1.026-.257.704.704 0 0 1 .267.985m-1.95 4.24c-.972 1.35-2.571 2.155-4.28 2.155-2.149 0-4.008-1.286-4.794-3.094l-.142.232a.77.77 0 0 1-1.026.256.703.703 0 0 1-.267-.984l1.073-1.757a.75.75 0 0 1 .458-.333.78.78 0 0 1 .57.076l1.817 1.028a.705.705 0 0 1 .266.986.77.77 0 0 1-1.028.255l-.266-.15a3.73 3.73 0 0 0 3.339 2.045c1.215 0 2.355-.573 3.045-1.533a.77.77 0 0 1 1.044-.183.7.7 0 0 1 .191 1.002M15.974 2.64H8.027C4.721 2.64 2.5 4.678 2.5 7.71v8.101c0 3.032 2.221 5.069 5.527 5.069h7.947c3.306 0 5.526-2.037 5.526-5.069V7.71c0-3.032-2.22-5.07-5.526-5.07",
+			clipRule: "evenodd"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "currentColor",
+			d: "M4 6h16v12H4z"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "#fff",
+			d: "M16.868 7.133H7.801c-.625 0-1.133.509-1.133 1.134v6.8c0 .625.508 1.133 1.133 1.133h9.067c.625 0 1.133-.508 1.133-1.133v-6.8c0-.625-.508-1.134-1.133-1.134M10.473 9.4c.652 0 1.133.481 1.133 1.133s-.48 1.134-1.133 1.134c-.652 0-1.133-.482-1.133-1.134S9.82 9.4 10.473 9.4m2.105 4.533h-4.21v-.263c0-.778.95-1.578 2.105-1.578s2.105.8 2.105 1.578zm3.723-.566h-2.266v-1.134H16.3zm0-2.267h-2.833V9.967h2.833z"
+		})
+	]
+});
+//#endregion
+//#region src/shared/permissions/assets/reload-icon.svg?react
+var SvgReloadIcon = (props) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "none",
+	viewBox: "0 0 24 24",
+	...props,
+	children: /* @__PURE__ */ u("path", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		d: "m18.229 10.358-1.073 1.757a.75.75 0 0 1-.647.356.8.8 0 0 1-.381-.1l-1.817-1.027a.706.706 0 0 1-.266-.986.767.767 0 0 1 1.028-.255l.26.147A3.73 3.73 0 0 0 12 8.208c-1.216 0-2.355.573-3.047 1.533a.77.77 0 0 1-1.043.183.7.7 0 0 1-.19-1.003c.972-1.348 2.572-2.153 4.28-2.153 2.146 0 4.005 1.287 4.792 3.097l.144-.235a.764.764 0 0 1 1.026-.257.704.704 0 0 1 .267.985m-1.95 4.24c-.972 1.35-2.571 2.155-4.28 2.155-2.149 0-4.008-1.286-4.794-3.094l-.142.232a.77.77 0 0 1-1.026.256.703.703 0 0 1-.267-.984l1.073-1.757a.75.75 0 0 1 .458-.333.78.78 0 0 1 .57.076l1.817 1.028a.705.705 0 0 1 .266.986.77.77 0 0 1-1.028.255l-.266-.15a3.73 3.73 0 0 0 3.339 2.045c1.215 0 2.355-.573 3.045-1.533a.77.77 0 0 1 1.044-.183.7.7 0 0 1 .191 1.002M15.974 2.64H8.027C4.721 2.64 2.5 4.678 2.5 7.71v8.101c0 3.032 2.221 5.069 5.527 5.069h7.947c3.306 0 5.526-2.037 5.526-5.069V7.71c0-3.032-2.22-5.07-5.526-5.07",
+		clipRule: "evenodd"
+	})
+});
+//#endregion
+export { SvgPersonCardIcon as n, SvgCheckV2Icon as r, SvgReloadIcon as t };

package/dist/{resendTimer-BdmoqbO1.js → resendTimer-C0tGof4N.js}

@@ -1,4 +1,4 @@
-import { o as useTranslation } from "./uiConfig-qMQHPoxa.js";
+import { o as useTranslation } from "./uiConfig-CzjzpmLx.js";
 import { _ as y, c as A, h as q } from "./vendor-preact-C0jX1Cbq.js";
 //#region src/shared/resendTimer.ts
 var formatResendTimer = (seconds) => {