@incodetech/web 2.0.1-rc.0 → 2.1.0-rc.0

package/dist/identity-reuse/styles.css

@@ -2,7 +2,6 @@
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
-      --tw-font-weight: initial;
       --tw-border-style: solid;
       --tw-duration: initial;
     }
@@ -25,130 +24,185 @@
   animation: .4s ease-out fadeIn;
 }
 
-.IncodeIdentityReuseContent {
+.IncodeIdentityReusePage .IncodeIdentityReuseBody {
+  padding-top: var(--spacing-32);
   flex-direction: column;
   flex: 1;
-  justify-content: center;
-  align-items: center;
   display: flex;
 }
 
-.IncodeIdentityReuseVisualization {
-  justify-content: center;
-  align-items: center;
+.IncodeIdentityReusePage .IncodeIdentityReuseList {
   gap: var(--spacing-8, var(--spacing-8, 8px));
+  flex-direction: column;
   width: 100%;
   display: flex;
 }
 
-.IncodeIdentityReuseCircleWrapper {
-  flex: 1;
-  justify-content: center;
-  align-items: center;
+.IncodeIdentityReusePage .IncodeIdentityReuseCard {
+  cursor: pointer;
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  border-style: var(--tw-border-style);
+  width: 100%;
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+  text-align: left;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
+  --tw-duration: .2s;
+  background-color: var(--surface-neutral-0);
+  border-width: 1px;
+  border-color: var(--border-neutral-100);
+  flex-direction: column;
+  align-items: stretch;
+  transition-duration: .2s;
   display: flex;
 }
 
-.IncodeIdentityReuseCircle {
-  aspect-ratio: 1;
-  border-radius: var(--radius-full, var(--border-radius-full));
+.IncodeIdentityReusePage .IncodeIdentityReuseCard:hover {
+  border-color: var(--border-neutral-200);
+}
+
+.IncodeIdentityReusePage .IncodeIdentityReuseCard:focus-visible {
+  outline: var(--focus-outline-width) solid var(--border-status-focus);
+  outline-offset: var(--focus-outline-width);
+}
+
+.IncodeIdentityReusePage .IncodeIdentityReuseCardSelected, .IncodeIdentityReusePage .IncodeIdentityReuseCardSelected:hover {
   background-color: var(--surface-brand-50);
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  max-width: 180px;
-  display: flex;
+  border-color: var(--border-brand-500);
 }
 
-.IncodeIdentityReuseCircleText {
-  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
-  text-align: center;
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --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(--surface-brand-500);
+.IncodeIdentityReusePage .IncodeIdentityReuseCardBody {
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
 }
 
-.IncodeIdentityReuseArrowWrapper {
-  justify-content: center;
+.IncodeIdentityReusePage .IncodeIdentityReuseCardHeader {
+  justify-content: space-between;
   align-items: center;
-  width: 10%;
+  width: 100%;
   display: flex;
 }
 
-.IncodeIdentityReuseArrow {
-  width: 100%;
-  color: var(--text-body-800-secondary);
+.IncodeIdentityReusePage .IncodeIdentityReuseCardHeaderLeft {
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  display: flex;
 }
 
-.IncodeIdentityReuseDescription {
-  margin: var(--spacing-0, var(--spacing-none, 0px));
-  margin-top: var(--spacing-24, var(--spacing-24, 24px));
-  text-align: center;
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  color: var(--text-body-800-secondary);
+.IncodeIdentityReusePage .IncodeIdentityReuseCardTypeLabel {
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--text-body-800-primary);
 }
 
-.IncodeIdentityReuseActions {
+.IncodeIdentityReusePage .IncodeIdentityReuseCardIdentifier {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  align-items: center;
   gap: var(--spacing-8, var(--spacing-8, 8px));
-  flex-direction: column;
+  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(--text-body-800-primary);
   display: flex;
 }
 
-.IncodeIdentityReuseCandidateList {
-  gap: var(--spacing-8, var(--spacing-8, 8px));
-  flex-direction: column;
-  width: 100%;
-  display: flex;
+.IncodeIdentityReusePage .IncodeIdentityReuseCardVerified {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--text-body-500-secondary);
+}
+
+.IncodeIdentityReusePage .IncodeIdentityReuseBadgeRecommended {
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  padding-block: var(--spacing-2, var(--spacing-2, 2px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-s-regular-size);
+  font-weight: var(--typography-body-s-regular-weight);
+  line-height: var(--typography-body-s-regular-line-height);
+  letter-spacing: var(--typography-body-s-regular-letter-spacing);
+  background-color: var(--surface-brand-500-static);
+  color: var(--text-body-0-static);
+  align-items: center;
+  display: inline-flex;
 }
 
-.IncodeIdentityReuseCandidateItem {
-  cursor: pointer;
-  border-radius: var(--radius-medium, var(--border-radius-medium));
+.IncodeIdentityReusePage .IncodeIdentityReuseBadgeSlowest {
+  border-radius: var(--radius-x-small, var(--border-radius-x-small));
   border-style: var(--tw-border-style);
-  width: 100%;
-  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
-  padding-block: var(--spacing-16, var(--spacing-16, 16px));
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  --tw-duration: .2s;
-  background-color: var(--surface-brand-50);
+  padding-inline: var(--spacing-4, var(--spacing-4, 4px));
+  padding-block: var(--spacing-2, var(--spacing-2, 2px));
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-s-regular-size);
+  font-weight: var(--typography-body-s-regular-weight);
+  line-height: var(--typography-body-s-regular-line-height);
+  letter-spacing: var(--typography-body-s-regular-letter-spacing);
+  background-color: var(--surface-neutral-50);
   border-width: 1px;
-  border-color: var(--surface-brand-50);
-  justify-content: space-between;
+  border-color: var(--border-neutral-200);
+  color: var(--text-body-800-primary);
   align-items: center;
-  transition-duration: .2s;
-  display: flex;
+  display: inline-flex;
 }
 
-.IncodeIdentityReuseCandidateItem:hover {
-  border-color: var(--surface-brand-500);
+.IncodeIdentityReusePage .IncodeIdentityReuseScanNewCard {
+  align-items: center;
+  gap: var(--spacing-20);
+  flex-direction: row;
 }
 
-.IncodeIdentityReuseCandidateItem:focus-visible {
-  --tw-outline-style: none;
-  border-color: var(--border-status-focus);
-  box-shadow: 0 0 0 2px var(--border-status-focus);
-  outline-style: none;
+.IncodeIdentityReusePage .IncodeIdentityReuseScanNewBody {
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex: 1;
+  display: flex;
 }
 
-.IncodeIdentityReuseCandidateItemName {
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  color: var(--text-body-800-primary);
+.IncodeIdentityReusePage .IncodeIdentityReuseRadio {
+  border-radius: var(--radius-full, var(--border-radius-full));
+  border-style: var(--tw-border-style);
+  width: var(--spacing-24);
+  height: var(--spacing-24);
+  background-color: var(--surface-neutral-50);
+  border-width: 1px;
+  border-color: var(--border-neutral-200);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
 }
 
-.IncodeIdentityReuseCandidateItemChevron {
-  width: var(--spacing-24, var(--spacing-24, 24px));
-  height: var(--spacing-24, var(--spacing-24, 24px));
-  color: var(--text-body-800-secondary);
-  flex-shrink: 0;
+.IncodeIdentityReusePage .IncodeIdentityReuseRadioChecked {
+  background-color: var(--surface-brand-500-static);
+  border-color: var(--surface-brand-500-static);
 }
 
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
+.IncodeIdentityReusePage .IncodeIdentityReuseRadioInner {
+  border-radius: var(--radius-full, var(--border-radius-full));
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  background-color: var(--surface-neutral-0-static);
+  display: block;
+}
+
+.IncodeIdentityReusePage .IncodeIdentityReuseActions {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  padding-top: var(--spacing-16);
+  flex-direction: column;
+  margin-top: auto;
+  display: flex;
 }
 
 @property --tw-border-style {

package/dist/incode-logo-57XFniXU.js

@@ -0,0 +1,4 @@
+//#region src/shared/page/incode-logo.svg
+var incode_logo_default = "data:image/svg+xml,%3csvg%20width='76'%20height='20'%20viewBox='0%200%2076%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.1687%206.01811C42.2312%206.01811%2043.7927%206.59655%2044.8446%207.76024C45.8919%208.91831%2046.4126%2010.5865%2046.4126%2012.7583C46.4126%2014.93%2045.8748%2016.6105%2044.794%2017.7944C43.7102%2018.9815%2042.1729%2019.5735%2040.1937%2019.5735C38.1479%2019.5735%2036.5973%2018.99%2035.5546%2017.8187L35.4273%2017.6701C34.4729%2016.5101%2033.9984%2014.871%2033.9984%2012.7583C33.9984%208.28671%2036.0703%206.01811%2040.1687%206.01811ZM69.1127%206.01781C71.1144%206.01781%2072.5953%206.66904%2073.5373%207.97333C74.4288%209.2077%2074.8837%2010.9053%2074.9066%2013.0629L74.9058%2013.5242H66.1149C66.2174%2014.6334%2066.5602%2015.4734%2067.141%2016.0538C67.7488%2016.662%2068.6195%2016.9679%2069.7639%2016.9679C70.5188%2016.9679%2071.2373%2016.8742%2071.921%2016.6862C72.6048%2016.4995%2073.2105%2016.2581%2073.735%2015.9646L73.9814%2015.8267V18.666L73.8821%2018.7093C72.5607%2019.286%2071.0464%2019.5732%2069.3379%2019.5732C67.4088%2019.5732%2065.8853%2018.986%2064.7769%2017.8093C63.6699%2016.6348%2063.1183%2014.9722%2063.1183%2012.833C63.1183%2010.6451%2063.6389%208.96055%2064.6862%207.78517C65.7359%206.60632%2067.2157%206.01781%2069.1127%206.01781ZM60.3976%201.06738V16.3832C60.3976%2017.0998%2060.0996%2017.7092%2059.5124%2018.198C58.9425%2018.6724%2058.2282%2019.0207%2057.3718%2019.2435C56.5257%2019.4635%2055.6531%2019.5731%2054.7534%2019.5731C52.9298%2019.5731%2051.4237%2019.056%2050.2406%2018.0202C49.0485%2016.9752%2048.4588%2015.1678%2048.4588%2012.6072C48.4588%2010.5545%2048.9627%208.9421%2049.9753%207.77411C50.9938%206.60175%2052.4982%206.01774%2054.4782%206.01774C54.9416%206.01774%2055.4735%206.07665%2056.0742%206.19449C56.582%206.296%2057.0453%206.43849%2057.4648%206.62252V1.06738H60.3976ZM27.911%206.04223C29.2828%206.04223%2030.5881%206.29619%2031.8264%206.80393L31.9291%206.84604V9.55797L31.6992%209.46109C30.4503%208.93473%2029.3127%208.67257%2028.2863%208.67257C27.0102%208.67257%2026.0684%208.98809%2025.4521%209.61162C24.8366%2010.2352%2024.5242%2011.2397%2024.5242%2012.6331C24.5242%2014.0959%2024.8298%2015.1535%2025.4314%2015.8092C26.029%2016.4619%2027.002%2016.7923%2028.3613%2016.7923C29.4706%2016.7923%2030.589%2016.5234%2031.7164%2015.9842L31.9534%2015.8708V18.5903L31.8552%2018.634C30.6349%2019.1773%2029.3283%2019.4483%2027.936%2019.4483C26.2154%2019.4483%2024.7637%2018.9753%2023.5868%2018.0285L23.4123%2017.8829L23.2796%2017.7636C22.1516%2016.7067%2021.5914%2015.0592%2021.5914%2012.8332C21.5914%2010.4557%2022.186%208.72379%2023.3849%207.64725C24.5757%206.57726%2026.0871%206.04223%2027.911%206.04223ZM4.11045%206.39262L4.13613%2019.1987H1.15293V6.39262H4.11045ZM13.5766%206.0423C15.365%206.0423%2016.6948%206.41948%2017.5636%207.18368C18.4372%207.95269%2018.8706%209.13902%2018.8706%2010.7331V19.1984H15.9127V11.0838C15.9127%209.42945%2014.9988%208.62337%2013.1013%208.62337C12.3086%208.62337%2011.5458%208.73548%2010.8133%208.95959L10.5401%209.04888V19.1984H7.58147V7.40579L7.67177%207.35974C8.43481%206.97061%209.36013%206.65415%2010.4506%206.40815L10.8116%206.33134C11.7692%206.13867%2012.6905%206.0423%2013.5766%206.0423ZM40.1687%208.5477C39.0014%208.5477%2038.1814%208.89722%2037.6896%209.59114C37.1869%2010.3012%2036.932%2011.3564%2036.932%2012.7583C36.932%2014.1602%2037.1948%2015.223%2037.7142%2015.9499C38.2224%2016.6613%2039.0345%2017.0182%2040.1687%2017.0182C42.3685%2017.0182%2043.4555%2015.6249%2043.4555%2012.7583C43.4555%2011.325%2043.1888%2010.2632%2042.6636%209.57056C42.1472%208.89036%2041.3203%208.5477%2040.1687%208.5477ZM54.8535%208.59807C52.5835%208.59807%2051.4659%209.9271%2051.4659%2012.6579C51.4659%2014.0276%2051.7253%2015.0917%2052.2391%2015.8527C52.7378%2016.5945%2053.6185%2016.9678%2054.9035%2016.9678C55.6556%2016.9678%2056.2834%2016.8792%2056.7876%2016.7028C57.2156%2016.553%2057.4279%2016.378%2057.4604%2016.186L57.4648%2016.1332V9.25404L57.2778%209.15611C56.9611%208.99923%2056.6189%208.87406%2056.2512%208.78123C55.7705%208.65917%2055.3045%208.59807%2054.8535%208.59807ZM69.0377%208.49888C68.192%208.49888%2067.5412%208.71795%2067.0743%209.15366C66.6631%209.5374%2066.3731%2010.1684%2066.2101%2011.0498L66.1771%2011.2425H71.8784L71.8489%2011.0453C71.7111%2010.208%2071.4421%209.58986%2071.0461%209.18626C70.5969%208.72981%2069.9303%208.49888%2069.0377%208.49888ZM4.21085%201.94156V4.64764H1.07715V1.94156H4.21085Z'%20fill='%23006AFF'/%3e%3c/svg%3e";
+//#endregion
+export { incode_logo_default as t };

package/dist/incodeComponent-wfnHlnXx.js

@@ -0,0 +1,63 @@
+import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { _ as y, l as A, p as d, r as $, v as u } from "./vendor-preact-DThS2ZQ_.js";
+import { s as useScreenOrientation } from "./hooks-Da_yP_Dr.js";
+import { isIPad } from "@incodetech/core/device";
+//#region src/shared/icons/rotate-icon.svg
+var rotate_icon_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%3e%3cg%20fill='%2320263D'%3e%3cpath%20d='M84.12%2027.54l-2.58-2.58L65.036%208.456l-2.58-2.58c-3.127-3.127-8.58-2.764-12.157.81L6.69%2050.306c-3.574%203.574-3.938%209.027-.81%2012.158l21.66%2021.66c3.128%203.127%208.58%202.764%2012.157-.81l43.617-43.616c3.574-3.578%203.937-9.03.806-12.158zm-5.524%208.617l-42.439%2042.44c-1.3%201.3-3.28%201.432-4.42.296l-20.63-20.63c-1.14-1.14-1.008-3.12.297-4.42l42.438-42.44c1.302-1.3%203.282-1.432%204.422-.296l1.031%201.032c1.14%201.14%201.009%203.12-.296%204.421-1.302%201.301-1.433%203.281-.297%204.421L69.02%2031.297c1.14%201.14%203.12%201.01%204.421-.296%201.301-1.301%203.281-1.432%204.421-.296l1.031%201.031c1.137%201.14%201.005%203.12-.296%204.421zM51.885%2090a3.135%203.135%200%2001-2.22-5.351l8.925-8.925a3.138%203.138%200%20014.646.233l3.308%204.046c10.114-5.374%2017.081-15.994%2017.178-28.14a3.136%203.136%200%20013.136-3.113h.026a3.14%203.14%200%20013.112%203.161C89.835%2072.746%2072.746%2089.835%2051.911%2090h-.026zM38.115%200a3.135%203.135%200%20012.22%205.351l-8.925%208.925a3.125%203.125%200%2001-2.378.915%203.138%203.138%200%2001-2.272-1.147l-3.308-4.046C13.34%2015.37%206.373%2025.99%206.274%2038.138a3.14%203.14%200%2001-3.139%203.112h-.026a3.139%203.139%200%2001-3.11-3.161C.166%2017.254%2017.255.165%2038.09%200h.026z'/%3e%3c/g%3e%3c/svg%3e";
+//#endregion
+//#region src/shared/landscapeBlocker/landscapeBlocker.tsx
+function usePortalContainer() {
+	const [container, setContainer] = d(null);
+	const containerRef = A(null);
+	y(() => {
+		const el = document.createElement("div");
+		el.setAttribute("data-incode-landscape-portal", "");
+		document.body.appendChild(el);
+		containerRef.current = el;
+		setContainer(el);
+		return () => {
+			el.remove();
+			containerRef.current = null;
+		};
+	}, []);
+	return container;
+}
+function LandscapeBlocker() {
+	const { t } = useTranslation();
+	const container = usePortalContainer();
+	if (!container) return null;
+	return $(/* @__PURE__ */ u("div", {
+		class: "IncodeLandscapeBlocker",
+		children: [
+			/* @__PURE__ */ u("img", {
+				class: "IncodeLandscapeBlocker-icon",
+				src: rotate_icon_default,
+				alt: "",
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ u("p", {
+				class: "IncodeLandscapeBlocker-text",
+				children: t("common.landscape")
+			}),
+			/* @__PURE__ */ u("p", {
+				class: "IncodeLandscapeBlocker-text",
+				children: isIPad() ? t("common.rotateIpad") : t("common.rotate")
+			})
+		]
+	}), container);
+}
+//#endregion
+//#region src/shared/componentRoot/incodeComponent.tsx
+/**
+* Wraps UI modules with the standard container.
+* Shows a landscape blocker overlay on mobile (excluding iPad) when device is rotated to landscape.
+*/
+function IncodeComponent({ children }) {
+	const { isLandscapeMobile } = useScreenOrientation();
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeComponent",
+		children: [children, isLandscapeMobile ? /* @__PURE__ */ u(LandscapeBlocker, {}) : null]
+	});
+}
+//#endregion
+export { LandscapeBlocker as n, IncodeComponent as t };

package/dist/incodeModule-BUDoTwT9.js

@@ -0,0 +1,13 @@
+import { t as registerIncodeElement } from "./registerIncodeElement-77NGCDsy.js";
+//#region src/shared/webComponent/incodeModule.ts
+var incodeModulePropKeys = [
+	"config",
+	"manager",
+	"onFinish",
+	"onError"
+];
+function registerIncodeModuleElement(component, tagName) {
+	registerIncodeElement(component, tagName, incodeModulePropKeys);
+}
+//#endregion
+export { registerIncodeModuleElement as t };

package/dist/index.es.js

@@ -1,16 +1,19 @@
-import { i as e, r as t } from "./i18n-9s4OSqwi.js";
-import { t as n } from "./uiConfig-CwpQ-IM6.js";
-import { DEFAULT_WASM_VERSION as r } from "@incodetech/core/wasm";
-import { setup as i } from "@incodetech/core";
+import { a as createI18n, i as setI18nInstance } from "./i18n-CoCO2ZuN.js";
+import { t as setUiConfig } from "./uiConfig-D2_wawvr.js";
+import { DEFAULT_WASM_VERSION } from "@incodetech/core/wasm";
+import { setup as setup$1 } from "@incodetech/core";
 //#region src/setup.ts
-async function a({ apiURL: r, token: a, customHeaders: o, timeout: s, wasm: c, i18n: l, uiConfig: u }) {
-	u && n(u), await i({
-		apiURL: r,
-		token: a,
-		customHeaders: o,
-		timeout: s,
-		wasm: c
-	}), t(e(l));
+async function setup({ apiURL, token, customHeaders, timeout, wasm, ipLookup, i18n, uiConfig }) {
+	if (uiConfig) setUiConfig(uiConfig);
+	await setup$1({
+		apiURL,
+		token,
+		customHeaders,
+		timeout,
+		wasm,
+		ipLookup
+	});
+	setI18nInstance(createI18n(i18n));
 }
 //#endregion
-export { r as DEFAULT_WASM_VERSION, n as setUiConfig, a as setup };
+export { DEFAULT_WASM_VERSION, createI18n, setI18nInstance, setUiConfig, setup };

package/dist/inputComposed-BEn7_nZd.js

@@ -0,0 +1 @@
+import "./inputComposed-CQ4AsvZg.js";

package/dist/inputComposed-CQ4AsvZg.js

@@ -0,0 +1,99 @@
+import { a as D, v as u } from "./vendor-preact-DThS2ZQ_.js";
+import { n as cn } from "./loadingIcon-B0ysgiNq.js";
+import { t as ErrorIcon } from "./errorIcon-DJRZpd8j.js";
+import { o as CloseIcon } from "./icons-Dbs9ZfYM.js";
+import { t as SuccessIcon } from "./successIcon-BAyDPT7I.js";
+//#region src/shared/input/input.tsx
+var Input = D((props, ref) => {
+	const { class: className, type = "text", ...restProps } = props;
+	return /* @__PURE__ */ u("input", {
+		...restProps,
+		ref,
+		type,
+		class: cn("IncodeInput", className)
+	});
+});
+//#endregion
+//#region src/shared/inputComposed/inputComposed.tsx
+var InputComposed = D(({ id, label, labelHint, "aria-label": ariaLabel, "aria-describedby": externalDescribedBy, type, error, showErrorIcon, helper, showHelperIcon, closeButton, rightIcon, required, suppressMessages = false, class: className, value, ...restProps }, ref) => {
+	const helperId = `${id}-helper`;
+	const errorId = `${id}-error`;
+	const describedByIds = [
+		!suppressMessages && helper ? helperId : null,
+		!suppressMessages && error ? errorId : null,
+		externalDescribedBy
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeInputComposed", className),
+		children: [
+			label && /* @__PURE__ */ u("label", {
+				class: "IncodeInputComposedLabel",
+				htmlFor: id,
+				"data-testid": `${id}-label`,
+				children: [label, labelHint && /* @__PURE__ */ u("span", {
+					class: "IncodeInputComposedLabelHint",
+					"data-testid": `${id}-label-hint`,
+					children: labelHint
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				class: "IncodeInputComposedWrapper",
+				children: [
+					/* @__PURE__ */ u(Input, {
+						id,
+						type,
+						...restProps,
+						ref,
+						required,
+						"data-has-value": !!(value && String(value).length > 0),
+						...!label && ariaLabel ? { "aria-label": ariaLabel } : {},
+						"aria-describedby": describedByIds,
+						"aria-required": required ? "true" : void 0,
+						"aria-invalid": error ? "true" : void 0,
+						value
+					}),
+					rightIcon,
+					closeButton?.show && /* @__PURE__ */ u("button", {
+						type: "button",
+						"aria-label": "Clear",
+						class: "IncodeInputComposedClearButton",
+						onClick: closeButton.onClose,
+						"data-testid": `${id}-clear`,
+						children: /* @__PURE__ */ u(CloseIcon, {
+							width: 24,
+							height: 24,
+							fillColor: "var(--icon-neutral-500)"
+						})
+					})
+				]
+			}),
+			!suppressMessages && error && /* @__PURE__ */ u("div", {
+				class: "IncodeInputComposedErrorWrapper",
+				role: "alert",
+				"data-testid": `${id}-error-wrapper`,
+				children: [showErrorIcon && /* @__PURE__ */ u("div", {
+					class: "IncodeInputComposedIconWrapper",
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 17 })
+				}), /* @__PURE__ */ u("p", {
+					id: errorId,
+					class: "IncodeInputComposedError",
+					children: error
+				})]
+			}),
+			!suppressMessages && helper && !error && /* @__PURE__ */ u("div", {
+				class: "IncodeInputComposedHelperWrapper",
+				"data-testid": `${id}-helper-wrapper`,
+				children: [showHelperIcon && /* @__PURE__ */ u("div", {
+					class: "IncodeInputComposedIconWrapper",
+					children: /* @__PURE__ */ u(SuccessIcon, { size: 17 })
+				}), /* @__PURE__ */ u("p", {
+					id: helperId,
+					class: "IncodeInputComposedHelper",
+					children: helper
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { Input as n, InputComposed as t };

package/dist/loadingIcon-B0ysgiNq.js

@@ -0,0 +1,148 @@
+import { f as _, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
+//#region src/shared/spacer/spacer.tsx
+var scaleTokens = new Set([
+	0,
+	2,
+	4,
+	8,
+	12,
+	16,
+	20,
+	24,
+	32,
+	40,
+	48,
+	64,
+	80,
+	96,
+	104,
+	120,
+	200
+]);
+var scaleToClassName = (size, direction) => {
+	if (direction === "horizontal") return {
+		0: "IncodeSpacerHorizontal0",
+		2: "IncodeSpacerHorizontal2",
+		4: "IncodeSpacerHorizontal4",
+		8: "IncodeSpacerHorizontal8",
+		12: "IncodeSpacerHorizontal12",
+		16: "IncodeSpacerHorizontal16",
+		20: "IncodeSpacerHorizontal20",
+		24: "IncodeSpacerHorizontal24",
+		32: "IncodeSpacerHorizontal32",
+		40: "IncodeSpacerHorizontal40",
+		48: "IncodeSpacerHorizontal48",
+		64: "IncodeSpacerHorizontal64",
+		80: "IncodeSpacerHorizontal80",
+		96: "IncodeSpacerHorizontal96",
+		104: "IncodeSpacerHorizontal104",
+		120: "IncodeSpacerHorizontal120",
+		200: "IncodeSpacerHorizontal200"
+	}[size];
+	return {
+		0: "IncodeSpacerVertical0",
+		2: "IncodeSpacerVertical2",
+		4: "IncodeSpacerVertical4",
+		8: "IncodeSpacerVertical8",
+		12: "IncodeSpacerVertical12",
+		16: "IncodeSpacerVertical16",
+		20: "IncodeSpacerVertical20",
+		24: "IncodeSpacerVertical24",
+		32: "IncodeSpacerVertical32",
+		40: "IncodeSpacerVertical40",
+		48: "IncodeSpacerVertical48",
+		64: "IncodeSpacerVertical64",
+		80: "IncodeSpacerVertical80",
+		96: "IncodeSpacerVertical96",
+		104: "IncodeSpacerVertical104",
+		120: "IncodeSpacerVertical120",
+		200: "IncodeSpacerVertical200"
+	}[size];
+};
+var Spacer = ({ size, className, direction = "vertical" }) => {
+	if (size === void 0) return /* @__PURE__ */ u("div", { class: `IncodeSpacerFlex ${className || ""}` });
+	if (!(direction === "horizontal" ? "w" : direction === "vertical" ? "h" : void 0)) return /* @__PURE__ */ u("div", { class: `${className || ""}` });
+	if (typeof size === "number" && scaleTokens.has(size)) return /* @__PURE__ */ u("div", { class: `${scaleToClassName(size, direction)} ${className || ""}` });
+	return /* @__PURE__ */ u("div", { class: `${className || ""}` });
+};
+//#endregion
+//#region src/styles/cn.tsx
+var cn = (...classes) => {
+	const result = [];
+	for (const cls of classes) {
+		if (!cls) continue;
+		if (typeof cls === "string") result.push(cls);
+		else if (typeof cls === "object") {
+			for (const [key, value] of Object.entries(cls)) if (value) result.push(key);
+		}
+	}
+	return result.join(" ");
+};
+//#endregion
+//#region src/shared/loader/loadingIcon.tsx
+/**
+* Duration of the CSS spin animation on `.IncodeLoadingIcon`.
+* Must stay in sync with the `animation-duration` declared in the stylesheet.
+*/
+var SPIN_DURATION_MS = 1e3;
+var SpinnerPrimary = ({ size, className }) => {
+	return /* @__PURE__ */ u("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 31 31",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		class: cn("IncodeLoadingIconPrimaryIcon", className),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ u("path", { d: "M28.1614 15.2837C29.453 15.2837 30.5186 14.2304 30.3181 12.9545C30.1344 11.7862 29.8129 10.6411 29.3582 9.54344C28.6044 7.72356 27.4995 6.06997 26.1066 4.67709C24.7137 3.28421 23.0601 2.17932 21.2403 1.4255C20.1426 0.970841 18.9974 0.649265 17.8292 0.46563C16.5533 0.265073 15.5 1.33073 15.5 2.62232C15.5 3.91391 16.5601 4.93461 17.8187 5.22473C18.3748 5.35291 18.9206 5.52729 19.4503 5.74672C20.7028 6.26548 21.8407 7.02585 22.7993 7.98441C23.7578 8.94296 24.5182 10.0809 25.037 11.3333C25.2564 11.8631 25.4308 12.4089 25.559 12.965C25.8491 14.2236 26.8698 15.2837 28.1614 15.2837Z" })
+	});
+};
+var SpinnerSecondary = ({ size, className }) => {
+	return /* @__PURE__ */ u("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 31 31",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		class: cn("IncodeLoadingIconSecondaryIcon", className),
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("title", { children: "Spinner Outer part" }), /* @__PURE__ */ u("path", { d: "M30.5 15.2837C30.5 23.568 23.7843 30.2837 15.5 30.2837C7.21573 30.2837 0.5 23.568 0.5 15.2837C0.5 6.99942 7.21573 0.283691 15.5 0.283691C23.7843 0.283691 30.5 6.99942 30.5 15.2837ZM5.17725 15.2837C5.17725 20.9848 9.7989 25.6064 15.5 25.6064C21.2011 25.6064 25.8227 20.9848 25.8227 15.2837C25.8227 9.5826 21.2011 4.96095 15.5 4.96095C9.7989 4.96095 5.17725 9.5826 5.17725 15.2837Z" })]
+	});
+};
+var LoadingIcon = ({ size = 30, secondaryClass, primaryClass }) => {
+	const ref = A(null);
+	/**
+	* Cross-module loaders (e.g. ID processing → selfie initialising) unmount
+	* and remount this component as the user moves between flow steps. By
+	* default each remount restarts the CSS spin animation from frame 0, which
+	* reads as a visible "stutter" or reset of the spinner during otherwise
+	* seamless transitions.
+	*
+	* To keep the rotation continuous across remounts we anchor the animation
+	* to a wall-clock offset: `performance.now() % SPIN_DURATION_MS` tells us
+	* how far into the current spin cycle we are, and applying it as a
+	* negative `animation-delay` makes the new instance pick up exactly where
+	* the previous one left off.
+	*/
+	_(() => {
+		if (!ref.current) return;
+		const offsetMs = performance.now() % SPIN_DURATION_MS;
+		ref.current.style.animationDelay = `-${offsetMs}ms`;
+	}, []);
+	return /* @__PURE__ */ u("div", {
+		ref,
+		class: "IncodeLoadingIcon",
+		children: [/* @__PURE__ */ u(SpinnerSecondary, {
+			size,
+			className: secondaryClass
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeLoadingIconPrimary",
+			children: /* @__PURE__ */ u(SpinnerPrimary, {
+				size,
+				className: primaryClass
+			})
+		})]
+	});
+};
+//#endregion
+export { cn as n, Spacer as r, LoadingIcon as t };