@westpac/ui 0.44.0 → 0.47.0

package/dist/components/pictogram/components/mobile-device-pictogram.js

@@ -0,0 +1,36 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function MobileDevicePictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Mobile device', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M41.8564,62.8135 C41.8564,65.1335 39.9754,67.0155 37.6554,67.0155 C35.3354,67.0155 33.4544,65.1335 33.4544,62.8135 C33.4544,60.4935 35.3354,58.6125 37.6554,58.6125 C39.9754,58.6125 41.8564,60.4935 41.8564,62.8135"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M57.2051,67.753 C57.2051,69.041 56.1571,70.088 54.8701,70.088 L20.7571,70.088 C19.4701,70.088 18.4221,69.041 18.4221,67.753 L18.4221,6.836 C18.4221,5.548 19.4701,4.5 20.7571,4.5 L54.8701,4.5 C56.1571,4.5 57.2051,5.548 57.2051,6.836 L57.2051,67.753 Z M61.6581,7.546 C61.6651,7.544 61.6841,7.536 61.6841,7.536 C61.6841,7.536 60.2381,4.698 57.7131,2.874 C57.7011,2.865 57.6921,2.861 57.6811,2.853 C57.6511,2.832 57.6201,2.815 57.5901,2.795 C57.3791,2.652 57.2021,2.557 57.0581,2.505 C56.4171,2.192 55.7081,2 54.9481,2 L20.8351,2 C18.1691,2 16.0001,4.169 16.0001,6.836 L16.0001,67.753 C16.0001,68.566 16.2141,69.324 16.5711,69.993 C16.5671,69.995 16.5521,70.001 16.5521,70.001 C16.5521,70.001 17.8271,72.454 20.0561,74.249 C20.9071,75.027 22.0271,75.514 23.2721,75.514 L57.3861,75.514 C60.0521,75.514 62.2211,73.345 62.2211,70.679 L62.2211,9.762 C62.2211,8.959 62.0051,8.213 61.6581,7.546 L61.6581,7.546 Z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M24.377,53.2562 L51.407,53.2562 L51.407,10.5762 L24.377,10.5762 L24.377,53.2562 Z M52.024,8.0762 L23.603,8.0762 C22.608,8.0762 21.798,8.8862 21.798,9.8802 L21.798,53.9522 C21.798,54.9462 22.608,55.7562 23.603,55.7562 L52.024,55.7562 C53.019,55.7562 53.829,54.9462 53.829,53.9522 L53.829,9.8802 C53.829,8.8862 53.019,8.0762 52.024,8.0762 L52.024,8.0762 Z"
+    })));
+}

package/dist/components/pictogram/components/money-in-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function MoneyInPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/money-in-pictogram.js

@@ -0,0 +1,36 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function MoneyInPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Money in', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M65.8799,20.77 C60.1389,11.822 50.1089,5.875 38.7109,5.875 C27.2289,5.875 17.1349,11.908 11.4139,20.966 L13.2209,22.786 C18.4399,14.158 27.9119,8.377 38.7109,8.377 C55.1239,8.377 68.4779,21.73 68.4779,38.144 C68.4779,54.558 55.1239,67.912 38.7109,67.912 C28.0959,67.912 18.7659,62.322 13.4939,53.936 L11.7039,55.739 C12.0309,56.239 12.3559,56.741 12.7089,57.221 C18.4489,66.175 28.4819,72.125 39.8849,72.125 C57.6769,72.125 72.1519,57.65 72.1519,39.858 C72.1519,32.72 69.8179,26.12 65.8799,20.77"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M5.9863,23.8462 L5.9863,53.8832 C5.9863,54.1452 6.0913,54.3942 6.2733,54.5782 C6.6553,54.9642 7.2733,54.9642 7.6543,54.5782 L22.5603,39.5592 C22.9423,39.1762 22.9423,38.5532 22.5603,38.1682 L7.6543,23.1492 C7.4703,22.9642 7.2243,22.8622 6.9653,22.8622 C6.4243,22.8622 5.9863,23.3032 5.9863,23.8462"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M42.8447,46.6279 C42.3677,47.1899 41.7737,47.5779 41.0717,47.8049 L41.0717,40.6979 C41.9247,41.0129 42.5727,41.4199 42.9877,41.9299 C43.4907,42.5469 43.7417,43.2819 43.7417,44.1349 C43.7417,45.0899 43.4437,45.9199 42.8447,46.6279 M35.8927,32.8389 C35.4857,32.2599 35.2827,31.6319 35.2827,30.9579 C35.2827,30.2189 35.5047,29.5439 35.9497,28.9329 C36.3477,28.3879 36.8727,27.9929 37.5127,27.7319 L37.5127,34.1269 C36.8057,33.7859 36.2597,33.3599 35.8927,32.8389 M46.7597,38.3779 C45.7217,37.1419 43.8187,36.1259 41.0717,35.3219 L41.0717,28.0179 C41.9707,28.5979 42.5627,29.4939 42.8067,30.7469 L47.6387,30.1169 C47.3077,28.2069 46.5427,26.6829 45.3467,25.5439 C44.2657,24.5139 42.8277,23.8709 41.0717,23.5739 L41.0717,21.5799 L40.5147,21.5799 L37.7447,21.5799 L37.5127,21.5799 L37.5127,23.5119 C35.4357,23.7639 33.7517,24.5589 32.4837,25.9249 C31.1657,27.3449 30.5077,29.0989 30.5077,31.1869 C30.5077,33.2489 31.0897,35.0029 32.2547,36.4479 C33.3817,37.8469 35.1387,38.8989 37.5127,39.6119 L37.5127,47.5549 C36.9177,47.2209 36.3687,46.7359 35.8737,46.0829 C35.3137,45.3449 34.9317,44.4659 34.7287,43.4469 L29.7427,43.9819 C30.1247,46.4899 31.0037,48.4319 32.3787,49.8069 C33.7027,51.1309 35.4207,51.9289 37.5127,52.2259 L37.5127,55.7469 L37.7447,55.7469 L40.5147,55.7469 L41.0717,55.7469 L41.0717,52.0759 C43.2857,51.6599 45.0427,50.7299 46.3297,49.2729 C47.7237,47.6929 48.4207,45.7519 48.4207,43.4469 C48.4207,41.3849 47.8667,39.6939 46.7597,38.3779"
+    })));
+}

