@adyen/kyc-components 4.0.0-compact.1 → 4.0.0-compact.3

package/dist/{utils-BI6oHlaw.js → utils-DV0_GilJ.js}

@@ -2,55 +2,16 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b27a7c5d-91a7-4a7c-b492-7e4bb47d64d9", e._sentryDebugIdIdentifier = "sentry-dbid-b27a7c5d-91a7-4a7c-b492-7e4bb47d64d9");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c64ed52f-769e-450f-a378-d1d1a4384d7a", e._sentryDebugIdIdentifier = "sentry-dbid-c64ed52f-769e-450f-a378-d1d1a4384d7a");
   } catch (e) {
   }
 }
 ;
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { R as RadioGroupCard } from "./fieldConfigurations-kDKvJ6je.js";
-import { a as useTranslation, g as getLegalEntityCountry, bC as getCapabilities, y as LegalEntityTypes, G as hasOwnEntityAssociationOfType, a8 as CountryCodes } from "./StoreProvider-D4cRWOo4.js";
-import { C as CompanyTypesValues } from "./bafinUtils-Sy6B6Lec.js";
-import { d as allowIndividualWithoutSoleProp } from "./OnboardingDropinComponent-BgFPF-FG.js";
-import { S as SOLE_PROP_COUNTRIES } from "./rules-CkD4bHtQ.js";
-import { A as ALLOWED_UNINCORPORATED_PARTNERSHIP_COUNTRIES } from "./types-CX7rD7X4.js";
-const EntityTypeRadioGroupCard = ({
-  examples,
-  optionDescription,
-  ...baseProps
-}) => /* @__PURE__ */ jsx(
-  RadioGroupCard,
-  {
-    ...baseProps,
-    renderOptionBody: (option) => optionDescription?.(option) ? /* @__PURE__ */ jsx(
-      EntityTypeSelectionRadioCardBody,
-      {
-        description: optionDescription(option),
-        examples: examples?.[option]
-      }
-    ) : void 0,
-    optionClassNames: () => ({
-      header: "adyen-kyc-entity-type-radio-group-card__header",
-      icon: "adyen-kyc-entity-type-radio-group-card__icon",
-      label: "adyen-kyc-entity-type-radio-group-card__container",
-      body: "adyen-kyc-entity-type-radio-group-card__body"
-    })
-  }
-);
-const EntityTypeSelectionRadioCardBody = ({
-  description,
-  examples
-}) => {
-  const { t } = useTranslation("common");
-  if (!examples) return /* @__PURE__ */ jsx("span", { children: t(($) => $[description]) });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: "adyen-kyc-entity-type-radio-group-card__description", children: t(($) => $[description]) }),
-    /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-entity-type-radio-group-card__examples", children: [
-      t(($) => $["forExample_"], { examples: examples.join(", ") }),
-      "."
-    ] })
-  ] });
-};
+import { C as CompanyTypesValues } from "./IndividualOnfido-CmmyKC7J.js";
+import { g as getLegalEntityCountry, bz as getCapabilities, r as LegalEntityTypes, H as hasOwnEntityAssociationOfType, C as CountryCodes } from "./StoreProvider-jtUYKLRz.js";
+import { d as allowIndividualWithoutSoleProp } from "./OnboardingDropinComponent-D3dYF_4W.js";
+import { S as SOLE_PROP_COUNTRIES } from "./rules-_v8BprU3.js";
+import { A as ALLOWED_UNINCORPORATED_PARTNERSHIP_COUNTRIES } from "./types-sYQKhaSL.js";
 const TRUST_COUNTRIES = [CountryCodes.Australia, CountryCodes.NewZealand];
 const BUSINESS_BANK_ACCOUNT_COUNTRIES = [
   CountryCodes.UnitedStates,
@@ -265,7 +226,6 @@ const getTargetLegalEntityType = (businessType, legalArrangement, trusteeType, c
 };
 const isLegalArrangementOrganizationSubtype = (legalArrangementOption) => legalArrangementOption === "partnershipIncorporated" || legalArrangementOption === "associationIncorporated";
 export {
-  EntityTypeRadioGroupCard as E,
   getDefaultLegalArrangementOrSuborganizationType as a,
   getTargetLegalEntityType as b,
   businessTypeIcons as c,

package/dist/{validate-DGgXfXyg.js → validate-BD3wn-YX.js}

@@ -2,12 +2,12 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4d6e6f2c-cc45-4e4c-8749-87dd1c576779", e._sentryDebugIdIdentifier = "sentry-dbid-4d6e6f2c-cc45-4e4c-8749-87dd1c576779");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f4d6af4c-71a1-470c-9679-a3c28aab97eb", e._sentryDebugIdIdentifier = "sentry-dbid-f4d6af4c-71a1-470c-9679-a3c28aab97eb");
   } catch (e) {
   }
 }
 ;
