@incodetech/web 0.0.0-dev-20260313-547c32f → 0.0.0-dev-20260313-2675d26

package/dist/ekyb/styles.css

@@ -1,107 +1,140 @@
 /*! tailwindcss v4.1.17 | 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)))) {
+    *, :before, :after, ::backdrop {
+      --tw-font-weight: initial;
+      --tw-border-style: solid;
+    }
+  }
+}
+
 .IncodeEkybPage {
   max-width: 480px;
-  margin: 0 auto;
+  margin-inline: auto;
 }
 
-.IncodeEkyb__form {
+.IncodeEkybForm {
+  margin-top: var(--spacing-32, var(--spacing-32, 32px));
+  gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
-  gap: 16px;
   width: 100%;
-  margin-top: 32px;
   display: flex;
 }
 
+.IncodeEkybForm .IncodeInputComposed, .IncodeEkybForm .IncodeDropdownComposed, .IncodeEkybForm .IncodeFormField {
+  margin-inline: auto;
+}
+
+.IncodeEkybForm .IncodeFormField {
+  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
+}
+
 @media (min-width: 768px) {
   .IncodePageContainer.IncodeEkybPage {
+    margin-top: var(--spacing-0, var(--spacing-none, 0px));
     height: 95dvh;
     max-height: none;
-    margin-top: 0;
   }
 
   .IncodeEkybPage .IncodePageInner {
     height: 95%;
   }
 
-  .IncodePageContainer.IncodeEkybPage--scrollable {
+  .IncodePageContainer.IncodeEkybPageScrollable {
     max-width: 500px;
   }
 
   .IncodeEkybPage .IncodePageContent {
-    min-height: 0;
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
   }
 
-  .IncodeEkybPage .IncodeEkyb__form {
+  .IncodeEkybPage .IncodeEkybForm {
+    min-height: var(--spacing-0, var(--spacing-none, 0px));
+    padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
     flex: 1;
-    min-height: 0;
-    padding-bottom: 8px;
     overflow-y: auto;
   }
 
-  .IncodeEkybPage--scrollable .IncodeEkyb__form {
-    margin-left: 8px;
+  .IncodeEkybPageScrollable .IncodeEkybForm {
+    margin-left: var(--spacing-8, var(--spacing-8, 8px));
   }
 
-  .IncodeEkyb__footer {
+  .IncodeEkybFooter {
     flex-shrink: 0;
   }
 }
 
-.IncodeEkyb__form .IncodeInputComposed, .IncodeEkyb__form .IncodeDropdownComposed, .IncodeEkyb__form .IncodeFormField {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.IncodeEkyb__form .IncodeFormField {
-  margin-bottom: 0;
-}
-
-.IncodeEkybPage .IncodeEkyb__sectionHeader {
+.IncodeEkybPage .IncodeEkybSectionHeader {
   font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h3-size);
   font-weight: var(--typography-headline-h3-weight);
   line-height: var(--typography-headline-h3-line-height);
   letter-spacing: var(--typography-headline-h3-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  --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-input-text-label-default, var(--input-text-label-default));
+  margin-inline: auto;
+  margin-top: var(--spacing-16, var(--spacing-16, 16px));
   width: 100%;
   max-width: 420px;
-  margin: 16px auto 0;
-  padding: 12px 0;
-  font-weight: 700;
+  padding-block: var(--spacing-12, var(--spacing-12, 12px));
 }
 
-.IncodeEkyb__ubos, .IncodeEkyb__uboEntry {
+.IncodeEkybUbos, .IncodeEkybUboEntry {
+  gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
-  gap: 16px;
   display: flex;
 }
 
-.IncodeEkyb__removeUbo {
-  color: var(--text-error, #dc2626);
+.IncodeEkybRemoveUbo {
   cursor: pointer;
-  background: none;
-  border: none;
-  padding: 0;
-  font-size: .75rem;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  font-size: var(--text-12, var(--primitive-typography-size-12));
+  color: var(--color-text-status-negative, var(--text-status-negative));
+  background-color: #0000;
+  border-style: none;
 }
 
-.IncodeEkyb__addUbo {
-  color: var(--button-primary-surface-default, #006aff);
+.IncodeEkybAddUbo {
   cursor: pointer;
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
   text-align: center;
-  background: none;
-  border: none;
-  padding: 8px 0;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 18px;
-  text-decoration: underline;
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-m-underlined-size);
+  font-weight: var(--typography-button-m-underlined-weight);
+  line-height: var(--typography-button-m-underlined-line-height);
+  letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
+  background-color: #0000;
+  border-style: none;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-thickness: auto;
 }
 
-.IncodeEkyb__addUbo:hover {
+.IncodeEkybAddUbo:hover {
   opacity: .8;
 }
 
-.IncodeEkyb__countrySelector {
+.IncodeEkybCountrySelector {
   width: 100%;
 }
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}

package/dist/{ekybModule-C3Ujm2Yw.js → ekybModule-DY0tTRTg.js}

@@ -1,11 +1,11 @@
-import { b as k, u as t, I as g, a as $, S as U, B as F, r as M } from "./incodeModule-C-yBwl3V.js";
-import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as R, createEkybManager as D } from "@incodetech/core/ekyb";
-import { T as w, y as v, A as L, k as A } from "./vendor-preact-DP-hbKuj.js";
+import { b as k, u as t, I as U, a as F, S as $, B as R, r as M } from "./incodeModule-C-yBwl3V.js";
+import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as D, createEkybManager as w } from "@incodetech/core/ekyb";
+import { T as A, y as v, A as L, k as P } from "./vendor-preact-DP-hbKuj.js";
 import "./uiConfig-B8PUPgHY.js";
 import "@incodetech/core";
-import { F as P, V as E, u as O } from "./verificationResult-7tUMuDVH.js";
-import { P as T } from "./page-DoaUg40Q.js";
-import { D as f, I as N } from "./dropdownComposed-DEUeG49j.js";
+import { F as O, V as E, u as T } from "./verificationResult-7tUMuDVH.js";
+import { P as _ } from "./page-DoaUg40Q.js";
+import { D as g, I as S } from "./dropdownComposed-DEUeG49j.js";
 function B(e) {
   return [...e.toUpperCase()].map((o) => String.fromCodePoint(127462 + o.charCodeAt(0) - 65)).join("");
 }
@@ -37,33 +37,33 @@ const K = ({
   value: e,
   onChange: o
 }) => {
-  const { t: r } = k(), a = w(() => (G() ? [...I, ...R] : [...I]).map(q).sort((u, l) => u.label.localeCompare(l.label)), []);
-  return /* @__PURE__ */ t("div", { className: "IncodeEkyb__countrySelector", children: /* @__PURE__ */ t(
-    f,
+  const { t: r } = k(), n = A(() => (G() ? [...I, ...D] : [...I]).map(q).sort((u, l) => u.label.localeCompare(l.label)), []);
+  return /* @__PURE__ */ t("div", { className: "IncodeEkybCountrySelector", children: /* @__PURE__ */ t(
+    g,
     {
       id: "ekyb-country",
       label: r("ekyb.country"),
       value: e,
-      options: a,
+      options: n,
       onChange: o,
       "data-testid": "ekyb-country-selector"
     }
   ) });
-}, _ = ({
+}, N = ({
   field: e,
   value: o,
   error: r,
-  country: a,
+  country: n,
   onChange: c
 }) => {
   const { t: u } = k(), l = !e.required, m = u(e.label);
   if (e.type === "dropdown") {
-    const n = l ? `${m} (${u("common.optional")})` : m, b = e.name === "state" ? u("ekyb.selectState") : void 0;
+    const a = l ? `${m} (${u("common.optional")})` : m, b = e.name === "state" ? u("ekyb.selectState") : void 0;
     return /* @__PURE__ */ t(
-      f,
+      g,
       {
         id: `ekyb-${e.name}`,
-        label: n,
+        label: a,
         placeholder: b,
         value: o,
         options: (e.options ?? []).map((i) => ({
@@ -78,7 +78,7 @@ const K = ({
     );
   }
   return /* @__PURE__ */ t(
-    P,
+    O,
     {
       name: e.name,
       label: e.label,
@@ -93,48 +93,48 @@ const K = ({
   ubos: e,
   errors: o,
   canAddUbo: r,
-  onSetField: a,
+  onSetField: n,
   onAdd: c,
   onRemove: u
 }) => {
   const { t: l } = k();
-  return e.length === 0 ? null : /* @__PURE__ */ t("div", { className: "IncodeEkyb__ubos", children: [
-    e.map((m, n) => {
-      const b = n === 0 ? l("ekyb.uboName") : l("ekyb.uboNameWithNumber", { number: n + 1 }), i = n === 0 ? l("ekyb.uboSurname") : l("ekyb.uboSurnameWithNumber", { number: n + 1 }), h = n === 0;
-      return /* @__PURE__ */ t("div", { className: "IncodeEkyb__uboEntry", children: [
+  return e.length === 0 ? null : /* @__PURE__ */ t("div", { className: "IncodeEkybUbos", children: [
+    e.map((m, a) => {
+      const b = a === 0 ? l("ekyb.uboName") : l("ekyb.uboNameWithNumber", { number: a + 1 }), i = a === 0 ? l("ekyb.uboSurname") : l("ekyb.uboSurnameWithNumber", { number: a + 1 }), h = a === 0;
+      return /* @__PURE__ */ t("div", { className: "IncodeEkybUboEntry", children: [
         /* @__PURE__ */ t(
-          N,
+          S,
           {
-            id: `ubo-${n}-name`,
+            id: `ubo-${a}-name`,
             label: b,
-            name: `ubo-${n}-name`,
+            name: `ubo-${a}-name`,
             value: m.name,
-            error: o[`ubo-${n}-name`] ? l(o[`ubo-${n}-name`]) : void 0,
-            onInput: (d) => a(n, "name", d.target.value),
-            "data-testid": `ekyb-ubo-${n}-name`
+            error: o[`ubo-${a}-name`] ? l(o[`ubo-${a}-name`]) : void 0,
+            onInput: (d) => n(a, "name", d.target.value),
+            "data-testid": `ekyb-ubo-${a}-name`
           }
         ),
         /* @__PURE__ */ t(
-          N,
+          S,
           {
-            id: `ubo-${n}-surname`,
+            id: `ubo-${a}-surname`,
             label: i,
-            name: `ubo-${n}-surname`,
+            name: `ubo-${a}-surname`,
             value: m.surname,
-            error: o[`ubo-${n}-surname`] ? l(o[`ubo-${n}-surname`]) : void 0,
-            onInput: (d) => a(
-              n,
+            error: o[`ubo-${a}-surname`] ? l(o[`ubo-${a}-surname`]) : void 0,
+            onInput: (d) => n(
+              a,
               "surname",
               d.target.value
             ),
-            "data-testid": `ekyb-ubo-${n}-surname`
+            "data-testid": `ekyb-ubo-${a}-surname`
           }
         ),
         !h && /* @__PURE__ */ t(
           "button",
           {
-            className: "IncodeEkyb__removeUbo",
-            onClick: () => u(n),
+            className: "IncodeEkybRemoveUbo",
+            onClick: () => u(a),
             type: "button",
             children: l("common.remove")
           }
@@ -144,7 +144,7 @@ const K = ({
     r && /* @__PURE__ */ t(
       "button",
       {
-        className: "IncodeEkyb__addUbo",
+        className: "IncodeEkybAddUbo",
         onClick: c,
         type: "button",
         "data-testid": "ekyb-add-ubo",
@@ -153,17 +153,17 @@ const K = ({
     )
   ] });
 }, W = ({ config: e, onFinish: o, onError: r }) => {
-  const [a, c] = $(() => D({ config: e }), {
+  const [n, c] = F(() => w({ config: e }), {
     autoLoad: !1
   });
   v(() => {
-    (a.status === "finished" || a.status === "closed") && o?.();
-  }, [a.status, o]);
-  const u = a.status === "error" ? a.errorMessage : void 0;
+    (n.status === "finished" || n.status === "closed") && o?.();
+  }, [n.status, o]);
+  const u = n.status === "error" ? n.errorMessage : void 0;
   return v(() => {
-    a.status === "error" && r?.(u);
-  }, [a.status, r, u]), a.status === "finished" || a.status === "closed" ? null : a.status === "submitting" ? /* @__PURE__ */ t(E, { status: "submitting" }) : a.status === "success" ? /* @__PURE__ */ t(E, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ t(E, { status: "failure", onRetry: () => c.retry() }) : a.status === "form" ? /* @__PURE__ */ t(Y, { state: a, manager: c }) : null;
-}, S = /* @__PURE__ */ new Set([
+    n.status === "error" && r?.(u);
+  }, [n.status, r, u]), n.status === "finished" || n.status === "closed" ? null : n.status === "submitting" ? /* @__PURE__ */ t(E, { status: "submitting" }) : n.status === "success" ? /* @__PURE__ */ t(E, { status: "success" }) : n.status === "error" ? /* @__PURE__ */ t(E, { status: "failure", onRetry: () => c.retry() }) : n.status === "form" ? /* @__PURE__ */ t(Y, { state: n, manager: c }) : null;
+}, f = /* @__PURE__ */ new Set([
   "street",
   "houseNo",
   "addressLine2",
@@ -171,9 +171,9 @@ const K = ({
   "state",
   "postalCode"
 ]), Y = ({ state: e, manager: o }) => {
-  const { country: r, fields: a, values: c, displayErrors: u, isValid: l, ubos: m, canAddUbo: n } = e, { t: b } = k(), i = L(null), h = O(i, a.length), d = a.filter((s) => !S.has(s.name)), C = a.filter((s) => S.has(s.name));
-  return /* @__PURE__ */ t(T, { className: `IncodeEkybPage${h ? " IncodeEkybPage--scrollable" : ""}`, title: b("ekyb.title"), children: [
-    /* @__PURE__ */ t("div", { ref: i, className: "IncodeEkyb__form", children: [
+  const { country: r, fields: n, values: c, displayErrors: u, isValid: l, ubos: m, canAddUbo: a } = e, { t: b } = k(), i = L(null), h = T(i, n.length), d = n.filter((s) => !f.has(s.name)), C = n.filter((s) => f.has(s.name));
+  return /* @__PURE__ */ t(_, { className: `IncodeEkybPage${h ? " IncodeEkybPageScrollable" : ""}`, title: b("ekyb.title"), children: [
+    /* @__PURE__ */ t("div", { ref: i, className: "IncodeEkybForm", children: [
       /* @__PURE__ */ t(
         K,
         {
@@ -182,7 +182,7 @@ const K = ({
         }
       ),
       d.map((s) => /* @__PURE__ */ t(
-        _,
+        N,
         {
           field: s,
           value: c[s.name] ?? "",
@@ -192,10 +192,10 @@ const K = ({
         },
         s.name
       )),
-      C.length > 0 && /* @__PURE__ */ t(A, { children: [
-        /* @__PURE__ */ t("h3", { className: "IncodeEkyb__sectionHeader", children: b("ekyb.addressDetails") }),
+      C.length > 0 && /* @__PURE__ */ t(P, { children: [
+        /* @__PURE__ */ t("h3", { className: "IncodeEkybSectionHeader", children: b("ekyb.addressDetails") }),
         C.map((s) => /* @__PURE__ */ t(
-          _,
+          N,
           {
             field: s,
             value: c[s.name] ?? "",
@@ -211,17 +211,17 @@ const K = ({
         {
           ubos: m,
           errors: u,
-          canAddUbo: n,
+          canAddUbo: a,
           onSetField: (s, y, p) => o.setUboField(s, y, p),
           onAdd: () => o.addUbo(),
           onRemove: (s) => o.removeUbo(s)
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { className: "IncodeEkyb__footer", children: [
-      /* @__PURE__ */ t(U, { size: 32 }),
+    /* @__PURE__ */ t("div", { className: "IncodeEkybFooter", children: [
+      /* @__PURE__ */ t($, { size: 32 }),
       /* @__PURE__ */ t(
-        F,
+        R,
         {
           onClick: () => o.submit(),
           disabled: !l,
@@ -235,7 +235,7 @@ const K = ({
   config: e,
   onFinish: o,
   onError: r
-}) => /* @__PURE__ */ t(g, { children: e ? /* @__PURE__ */ t(W, { config: e, onFinish: o, onError: r }) : null });
+}) => /* @__PURE__ */ t(U, { children: e ? /* @__PURE__ */ t(W, { config: e, onFinish: o, onError: r }) : null });
 M(j, "incode-ekyb");
 export {
   j as EkybModule