package/dist/components/pictogram/components/money-out-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function MoneyOutPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/money-out-pictogram.js

@@ -0,0 +1,36 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function MoneyOutPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Money out', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M63.5,54.6001 C58.16,62.6171 49.043,67.9121 38.711,67.9121 C22.297,67.9121 8.943,54.5581 8.943,38.1441 C8.943,21.7301 22.297,8.3771 38.711,8.3771 C50.842,8.3771 61.295,15.6751 65.927,26.1091 L68.458,24.8951 C67.699,23.4541 66.84,22.0731 65.88,20.7701 C60.139,11.8221 50.109,5.8751 38.711,5.8751 C20.919,5.8751 6.443,20.3501 6.443,38.1431 C6.443,45.2761 8.773,51.8731 12.709,57.2211 C18.449,66.1751 28.481,72.1251 39.885,72.1251 C51.347,72.1251 61.425,66.1131 67.15,57.0811 L63.5,54.6001 Z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M54.1396,23.9019 L54.1396,53.9389 C54.1396,54.2009 54.2436,54.4499 54.4266,54.6329 C54.8086,55.0199 55.4266,55.0199 55.8076,54.6329 L70.7136,39.6149 C71.0956,39.2319 71.0956,38.6089 70.7136,38.2239 L55.8076,23.2049 C55.6236,23.0199 55.3766,22.9179 55.1176,22.9179 C54.5776,22.9179 54.1396,23.3589 54.1396,23.9019"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M39.8428,46.6279 C39.3658,47.1899 38.7718,47.5779 38.0698,47.8049 L38.0698,40.6979 C38.9228,41.0129 39.5708,41.4199 39.9858,41.9299 C40.4888,42.5469 40.7398,43.2819 40.7398,44.1349 C40.7398,45.0899 40.4418,45.9199 39.8428,46.6279 M32.8908,32.8389 C32.4838,32.2599 32.2798,31.6319 32.2798,30.9579 C32.2798,30.2189 32.5028,29.5439 32.9478,28.9329 C33.3458,28.3879 33.8708,27.9929 34.5108,27.7319 L34.5108,34.1269 C33.8038,33.7859 33.2578,33.3599 32.8908,32.8389 M43.7578,38.3779 C42.7198,37.1419 40.8168,36.1259 38.0698,35.3219 L38.0698,28.0179 C38.9688,28.5979 39.5608,29.4939 39.8048,30.7469 L44.6358,30.1169 C44.3048,28.2069 43.5408,26.6829 42.3448,25.5439 C41.2628,24.5139 39.8248,23.8709 38.0698,23.5739 L38.0698,21.5799 L37.5128,21.5799 L34.7428,21.5799 L34.5108,21.5799 L34.5108,23.5119 C32.4338,23.7639 30.7498,24.5589 29.4818,25.9249 C28.1638,27.3449 27.5048,29.0989 27.5048,31.1869 C27.5048,33.2489 28.0868,35.0029 29.2518,36.4479 C30.3798,37.8469 32.1368,38.8989 34.5108,39.6119 L34.5108,47.5549 C33.9158,47.2209 33.3668,46.7359 32.8718,46.0829 C32.3118,45.3449 31.9298,44.4659 31.7258,43.4469 L26.7408,43.9819 C27.1228,46.4899 28.0018,48.4319 29.3768,49.8069 C30.7008,51.1309 32.4188,51.9289 34.5108,52.2259 L34.5108,55.7469 L34.7428,55.7469 L37.5128,55.7469 L38.0698,55.7469 L38.0698,52.0759 C40.2838,51.6599 42.0398,50.7299 43.3268,49.2729 C44.7218,47.6929 45.4188,45.7519 45.4188,43.4469 C45.4188,41.3849 44.8648,39.6939 43.7578,38.3779"
+    })));
+}

package/dist/components/pictogram/components/movie-tickets-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function MovieTicketsPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/movie-tickets-pictogram.js

