@westpac/ui 0.44.0 → 0.46.0

package/src/components/pictogram/components/informative/percent-sign-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function PercentSignPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Percent sign',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <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"
-        />
-        <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"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/person-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function PersonPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Person',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, outline: true })}
-          d="M11.0083,70.6138 L12.4083,61.5538 L12.4313,61.4228 C12.8923,58.7648 14.7063,56.4798 17.2833,55.3088 C18.9823,54.5388 22.2633,53.0408 25.3243,51.5928 L27.7163,50.4488 C28.1483,50.2388 28.5623,50.0368 28.9533,49.8418 C30.1843,51.0458 34.1093,54.4438 39.3113,54.5178 C39.3693,54.5188 39.4273,54.5188 39.4863,54.5188 C43.0623,54.5188 46.4453,52.9238 49.5573,49.8068 C50.2323,50.1368 50.9683,50.4898 51.7473,50.8588 L54.1573,51.9838 C56.9103,53.2568 59.6883,54.5058 61.2073,55.1848 C63.7913,56.3398 65.6183,58.6148 66.0963,61.2758 L67.5703,70.4528 L11.0083,70.6138 Z M32.7083,46.6698 C33.2943,45.6138 33.6163,44.4358 33.7663,43.2758 C35.4403,44.4098 37.3373,45.1278 39.4753,45.1278 C41.4393,45.1278 43.1793,44.5748 44.7183,43.6738 C44.9833,45.2178 45.5273,46.5018 46.3223,47.5118 C46.6353,47.9078 46.9953,48.2398 47.3193,48.5008 C44.8033,50.8608 42.1693,52.0438 39.3653,52.0178 C35.6313,51.9718 32.5743,49.7188 31.1953,48.5058 C32.4263,47.4508 32.7083,46.6698 32.7083,46.6698 L32.7083,46.6698 Z M26.5493,27.2048 C26.9343,25.2968 29.0463,22.8498 31.1973,22.3648 C34.0273,21.5958 39.9333,23.0248 43.3033,17.7808 C45.5773,18.5498 47.9683,16.8728 50.1283,20.5308 C50.8863,22.2178 51.0023,23.9908 51.3233,26.0318 C51.2953,26.5118 51.6523,27.3488 52.0393,27.6808 C51.1763,30.7408 47.3153,42.6278 39.4753,42.6278 C31.4863,42.6278 27.0683,28.9168 26.5493,27.2048 L26.5493,27.2048 Z M71.3583,60.5278 L71.3283,60.3568 C70.6723,56.6398 68.1543,53.4628 64.5923,51.8588 C61.9373,50.6628 55.1613,48.4448 51.7473,46.7078 C48.5563,45.0848 47.3163,42.5308 47.3173,41.6718 C50.0043,39.0578 51.8623,35.4368 53.0373,32.5078 C53.1073,32.5738 53.1893,32.6178 53.2943,32.6178 C55.7723,32.6178 57.0083,28.9798 57.0083,27.6208 C57.0083,26.3188 56.2123,25.2638 55.2103,25.1778 C56.0643,23.8248 56.2823,22.5128 56.2823,22.5128 C57.0993,18.1358 56.0553,15.2538 54.3063,12.6518 C52.4393,9.8138 49.6613,7.8158 46.0443,8.2298 C45.1813,6.6688 43.7953,5.7128 42.1253,5.2258 C41.2893,4.9828 40.4173,4.9018 39.5463,4.8918 C38.4133,4.8778 37.2183,4.9458 36.0393,5.0358 C30.4173,5.4638 25.9773,8.3768 23.8483,12.5468 C22.2433,15.6818 21.4873,19.3478 22.4183,22.5428 C22.7043,23.5238 23.1263,24.4058 23.5783,25.1718 C22.5523,25.2278 21.7333,26.2978 21.7333,27.6208 C21.7333,28.9798 22.9693,32.6178 25.4463,32.6178 C25.6073,32.6178 25.7183,32.5278 25.7983,32.3828 C27.0073,35.1808 28.8683,38.6818 31.4333,41.3088 C31.4463,42.9938 31.1533,45.5218 29.4263,46.7648 C29.2733,46.8758 29.1073,46.9768 28.9303,47.0678 C25.4933,48.8268 18.9503,51.8178 16.2973,53.0218 C12.9653,54.5338 10.6163,57.5108 10.0173,60.9728 L8.1373,73.1108 L57.5823,72.9708 L73.3643,72.9708 L71.3583,60.5278 Z"
-        />
-        <polygon
-          className={fill({ mode, highlight: true })}
-          points="47.304 73.012 58.165 73.012 58.165 60.461 47.304 60.461"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/piggy-bank-pictogram.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function PiggyBankPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Piggy bank',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, outline: true })}
-          d="M51.4653747,34.8946 C49.7333747,34.8946 48.3273747,36.2976 48.3273747,38.0326 C48.3273747,39.7676 49.7333747,41.1696 51.4653747,41.1696 C53.1963747,41.1696 54.6023747,39.7676 54.6023747,38.0326 C54.6023747,36.2976 53.1963747,34.8946 51.4653747,34.8946"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M68.1177747,51.152 L60.1427747,55.268 C59.7487747,55.472 59.4917747,55.87 59.4687747,56.313 L58.8647747,67.777 C58.8417747,68.211 58.6817747,68.621 58.4167747,68.929 C58.3417747,69.016 58.2587747,69.106 58.1697747,69.195 C57.7287747,69.633 57.1187747,69.813 56.4907747,69.689 C55.8347747,69.558 55.2897747,69.115 55.0317747,68.504 L52.1947747,61.755 C52.0597747,61.435 51.7977747,61.185 51.4717747,61.066 C51.1427747,60.945 50.7817747,60.968 50.4727747,61.127 C50.3337747,61.197 36.3147747,68.185 22.1947747,61.302 C21.8827747,61.15 21.5207747,61.134 21.1967747,61.259 C20.8727747,61.384 20.6157747,61.639 20.4867747,61.961 L17.7087747,68.904 C17.5287747,69.356 17.1647747,69.715 16.6507747,69.914 C16.0767747,70.135 15.4507747,70.07 14.9347747,69.735 C14.4177747,69.401 14.1037747,68.856 14.0737747,68.241 L13.4077747,55.052 C13.3947747,54.799 13.3037747,54.554 13.1497747,54.353 C12.7457747,53.826 3.4767747,41.379 17.1967747,28.945 L17.4297747,28.879 C18.7037747,30.038 20.1977747,30.957 21.8347747,31.577 C20.6627747,32.268 19.4807747,33.053 18.2997747,33.967 C17.7537747,34.39 17.6537747,35.174 18.0757747,35.721 C18.3227747,36.039 18.6927747,36.206 19.0657747,36.206 C19.3327747,36.206 19.6017747,36.12 19.8297747,35.944 C30.0637747,28.026 40.7207747,29.81 40.8777747,29.836 C41.5617747,29.963 42.2077747,29.511 42.3327747,28.833 C42.4577747,28.154 42.0087747,27.503 41.3297747,27.377 C41.1667747,27.347 39.7357747,27.1 37.4837747,27.127 C38.5087747,25.809 39.3067747,24.307 39.7987747,22.67 L42.6427747,23.502 C44.3867747,24.012 46.2917747,23.685 47.7387747,22.627 C48.9487747,21.741 51.2297747,20.072 52.8237747,17.506 C53.7287747,19.015 54.7647747,21.792 53.9007747,25.91 C53.6917747,26.913 54.0317747,27.965 54.9127747,29.039 L61.3087747,36.836 C61.7827747,37.414 62.3467747,37.905 62.9817747,38.296 L68.1177747,41.45 L68.1177747,51.152 Z M15.4177747,18.731 C15.4177747,12.831 20.2177747,8.03 26.1177747,8.03 C32.0187747,8.03 36.8187747,12.831 36.8187747,18.731 C36.8187747,24.631 32.0187747,29.432 26.1177747,29.432 C20.2177747,29.432 15.4177747,24.631 15.4177747,18.731 L15.4177747,18.731 Z M73.0217747,40.686 L67.2907747,37.166 C66.8917747,36.921 66.5387747,36.612 66.2417747,36.25 L59.8467747,28.453 C59.4267747,27.943 59.3137747,27.586 59.3477747,27.423 C61.0237747,19.431 53.7957747,14.434 53.6067747,14.268 C53.3537747,14.046 53.0247747,13.943 52.6957747,13.965 C52.5687747,13.956 52.4407747,13.959 52.3147747,13.988 C51.9207747,14.081 51.5957747,14.36 51.4427747,14.735 C50.2397747,17.699 47.6527747,19.592 46.2627747,20.609 C45.4387747,21.212 44.3497747,21.395 43.3457747,21.103 L40.2977747,20.211 C40.3497747,19.724 40.3807747,19.232 40.3807747,18.732 C40.3807747,11.16 34.2207747,5 26.6487747,5 C19.0767747,5 12.9167747,11.16 12.9167747,18.732 C12.9167747,21.817 13.9517747,24.658 15.6767747,26.953 C13.4097747,28.985 11.7017747,31.029 10.4387747,33.042 C8.9007747,32.134 6.8657747,30.633 6.4187747,29.458 C6.1747747,28.812 5.4507747,28.488 4.8067747,28.733 C4.1607747,28.978 3.8367747,29.7 4.0817747,30.345 C4.8937747,32.482 7.8237747,34.405 9.2267747,35.229 C4.4867747,45.087 9.7097747,53.74 10.9287747,55.538 L11.5757747,68.367 C11.6477747,69.792 12.3757747,71.055 13.5737747,71.833 C13.6237747,71.866 13.6937747,71.903 13.7737747,71.944 C14.1187747,72.144 14.4807747,72.296 14.8567747,72.394 C16.2787747,72.923 18.3527747,73.542 18.9437747,73.542 C19.4957747,73.542 20.0587747,73.437 20.6127747,73.223 C21.7117747,72.798 22.5927747,71.926 23.0307747,70.833 L25.2747747,65.223 C25.7757747,65.386 26.2757747,65.548 26.7727747,65.685 C36.8537747,69.537 46.2877747,67.439 51.1657747,65.758 L52.7267747,69.473 C53.3067747,70.852 54.5327747,71.849 56.0047747,72.141 C56.1427747,72.169 56.2817747,72.183 56.4207747,72.198 C56.4297747,72.2 56.4377747,72.203 56.4477747,72.205 C57.8857747,72.49 61.9037747,72.987 62.9297747,71.97 C63.0667747,71.835 63.1927747,71.697 63.3097747,71.561 C63.9357747,70.835 64.3087747,69.893 64.3607747,68.909 L64.9277747,58.161 L72.9407747,54.025 C73.3567747,53.81 73.6177747,53.381 73.6177747,52.914 L73.6177747,41.751 C73.6177747,41.317 73.3917747,40.913 73.0217747,40.686 L73.0217747,40.686 Z"
-        />
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M27.8457747,22.3883 C27.6267747,22.6463 27.3537747,22.8243 27.0317747,22.9293 L27.0317747,19.6653 C27.4237747,19.8103 27.7207747,19.9963 27.9107747,20.2313 C28.1417747,20.5143 28.2577747,20.8523 28.2577747,21.2433 C28.2577747,21.6823 28.1207747,22.0633 27.8457747,22.3883 M24.6537747,16.0563 C24.4667747,15.7903 24.3727747,15.5023 24.3727747,15.1933 C24.3727747,14.8533 24.4747747,14.5443 24.6797747,14.2633 C24.8627747,14.0133 25.1037747,13.8313 25.3977747,13.7113 L25.3977747,16.6483 C25.0727747,16.4923 24.8217747,16.2963 24.6537747,16.0563 M29.6437747,18.6003 C29.1667747,18.0333 28.2927747,17.5663 27.0317747,17.1973 L27.0317747,13.8433 C27.4447747,14.1093 27.7157747,14.5213 27.8277747,15.0963 L30.0467747,14.8063 C29.8947747,13.9303 29.5437747,13.2303 28.9947747,12.7063 C28.4977747,12.2343 27.8377747,11.9383 27.0317747,11.8023 L27.0317747,10.8873 L26.7757747,10.8873 L25.5047747,10.8873 L25.3977747,10.8873 L25.3977747,11.7743 C24.4437747,11.8893 23.6707747,12.2543 23.0877747,12.8823 C22.4827747,13.5343 22.1807747,14.3393 22.1807747,15.2983 C22.1807747,16.2453 22.4477747,17.0513 22.9827747,17.7143 C23.5007747,18.3563 24.3067747,18.8393 25.3977747,19.1673 L25.3977747,22.8143 C25.1237747,22.6603 24.8727747,22.4383 24.6447747,22.1383 C24.3877747,21.7993 24.2117747,21.3953 24.1187747,20.9283 L21.8297747,21.1733 C22.0057747,22.3253 22.4087747,23.2173 23.0397747,23.8483 C23.6477747,24.4563 24.4367747,24.8223 25.3977747,24.9593 L25.3977747,26.5753 L25.5047747,26.5753 L26.7757747,26.5753 L27.0317747,26.5753 L27.0317747,24.8893 C28.0487747,24.6993 28.8547747,24.2723 29.4457747,23.6023 C30.0857747,22.8783 30.4067747,21.9863 30.4067747,20.9283 C30.4067747,19.9813 30.1517747,19.2043 29.6437747,18.6003"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/pizza-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function PizzaPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Pizza',
-  copyrightYear = '2021',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M35.581 29.212a5.542 5.542 0 1 1-11.085 0 5.542 5.542 0 1 1 11.085 0m-6.175 20.36a5.507 5.507 0 1 1-10.859-1.85 5.507 5.507 0 0 1 10.859 1.85M47.9 40.385a5.507 5.507 0 1 1-9.54 5.507 5.507 5.507 0 0 1 9.54-5.507"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M63.934 50.143a3.123 3.123 0 0 1-2.084 1.194 3.114 3.114 0 0 1-.578.012c-.058-.004-.113-.012-.17-.019a2.936 2.936 0 0 1-.4-.072c-.056-.013-.112-.026-.165-.043a3.1 3.1 0 0 1-.478-.187 3.147 3.147 0 0 1-1.6-1.854 3.147 3.147 0 0 1-.128-.554 41.522 41.522 0 0 0-.334-2.14 40.347 40.347 0 0 0-4.635-12.84 39.505 39.505 0 0 0-8.74-10.557 38.204 38.204 0 0 0-2.367-1.858 37.71 37.71 0 0 0-1.98-1.335c-.036-.023-.073-.049-.112-.072a37.077 37.077 0 0 0-1.982-1.154l-.208-.11a35.02 35.02 0 0 0-4.034-1.834c-.102-.038-.205-.078-.308-.115a31.854 31.854 0 0 0-1.986-.66c-.073-.023-.148-.04-.221-.063a30.675 30.675 0 0 0-1.848-.468c-.097-.02-.193-.045-.288-.066a29.098 29.098 0 0 0-4.273-.565 3.137 3.137 0 0 1-2.852-2.293 2.694 2.694 0 0 1-.1-.467 2.826 2.826 0 0 1-.027-.538 3.127 3.127 0 0 1 1.032-2.184 3.105 3.105 0 0 1 2.265-.795C46.886 9.6 62.205 29.356 64.565 47.823a3.119 3.119 0 0 1-.631 2.32zM9.928 62.617l13.02-45.796c.6.26 1.25.422 1.94.457 13.318.677 28.54 12.704 30.963 31.657.078.608.263 1.178.517 1.706L9.928 62.617zm38.486-47.78C45.96 12.91 37.09 6.601 25.463 6.01a5.605 5.605 0 0 0-4.07 1.435 5.618 5.618 0 0 0-1.855 3.914 5.617 5.617 0 0 0 1.313 3.896L7.04 63.824c-.095.35-.098.739.268 1.172l3.196 3.598a1.248 1.248 0 0 0 1.246.38l49.358-12.728c.015-.004.025-.016.04-.02.965.771 2.653 1.387 4.209 1.19a5.608 5.608 0 0 0 3.748-2.145 5.606 5.606 0 0 0 1.135-4.167c-1.606-12.564-9.967-27.162-21.827-36.267z"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/plant-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function PlantPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Plant',
-  copyrightYear = '2021',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M14.432 12.509c-1.465 9.27.978 14.144 4.574 16.618 8.354 5.749 18.521-5.04 12.287-13.037-2.684-3.444-7.692-5.594-16.86-3.581"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M19.361 49.883h36.697v-4.558H19.361v4.558zm32.297 2.83l-1.653 17.12h-24.59l-1.685-17.45h19.199l8.764.056-.035.274zM43.48 11.962c2.045-2.972 5.564-4.466 10.492-4.466.991 0 2.056.078 3.16.198-2.198 1.658-7.975 6.378-13.046 13.646-2.041-2.351-2.95-5.973-.606-9.378zm14.884-2.067c.775 5.908-.442 10.162-3.645 12.659-2.978 2.322-6.297 1.944-8.731.415 4.711-6.821 10.118-11.344 12.376-13.074zm-1.146 32.93H38.081c.878-6.825 3.432-12.775 6.491-17.696.646.39 1.406.727 2.236 1 .477.171.966.312 1.469.411 1.494.351 3.033.527 4.262.527 2.014 0 4.127-.648 6.126-2.206 4.538-3.537 5.895-9.632 4.033-18.114a1.248 1.248 0 0 0-1.026-.967 83.38 83.38 0 0 0-3.722-.519c-7.872-.978-13.427.794-16.519 5.283-3.29 4.782-1.776 9.865 1.241 12.932-2.786 4.406-5.212 9.611-6.481 15.534-1.283-4.671-3.209-8.501-5.307-11.538-.557.653-1.272 1.252-1.976 1.741 2.782 4.097 4.633 8.655 5.56 13.612H18.111c-.69 0-1.25.56-1.25 1.25v7.058c0 .69.56 1.25 1.25 1.25h3.108l1.816 18.82c.038.389.262.704.567.906.314.306 1.261.89 3.926.89h26.86c.644 0 1.183-.489 1.244-1.13l1.829-18.937 3.095.117c.691 0 1.25-.56 1.25-1.25v-7.058c0-.463-.263-.851-.638-1.067-.923-.432-2.476-.849-3.95-.849z"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/search-pictogram.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function SearchPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Search',
-  copyrightYear = '2021',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M18.641 35.799l-.127-1.243c-.449-4.38.48-7.95 2.762-10.61 3.564-4.153 9.097-4.477 9.331-4.49l1.248-.062.126 2.497-1.246.062c-.104.007-4.743.32-7.576 3.639-1.808 2.117-2.534 5.047-2.158 8.708l.127 1.244-2.487.255z"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M61.276 68.744a4.509 4.509 0 0 1-3.209-1.329L41.79 51.138a1.248 1.248 0 0 0-1.452-.23 21.658 21.658 0 0 1-9.935 2.401C18.326 53.309 8.5 43.482 8.5 31.404 8.5 19.326 18.326 9.5 30.403 9.5c12.08 0 21.905 9.826 21.905 21.904 0 4.388-1.293 8.623-3.74 12.246a1.25 1.25 0 0 0 .152 1.583l15.764 15.764a4.506 4.506 0 0 1 1.33 3.209 4.506 4.506 0 0 1-1.33 3.209 4.505 4.505 0 0 1-3.208 1.329zM55 44.179a24.3 24.3 0 0 0 3.606-12.775C58.606 17.035 47.01 7 30.403 7 16.947 7 6 17.947 6 31.404s10.947 24.405 24.403 24.405c3.567 0 7.011-.764 10.25-2.273l15.646 15.647a6.976 6.976 0 0 0 3.897 1.97c1.516.191 3.573.153 5.016.083 1.344-.148 3.31-.523 4.838-2.053a6.99 6.99 0 0 0 2.062-4.977 6.99 6.99 0 0 0-2.062-4.977L55 44.179z"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M30.305 47.243c-8.68 0-15.74-7.06-15.74-15.739 0-8.679 7.06-15.74 15.74-15.74 8.679 0 15.739 7.061 15.739 15.74 0 8.678-7.06 15.74-15.74 15.74m0-33.98c-10.056 0-18.238 8.182-18.238 18.24 0 10.057 8.182 18.24 18.239 18.24s18.239-8.183 18.239-18.24c0-10.058-8.182-18.24-18.24-18.24"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/secure-pictogram.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function SecurePictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Secure',
-  copyrightYear = '2021',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M40.115 40.343a3.115 3.115 0 1 0-4.792 2.622v2.649a1.677 1.677 0 0 0 3.355 0v-2.65a3.108 3.108 0 0 0 1.437-2.621"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M31.061 30.879c0-3.461 2.664-6.277 5.938-6.277 3.276 0 5.94 2.816 5.94 6.277v.786H31.062v-.786zm15.297 3.286v11.887a4.308 4.308 0 0 1-4.302 4.303h-10.11a4.309 4.309 0 0 1-4.304-4.303V34.165h18.716zm-17.796-2.5h-3.42v14.387a6.81 6.81 0 0 0 6.803 6.803h10.11a6.81 6.81 0 0 0 6.803-6.803V31.665H45.44v-.786c0-4.84-3.786-8.777-8.44-8.777s-8.439 3.937-8.439 8.777v.786z"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M61.126 35.491c0 14.786-10.432 28.462-24.312 31.944C22.932 63.953 12.5 50.276 12.5 35.491V19.683l24.314-10.94 24.312 10.94v15.808zM57.92 15.498L36.814 6 10 18.066v17.425c0 7.274 2.358 14.296 6.345 20.138l.047.068a35.796 35.796 0 0 0 .823 1.154c3.159 4.25 7.204 7.795 11.837 10.246a42.523 42.523 0 0 0 10.97 4.326l.291.07.291-.07c15.12-3.625 26.521-18.435 26.521-34.449V19.551l-9.205-4.053z"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/shop-pictogram.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function ShopPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Shop',
-  copyrightYear = '2021',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, outline: true })}
-          d="M68.999 32.66c0 1.969-1.869 3.569-4.166 3.569-2.298 0-4.167-1.6-4.167-3.568v-3.57h8.333v3.57zM36.267 64.816l-.053-22.371-20.968.05.053 22.38-6.14.064-.101-26.395a7.26 7.26 0 0 0 1.609.186c2.231 0 4.206-1.007 5.416-2.544 1.211 1.537 3.186 2.544 5.417 2.544s4.206-1.007 5.416-2.544c1.211 1.537 3.186 2.544 5.417 2.544s4.206-1.007 5.417-2.544c1.21 1.537 3.185 2.544 5.416 2.544 2.231 0 4.206-1.007 5.417-2.544 1.21 1.537 3.185 2.544 5.416 2.544 2.231 0 4.206-1.007 5.417-2.545 1.121 1.424 2.9 2.382 4.929 2.518l.095 23.793a2.3 2.3 0 0 1-2.294 2.306l-25.879.014zM6.5 29.092h8.333v3.569c0 1.968-1.869 3.568-4.166 3.568-2.298 0-4.167-1.6-4.167-3.568v-3.57zm19.166 0v3.569c0 1.968-1.869 3.568-4.166 3.568-2.298 0-4.167-1.6-4.167-3.568v-3.57h8.333zm10.834 0v3.569c0 1.968-1.869 3.568-4.166 3.568-2.298 0-4.167-1.6-4.167-3.568v-3.57H36.5zm10.833 0v3.569c0 1.968-1.869 3.568-4.166 3.568-2.298 0-4.167-1.6-4.167-3.568v-3.57h8.333zm10.833 0v3.569c0 1.968-1.869 3.568-4.166 3.568-2.298 0-4.167-1.6-4.167-3.568v-3.57h8.333zM12.131 13.5h51.237l5.058 13.092H7.073L12.131 13.5zm56.399-1.7a1.25 1.25 0 0 0-1.166-.8H11.273c-.516 0-.979.318-1.166.8L4.084 27.39a1.227 1.227 0 0 0-.074.405L4 32.66c0 1.935 1.004 3.658 2.56 4.77l.103 29.427a.588.588 0 0 0 .59.585l10.552-.04v-.036l-.053-22.38 15.968-.037.053 22.372 30.611-.026a5.852 5.852 0 0 0 5.849-5.868l-.075-23.041c2.604-.827 4.481-3.078 4.481-5.726v-.78c0-2.833-.519-5.612-1.54-8.26L68.53 11.8z"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M44.416 54.891H57.42v-9.884H44.416v9.884zm-2.5 2.5H59.92V42.507H41.916v14.884z"
-        />
-        <polygon
-          className={fill({ mode, highlight: true })}
-          points="17.805 67.403 30.903 73.366 30.903 51.035 17.75 44.983"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/shopping-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function ShoppingPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Shopping',
-  copyrightYear = '2021',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M25.435 22.395a1.25 1.25 0 0 0-1.036 1.433l3.009 18.728a1.25 1.25 0 0 0 2.468-.396l-3.008-18.73a1.25 1.25 0 0 0-1.433-1.035m11.631.813c-.69 0-1.25.56-1.25 1.25v17.9a1.25 1.25 0 0 0 2.5 0v-17.9c0-.69-.56-1.25-1.25-1.25m10.823.907a1.243 1.243 0 0 0-1.414 1.06l-2.428 17.006a1.249 1.249 0 1 0 2.474.354l2.429-17.006a1.25 1.25 0 0 0-1.061-1.414m10.097 1.063a1.253 1.253 0 0 0-1.52.903L52.308 42.42a1.25 1.25 0 1 0 2.423.616l4.158-16.337a1.25 1.25 0 0 0-.903-1.52"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M26.92 69.283a4.244 4.244 0 0 1-4.239-4.24 4.245 4.245 0 0 1 4.24-4.24 4.245 4.245 0 0 1 4.238 4.24 4.244 4.244 0 0 1-4.239 4.24m0-10.98a6.747 6.747 0 0 0-6.739 6.74c0 3.699 2.996 6.71 6.688 6.738h1.544c3.678-.046 6.657-3.05 6.657-6.737 0-3.671-2.952-6.661-6.606-6.733l-1.544-.007zm23.94 6.741a4.245 4.245 0 0 1 4.238-4.24 4.244 4.244 0 0 1 4.24 4.24 4.244 4.244 0 0 1-4.24 4.239 4.244 4.244 0 0 1-4.239-4.24zm4.238-6.74a6.747 6.747 0 0 0-6.739 6.74c0 3.698 2.996 6.709 6.688 6.737h1.544v-.002c3.678-.044 6.657-3.047 6.657-6.735 0-3.671-2.952-6.661-6.606-6.733l-1.544-.007zm6.689-11.606h-40.03l-.002-.007h-.017l-4.964-29.594 1.259.151.001.005 49.44 5.918-5.687 23.527zm11.24-25.946c-37.807-4.287-56.725-6.431-56.754-6.432l-1.28-6.43a1.256 1.256 0 0 0-.956-.978L5.52 5.03a1.25 1.25 0 0 0-.54 2.441l7.72 1.706c2.278 13.165 6.656 38.34 7.757 45.758a1.25 1.25 0 0 0 1.237 1.066h37.782a1.25 1.25 0 1 0 0-2.5H22.771l-.626-4.213h44.474c.621 0 1.162-.426 1.309-1.03l6.248-25.852a1.346 1.346 0 0 0-1.149-1.654z"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/sparkle-pictogram.tsx