-import { an as hasText } from "./StoreProvider-D4cRWOo4.js";
+import { aC as hasText } from "./StoreProvider-jtUYKLRz.js";
 const validateLegalEntityIdentifier = (legalEntityIdentifier) => {
   if (!legalEntityIdentifier) {
     return true;

package/dist/validate-H-iE__-w.js

@@ -0,0 +1,41 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "27360f81-58ed-4bf0-ae03-220b775acafd", e._sentryDebugIdIdentifier = "sentry-dbid-27360f81-58ed-4bf0-ae03-220b775acafd");
+  } catch (e) {
+  }
+}
+;
+import { useCallback } from "preact/hooks";
+import { b as useApiContext, k as httpPost } from "./StoreProvider-jtUYKLRz.js";
+import { e as emailPattern } from "./basePatterns-BwdnMQxI.js";
+const validatePhoneNumber = (baseUrl, data) => {
+  return httpPost(
+    {
+      baseUrl,
+      path: `validations/phonenumber`
+    },
+    data
+  );
+};
+const useValidatePhoneNumberImperatively = () => {
+  const { baseUrl } = useApiContext();
+  return useCallback(
+    (data) => validatePhoneNumber(baseUrl.value, data),
+    [baseUrl.value]
+  );
+};
+const contactDetailsValidationRules = {
+  email: [
+    {
+      modes: ["blur"],
+      validate: (email) => email ? emailPattern.test(email) : false,
+      errorMessage: "invalidEmail"
+    }
+  ]
+};
+export {
+  contactDetailsValidationRules as c,
+  useValidatePhoneNumberImperatively as u
+};

package/dist/{validationError-CpKFQv28.js → validationError-B5aoMbe_.js}

@@ -2,12 +2,12 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "90746852-9a9c-4315-b24b-c5e27a2ce189", e._sentryDebugIdIdentifier = "sentry-dbid-90746852-9a9c-4315-b24b-c5e27a2ce189");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bbc035a1-73d1-45a3-8131-4c607355410b", e._sentryDebugIdIdentifier = "sentry-dbid-bbc035a1-73d1-45a3-8131-4c607355410b");
   } catch (e) {
   }
 }
 ;
-import { M as TaskTypes, bq as remediationPayoutApiKeyMapping, br as remediationBusinessDetailsApiKeyMapping, bs as remediationIndividualApiKeyMapping } from "./StoreProvider-D4cRWOo4.js";
+import { O as TaskTypes, bm as remediationPayoutApiKeyMapping, bn as remediationBusinessDetailsApiKeyMapping, bo as remediationIndividualApiKeyMapping } from "./StoreProvider-jtUYKLRz.js";
 import { a as assignToProp } from "./utils-DNSfZiio.js";
 const isMaintenanceModeError = (error) => error && typeof error === "object" && "messageCode" in error && error.messageCode === "maintenanceMode";
 const overrideKeyMapping = {

package/dist/warning-circle-fill-CEN1WL7A.js

@@ -0,0 +1,17 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c2d6c018-52c5-4361-b792-27bff1b81d60", e._sentryDebugIdIdentifier = "sentry-dbid-c2d6c018-52c5-4361-b792-27bff1b81d60");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/compat/jsx-runtime";
+const SvgWarningCircleFill = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#uia-ui-assets/icons-16-warning_circle_fill__a)", children: /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8C0.25 3.71979 3.71979 0.25 8 0.25ZM8 9.75C7.44772 9.75 7 10.1977 7 10.75C7 11.3023 7.44772 11.75 8 11.75C8.55228 11.75 9 11.3023 9 10.75C9 10.1977 8.55228 9.75 8 9.75ZM7.25 4.25V8.75H8.75V4.25H7.25Z" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-ui-assets/icons-16-warning_circle_fill__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })
+] });
+export {
+  SvgWarningCircleFill as default
+};