@@ -0,0 +1,42 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function MovieTicketsPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Movie tickets', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M40.891 24.223l3.598-6.217c.112-.195.407-.137.44.085l1.033 7.108a.239.239 0 0 0 .185.198l7.025 1.5a.237.237 0 0 1 .055.445l-6.44 3.179a.238.238 0 0 0-.132.238l.743 7.144a.236.236 0 0 1-.404.19L41.98 32.95a.236.236 0 0 0-.266-.051l-6.566 2.914a.236.236 0 0 1-.305-.326l3.342-6.36a.235.235 0 0 0-.034-.267l-4.8-5.344a.237.237 0 0 1 .216-.392l7.08 1.214a.236.236 0 0 0 .245-.115"
+    }), React.createElement("polygon", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        points: "27.249 52.284 33.16 56.902 34.699 54.931 28.788 50.314"
+    }), React.createElement("polygon", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        points: "18.805 45.689 24.716 50.306 26.255 48.336 20.344 43.719"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M39.005 58.295l-1.773-1.385-1.54 1.97 1.774 1.386-8.493 10.873-5.142-4.017c2.725-3.54 2.085-8.64-1.441-11.395-3.528-2.756-8.632-2.141-11.406 1.36l-4.979-3.89 8.494-10.872 1.773 1.386 1.539-1.97-1.774-1.385L42.088 7.005l22.968 17.94-26.051 33.35zM51.397 5.024a1.252 1.252 0 0 0-1.735.047l-2.6 2.647-4.42-3.452a1.25 1.25 0 0 0-1.755.215L3.265 52.645a1.25 1.25 0 0 0 .216 1.754l7.036 5.497a1.251 1.251 0 0 0 1.872-.397c.169-.316.342-.587.53-.827a5.655 5.655 0 0 1 7.931-.975 5.659 5.659 0 0 1 .975 7.932c-.188.24-.408.474-.675.715a1.248 1.248 0 0 0 .069 1.912l7.2 5.623a1.246 1.246 0 0 0 1.754-.216l44.637-45.5a1.251 1.251 0 0 0-.049-1.798L51.397 5.024z"
+    })));
+}

package/dist/components/pictogram/components/nest-egg-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function NestEggPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/nest-egg-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function NestEggPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Nest egg', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M40.592 37.265a3.36 3.36 0 0 1-1.562 1.037v-6.26c.752.278 1.322.636 1.688 1.085.443.543.664 1.19.664 1.942 0 .842-.263 1.572-.79 2.196M34.47 25.12a2.83 2.83 0 0 1-.538-1.657c0-.651.197-1.244.588-1.783.35-.48.813-.827 1.377-1.058v5.633c-.623-.3-1.104-.675-1.427-1.135m9.572 4.878c-.915-1.087-2.59-1.982-5.01-2.691v-6.432c.791.51 1.312 1.3 1.527 2.403l4.255-.555c-.29-1.682-.963-3.024-2.017-4.028-.953-.907-2.219-1.473-3.766-1.735v-1.756h-3.135v1.7c-1.829.223-3.312.924-4.429 2.128-1.16 1.249-1.74 2.794-1.74 4.633 0 1.817.512 3.362 1.538 4.634.993 1.233 2.54 2.158 4.631 2.786v6.996c-.524-.294-1.007-.72-1.444-1.295-.493-.651-.829-1.425-1.009-2.322l-4.39.47c.337 2.21 1.11 3.92 2.321 5.132 1.166 1.166 2.68 1.868 4.522 2.13v3.1h3.135v-3.233c1.95-.366 3.497-1.185 4.631-2.47 1.227-1.39 1.843-3.1 1.843-5.13 0-1.816-.49-3.304-1.464-4.465"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M49.556 64.324c2.018 0 3.885-.075 5.596-.192-6.676 3.652-20.474 8.463-35.31-2.565 2.579-.056 5.033-.165 7.378-.316 8.307 2.347 16.015 3.073 22.336 3.073m-31.17-26.562c0-15.644 8.622-28.372 19.219-28.372 10.597 0 19.219 12.728 19.219 28.372 0 3.217-.395 6.161-1.1 8.826-9.013 1.581-21.531 2.182-36.545-1.23-.512-2.335-.792-4.868-.792-7.596M71.08 56.94l-.6-2.428c-.142.036-6.325 1.502-15.165 1.731 10.146-3.373 14.23-7.142 14.538-7.438l-1.731-1.802c-.088.084-5.924 5.466-21.545 9.026-8.59-.66-18.345-2.81-27.242-8.046 8.022 1.791 15.319 2.471 21.76 2.471 19.137 0 30.737-5.962 31.463-6.346l-1.17-2.21c-.086.046-3.055 1.558-8.38 3.047.199-1.567.306-3.155.306-4.742 0-17.078-11.9-32.199-23.801-33.164-1.866-.12-3.887-.022-7.257 1.082-9.397 3.394-16.37 15.518-16.37 29.918 0 2.248.21 4.495.615 6.681a112.816 112.816 0 0 1-10.648-3.288L5 43.782c2.449.89 4.843 1.668 7.187 2.355 8.222 6.478 17.602 9.81 26.427 11.385-3.38.51-7.104.921-11.186 1.198a76.34 76.34 0 0 1-18.182-7.949l-1.29 2.141a78.61 78.61 0 0 0 12.609 6.13c-3.157.083-6.483.095-10.022.007l-.063 2.5c1.792.045 3.533.066 5.228.066 7.924 6.542 16.497 9.175 23.296 9.175 11.484 0 20.09-6.062 21.639-7.228 3.368-.478 5.342-1.008 5.416-1.028l-.673-2.408c-.19.052-13.14 3.52-30.233.407 4.418-.525 8.332-1.212 11.794-1.989 2.123.148 4.18.22 6.128.22 10.377 0 17.847-1.785 18.006-1.824z"
+    })));
+}

package/dist/components/pictogram/components/noodles-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function NoodlesPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/noodles-pictogram.js