@@ -1,89 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function SparklePictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Sparkle',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <svg width="78" height="78" viewBox="0 0 78 78" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <g clipPath="url(#clip0_882_7929)">
-          <path
-            d="M38.9999 61.716C37.7659 61.716 36.6949 60.9716 36.2758 59.8201L32.4922 49.5961C31.782 47.6885 30.2802 46.1765 28.371 45.4786L18.1378 41.6984C16.9853 41.268 16.2402 40.1979 16.2402 38.9766C16.2402 37.7553 16.9853 36.6736 18.1378 36.2549L28.371 32.4747C30.2802 31.7652 31.7937 30.2647 32.4922 28.3572L36.2758 18.1332C36.7065 16.9817 37.7775 16.2373 38.9999 16.2373C40.2223 16.2373 43.5 17 44.0525 18.1332L47.8361 28.3572C48.5462 30.2647 50.048 31.7768 51.9572 32.4747L62.1904 36.2549C63.3429 36.6853 64.088 37.7553 64.088 38.9766C64.088 40.1979 63.3429 41.2797 62.1904 41.6984L51.9572 45.4786C50.048 46.1881 48.5346 47.6885 47.8361 49.5961C47.8361 49.5961 45.6049 57.6401 44.0525 59.8201C42.5 62 40.2223 61.716 38.9999 61.716ZM38.9999 18.5403C38.8835 18.5403 38.5808 18.5752 38.4528 18.9242L34.6692 29.1481C33.7262 31.6954 31.7238 33.7076 29.1626 34.6498L18.9295 38.43C18.5919 38.5579 18.5453 38.8487 18.5453 38.9766C18.5453 39.1046 18.5802 39.3954 18.9295 39.5233L29.1626 43.3035C31.7122 44.2457 33.7262 46.2463 34.6692 48.8052L38.4528 59.0291C38.5808 59.3664 38.8719 59.413 38.9999 59.413C39.128 59.413 39.419 59.3781 39.5471 59.0291L43.3307 48.8052C44.2737 46.2579 46.2761 44.2457 48.8372 43.3035L59.0704 39.5233C59.408 39.3954 59.4546 39.1046 59.4546 38.9766C59.4546 38.8487 59.4196 38.5579 59.0704 38.43L48.8372 34.6498C46.2877 33.7076 44.2737 31.707 43.3307 29.1481L41.4389 24.0361L39.5471 18.9242C39.419 18.5868 39.128 18.5403 38.9999 18.5403Z"
-            className={fill({ mode, outline: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M67.5225 39.5465H78.0001V37.2202H67.5225V39.5465Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M39.582 10.4682V0H37.2537V10.4682H39.582Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M58.8375 20.192L66.0671 12.9689L64.4605 11.3638L57.231 18.5869L58.8375 20.192Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M19.9772 18.5869L12.7477 11.3638L11.1411 12.9689L18.3707 20.192L19.9772 18.5869Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 39.5465H10.4776V37.2202H0V39.5465Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M39.582 77.9302V67.4619H37.2537V77.9302H39.582Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.7477 66.2408L19.9772 59.0177L18.3707 57.4126L11.1411 64.6357L12.7477 66.2408Z"
-            className={fill({ mode, highlight: true })}
-          />
-          <path
-            d="M61.6275 73.7087C60.836 73.6589 60.05 72.9352 59.8447 72.3711L57.991 67.362C57.643 66.4275 56.471 65.6434 55.5356 65.3015L50.9297 63.4561C50.365 63.2453 50 62.721 50 62.1227C50 61.5243 50.365 60.9943 50.9297 60.7892L55.8328 58.9986C56.7682 58.651 57.5097 57.9159 57.8519 56.9813L59.7056 51.9723C59.9167 51.4081 60.1646 50.7097 60.836 50.1765C61.6275 49.548 64.3923 50.7127 64.7478 51.867L66.8552 56.9132C67.2031 57.8478 67.8241 58.2113 68.7595 58.5532L73.8878 60.7826C74.5 61 75 61.7053 75 62.1192C75 62.4206 75 63.4565 73.8878 63.9616L68.7595 65.6852C67.8241 66.0328 67.1974 66.3843 66.8552 67.3188C66.8552 67.3188 65.4472 71.4364 65.1935 71.9257C64.9399 72.415 64.7416 73.9044 61.6275 73.7087ZM61.6346 52.1036C61.5775 52.1036 61.4292 52.1207 61.3665 52.2917L59.5128 57.3007C59.0508 58.5487 58.0698 59.5346 56.8149 59.9962L51.8014 61.8482C51.636 61.9109 51.6132 62.0534 51.6132 62.116C51.6132 62.1787 51.6303 62.3212 51.8014 62.3839L56.8149 64.2359C58.0641 64.6975 59.0508 65.6776 59.5128 66.9313L61.3665 71.9404C61.4292 72.1056 61.5718 72.1284 61.6346 72.1284C61.6973 72.1284 61.8399 72.1113 61.9026 71.9404L63.7563 66.9313C64.2183 65.6833 65.1994 64.6975 66.4542 64.2359L71.4677 62.3839C71.6331 62.3212 71.6559 62.1787 71.6559 62.116C71.6559 62.0534 71.6388 61.9109 71.4677 61.8482L66.4542 59.9962C65.2051 59.5346 64.2183 58.5544 63.7563 57.3007L62.8295 54.7962L61.9026 52.2917C61.8399 52.1264 61.6973 52.1036 61.6346 52.1036Z"
-            className={fill({ mode, outline: true })}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_882_7929">
-            <rect width="78" height="78" fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/star-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function StarPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Star',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M38.5967,47.1562 L27.8237,54.6532 C27.4867,54.8872 27.0427,54.5652 27.1617,54.1722 L30.9627,41.6102 C31.0147,41.4362 30.9537,41.2492 30.8097,41.1392 L20.3507,33.2102 C20.0237,32.9622 20.1937,32.4412 20.6037,32.4332 L33.7257,32.1652 C33.9067,32.1612 34.0667,32.0462 34.1257,31.8752 L38.4347,19.4772 C38.5697,19.0902 39.1177,19.0902 39.2517,19.4772 L43.5617,31.8752 C43.6207,32.0462 43.7807,32.1612 43.9617,32.1652 L57.0837,32.4332 C57.4937,32.4412 57.6627,32.9622 57.3357,33.2102 L46.8767,41.1392 C46.7337,41.2492 46.6717,41.4362 46.7247,41.6102 L50.5257,54.1722 C50.6447,54.5652 50.2007,54.8872 49.8647,54.6532 L39.0907,47.1562 C38.9427,47.0522 38.7447,47.0522 38.5967,47.1562"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M38.7109,67.9121 C22.2969,67.9121 8.9419,54.5581 8.9419,38.1441 C8.9419,21.7301 22.2969,8.3771 38.7109,8.3771 C55.1239,8.3771 68.4779,21.7301 68.4779,38.1441 C68.4779,54.5581 55.1239,67.9121 38.7109,67.9121 M65.8799,20.7701 C60.1389,11.8221 50.1079,5.8751 38.7109,5.8751 C20.9189,5.8751 6.4419,20.3501 6.4419,38.1431 C6.4419,45.2761 8.7739,51.8731 12.7089,57.2211 C18.4489,66.1751 28.4819,72.1251 39.8849,72.1251 C57.6769,72.1251 72.1509,57.6501 72.1509,39.8581 C72.1509,32.7201 69.8169,26.1201 65.8799,20.7701"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/stopwatch-pictogram.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function StopwatchPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Stopwatch',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g fill="none" fillRule="evenodd">
-        <polygon
-          className={fill({ mode, outline: true })}
-          points="30.423 24.352 27.704 25.62 37.002 45.558 38.295 44.955 54.213 44.955 54.213 41.955 38.631 41.955"
-        />
-        <path
-          className={fill({ mode, outline: true })}
-          d="M38.8218,68.6453 C24.3338,68.6453 12.5468,56.8583 12.5468,42.3703 C12.5468,27.8813 24.3338,16.0943 38.8218,16.0943 C53.3098,16.0943 65.0968,27.8813 65.0968,42.3703 C65.0968,56.8583 53.3098,68.6453 38.8218,68.6453 M63.0038,26.8753 C61.2048,24.0723 58.9258,21.6103 56.2968,19.5823 L57.8908,16.7053 L60.9528,18.4023 L63.3768,14.0293 L52.8818,8.2113 L50.4568,12.5843 L53.5178,14.2813 L52.0788,16.8783 C48.0968,14.7893 43.5758,13.5943 38.7758,13.5943 C22.9088,13.5943 9.9998,26.5033 9.9998,42.3703 C9.9998,48.7323 12.0798,54.6163 15.5898,59.3863 C20.7098,67.3643 29.6538,72.6663 39.8178,72.6663 C55.6838,72.6663 68.5928,59.7583 68.5928,43.8913 C68.5928,37.5293 66.5128,31.6453 63.0038,26.8753"
-        />
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M32.7046 3.9998L32.7046 8.9998 36.2046 8.9998 36.2046 13.7128C37.8716 13.5658 39.5436 13.5538 41.2046 13.6848L41.2046 8.9998 44.7046 8.9998 44.7046 3.9998 32.7046 3.9998zM38.7124 37.9549C35.9504 37.9549 33.7124 40.1939 33.7124 42.9549 33.7124 45.7159 35.9504 47.9549 38.7124 47.9549 41.4734 47.9549 43.7124 45.7159 43.7124 42.9549 43.7124 40.1939 41.4734 37.9549 38.7124 37.9549"
-        />
-      </g>
-    </Pictogram>
-  );
-}

package/src/components/pictogram/components/informative/target-pictogram.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { clsx } from 'clsx';
-import React from 'react';
-
-import { Pictogram } from '../../pictogram.component.js';
-import { fill } from '../../pictogram.styles.js';
-import { type PictogramProps } from '../../pictogram.types.js';
-
-export function TargetPictogram({
-  mode = 'duo',
-  viewBoxWidth = 78,
-  viewBoxHeight = 78,
-  'aria-label': ariaLabel = 'Passport',
-  copyrightYear = '2025',
-  className,
-  ...props
-}: PictogramProps) {
-  return (
-    <Pictogram
-      className={clsx('size-13', className)}
-      viewBoxWidth={viewBoxWidth}
-      viewBoxHeight={viewBoxHeight}
-      aria-label={ariaLabel}
-      copyrightYear={copyrightYear}
-      {...props}
-    >
-      <g xmlns="http://www.w3.org/2000/svg" width="78" height="78" viewBox="0 0 78 78" fill="none">
-        <path
-          className={fill({ mode, outline: true })}
-          d="M68.2174 38C68.2174 34.0195 67.4202 30.2226 65.9746 26.761C65.6783 26.0529 66.0135 25.2376 66.7217 24.9412C67.4313 24.6463 68.2466 24.9802 68.543 25.6897C70.1249 29.481 71.1901 32.0453 72 36.5C74 47.5 66.7217 70.5 40.3333 72C22.6721 72 7 57 7 38C7 20.3388 21.3388 6 39 6C43.3603 6 47.5189 6.87514 51.3103 8.45705C52.0198 8.7534 52.3537 9.56869 52.0588 10.2783C51.7624 10.9864 50.9471 11.3217 50.239 11.0254C46.7774 9.57983 42.9805 8.78261 39 8.78261C22.8748 8.78261 9.78261 21.8748 9.78261 38C9.78261 54.1252 22.8748 67.2174 39 67.2174C55.1252 67.2174 68.2174 54.1252 68.2174 38ZM57.2 39C57.2 35.8682 56.4076 32.9184 55.0118 30.3452C54.6436 29.6662 54.8956 28.815 55.5746 28.4468C56.2536 28.0786 57.1048 28.3306 57.473 29.0096C59.0844 31.9804 60 35.3838 60 39C60 50.5906 50.5906 60 39 60C27.4094 60 18 50.5906 18 39C18 27.4094 27.4094 18 39 18C42.6162 18 46.0196 18.9156 48.9904 20.527C49.6694 20.8952 49.9214 21.7464 49.5532 22.4254C49.185 23.1044 48.3338 23.3564 47.6548 22.9882C45.0816 21.5924 42.1318 20.8 39 20.8C28.955 20.8 20.8 28.955 20.8 39C20.8 49.045 28.955 57.2 39 57.2C49.045 57.2 57.2 49.045 57.2 39Z"
-        />
-        <path
-          className={fill({ mode, highlight: true })}
-          d="M58.99 22.4659L41.2427 40.2132C40.4617 40.9942 39.1953 40.9942 38.4143 40.2132C37.6332 39.4321 37.6332 38.1658 38.4143 37.3848L55.9954 19.8036L54.8491 16.4269C54.6043 15.7058 54.7902 14.9083 55.3287 14.3698L62.5564 7.14212C63.064 6.63443 63.9254 6.81131 64.192 7.47798L66 12L70.7379 13.9798C71.3943 14.254 71.5625 15.1066 71.0595 15.6096L63.7982 22.8708C63.268 23.4011 62.4856 23.5901 61.7717 23.3605L58.99 22.4659ZM45.4286 39C45.4286 42.5486 42.5486 45.4286 39 45.4286C35.4514 45.4286 32.5714 42.5486 32.5714 39C32.5714 35.4514 35.4514 32.5714 39 32.5714C39.7097 32.5714 40.2857 31.9954 40.2857 31.2857C40.2857 30.576 39.7097 30 39 30C34.0333 30 30 34.0333 30 39C30 43.9667 34.0333 48 39 48C43.9667 48 48 43.9667 48 39C48 38.2903 47.424 37.7143 46.7143 37.7143C46.0046 37.7143 45.4286 38.2903 45.4286 39Z"
-        />
-      </g>
-    </Pictogram>
-  );
-}