package/dist/warning-diamond-filled-BfXMlVrG.js

@@ -0,0 +1,17 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "05d8e92b-f8f0-477e-87ef-bf0c8dfcb258", e._sentryDebugIdIdentifier = "sentry-dbid-05d8e92b-f8f0-477e-87ef-bf0c8dfcb258");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/compat/jsx-runtime";
+const SvgWarningDiamondFilled = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#uia-ui-assets/icons-16-warning_diamond_filled__a)", children: /* @__PURE__ */ jsx("path", { fill: "#001222", d: "M6.05517 0.883253C7.12912 -0.190581 8.87091 -0.190653 9.94482 0.883253L15.1138 6.0522C16.1871 7.12608 16.1872 8.86708 15.1138 9.94087L9.94482 15.1098C8.87089 16.1836 7.12909 16.1836 6.05517 15.1098L0.887199 9.94087C-0.186713 8.86696 -0.186653 7.12615 0.887199 6.0522L6.05517 0.883253ZM8.00048 10.0004C7.44819 10.0004 7.00048 10.4482 7.00048 11.0004C7.00072 11.5525 7.44834 12.0004 8.00048 12.0004C8.55242 12.0002 9.00024 11.5524 9.00048 11.0004C9.00048 10.4483 8.55257 10.0007 8.00048 10.0004ZM7.25048 4.25044V8.42036H8.75048V4.25044H7.25048Z" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-ui-assets/icons-16-warning_diamond_filled__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })
+] });
+export {
+  SvgWarningDiamondFilled as default
+};

package/dist/webinar-DqjqrNEv.js