@@ -0,0 +1,36 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function NoodlesPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Noodles', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M15.01 13.728c.027-.6.456-1.062.963-1.035l50.164 2.72c1.012.011 1.846.754 1.863 1.66.016.905-.79 1.63-1.8 1.618a2.212 2.212 0 0 1-.204-.013l-50.139-3.612c-.5-.036-.882-.545-.856-1.14l.01-.198z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M49.08 61.198l-.676.367v5.63h-25.37v-5.63l-.676-.367C13.658 56.472 8.046 47.464 7.6 37.581h56.24c-.448 9.884-6.06 18.891-14.76 23.617zM71.586 38.2c-.579-.596-4.555-2.454-6.168-2.947-.366-.11-.857-.26-1.276-.262h-28.71c-.195-1.35-.673-2.205-1.109-2.973-.481-.847-.86-1.515-.86-2.983 0-1.469.379-2.138.86-2.984.562-.99 1.201-2.11 1.201-4.268 0-2.156-.64-3.278-1.2-4.267-.482-.846-.862-1.512-.862-2.98 0-1.466.38-2.133.861-2.977.562-.988 1.201-2.108 1.201-4.264 0-.715-.577-1.295-1.288-1.295-.713 0-1.289.58-1.289 1.295 0 1.466-.38 2.133-.86 2.976-.563.99-1.201 2.11-1.201 4.266 0 2.155.638 3.276 1.2 4.265.48.845.861 1.514.861 2.98 0 1.47-.38 2.138-.86 2.984-.563.99-1.201 2.111-1.201 4.269 0 2.157.638 3.278 1.2 4.268.31.547.578 1.024.73 1.688h-3.94c-.194-1.35-.672-2.205-1.11-2.973-.48-.847-.86-1.515-.86-2.983 0-1.469.38-2.138.86-2.984.563-.99 1.201-2.11 1.201-4.268 0-2.156-.638-3.278-1.2-4.267-.482-.846-.861-1.512-.861-2.98 0-1.466.38-2.133.86-2.977.563-.988 1.201-2.108 1.201-4.264A1.29 1.29 0 0 0 27.68 6c-.711 0-1.288.58-1.288 1.295 0 1.466-.38 2.133-.861 2.976-.563.99-1.201 2.11-1.201 4.266 0 2.155.638 3.276 1.2 4.265.482.845.862 1.514.862 2.98 0 1.47-.38 2.138-.861 2.984-.563.99-1.201 2.111-1.201 4.269 0 2.157.638 3.278 1.2 4.268.312.547.58 1.024.73 1.688h-3.94c-.194-1.35-.672-2.205-1.109-2.973-.481-.847-.86-1.515-.86-2.983 0-1.469.379-2.138.86-2.984.563-.99 1.2-2.11 1.2-4.268 0-2.156-.637-3.278-1.2-4.267-.481-.846-.86-1.512-.86-2.98 0-1.466.379-2.133.86-2.977.563-.988 1.2-2.108 1.2-4.264 0-.715-.576-1.295-1.288-1.295-.712 0-1.288.58-1.288 1.295 0 1.466-.38 2.133-.86 2.976-.563.99-1.201 2.11-1.201 4.266 0 2.155.638 3.276 1.2 4.265.482.845.861 1.514.861 2.98 0 1.47-.38 2.138-.86 2.984-.563.99-1.201 2.111-1.201 4.269 0 2.157.638 3.278 1.2 4.268.312.547.578 1.024.73 1.688H6.976c-.528 0-1.045.218-1.416.6A1.975 1.975 0 0 0 5 37.018c.25 10.795 6.152 20.717 15.457 26.08v4.494c0 .837.475 1.558 1.163 1.927C23.57 70.981 28.144 72 28.203 72h26.159a2.19 2.19 0 0 0 2.182-2.194v-4.492C65.854 59.946 71.756 50.017 72 39.216c.006-.496-.01-.584-.413-1.016z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M15.001 10.642a.932.932 0 0 1 .867-.982l50.125-2.958c1.009-.096 1.903.449 1.999 1.217.095.768-.644 1.47-1.652 1.566-.067.006-.136.01-.202.01L15.96 11.691a.919.919 0 0 1-.95-.88l-.009-.17z"
+    })));
+}

package/dist/components/pictogram/components/number-1-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function Number1Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/number-1-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function Number1Pictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Number 1', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M42.762 52.16h-5.35V31.994c-1.956 1.828-4.26 3.18-6.914 4.056v-4.857c1.397-.457 2.914-1.323 4.552-2.598 1.638-1.277 2.761-2.765 3.37-4.466h4.342V52.16z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.269S21.855 8.502 38.268 8.502s29.768 13.353 29.768 29.767-13.355 29.768-29.768 29.768m27.17-47.142C59.697 11.947 49.666 6 38.268 6 20.476 6 6 20.475 6 38.268c0 7.133 2.331 13.73 6.266 19.078C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.475 32.266-32.267a32.101 32.101 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/number-2-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function Number2Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/number-2-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function Number2Pictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Number 2', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M47.237 46.492v4.971H28.479c.203-1.879.813-3.659 1.828-5.342 1.016-1.682 3.022-3.913 6.018-6.693 2.412-2.248 3.89-3.77 4.437-4.57.737-1.105 1.104-2.197 1.104-3.276 0-1.194-.32-2.11-.961-2.752-.641-.64-1.527-.96-2.656-.96-1.117 0-2.006.335-2.666 1.008-.66.673-1.041 1.79-1.143 3.351l-5.332-.533c.317-2.945 1.315-5.058 2.99-6.34 1.676-1.283 3.77-1.925 6.284-1.925 2.755 0 4.919.743 6.494 2.23 1.574 1.483 2.36 3.331 2.36 5.54a9.685 9.685 0 0 1-.675 3.59c-.451 1.136-1.166 2.326-2.142 3.57-.65.825-1.817 2.013-3.504 3.561-1.69 1.55-2.758 2.578-3.21 3.086a9.23 9.23 0 0 0-1.095 1.484h10.627z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.269S21.855 8.502 38.268 8.502s29.768 13.353 29.768 29.767-13.355 29.768-29.768 29.768m27.17-47.142C59.697 11.947 49.666 6 38.268 6 20.476 6 6 20.474 6 38.267a32.088 32.088 0 0 0 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.475 32.266-32.267a32.101 32.101 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/number-3-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function Number3Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/number-3-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function Number3Pictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Number 3', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M29.436 44.514l5.18-.628c.165 1.32.609 2.33 1.333 3.028.723.7 1.599 1.047 2.628 1.047 1.104 0 2.034-.419 2.789-1.257.756-.837 1.133-1.967 1.133-3.389 0-1.346-.362-2.412-1.085-3.199-.724-.788-1.606-1.18-2.647-1.18-.685 0-1.505.133-2.457.398l.591-4.36c1.447.038 2.552-.276 3.313-.942.762-.667 1.143-1.553 1.143-2.657 0-.939-.279-1.688-.838-2.248-.559-.557-1.302-.838-2.229-.838-.914 0-1.694.32-2.341.954-.648.634-1.041 1.56-1.181 2.78l-4.933-.839c.343-1.688.861-3.037 1.552-4.046.693-1.01 1.657-1.803 2.895-2.38 1.238-.578 2.625-.867 4.161-.867 2.628 0 4.735.838 6.322 2.514 1.308 1.371 1.962 2.92 1.962 4.646 0 2.45-1.34 4.405-4.019 5.865 1.6.343 2.879 1.112 3.837 2.305.959 1.193 1.439 2.634 1.439 4.322 0 2.45-.896 4.54-2.686 6.266s-4.017 2.59-6.683 2.59c-2.527 0-4.621-.728-6.284-2.18-1.664-1.455-2.628-3.355-2.895-5.705"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.268c0-16.414 13.355-29.766 29.768-29.766s29.768 13.352 29.768 29.766c0 16.415-13.355 29.769-29.768 29.769m27.17-47.143C59.697 11.946 49.666 6 38.268 6 20.476 6 6 20.474 6 38.267a32.09 32.09 0 0 0 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.476 32.266-32.268a32.106 32.106 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/number-4-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function Number4Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/number-4-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function Number4Pictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Number 4', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M38.675 41.513v-9.54l-6.417 9.54h6.417zm0 10.32v-5.616H27.25v-4.685l12.112-17.73h4.494v17.71h3.466v4.705h-3.466v5.617h-5.18z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.269S21.855 8.502 38.268 8.502s29.768 13.353 29.768 29.767-13.355 29.768-29.768 29.768m27.17-47.142C59.697 11.947 49.666 6 38.268 6 20.476 6 6 20.475 6 38.268c0 7.133 2.331 13.73 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.475 32.266-32.267a32.104 32.104 0 0 0-6.271-19.088"
+    })));
+}

package/dist/components/pictogram/components/number-5-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function Number5Pictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/number-5-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function Number5Pictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Number 5', copyrightYear = '2021', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M29.28 45.165l5.332-.552c.152 1.206.603 2.161 1.352 2.866.749.705 1.612 1.057 2.589 1.057 1.118 0 2.064-.454 2.838-1.36.775-.909 1.16-2.277 1.16-4.105 0-1.715-.382-3-1.151-3.856-.767-.858-1.767-1.286-3-1.286-1.535 0-2.912.68-4.131 2.038l-4.342-.628 2.743-14.53h14.148v5.008H36.725l-.838 4.742c1.194-.597 2.413-.896 3.657-.896 2.374 0 4.386.864 6.037 2.59 1.65 1.727 2.475 3.968 2.475 6.723 0 2.297-.667 4.348-2 6.15-1.815 2.464-4.335 3.695-7.56 3.695-2.576 0-4.678-.692-6.303-2.076-1.625-1.384-2.596-3.243-2.913-5.58"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M38.268 68.037C21.855 68.037 8.5 54.683 8.5 38.268c0-16.414 13.355-29.766 29.768-29.766s29.768 13.352 29.768 29.766c0 16.415-13.355 29.769-29.768 29.769m0-62.037C20.476 6 6 20.474 6 38.267a32.09 32.09 0 0 0 6.266 19.079C18.006 66.3 28.039 72.25 39.443 72.25c17.792 0 32.266-14.476 32.266-32.268a32.106 32.106 0 0 0-6.271-19.088C59.697 11.947 49.666 6 38.268 6z"
+    })));
+}