@@ -0,0 +1,22 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8984aaa6-5af8-4087-8035-d070be124f3a", e._sentryDebugIdIdentifier = "sentry-dbid-8984aaa6-5af8-4087-8035-d070be124f3a");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/compat/jsx-runtime";
+const SvgWebinar = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { fill: "#001222", clipPath: "url(#uia-ui-assets/icons-16-webinar__a)", children: [
+    /* @__PURE__ */ jsx("path", { d: "M11.75 15.75H4.25V14.25H11.75V15.75Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 3.25C9.24264 3.25 10.25 4.25736 10.25 5.5C10.25 6.74264 9.24264 7.75 8 7.75C6.75736 7.75 5.75 6.74264 5.75 5.5C5.75 4.25736 6.75736 3.25 8 3.25ZM8 4.75C7.58579 4.75 7.25 5.08579 7.25 5.5C7.25 5.91421 7.58579 6.25 8 6.25C8.41421 6.25 8.75 5.91421 8.75 5.5C8.75 5.08579 8.41421 4.75 8 4.75Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M12.5 2.5C13.052 2.5 13.5 2.948 13.5 3.5C13.5 4.052 13.052 4.5 12.5 4.5C11.948 4.5 11.5 4.052 11.5 3.5C11.5 2.948 11.948 2.5 12.5 2.5Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M13 0.25C14.5188 0.25 15.75 1.48122 15.75 3V10C15.75 11.5188 14.5188 12.75 13 12.75H3C1.48122 12.75 0.25 11.5188 0.25 10V3C0.25 1.48122 1.48122 0.25 3 0.25H13ZM3 1.75C2.30964 1.75 1.75 2.30964 1.75 3V10C1.75 10.6904 2.30964 11.25 3 11.25H3.25V11C3.25 9.48122 4.48122 8.25 6 8.25H10C11.5188 8.25 12.75 9.48122 12.75 11V11.25H13C13.6904 11.25 14.25 10.6904 14.25 10V3C14.25 2.30964 13.6904 1.75 13 1.75H3ZM6 9.75C5.30964 9.75 4.75 10.3096 4.75 11V11.25H11.25V11C11.25 10.3096 10.6904 9.75 10 9.75H6Z" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-ui-assets/icons-16-webinar__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })
+] });
+export {
+  SvgWebinar as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "4.0.0-compact.1",
+  "version": "4.0.0-compact.3",
   "keywords": [
     "adyen",
     "adyen-kyc",
@@ -71,75 +71,21 @@
     "url": "https://github.com/Adyen/adyen-kyc-components/"
   },
   "type": "module",
-  "scripts": {
-    "analyze:bundle:npm": "rollup-plugin-visualizer bundle-stats/report-npm.json --filename bundle-stats/report-npm.html --template sunburst --open",
-    "analyze:bundle:cdn": "rollup-plugin-visualizer bundle-stats/report-cdn.json --filename bundle-stats/report-cdn.html --template sunburst --open",
-    "build:npm": "rm -rf dist && npm run types:build && vite build --mode production && vite-node ./scripts/ensureNoReactImportsInDist.ts",
-    "build:demo": "rm -rf .demo && vite build --mode demo",
-    "build:cdn": "rm -rf dist-cdn && vite build --mode production-cdn && ./scripts/move-sourcemaps.sh",
-    "build:watch": "vite build --mode production --watch",
-    "check:all": "concurrently \"npm run types:check\" \"npm run lint:quiet\" \"npm run lint:scss\" \"npm run prettier\" -n tsc,eslint,stylelint,prettier -c cyan,magenta,yellow,blue",
-    "check:commits": "commitlint --from",
-    "check:commits:since-main": "npm run check:commits -- main",
-    "clean": "rm -rf dist*",
-    "commit": "commit",
-    "submit": "bash ./scripts/pr-create.sh",
-    "demo": "npm run build:demo && npm run demo:serve",
-    "demo:serve": "vite preview --mode demo",
-    "dev": "concurrently \"vite dev\" \"npm run types:watch\" -n vite,tsc -c green,cyan -k",
-    "fix:all": "npm run lint:fix && npm run prettier:fix",
-    "fix:lint": "npm run lint:fix",
-    "fix:prettier": "npm run prettier:fix",
-    "lint:all": "concurrently \"npm run lint\" \"npm run lint:scss\" -p none",
-    "lint": "eslint",
-    "lint:fix": "npm run lint -- --fix",
-    "lint:quiet": "npm run lint -- --quiet",
-    "lint:quiet:fix": "npm run lint:fix -- --quiet",
-    "lint:scss": "stylelint 'src/**/*.scss' '!node_modules/**/*.scss'",
-    "lint:scss:fix": "npm run lint:scss -- --fix",
-    "prepare": "bash ./scripts/process-package-lock.sh",
-    "prettier": "prettier --config ./.prettierrc.json --ignore-unknown --check \"**/*\"",
-    "prettier:fix": "prettier --config ./.prettierrc.json --ignore-unknown --write \"**/*\"",
-    "repo:setup": "bash ./scripts/first-time-setup.sh",
-    "sentry:upload-sourcemaps": "bash ./scripts/upload-sentry-sourcemaps.sh",
-    "start": "npm run dev",
-    "storybook": "storybook dev -p 6006 --no-version-updates",
-    "storybook:build": "storybook build",
-    "svgo:all": "npm run svgo:icons && npm run svgo:images",
-    "svgo:icons": "svgo --config=./assets/icons.svgo.conf.js --folder=./assets/icons",
-    "svgo:images": "svgo --config=./assets/images.svgo.conf.js --folder=./assets/images -r",
-    "test": "vitest",
-    "test:run": "vitest --run",
-    "test:coverage": "vitest --coverage",
-    "test:e2e": "NODE_OPTIONS=--no-experimental-strip-types playwright test",
-    "test:e2e:debug": "NODE_OPTIONS=--no-experimental-strip-types PWDEBUG=console playwright test --debug",
-    "test:e2e:ui": "NODE_OPTIONS=--no-experimental-strip-types playwright test --ui",
-    "test:performance": "PERFORMANCE_TEST=true playwright test performance",
-    "test:ui": "vitest --ui",
-    "test:watch": "npm run test --watch",
-    "types:build": "tsc --project tsconfig-build.json && tsc-alias --project tsconfig-build.json",
-    "types:check": "tsc",
-    "types:watch": "tsc --watch --preserveWatchOutput"
-  },
   "dependencies": {
     "@adyen/adyen-document-viewer": "^1.4.2",
     "@adyen/openbankingsdk": "^0.2.3",
-    "@adyen/ui-assets-icons-16": "^4.3.1",
+    "@adyen/ui-assets-icons-16": "^7.1.0",
     "@preact/signals": "^2.5.0",
-    "@tanstack/react-query": "^5.90.10",
-    "@tanstack/react-query-devtools": "^5.90.2",
     "classnames": "^2.5.1",
     "container-query-polyfill": "^1.0.2",
     "i18next": "^25.6.2",
-    "monogon": "0.3.1",
+    "monogon": "^0.3.3",
     "named-slots": "^0.4.1",
     "onfido-sdk-ui": "14.55.0",
-    "preact": "^10.27.2",
-    "preact-custom-element": "^4.6.0",
-    "react-i18next": "^15.7.4"
+    "preact": "^10.27.3"
   },
   "devDependencies": {
-    "@adyen/bento-design-tokens": "^1.73.0",
+    "@adyen/bento-design-tokens": "^1.74.0",
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
     "@commitlint/prompt-cli": "^19.6.0",
@@ -149,22 +95,23 @@
     "@preact/preset-vite": "^2.10.2",
     "@sentry/bundler-plugin-core": "3.5.0",
     "@sentry/cli": "2.42.2",
-    "@storybook/addon-a11y": "9.0.10",
-    "@storybook/addon-actions": "9.0.8",
-    "@storybook/addon-docs": "9.0.10",
-    "@storybook/addon-vitest": "9.0.10",
-    "@storybook/cli": "9.0.10",
-    "@storybook/preact": "9.0.10",
-    "@storybook/preact-vite": "9.0.10",
+    "@storybook/addon-a11y": "10.1.10",
+    "@storybook/addon-docs": "10.1.10",
+    "@storybook/addon-vitest": "10.1.10",
+    "@storybook/cli": "10.1.10",
+    "@storybook/preact-vite": "10.1.10",
     "@tanstack/eslint-plugin-query": "^5.62.1",
+    "@tanstack/react-query": "^5.90.10",
+    "@tanstack/react-query-devtools": "^5.90.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/preact": "^3.2.3",
     "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.46.2",
     "@typescript-eslint/parser": "^8.46.2",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
+    "@vitest/browser-playwright": "4.0.10",
+    "@vitest/coverage-v8": "4.0.10",
+    "@vitest/ui": "4.0.10",
     "axios": "^1.13.2",
     "chalk": "^5.6.2",
     "concurrently": "^9.2.1",
@@ -184,7 +131,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-testing-library": "^7.8.0",
     "eslint-plugin-unicorn": "^61.0.2",
-    "happy-dom": "^17.4.4",
+    "happy-dom": "^20.0.10",
     "inquirer": "^12.10.0",
     "jsonc-eslint-parser": "^2.4.0",
     "msw": "^2.7.3",
@@ -192,18 +139,21 @@
     "openapi-typescript": "^7.6.1",
     "phone": "^3.1.57",
     "postcss": "^8.5.6",
+    "preact-custom-element": "^4.6.0",
     "prettier": "^3.6.2",
     "react": "npm:@preact/compat@^18.3.1",
     "react-dom": "npm:@preact/compat@^18.3.1",
+    "react-i18next": "^15.7.4",
     "remark-gfm": "^4.0.1",
     "rollup-plugin-visualizer": "^5.14.0",
     "ruins": "^0.2.3",
     "sass": "^1.92.1",
-    "storybook": "9.0.10",
-    "stylelint": "^15.9.0",
-    "stylelint-config-recommended-scss": "^11.0.0",
-    "stylelint-config-sass-guidelines": "^10.0.0",
-    "stylelint-scss": "^4.7.0",
+    "storybook": "10.1.10",
+    "storybook-addon-tag-badges": "3.0.4",
+    "stylelint": "^16.25.0",
+    "stylelint-config-recommended-scss": "^14.1.0",
+    "stylelint-config-sass-guidelines": "^12.1.0",
+    "stylelint-scss": "^6.12.1",
     "svgo": "^4.0.0",
     "tsc-alias": "^1.8.11",
     "type-fest": "^4.39.1",
@@ -214,7 +164,7 @@
     "vite-plugin-shadow-styles": "^0.0.3",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^4.2.3",
-    "vitest": "^3.2.4"
+    "vitest": "4.0.10"
   },
   "overrides": {
     "msw": {
@@ -222,6 +172,55 @@
     }
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=20",
+    "pnpm": ">=10.16.0"
+  },
+  "scripts": {
+    "analyze:bundle:npm": "rollup-plugin-visualizer bundle-stats/report-npm.json --filename bundle-stats/report-npm.html --template sunburst --open",
+    "analyze:bundle:cdn": "rollup-plugin-visualizer bundle-stats/report-cdn.json --filename bundle-stats/report-cdn.html --template sunburst --open",
+    "build:npm": "rm -rf dist && pnpm types:build && vite build --mode production && vite-node ./scripts/ensureNoReactImportsInDist.ts",
+    "build:demo": "rm -rf .demo && vite build --mode demo",
+    "build:cdn": "rm -rf dist-cdn && vite build --mode production-cdn && ./scripts/move-sourcemaps.sh && node ./scripts/ensureUniqueOutputNames.js",
+    "build:watch": "vite build --mode production --watch",
+    "check:all": "concurrently \"pnpm types:check\" \"pnpm lint:quiet\" \"pnpm lint:scss\" \"pnpm prettier\" -n tsc,eslint,stylelint,prettier -c cyan,magenta,yellow,blue",
+    "check:commits": "commitlint --from",
+    "clean": "rm -rf dist*",
+    "commit": "commit",
+    "submit": "bash ./scripts/pr-create.sh",
+    "demo": "pnpm build:demo && pnpm demo:serve",
+    "demo:serve": "vite preview --mode demo",
+    "dev": "concurrently \"vite dev\" \"pnpm types:watch\" -n vite,tsc -c green,cyan -k",
+    "fix:all": "pnpm lint:fix && pnpm prettier:fix",
+    "fix:lint": "pnpm lint:fix",
+    "fix:prettier": "pnpm prettier:fix",
+    "lint:all": "concurrently \"pnpm lint\" \"pnpm lint:scss\" -p none",
+    "lint": "eslint",
+    "lint:fix": "pnpm lint --fix",
+    "lint:quiet": "pnpm lint --quiet",
+    "lint:quiet:fix": "pnpm lint:fix --quiet",
+    "lint:scss": "stylelint 'src/**/*.scss' '!node_modules/**/*.scss'",
+    "lint:scss:fix": "pnpm lint:scss --fix",
+    "prettier": "prettier --config ./.prettierrc.json --ignore-unknown --check \"**/*\"",
+    "prettier:fix": "prettier --config ./.prettierrc.json --ignore-unknown --write \"**/*\"",
+    "repo:setup": "bash ./scripts/first-time-setup.sh",
+    "sentry:upload-sourcemaps": "bash ./scripts/upload-sentry-sourcemaps.sh",
+    "start": "pnpm dev",
+    "storybook": "storybook dev -p 6006 --no-version-updates",
+    "storybook:build": "storybook build",
+    "svgo:all": "pnpm svgo:icons && pnpm svgo:images",
+    "svgo:icons": "svgo --config=./assets/icons.svgo.conf.js --folder=./assets/icons",
+    "svgo:images": "svgo --config=./assets/images.svgo.conf.js --folder=./assets/images -r",
+    "test": "vitest",
+    "test:run": "vitest --run",
+    "test:coverage": "vitest --coverage",
+    "test:e2e": "NODE_OPTIONS=--no-experimental-strip-types playwright test",
+    "test:e2e:debug": "NODE_OPTIONS=--no-experimental-strip-types PWDEBUG=console playwright test --debug",
+    "test:e2e:ui": "NODE_OPTIONS=--no-experimental-strip-types playwright test --ui",
+    "test:performance": "PERFORMANCE_TEST=true playwright test performance",
+    "test:ui": "vitest --ui",
+    "test:watch": "pnpm test --watch",
+    "types:build": "tsc --project tsconfig-build.json && tsc-alias --project tsconfig-build.json",
+    "types:check": "tsc",
+    "types:watch": "tsc --watch --preserveWatchOutput"
   }
-}
+}