package/dist/components/pictogram/components/padlock-locked-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function PadlockLockedPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/padlock-locked-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function PadlockLockedPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Locked padlock', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M43.3732,45.7012 C43.3732,42.1112 40.4632,39.2012 36.8732,39.2012 C33.2832,39.2012 30.3732,42.1112 30.3732,45.7012 C30.3732,48.0012 31.5712,50.0172 33.3732,51.1732 L33.3732,56.7012 C33.3732,58.6342 34.9402,60.2012 36.8732,60.2012 C38.8062,60.2012 40.3732,58.6342 40.3732,56.7012 L40.3732,51.1732 C42.1762,50.0172 43.3732,48.0012 43.3732,45.7012"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M57.2682,63.1953 C57.2682,65.5683 55.3382,67.4983 52.9662,67.4983 L19.8032,67.4983 C17.4302,67.4983 15.5002,65.5683 15.5002,63.1953 L15.5002,30.9983 L57.2682,30.9983 L57.2682,63.1953 Z M24.3842,22.7083 C24.3842,15.1493 30.2152,9.0003 37.3842,9.0003 C44.5522,9.0003 50.3842,15.1493 50.3842,22.7083 L50.3842,28.4983 L24.3842,28.4983 L24.3842,22.7083 Z M62.9972,32.3353 L62.9982,32.3313 L59.1862,29.0623 L59.1852,29.0633 C58.8322,28.7153 58.3492,28.4983 57.8152,28.4983 L54.3842,28.4983 L54.3842,22.7083 C54.3842,12.9443 46.7582,5.0003 37.3842,5.0003 C28.0102,5.0003 20.3842,12.9443 20.3842,22.7083 L20.3842,28.4983 L14.9392,28.4983 C13.8702,28.4983 13.0002,29.3683 13.0002,30.4373 L13.0002,63.1953 C13.0002,63.3293 13.0122,63.4603 13.0202,63.5913 C13.0192,63.5913 13.0122,63.5893 13.0122,63.5893 C13.0122,63.5893 13.0172,63.6983 13.0352,63.8863 C13.0352,63.8883 13.0352,63.8913 13.0362,63.8943 C13.1832,65.3883 14.2892,71.9863 22.2362,73.1483 C22.6912,73.2443 23.1622,73.2963 23.6452,73.2963 L56.8082,73.2963 C60.5592,73.2963 63.6112,70.2453 63.6112,66.4943 L63.6112,33.7503 C63.6112,33.1923 63.3722,32.6913 62.9972,32.3353 L62.9972,32.3353 Z"
+    })));
+}

package/dist/components/pictogram/components/padlock-unlocked-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function PadlockUnlockedPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/padlock-unlocked-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function PadlockUnlockedPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Unlocked padlock', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M43.3735,45.9736 C43.3735,42.3836 40.4635,39.4736 36.8735,39.4736 C33.2835,39.4736 30.3735,42.3836 30.3735,45.9736 C30.3735,48.2736 31.5705,50.2896 33.3735,51.4446 L33.3735,56.9736 C33.3735,58.9066 34.9405,60.4736 36.8735,60.4736 C38.8065,60.4736 40.3735,58.9066 40.3735,56.9736 L40.3735,51.4446 C42.1755,50.2896 43.3735,48.2736 43.3735,45.9736"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M57.2681,63.4677 C57.2681,65.8407 55.3381,67.7707 52.9661,67.7707 L19.8031,67.7707 C17.4301,67.7707 15.5001,65.8407 15.5001,63.4677 L15.5001,31.2707 L57.2681,31.2707 L57.2681,63.4677 Z M62.9971,32.6077 L62.9991,32.6037 L59.1861,29.3347 L59.1851,29.3357 C58.8331,28.9867 58.3491,28.7707 57.8151,28.7707 L53.8401,28.7707 L53.8401,21.1667 C53.8401,11.7007 46.4461,3.9997 37.3571,3.9997 C28.2681,3.9997 20.8731,11.7007 20.8731,21.1667 L20.8731,21.5837 L24.8731,21.5837 L24.8731,21.1667 C24.8731,13.9067 30.4741,7.9997 37.3571,7.9997 C44.2401,7.9997 49.8401,13.9067 49.8401,21.1667 L49.8401,28.7707 L14.9391,28.7707 C13.8701,28.7707 13.0001,29.6397 13.0001,30.7097 L13.0001,63.4677 C13.0001,63.6017 13.0121,63.7317 13.0201,63.8637 C13.0191,63.8637 13.0131,63.8607 13.0131,63.8607 C13.0131,63.8607 13.0171,63.9707 13.0351,64.1577 C13.0351,64.1607 13.0361,64.1637 13.0361,64.1657 C13.1831,65.6597 14.2891,72.2587 22.2371,73.4197 C22.6911,73.5157 23.1621,73.5687 23.6451,73.5687 L56.8081,73.5687 C60.5591,73.5687 63.6111,70.5167 63.6111,66.7657 L63.6111,34.0217 C63.6111,33.4647 63.3731,32.9637 62.9971,32.6077 L62.9971,32.6077 Z"
+    })));
+}

package/dist/components/pictogram/components/passport-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function PassportPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/passport-pictogram.js

@@ -0,0 +1,42 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function PassportPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Passport', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("polygon", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        points: "27.791 24.295 51.496 24.295 51.496 21.295 27.791 21.295"
+    }), React.createElement("polygon", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        points: "27.791 64.275 51.496 64.275 51.496 61.275 27.791 61.275"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M61.2246,69.1045 C61.2246,70.3925 60.1766,71.4395 58.8896,71.4395 L19.8346,71.4395 C18.5476,71.4395 17.4996,70.3925 17.4996,69.1045 L17.4996,66.1635 L17.4616,66.2145 L17.4616,14.1215 L17.4616,12.0395 C17.4616,13.0255 18.6616,14.0495 19.9836,14.0625 L58.8896,14.0625 C60.1766,14.0625 61.2246,15.1095 61.2246,16.3975 L61.2246,69.1045 Z M58.8896,11.5625 L56.4266,11.5625 L56.4586,8.0345 C56.4716,5.8195 54.6876,4.0135 52.4726,4.00040673 C52.3186,3.9995 52.1646,4.0065 52.0126,4.0235 L19.1396,7.6145 L19.1416,7.6235 C15.0616,8.0975 15.0276,11.0845 15.0276,11.0845 L15.0276,16.1275 C15.0226,16.2195 14.9996,16.3055 14.9996,16.3975 L14.9996,69.1045 C14.9996,71.7715 17.1686,73.9395 19.8346,73.9395 L58.8896,73.9395 C61.5556,73.9395 63.7246,71.7715 63.7246,69.1045 L63.7246,16.3975 C63.7246,13.7315 61.5556,11.5625 58.8896,11.5625 L58.8896,11.5625 Z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M31.4902,35.2675 C32.1602,35.4995 32.8552,35.7045 33.5682,35.8785 C33.8812,34.9395 34.3392,33.8215 34.9882,32.7895 C33.6802,33.3815 32.4952,34.2205 31.4902,35.2675 L31.4902,35.2675 Z M44.2982,32.7895 C44.9472,33.8215 45.4062,34.9395 45.7182,35.8785 C46.4302,35.7045 47.1262,35.4995 47.7942,35.2675 C46.7902,34.2205 45.6062,33.3825 44.2982,32.7895 L44.2982,32.7895 Z M35.6632,36.2935 C36.6232,36.4395 37.6012,36.5345 38.5852,36.5735 L38.5852,32.0675 C37.7522,32.5085 36.9492,33.4595 36.2782,34.8185 C36.0532,35.2745 35.8472,35.7695 35.6632,36.2935 L35.6632,36.2935 Z M40.7012,32.0675 L40.7012,36.5735 C41.6842,36.5345 42.6632,36.4395 43.6232,36.2935 C43.4382,35.7685 43.2322,35.2745 43.0072,34.8185 C42.3372,33.4595 41.5352,32.5085 40.7012,32.0675 L40.7012,32.0675 Z M28.3852,42.0355 L32.5052,42.0355 C32.5612,40.6085 32.7322,39.2285 33.0132,37.9235 C32.0122,37.6755 31.0402,37.3715 30.1122,37.0175 C29.1432,38.5315 28.5522,40.2495 28.3852,42.0355 L28.3852,42.0355 Z M34.6242,42.0355 L38.5852,42.0355 L38.5852,38.6925 C37.4032,38.6485 36.2302,38.5315 35.0892,38.3465 C34.8352,39.5145 34.6792,40.7515 34.6242,42.0355 L34.6242,42.0355 Z M40.7012,42.0355 L44.6612,42.0355 C44.6072,40.7505 44.4512,39.5135 44.1972,38.3465 C43.0542,38.5315 41.8832,38.6485 40.7012,38.6925 L40.7012,42.0355 Z M46.7812,42.0355 L50.9012,42.0355 C50.7332,40.2495 50.1422,38.5315 49.1742,37.0175 C48.2452,37.3725 47.2722,37.6755 46.2702,37.9235 C46.5532,39.2305 46.7242,40.6105 46.7812,42.0355 L46.7812,42.0355 Z M34.6242,44.1535 C34.6792,45.4365 34.8352,46.6735 35.0892,47.8415 C36.2322,47.6555 37.4062,47.5385 38.5852,47.4965 L38.5852,44.1535 L34.6242,44.1535 Z M40.7012,47.4965 C41.8812,47.5385 43.0532,47.6555 44.1972,47.8415 C44.4512,46.6745 44.6072,45.4375 44.6612,44.1535 L40.7012,44.1535 L40.7012,47.4965 Z M46.2702,48.2645 C47.2712,48.5115 48.2452,48.8145 49.1742,49.1705 C50.1422,47.6575 50.7332,45.9385 50.9012,44.1535 L46.7812,44.1535 C46.7242,45.5775 46.5532,46.9565 46.2702,48.2645 L46.2702,48.2645 Z M28.3852,44.1535 C28.5522,45.9375 29.1432,47.6565 30.1122,49.1705 C31.0412,48.8145 32.0132,48.5115 33.0132,48.2645 C32.7322,46.9585 32.5612,45.5795 32.5052,44.1535 L28.3852,44.1535 Z M31.4902,50.9205 C32.4952,51.9675 33.6802,52.8065 34.9882,53.3985 C34.3392,52.3665 33.8812,51.2485 33.5682,50.3095 C32.8562,50.4825 32.1612,50.6875 31.4902,50.9205 L31.4902,50.9205 Z M45.7182,50.3095 C45.4062,51.2485 44.9472,52.3665 44.2982,53.3985 C45.6062,52.8065 46.7902,51.9675 47.7942,50.9205 C47.1252,50.6875 46.4292,50.4825 45.7182,50.3095 L45.7182,50.3095 Z M35.6632,49.8955 C35.8482,50.4215 36.0542,50.9155 36.2782,51.3695 C36.9492,52.7275 37.7522,53.6795 38.5852,54.1215 L38.5852,49.6145 C37.5992,49.6545 36.6212,49.7485 35.6632,49.8955 L35.6632,49.8955 Z M40.7012,49.6145 L40.7012,54.1215 C41.5352,53.6795 42.3372,52.7275 43.0072,51.3695 C43.2322,50.9135 43.4392,50.4195 43.6232,49.8955 C42.6652,49.7485 41.6862,49.6545 40.7012,49.6145 L40.7012,49.6145 Z M39.6392,56.5175 C36.1402,56.5175 32.8502,55.1955 30.3282,52.7645 C27.6772,50.2105 26.2192,46.7765 26.2192,43.0945 C26.2192,37.0565 30.2752,31.7305 36.0852,30.1445 C40.1562,29.0275 44.4212,29.8565 47.7832,32.4205 C51.1412,34.9825 53.0682,38.8725 53.0682,43.0945 C53.0682,50.3455 47.3952,56.2385 40.1542,56.5075 C39.9822,56.5145 39.8112,56.5175 39.6392,56.5175 L39.6392,56.5175 Z"
+    })));
+}