package/dist/4-people-CCqdlDEw.js

@@ -1,24 +0,0 @@
-;
-{
-  try {
-    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "222f846f-ae3b-4dc4-aa37-95287a32f8a1", e._sentryDebugIdIdentifier = "sentry-dbid-222f846f-ae3b-4dc4-aa37-95287a32f8a1");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx } from "preact/compat/jsx-runtime";
-const Svg4People = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", role: "img", ...props, children: [
-  /* @__PURE__ */ jsxs("g", { fill: "#00112C", clipPath: "url(#uia-icons-16-4_people__a)", children: [
-    /* @__PURE__ */ jsx("path", { d: "M2.25 2.5C2.25 1.25736 3.25736 0.25 4.5 0.25C5.74264 0.25 6.75 1.25736 6.75 2.5C6.75 3.74264 5.74264 4.75 4.5 4.75C3.25736 4.75 2.25 3.74264 2.25 2.5ZM4.5 1.75C4.08579 1.75 3.75 2.08579 3.75 2.5C3.75 2.91421 4.08579 3.25 4.5 3.25C4.91421 3.25 5.25 2.91421 5.25 2.5C5.25 2.08579 4.91421 1.75 4.5 1.75Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M2.5 6.75C2.08421 6.75 1.75 7.08421 1.75 7.5V8.75H0.25V7.5C0.25 6.25579 1.25579 5.25 2.5 5.25H6.5C7.07669 5.25 7.60216 5.46607 8 5.82181C8.39784 5.46607 8.92331 5.25 9.5 5.25H13.5C14.7442 5.25 15.75 6.25579 15.75 7.5V8.75H14.25V7.5C14.25 7.08421 13.9158 6.75 13.5 6.75H9.5C9.08421 6.75 8.75 7.08421 8.75 7.5V8.75H7.25V7.5C7.25 7.08421 6.91579 6.75 6.5 6.75H2.5Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M2.25 9.5C2.25 8.25736 3.25736 7.25 4.5 7.25C5.74264 7.25 6.75 8.25736 6.75 9.5C6.75 10.7426 5.74264 11.75 4.5 11.75C3.25736 11.75 2.25 10.7426 2.25 9.5ZM4.5 8.75C4.08579 8.75 3.75 9.08579 3.75 9.5C3.75 9.91421 4.08579 10.25 4.5 10.25C4.91421 10.25 5.25 9.91421 5.25 9.5C5.25 9.08579 4.91421 8.75 4.5 8.75Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M1.75 14.5C1.75 14.0842 2.08421 13.75 2.5 13.75H6.5C6.91579 13.75 7.25 14.0842 7.25 14.5V15.75H8.75V14.5C8.75 14.0842 9.08421 13.75 9.5 13.75H13.5C13.9158 13.75 14.25 14.0842 14.25 14.5V15.75H15.75V14.5C15.75 13.2558 14.7442 12.25 13.5 12.25H9.5C8.92331 12.25 8.39784 12.4661 8 12.8218C7.60216 12.4661 7.07669 12.25 6.5 12.25H2.5C1.25579 12.25 0.25 13.2558 0.25 14.5V15.75H1.75V14.5Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M11.5 7.25C10.2574 7.25 9.25 8.25736 9.25 9.5C9.25 10.7426 10.2574 11.75 11.5 11.75C12.7426 11.75 13.75 10.7426 13.75 9.5C13.75 8.25736 12.7426 7.25 11.5 7.25ZM10.75 9.5C10.75 9.08579 11.0858 8.75 11.5 8.75C11.9142 8.75 12.25 9.08579 12.25 9.5C12.25 9.91421 11.9142 10.25 11.5 10.25C11.0858 10.25 10.75 9.91421 10.75 9.5Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M11.5 0.25C10.2574 0.25 9.25 1.25736 9.25 2.5C9.25 3.74264 10.2574 4.75 11.5 4.75C12.7426 4.75 13.75 3.74264 13.75 2.5C13.75 1.25736 12.7426 0.25 11.5 0.25ZM10.75 2.5C10.75 2.08579 11.0858 1.75 11.5 1.75C11.9142 1.75 12.25 2.08579 12.25 2.5C12.25 2.91421 11.9142 3.25 11.5 3.25C11.0858 3.25 10.75 2.91421 10.75 2.5Z" })
-  ] }),
-  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "uia-icons-16-4_people__a", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, fill: "#fff" }) }) })
-] });
-export {
-  Svg4People as default
-};