package/dist/components/pictogram/components/percent-sign-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function PercentSignPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/percent-sign-pictogram.js

@@ -0,0 +1,30 @@
+'use client';
+import { clsx } from 'clsx';
+import React from 'react';
+import { Pictogram } from '../pictogram.component.js';
+import { fill } from '../pictogram.styles.js';
+export function PercentSignPictogram({ mode = 'duo', viewBoxWidth = 78, viewBoxHeight = 78, 'aria-label': ariaLabel = 'Percent sign', copyrightYear = '2025', className, ...props }) {
+    return React.createElement(Pictogram, {
+        className: clsx('size-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        ...props
+    }, React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M37.7109,67.9121 C21.2969,67.9121 7.9429,54.5581 7.9429,38.1441 C7.9429,21.7301 21.2969,8.3771 37.7109,8.3771 C54.1239,8.3771 67.4779,21.7301 67.4779,38.1441 C67.4779,54.5581 54.1239,67.9121 37.7109,67.9121 M64.8799,20.7701 C59.1389,11.8221 49.1089,5.8751 37.7109,5.8751 C19.9189,5.8751 5.4429,20.3501 5.4429,38.1431 C5.4429,45.2761 7.7739,51.8731 11.7089,57.2211 C17.4489,66.1751 27.4819,72.1251 38.8849,72.1251 C56.6769,72.1251 71.1519,57.6501 71.1519,39.8581 C71.1519,32.7201 68.8179,26.1201 64.8799,20.7701"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M45.749,46.3555 C45.749,48.2365 45.966,49.4935 46.4,50.1245 C46.729,50.6115 47.183,50.8545 47.762,50.8545 C48.354,50.8545 48.808,50.6185 49.124,50.1445 C49.558,49.4995 49.774,48.2365 49.774,46.3555 C49.774,44.4745 49.564,43.2115 49.143,42.5665 C48.814,42.0935 48.354,41.8565 47.762,41.8565 C47.17,41.8565 46.716,42.0935 46.4,42.5665 C45.966,43.2115 45.749,44.4745 45.749,46.3555 L45.749,46.3555 Z M41.428,46.3755 C41.428,43.7835 41.997,41.8635 43.134,40.6135 C44.272,39.3635 45.828,38.7385 47.801,38.7385 C49.788,38.7385 51.35,39.3635 52.488,40.6135 C53.626,41.8635 54.195,43.7835 54.195,46.3755 C54.195,48.9805 53.626,50.9075 52.488,52.1575 C51.35,53.4065 49.808,54.0315 47.86,54.0315 C45.848,54.0315 44.272,53.4065 43.134,52.1575 C41.997,50.9075 41.428,48.9805 41.428,46.3755 L41.428,46.3755 Z M31.892,53.9725 L27.402,53.9725 L44.738,23.4455 L49.109,23.4455 L31.892,53.9725 Z M26.233,31.0425 C26.233,32.9235 26.45,34.1875 26.884,34.8315 C27.213,35.3055 27.667,35.5425 28.246,35.5425 C28.838,35.5425 29.298,35.3055 29.627,34.8315 C30.048,34.1875 30.259,32.9235 30.259,31.0425 C30.259,29.1615 30.048,27.9055 29.627,27.2735 C29.298,26.7875 28.838,26.5435 28.246,26.5435 C27.667,26.5435 27.213,26.7805 26.884,27.2535 C26.45,27.8985 26.233,29.1615 26.233,31.0425 L26.233,31.0425 Z M21.912,31.0825 C21.912,28.4905 22.48,26.5695 23.619,25.3205 C24.756,24.0705 26.299,23.4455 28.246,23.4455 C30.259,23.4455 31.834,24.0675 32.972,25.3105 C34.11,26.5535 34.679,28.4775 34.679,31.0825 C34.679,33.6735 34.11,35.5945 32.972,36.8445 C31.834,38.0945 30.291,38.7185 28.345,38.7185 C26.332,38.7185 24.756,38.0975 23.619,36.8545 C22.48,35.6105 21.912,33.6875 21.912,31.0825 L21.912,31.0825 Z"
+    })));
+}

package/dist/components/pictogram/components/person-pictogram.d.ts

@@ -0,0 +1,2 @@
+import { type PictogramProps } from '../pictogram.types.js';
+export declare function PersonPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;