@pagopa/io-app-design-system 1.0.0-0

package/lib/module/components/pictograms/svg/originals/PictogramUnrecognized.svg

@@ -0,0 +1,6 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
+  <path
+    d="M27.792 93.36c2.99 1.84 4.725 5.219 4.506 8.658 0 .307.246.557.549.557l3.824.003c4.517.296 8.031 4.107 8.031 8.709 0 4.602-3.514 8.413-8.138 8.713H13.001l-.116-.004c-3.787-.27-6.736-3.449-6.78-7.309-.041-3.86 2.838-7.106 6.618-7.461l.196-.018.194.028c.035.006.208.024.205.024a.593.593 0 0 0 .475-.211.55.55 0 0 0 .118-.452c-.22-.835-.339-1.694-.348-2.472-.222-3.546 1.514-6.924 4.504-8.766a9.253 9.253 0 0 1 9.725 0Zm73.123 12.571c.843 0 1.527.694 1.527 1.55 0 .856-.684 1.55-1.527 1.55-3.108 0-5.471 1.706-7.245 4.668a17.611 17.611 0 0 0-1.563 3.438c-.14.417-.254.804-.34 1.141l-.029.115-.022.094.001-.021-.004-.038-.01-.039c0 .082.004.101.005.113a.1.1 0 0 1-.001.022l-.003.009.003-.009.006-.029-.001.014-.005.015-.004.019v-.009l-.01.03c-.065.144-.276.43-.864 1.226l-1.135.069-.447-.241-.152-.135-.094-.105c-.035-.044-.035-.044-.085-.115-.156-.282-.156-.282-.172-.336-.025-.073-.025-.073-.033-.101l-.03-.101-.094-.313c-.11-.353-.239-.732-.393-1.146a20.192 20.192 0 0 0-1.699-3.508c-1.854-3.002-4.18-4.727-7.058-4.727a1.538 1.538 0 0 1-1.526-1.55c0-.856.683-1.55 1.526-1.55 4.102 0 7.286 2.362 9.644 6.18a21.74 21.74 0 0 1 1.011 1.834c.295-.64.622-1.277.97-1.857 2.279-3.805 5.536-6.157 9.853-6.157ZM19.783 96.24c-1.935 1.191-3.058 3.377-2.911 5.754.008.581.088 1.162.247 1.764a3.979 3.979 0 0 1-.78 3.444 3.883 3.883 0 0 1-3.471 1.396c-1.983.268-3.472 2.001-3.45 4.051.023 2.088 1.605 3.811 3.646 3.983h23.443c2.75-.206 4.883-2.535 4.883-5.345 0-2.826-2.159-5.166-4.826-5.344h-3.717c-2.132 0-3.86-1.757-3.858-4.032.144-2.294-.98-4.48-2.913-5.671a5.988 5.988 0 0 0-6.293 0Zm1.904-81.424c2.989 1.841 4.725 5.22 4.506 8.659 0 .307.245.556.548.556l3.825.004a8.524 8.524 0 0 1 6.115 3.212l-.034.032c3.78-3.466 8.769-5.576 14.23-5.576 11.776 0 21.356 9.812 21.356 21.873 0 10.632-7.445 19.516-17.276 21.472l-.343.065 4.846 6.484h-7.702l-.636 3.11c-.477 2.341.25 4.792 1.902 6.465l.195.19.126.116c2.736 2.56 3.89 6.43 3.018 10.107a7.206 7.206 0 0 0-.194 1.665 7.16 7.16 0 0 0 2.033 5.005l.209.205 3.717 3.476-2.18 2.444-3.717-3.476c-2.094-1.959-3.295-4.748-3.295-7.654 0-.824.097-1.647.286-2.446.572-2.414-.137-4.949-1.853-6.684l-.194-.19-.127-.116c-2.557-2.392-3.744-5.987-3.15-9.458l.06-.326.498-2.433h-6.077l4.4-6.554C36.957 63.08 29.52 54.2 29.52 43.576c0-.724.035-1.44.102-2.145l-.002.026H6.895l-.115-.005C2.993 41.182.044 38.004 0 34.143c-.041-3.86 2.838-7.106 6.618-7.46l.196-.019.194.029c.035.005.208.023.205.023a.595.595 0 0 0 .474-.21.55.55 0 0 0 .119-.453c-.22-.835-.34-1.694-.348-2.472-.222-3.546 1.514-6.924 4.503-8.765a9.253 9.253 0 0 1 9.726 0Zm81.403 44.439c2.989 1.841 4.725 5.22 4.506 8.659 0 .307.245.556.548.556l3.825.004c4.516.296 8.031 4.107 8.031 8.709 0 4.602-3.515 8.413-8.138 8.712H88.298l-.115-.004c-3.787-.269-6.736-3.448-6.78-7.309-.041-3.86 2.838-7.106 6.618-7.46l.195-.019.195.029c.035.005.208.024.205.023a.594.594 0 0 0 .474-.21.55.55 0 0 0 .12-.452 10.32 10.32 0 0 1-.349-2.472c-.222-3.547 1.514-6.925 4.503-8.766a9.254 9.254 0 0 1 9.726 0ZM24.53 69.759c.843 0 1.527.694 1.527 1.55 0 .856-.683 1.55-1.526 1.55-3.11 0-5.472 1.707-7.246 4.668a17.635 17.635 0 0 0-1.563 3.438c-.14.417-.253.804-.34 1.142l-.028.114-.023.094.001-.02-.004-.038-.01-.04c0 .083.004.101.005.114v.01a.11.11 0 0 1-.001.012l-.002.01c-.048.135-.246.403-.875 1.255l-1.136.07-.447-.241-.152-.136-.094-.105c-.035-.044-.035-.044-.085-.114-.156-.282-.156-.282-.171-.336-.026-.073-.026-.073-.034-.102l-.03-.1-.094-.314a20.88 20.88 0 0 0-.393-1.145 20.168 20.168 0 0 0-1.699-3.508c-1.854-3.002-4.18-4.728-7.057-4.728a1.538 1.538 0 0 1-1.527-1.55c0-.856.684-1.55 1.527-1.55 4.101 0 7.285 2.362 9.643 6.18.369.597.705 1.211 1.011 1.835.295-.64.622-1.277.97-1.858 2.279-3.805 5.537-6.157 9.854-6.157Zm70.55-7.623c-1.934 1.19-3.057 3.377-2.91 5.754.008.58.088 1.162.247 1.763a3.978 3.978 0 0 1-.78 3.445 3.884 3.884 0 0 1-3.472 1.396c-1.982.267-3.472 2-3.45 4.05.024 2.088 1.605 3.811 3.646 3.984h23.444c2.75-.207 4.883-2.536 4.883-5.345 0-2.826-2.159-5.167-4.826-5.345h-3.718c-2.132 0-3.86-1.757-3.857-4.031.144-2.294-.979-4.48-2.913-5.671a5.988 5.988 0 0 0-6.294 0Zm-44.433 3.312-2.123 2.839h4.39l-2.267-2.84Zm.23-40.435c-9.994 0-18.124 8.327-18.124 18.563 0 10.235 8.13 18.562 18.124 18.562C60.87 62.138 69 53.811 69 43.576c0-10.236-8.13-18.563-18.124-18.563Zm-.116 2.365c8.785 0 15.931 7.32 15.931 16.316 0 .914-.723 1.655-1.616 1.655-.893 0-1.616-.74-1.616-1.655 0-7.171-5.697-13.005-12.699-13.005-.892 0-1.616-.741-1.616-1.656 0-.914.724-1.655 1.616-1.655Zm-37.084-9.682c-1.934 1.192-3.057 3.378-2.91 5.755.008.58.088 1.162.247 1.763a3.978 3.978 0 0 1-.78 3.445 3.885 3.885 0 0 1-3.472 1.396c-1.982.267-3.472 2-3.45 4.05.024 2.088 1.605 3.811 3.646 3.984h23.243l.025-.099a22.025 22.025 0 0 1 4.157-8.295l-.015.02c-.876-1.314-2.3-2.209-3.909-2.316h-3.718c-2.132 0-3.86-1.757-3.857-4.031.144-2.294-.98-4.48-2.913-5.672a5.988 5.988 0 0 0-6.294 0Zm85.134-.644c.843 0 1.526.694 1.526 1.55 0 .857-.683 1.55-1.526 1.55-3.109 0-5.472 1.707-7.245 4.668a17.63 17.63 0 0 0-1.564 3.439 16.652 16.652 0 0 0-.382 1.314l-.008.033v-.018l-.004-.038-.01-.04c0 .083.004.101.006.114v.007l-.002.017.008-.036-.003.019c-.03.127-.21.371-.882 1.28l-1.135.07-.448-.241-.152-.135-.094-.105c-.035-.044-.035-.044-.085-.115-.156-.282-.156-.282-.171-.336l-.034-.102-.03-.1a20.034 20.034 0 0 0-.487-1.46 20.16 20.16 0 0 0-1.698-3.507c-1.854-3.002-4.18-4.727-7.058-4.727a1.538 1.538 0 0 1-1.526-1.55c0-.857.683-1.55 1.526-1.55 4.101 0 7.285 2.361 9.644 6.18.368.596.705 1.21 1.01 1.834.295-.64.623-1.277.97-1.858 2.28-3.805 5.537-6.157 9.854-6.157Zm-34.137-4.471a.11.11 0 0 1-.002.013l-.002.01c-.048.135-.245.403-.875 1.255l-1.135.07-.447-.241-.152-.136-.094-.105c-.035-.044-.035-.044-.085-.114-.156-.282-.156-.282-.172-.337l-.034-.1-.03-.102a20.05 20.05 0 0 0-.487-1.459 20.163 20.163 0 0 0-1.698-3.507C57.607 4.826 55.281 3.1 52.403 3.1a1.538 1.538 0 0 1-1.526-1.55c0-.856.683-1.55 1.526-1.55 4.102 0 7.286 2.362 9.644 6.18.369.597.705 1.211 1.011 1.835.295-.64.622-1.277.97-1.858C66.307 2.352 69.564 0 73.88 0c.843 0 1.526.694 1.526 1.55 0 .856-.683 1.55-1.526 1.55-3.109 0-5.471 1.707-7.245 4.668a17.637 17.637 0 0 0-1.563 3.438c-.14.417-.254.804-.34 1.142l-.029.114-.022.094v-.02l-.004-.038-.01-.04c0 .083.005.101.006.114v.009Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/PictogramUploadFile.svg

@@ -0,0 +1,10 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
+  <path
+    d="M84.798 1.531a2.392 2.392 0 0 0-1.721-.765H44.472c-6.359 0-11.666 4.66-12.718 10.732-5.354.933-9.562 5.164-10.494 10.495-6.19.956-10.948 6.335-10.948 12.788v73.004c0 7.124 5.761 12.981 12.885 12.981h52.398c6.359 0 11.642-4.638 12.718-10.71 5.474-.836 9.824-5.139 10.756-10.59 6.072-1.051 10.685-6.357 10.685-12.74V28.781a2.41 2.41 0 0 0-.645-1.674L84.799 1.531Zm.574 7.673 16.447 17.14H91.205c-3.156 0-5.833-2.535-5.833-5.69V9.204Zm-9.777 106.781H23.197c-4.495 0-8.104-3.705-8.104-8.2V34.782c0-3.73 2.39-6.885 5.976-7.84v70.326c0 7.124 5.762 12.98 12.884 12.98h49.411a8.106 8.106 0 0 1-7.769 5.737Zm10.758-10.518h-52.4c-4.47 0-8.103-3.705-8.103-8.2V24.265a8.106 8.106 0 0 1 5.737-7.77V86.75c0 7.123 5.761 12.98 12.885 12.98H94.12a8.104 8.104 0 0 1-7.768 5.737ZM96.87 94.949H44.472c-4.47 0-8.104-3.705-8.104-8.2V13.746c0-4.47 3.61-8.2 8.104-8.2h36.12v15.108c0 5.809 4.804 10.47 10.613 10.47h13.769V86.75c0 4.495-3.609 8.2-8.104 8.2Z"
+    fill="#000"
+  />
+  <path
+    d="M90.344 79.65H50.998a2.398 2.398 0 0 0-2.39 2.39 2.398 2.398 0 0 0 2.39 2.391h39.37a2.398 2.398 0 0 0 2.39-2.39 2.403 2.403 0 0 0-2.414-2.39ZM58.36 52.734l9.801-10.59v26.104a2.398 2.398 0 0 0 2.39 2.39 2.398 2.398 0 0 0 2.39-2.39V42.144l9.922 10.59a2.488 2.488 0 0 0 1.768.765 2.48 2.48 0 0 0 1.65-.645c.956-.91 1.027-2.415.12-3.371L72.414 34.447a2.406 2.406 0 0 0-1.745-.765c-.669 0-1.29.287-1.745.765L54.919 49.483c-.908.956-.885 2.486.095 3.37.98.909 2.463.837 3.347-.12Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SearchPictogram.svg

@@ -0,0 +1,22 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120">
+  <path
+    fill="#000"
+    d="M71.698 44.23a2.309 2.309 0 0 0 0 4.616 2.308 2.308 0 0 0 0-4.616Z"
+  />
+  <path
+    fill="#000"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="m84.806 71.978 30.803 30.803a9.164 9.164 0 0 1 2.705 6.526 9.163 9.163 0 0 1-2.706 6.527 9.164 9.164 0 0 1-6.525 2.704 9.17 9.17 0 0 1-6.527-2.704L71.753 85.031c-7.558 5.017-16.311 7.661-25.44 7.661C20.864 92.692.16 71.987.16 46.538.16 21.088 20.864.384 46.314.384c25.449 0 46.153 20.705 46.153 46.154 0 9.128-2.643 17.881-7.66 25.44Zm-14.138 8.19a41.742 41.742 0 0 0 9.275-9.276c5.174-7.123 7.909-15.544 7.909-24.354C87.852 23.634 69.218 5 46.313 5 23.41 5 4.776 23.634 4.776 46.538c0 22.904 18.634 41.539 41.538 41.539 8.81 0 17.232-2.736 24.355-7.91Zm4.841 2.092a46.304 46.304 0 0 0 6.526-6.526l6.547 6.547a56.016 56.016 0 0 1-6.525 6.526L75.51 82.26Zm33.574 31.663c1.232 0 2.39-.48 3.263-1.353a4.583 4.583 0 0 0 1.352-3.263 4.58 4.58 0 0 0-1.352-3.262L91.854 85.554a60.64 60.64 0 0 1-6.525 6.525l20.491 20.491a4.582 4.582 0 0 0 3.263 1.353Z"
+  />
+  <path
+    fill="#000"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M9.39 46.538c0-20.36 16.564-36.923 36.923-36.923 20.36 0 36.924 16.563 36.924 36.923 0 20.36-16.564 36.923-36.923 36.923-20.36 0-36.924-16.563-36.924-36.923Zm4.616 0c0 17.815 14.493 32.308 32.307 32.308 17.815 0 32.308-14.493 32.308-32.308 0-17.814-14.493-32.308-32.307-32.308-17.815 0-32.308 14.494-32.308 32.308Z"
+  />
+  <path
+    fill="#000"
+    d="M72.175 36.632a27.693 27.693 0 0 0-10.006-12.788 27.496 27.496 0 0 0-15.855-4.998 2.308 2.308 0 0 0 0 4.615c9.484 0 18.145 5.958 21.552 14.826a2.308 2.308 0 1 0 4.309-1.655Z"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SectionPictogramDocuments.svg

@@ -0,0 +1,20 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 48">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M22.917 12.027H42.88a1 1 0 0 0 .996-1c0-.553-.447-1.001-.996-1.001H22.917a.999.999 0 0 0-.996 1 1 1 0 0 0 .996 1.002ZM22.917 22.145H42.88a1 1 0 0 0 .996-1 1 1 0 0 0-.996-1.002H22.917a1 1 0 0 0-.996 1.001 1 1 0 0 0 .996 1ZM22.917 17.086H42.88a1 1 0 0 0 .996-1.001 1 1 0 0 0-.996-1.001H22.917a1 1 0 0 0-.996 1.001 1 1 0 0 0 .996 1.001ZM22.917 27.203H42.88a1 1 0 0 0 .996-1c0-.553-.447-1.001-.996-1.001H22.917a.999.999 0 0 0-.996 1 1 1 0 0 0 .996 1.001Z"
+    fill="#000"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="m41.82 2.859 3.262 3.116h-2.849c-.225.004-.35-.008-.406-.011v-.027L41.82 2.86ZM18.1 22.602a1 1 0 0 0-.998 1v13.866c0 .827.67 1.5 1.495 1.5h9.636l-12.351 2.123-5.64-32.956 6.86-1.178V20.35a1 1 0 0 0 .997.999 1 1 0 0 0 .999-1V2h20.724l.008 3.94c0 .595.186 1.082.552 1.445.592.59 1.444.59 1.765.59h4.229V36.97H19.098V23.602a1 1 0 0 0-.998-1ZM47.886 5.89C47.842 5.85 42.248.503 42.248.503 42.014.279 41.725 0 41.19 0H18.597c-.825 0-1.495.672-1.495 1.498v3.43L9.386 6.254a1.48 1.48 0 0 0-1.2 1.707l.361 2.11a396.29 396.29 0 0 0-7.576 2.616 1.49 1.49 0 0 0-.886 1.89l5.103 14.211c.18.506.772.783 1.278.603a1 1 0 0 0 .6-1.279L2.14 14.391a399.32 399.32 0 0 1 6.75-2.326l5.112 29.881a1.472 1.472 0 0 0 1.706 1.205l10.006-1.721-12.28 4.424L8.14 31.102a.995.995 0 0 0-1.278-.602c-.517.186-.787.76-.601 1.279l5.471 15.248c.213.582.77.973 1.389.973.173 0 .341-.03.498-.089l23.35-8.413 3.053-.53h6.856a1.5 1.5 0 0 0 1.495-1.5V6.898c0-.549-.305-.835-.486-1.008Z"
+    fill="#000"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M22.917 31.98H42.88a1 1 0 0 0 .996-1 1 1 0 0 0-.996-1H22.917a1 1 0 0 0-.996 1 1 1 0 0 0 .996 1Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SectionPictogramMessages.svg

@@ -0,0 +1,8 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M48 35.49a4.491 4.491 0 0 1-1.315 3.189 4.451 4.451 0 0 1-3.176 1.32L7.806 40c-2.477 0-4.491-2.023-4.491-4.51V25.03h-2.29C.459 25.028 0 24.567 0 24a1.028 1.028 0 0 1 1.024-1.029h2.29v-2.637H2.258c-.566 0-1.024-.46-1.024-1.029a1.028 1.028 0 0 1 1.024-1.029h1.058v-5.765c0-1.244.503-2.371 1.317-3.188A4.467 4.467 0 0 1 7.806 8h35.703C45.985 8 48 10.024 48 12.51v22.98ZM5.636 36.61l13.53-13.588L6.588 10.387a2.454 2.454 0 0 0-1.224 2.123v22.978c0 .405.1.785.272 1.122Zm18.295-11.713-5.935-5.96h4.297c.565 0 1.024-.462 1.024-1.03 0-.568-.459-1.029-1.024-1.029h-6.346l-2.11-2.12h13.098c.566 0 1.025-.46 1.025-1.029 0-.568-.459-1.029-1.025-1.029H11.788l-2.63-2.642h33L27.384 24.897a2.437 2.437 0 0 1-3.453 0Zm19.578 13.045c.183 0 .363-.02.537-.06l-2.994-3.007H30.62c-.565 0-1.024-.46-1.024-1.029a1.028 1.028 0 0 1 1.024-1.029h8.385l-8.304-8.34-1.867 1.875a4.482 4.482 0 0 1-6.351 0l-1.867-1.875L7.27 37.88c.173.039.351.061.536.061h35.703Zm2.171-1.33L32.15 23.023l12.578-12.634a2.454 2.454 0 0 1 1.224 2.123v22.978c0 .398-.094.78-.27 1.124Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SectionPictogramPayments.svg

@@ -0,0 +1,19 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M22.452 9.29a2.325 2.325 0 0 0-2.323 2.323h.957l17.624 8.812v4.35H37.16v3.096h-1.548v12.387h1.548v3.097h1.549V48H0v-4.645h1.548v-3.097h1.549V27.871H1.548v-3.097H0v-4.35l17.624-8.811h.957a3.875 3.875 0 0 1 3.87-3.871h3.872V9.29h-3.871ZM7.742 41.807H3.097v1.548h4.645v-1.548Zm4.645-13.936v12.387H10.84v3.097H9.29v-3.097H7.742V27.871H9.29v-3.097h1.549v3.097h1.548Zm9.29 12.387V27.871H20.13v-3.097h-1.548v3.097h-1.549v12.387h1.549v3.097h1.548v-3.097h1.548Zm9.29-12.387v12.387H29.42v3.097h-1.548v-3.097h-1.548V27.871h1.548v-3.097h1.548v3.097h1.549Zm4.646 15.484v-1.548h-4.645v1.548h4.645Zm-3.097-3.097V27.871h1.549v12.387h-1.549ZM21.677 26.323h4.646v-1.549h-4.646v1.549Zm3.097 1.548v12.387h-1.548V27.871h1.548Zm1.549 15.484v-1.548h-4.646v1.548h4.646Zm-9.29-17.032h-4.646v-1.549h4.645v1.549Zm-1.55 13.935V27.871h-1.548v12.387h1.549Zm1.55 1.548v1.549h-4.646v-1.548h4.645ZM3.096 26.323h4.645v-1.549H3.097v1.549Zm3.097 1.548v12.387H4.645V27.871h1.549Zm30.967 18.58v-1.548H1.548v1.549h35.613Zm-1.548-20.128h-4.645v-1.549h4.645v1.549Zm1.548-3.097v-1.844l-16.44-8.22h-.592v5.419h-1.548v-5.42h-.592l-16.44 8.22v1.845H37.16Z"
+    fill="#000"
+  />
+  <path d="M6.194 20.129h26.322v1.548H6.194V20.13Z" fill="#000" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M30.968 8.516c0-4.695 3.82-8.516 8.516-8.516C44.179 0 48 3.82 48 8.516s-3.82 8.516-8.516 8.516-8.516-3.82-8.516-8.516Zm1.548 0a6.975 6.975 0 0 0 6.968 6.968 6.975 6.975 0 0 0 6.968-6.968 6.975 6.975 0 0 0-6.968-6.968 6.975 6.975 0 0 0-6.968 6.968Z"
+    fill="#000"
+  />
+  <path
+    d="M27.871 7.742h1.548V9.29h-1.548V7.742ZM43.355 30.194a2.325 2.325 0 0 1-2.323 2.322h-.774v1.549h.774a3.875 3.875 0 0 0 3.871-3.871V17.806h-1.548v12.387ZM37.161 32.516h1.549v1.549H37.16v-1.549ZM42.505 12.143c-.1-.239-.203-.478-.314-.714-.098-.21-.225-.271-.46-.219-.3.067-.592.156-.891.216-.578.118-1.157.129-1.727-.047-.714-.22-1.095-.725-1.329-1.378h1.938a.27.27 0 0 0 .275-.268v-.596a.27.27 0 0 0-.275-.268H37.6c0-.167-.002-.327 0-.486h2.123a.27.27 0 0 0 .275-.268v-.596a.27.27 0 0 0-.275-.269h-1.856c0-.007 0-.014.004-.018.223-.495.547-.891 1.08-1.098.62-.24 1.253-.234 1.892-.105.302.06.6.15.902.217.22.05.349-.014.443-.215.11-.232.21-.468.31-.705.095-.223.04-.38-.176-.504a1.161 1.161 0 0 0-.167-.078c-.895-.34-1.817-.468-2.77-.319-.67.105-1.295.33-1.835.74-.682.514-1.123 1.194-1.38 1.993l-.031.092h-.954a.27.27 0 0 0-.275.269v.596a.27.27 0 0 0 .275.268h.752v.486h-.752a.27.27 0 0 0-.275.268v.596a.27.27 0 0 0 .275.268h.906c.068.218.126.439.213.647.459 1.08 1.227 1.849 2.384 2.215.955.303 1.919.293 2.882.034.25-.067.5-.154.737-.26.23-.104.29-.278.199-.494Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SectionPictogramProfile.svg

@@ -0,0 +1,18 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M34.4 28.858v-.88a3.981 3.981 0 0 0 1.6-3.177v-.8a.8.8 0 0 0 .8-.8v-1.6a4.8 4.8 0 0 0-9.6 0v1.6a.8.8 0 0 0 .8.8v.8a3.98 3.98 0 0 0 1.6 3.18v.88a5.609 5.609 0 0 0-4.8 5.54v2.4a.8.8 0 0 0 .8.8h12.8a.8.8 0 0 0 .8-.8v-2.4a5.609 5.609 0 0 0-4.8-5.543Zm-5.6-7.256a3.2 3.2 0 0 1 6.4 0v.8h-.137a.8.8 0 0 1-.566-.235l-1.131-1.13a.8.8 0 0 0-1.132 0l-.663.662c-.45.449-1.06.701-1.697.703H28.8v-.8Zm3.902 1.229A3.973 3.973 0 0 1 29.874 24H29.6v.8a2.4 2.4 0 0 0 4.8 0v-.903a2.368 2.368 0 0 1-1.034-.6l-.566-.565-.098.098ZM32 28.8c.269 0 .537-.026.8-.08v.55l-.8.8-.8-.8v-.55c.263.054.531.08.8.08Zm5.6 5.6a3.993 3.993 0 0 0-3.7-3.97l-1.334 1.336a.8.8 0 0 1-1.132 0L30.1 30.432A3.993 3.993 0 0 0 26.4 34.4V36h11.2v-1.6Z"
+    fill="#000"
+  />
+  <path
+    d="M39.2 40.8v-1.6h-9.6v1.6h9.6ZM24.8 42.4h14.4V44H24.8v-1.6ZM28 39.2h-3.2v1.6H28v-1.6Z"
+    fill="#000"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M45.6 9.603H40v-2.4a.8.8 0 0 0-.8-.8h-4.496l-.193-1.061.648-.215A2.4 2.4 0 0 0 36.8 2.85v-.127a2.415 2.415 0 0 0-1.774-2.32 11.56 11.56 0 0 0-6.052 0 2.415 2.415 0 0 0-1.774 2.32v.125a2.4 2.4 0 0 0 1.642 2.275l.647.215-.193 1.065H24.8a.8.8 0 0 0-.8.8v2.4h-5.6a2.4 2.4 0 0 0-2.4 2.4v9.599H7.2a.8.8 0 0 0-.48.16l-2.986 2.24H.8a.8.8 0 0 0-.8.8V41.6a.8.8 0 0 0 .8.8h2.934l2.986 2.24a.8.8 0 0 0 .48.16H16v.8a2.4 2.4 0 0 0 2.4 2.4h27.2a2.4 2.4 0 0 0 2.4-2.4V12.002a2.4 2.4 0 0 0-2.4-2.4Zm-7.2-1.6v4.8h-2.532l-.873-4.8H38.4Zm-8.64 4.8h4.48l-.87-4.8h-2.737l-.873 4.8Zm.893-8.76-1.306-.434a.8.8 0 0 1-.547-.759v-.127a.8.8 0 0 1 .6-.775 9.915 9.915 0 0 1 5.2 0 .8.8 0 0 1 .6.775v.125a.8.8 0 0 1-.547.758l-1.306.435a.8.8 0 0 0-.534.903l.265 1.459h-2.156l.265-1.457a.8.8 0 0 0-.534-.902Zm-1.648 3.96H25.6v4.8h2.532l.873-4.8ZM7.466 43.2 4.48 40.96A.8.8 0 0 0 4 40.8H1.6V25.602H4a.8.8 0 0 0 .48-.16l2.986-2.24H20.8a1.6 1.6 0 1 1 0 3.2h-6.4a.802.802 0 0 0-.358.08l-3.03 1.52H8.8v1.6h2.4a.8.8 0 0 0 .358-.08l3.03-1.52H16v3.2h-3.2V32.8H16v2.4h-3.2v1.6H16v2.4h-3.2v1.6H16v2.4H7.466ZM45.6 46.4a.8.8 0 0 0 .8-.8V12.002a.8.8 0 0 0-.8-.8H40v2.4a.8.8 0 0 1-.8.8H24.8a.8.8 0 0 1-.8-.8v-2.4h-5.6a.8.8 0 0 0-.8.8v9.6h3.2a3.2 3.2 0 1 1 0 6.4h-3.2V45.6a.8.8 0 0 0 .8.8h27.2Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SectionPictogramServices.svg

@@ -0,0 +1,26 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M48 36.214v-5.848l-2.887-.74a12.384 12.384 0 0 0-.87-2.109l1.516-2.562-4.134-4.135-2.562 1.518a12.322 12.322 0 0 0-2.11-.872l-.74-2.885h-5.847l-.74 2.887c-.73.226-1.438.517-2.108.871l-2.563-1.518-.18.183V18.58h-2.323a2.33 2.33 0 0 1-1.72-.762 2.303 2.303 0 0 1-.592-1.791c.112-1.173 1.186-2.093 2.445-2.093h2.19V6.968a2.325 2.325 0 0 0-2.323-2.323h-6.194v-.641c0-2.049-1.534-3.8-3.493-3.986a3.876 3.876 0 0 0-2.981.988 3.88 3.88 0 0 0-1.268 2.865v.774H2.323A2.325 2.325 0 0 0 0 6.968v6.967h2.19c1.258 0 2.332.92 2.444 2.092a2.328 2.328 0 0 1-2.312 2.554H0v6.967a2.326 2.326 0 0 0 2.323 2.323h7.742v-2.19c0-1.258.918-2.333 2.091-2.445a2.324 2.324 0 0 1 2.553 2.312v2.323h7.465c-.276.566-.519 1.15-.706 1.756l-2.887.74v5.847l2.887.74c.226.731.517 1.438.87 2.11l-1.517 2.561 4.134 4.135 2.563-1.518c.67.354 1.377.646 2.109.872l.74 2.886h5.847l.74-2.887a12.306 12.306 0 0 0 2.109-.872l2.562 1.518 4.134-4.135-1.517-2.562c.354-.67.645-1.377.871-2.109l2.887-.74Zm-33.01-13.53a3.87 3.87 0 0 0-2.98-.988c-1.96.186-3.494 1.937-3.494 3.985v.642H2.323a.775.775 0 0 1-.775-.775V20.13h.775a3.882 3.882 0 0 0 2.865-1.268 3.889 3.889 0 0 0 .988-2.981c-.188-1.959-1.938-3.493-3.986-3.493h-.642v-5.42c0-.427.348-.774.775-.774h7.742V3.871a2.322 2.322 0 0 1 2.553-2.313c1.173.112 2.092 1.187 2.092 2.446v2.19h7.742c.426 0 .774.346.774.774v5.419h-.641c-2.049 0-3.8 1.534-3.987 3.494a3.893 3.893 0 0 0 .988 2.98 3.884 3.884 0 0 0 2.866 1.268h.774v2.423l-2.404 2.404.809 1.367h-5.373v-.775a3.88 3.88 0 0 0-1.267-2.864ZM43.745 36.11l.118-.436 2.59-.664v-3.443l-2.59-.662-.118-.437a10.733 10.733 0 0 0-1.065-2.577l-.226-.393 1.36-2.298-2.434-2.435-2.298 1.361-.391-.226c-.803-.462-1.67-.82-2.58-1.065l-.436-.117-.663-2.59h-3.443l-.662 2.59-.436.118c-.909.245-1.777.603-2.579 1.065l-.392.226-2.298-1.361-2.434 2.435 1.36 2.298-.225.392c-.463.802-.821 1.669-1.066 2.578l-.117.437-2.59.662v3.443l2.59.663.117.436c.245.91.603 1.777 1.066 2.578l.226.392-1.361 2.298 2.434 2.436 2.298-1.362.392.226c.803.462 1.67.82 2.579 1.065l.437.118.662 2.59h3.443l.662-2.59.437-.118a10.801 10.801 0 0 0 2.579-1.065l.391-.226 2.298 1.361 2.435-2.435-1.361-2.298.226-.393c.462-.8.82-1.668 1.065-2.577Z"
+    fill="#000"
+  />
+  <path
+    d="M33.29 27.097a6.2 6.2 0 0 0-6.193 6.193 6.2 6.2 0 0 0 6.193 6.194 6.137 6.137 0 0 0 3.716-1.247L36.076 37a4.606 4.606 0 0 1-2.786.935 4.65 4.65 0 0 1-4.645-4.645 4.65 4.65 0 0 1 4.645-4.645 4.65 4.65 0 0 1 4.645 4.645A4.602 4.602 0 0 1 37 36.076l1.238.93a6.146 6.146 0 0 0 1.246-3.716 6.2 6.2 0 0 0-6.194-6.193Z"
+    fill="#000"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M24 33.29c0-5.123 4.167-9.29 9.29-9.29 5.123 0 9.29 4.167 9.29 9.29 0 5.123-4.167 9.29-9.29 9.29-5.123 0-9.29-4.167-9.29-9.29Zm1.548 0c0 4.269 3.473 7.742 7.742 7.742 4.27 0 7.742-3.473 7.742-7.742s-3.473-7.742-7.742-7.742-7.742 3.473-7.742 7.742Z"
+    fill="#000"
+  />
+  <path
+    d="M39.484 4.645h1.548v1.548h-1.548V4.645ZM39.484 7.742h1.548V9.29h-1.548V7.742ZM41.032 6.193h1.549v1.549h-1.549V6.193ZM37.935 6.193h1.549v1.549h-1.549V6.193ZM31.742 10.839h1.548v1.548h-1.548v-1.548ZM31.742 13.935h1.548v1.549h-1.548v-1.549ZM33.29 12.387h1.549v1.548H33.29v-1.548ZM30.194 12.387h1.548v1.548h-1.549v-1.548ZM42.58 13.935h1.549v1.549h-1.548v-1.549ZM42.58 17.032h1.549v1.549h-1.548v-1.549ZM44.129 15.484h1.548v1.548H44.13v-1.548ZM41.032 15.484h1.549v1.548h-1.549v-1.548ZM27.871 1.548h1.548v1.549h-1.548V1.548ZM27.871 4.645h1.548v1.548h-1.548V4.645ZM29.42 3.097h1.548v1.548h-1.549V3.097ZM26.323 3.097h1.548v1.548h-1.548V3.097ZM13.161 35.613h1.549v1.548H13.16v-1.548ZM13.161 38.71h1.549v1.548H13.16V38.71ZM14.71 37.161h1.548v1.549H14.71V37.16Z"
+    fill="#000"
+  />
+  <path
+    d="M11.613 37.161h1.548v1.549h-1.548V37.16ZM5.42 30.968h1.548v1.548H5.419v-1.548ZM5.42 34.065h1.548v1.548H5.419v-1.548ZM6.968 32.516h1.548v1.549H6.968v-1.549ZM3.871 32.516h1.548v1.549H3.871v-1.549Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/pictograms/svg/originals/SectionPictogramSettings.svg

@@ -0,0 +1,8 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.02 10.174a3.689 3.689 0 0 0-3.684 3.684 3.689 3.689 0 0 0 3.684 3.684 3.688 3.688 0 0 0 3.683-3.684 3.688 3.688 0 0 0-3.682-3.684Zm0 9.291a5.613 5.613 0 0 1-5.605-5.607 5.613 5.613 0 0 1 5.606-5.607 5.613 5.613 0 0 1 5.605 5.607 5.613 5.613 0 0 1-5.606 5.607Zm-5.36 2.427.565.325a9.555 9.555 0 0 0 2.142.907l.615.176.292 2.496a.232.232 0 0 0 .227.205h2.809a.23.23 0 0 0 .226-.206l.283-2.445.636-.166a9.665 9.665 0 0 0 2.299-.929l.561-.316 1.904 1.506a.235.235 0 0 0 .31-.019l1.982-1.982a.226.226 0 0 0 .015-.305l-1.491-1.893.325-.564a9.424 9.424 0 0 0 .945-2.256l.17-.629 2.322-.268a.228.228 0 0 0 .203-.226v-2.81a.23.23 0 0 0-.204-.227l-2.303-.268-.166-.635a9.561 9.561 0 0 0-.908-2.231l-.314-.562 1.415-1.789a.234.234 0 0 0-.018-.309l-1.977-1.978a.225.225 0 0 0-.304-.016l-1.764 1.398-.567-.334a9.525 9.525 0 0 0-2.349-.983l-.629-.17-.264-2.262a.228.228 0 0 0-.226-.204h-2.809a.23.23 0 0 0-.226.205l-.264 2.263-.63.168a9.456 9.456 0 0 0-2.405 1.017l-.57.34-1.814-1.438a.234.234 0 0 0-.308.019L4.414 6.48a.226.226 0 0 0-.016.304l1.479 1.873-.31.56a9.28 9.28 0 0 0-.886 2.248l-.162.646-2.394.273a.23.23 0 0 0-.202.227v2.81a.23.23 0 0 0 .205.227l2.458.285.179.612c.21.724.504 1.419.869 2.064l.319.564-1.555 1.961a.234.234 0 0 0 .019.308l1.982 1.983a.228.228 0 0 0 .305.016l1.956-1.549Zm6.65 6.031H12.5a2.152 2.152 0 0 1-2.136-1.904l-.145-1.242c-.47-.165-.927-.358-1.372-.581l-.95.751c-.856.68-2.084.61-2.857-.163l-1.986-1.986a2.16 2.16 0 0 1-.163-2.858l.764-.963a11.677 11.677 0 0 1-.538-1.279l-1.212-.141A2.154 2.154 0 0 1 0 15.421v-2.81c0-1.09.819-2.009 1.904-2.136l1.095-.125c.16-.509.357-1.007.589-1.489l-.698-.884a2.15 2.15 0 0 1 .164-2.856L5.04 3.134a2.16 2.16 0 0 1 2.858-.163l.79.627c.54-.28 1.1-.517 1.675-.707l.114-.987A2.153 2.153 0 0 1 12.613 0h2.81c1.09 0 2.008.819 2.135 1.903l.116.989c.552.183 1.088.407 1.605.672l.747-.593a2.15 2.15 0 0 1 2.858.164l1.98 1.981a2.16 2.16 0 0 1 .165 2.858l-.63.795c.235.478.434.969.598 1.468l1.023.12a2.153 2.153 0 0 1 1.902 2.136v2.81c0 1.09-.817 2.009-1.902 2.136l-1.052.121a11.347 11.347 0 0 1-.63 1.504l.697.882a2.15 2.15 0 0 1-.166 2.857l-1.985 1.986a2.158 2.158 0 0 1-2.858.163l-.907-.718c-.498.245-1.014.454-1.538.624l-.134 1.16a2.154 2.154 0 0 1-2.137 1.905Zm20.706-4.998c-.084 0-.17.004-.255.012a2.928 2.928 0 0 0-2.01 1.036 2.916 2.916 0 0 0-.684 2.146 2.919 2.919 0 0 0 1.035 2.002c.604.51 1.377.76 2.154.687a2.935 2.935 0 0 0 2.008-1.037 2.921 2.921 0 0 0 .684-2.146v-.002a2.916 2.916 0 0 0-1.035-2 2.926 2.926 0 0 0-1.897-.698Zm-.02 7.816a4.84 4.84 0 0 1-3.135-1.15 4.837 4.837 0 0 1-1.71-3.31 4.826 4.826 0 0 1 1.131-3.548 4.84 4.84 0 0 1 3.317-1.712 4.82 4.82 0 0 1 3.554 1.132 4.828 4.828 0 0 1 1.712 3.31 4.828 4.828 0 0 1-1.133 3.549 4.837 4.837 0 0 1-3.736 1.729Zm-3.954 2.073.59.274a7.823 7.823 0 0 0 1.822.594l.635.121.404 1.997c.024.123.139.197.27.2l1.983-.17a.25.25 0 0 0 .231-.237l.065-1.992.618-.219a7.98 7.98 0 0 0 1.83-.925l.532-.36 1.636 1.079a.248.248 0 0 0 .331-.047l1.288-1.522a.247.247 0 0 0-.008-.326l-1.338-1.415.28-.593c.294-.62.504-1.266.623-1.919l.115-.639 1.848-.377A.256.256 0 0 0 46 26.07l-.17-1.983a.25.25 0 0 0-.238-.228l-1.871-.06-.22-.617a7.844 7.844 0 0 0-.901-1.775l-.367-.535 1.025-1.535a.244.244 0 0 0-.039-.328l-1.526-1.287a.246.246 0 0 0-.328.008l-1.327 1.241-.593-.286a7.777 7.777 0 0 0-2-.646l-.64-.115-.367-1.799a.257.257 0 0 0-.27-.201l-1.987.169a.249.249 0 0 0-.23.236l-.06 1.835-.614.221a7.794 7.794 0 0 0-1.91 1.002l-.539.389-1.56-1.035a.25.25 0 0 0-.33.047l-1.284 1.531a.244.244 0 0 0 .005.327l1.32 1.406-.258.584a8.036 8.036 0 0 0-.58 1.917l-.111.649-1.905.389a.255.255 0 0 0-.201.268l.169 1.982a.25.25 0 0 0 .24.229l2 .064.229.598c.214.565.503 1.117.86 1.64l.363.533-1.117 1.684a.246.246 0 0 0 .047.326l1.524 1.285a.248.248 0 0 0 .33-.006l1.473-1.38Zm3.704 5.109a2.18 2.18 0 0 1-2.139-1.742l-.152-.756a9.8 9.8 0 0 1-1.03-.336l-.54.506c-.8.754-2.042.788-2.886.075l-1.524-1.285a2.173 2.173 0 0 1-.41-2.857l.415-.627c-.17-.29-.326-.585-.463-.885l-.747-.025a2.172 2.172 0 0 1-2.093-1.984l-.17-1.99a2.178 2.178 0 0 1 1.736-2.311l.637-.129c.09-.381.204-.756.34-1.123l-.46-.489a2.162 2.162 0 0 1-.076-2.886l1.285-1.53a2.175 2.175 0 0 1 2.86-.411l.476.315a9.593 9.593 0 0 1 1.206-.632l.018-.552a2.172 2.172 0 0 1 1.986-2.092l2-.17a2.181 2.181 0 0 1 2.306 1.735l.111.544c.422.106.837.239 1.236.398l.382-.355a2.163 2.163 0 0 1 2.884-.076l1.525 1.286c.85.716 1.02 1.951.393 2.871l-.313.47c.195.335.372.682.527 1.038l.585.019a2.175 2.175 0 0 1 2.095 1.984l.17 1.991a2.177 2.177 0 0 1-1.736 2.31l-.596.121a9.78 9.78 0 0 1-.37 1.141l.452.477c.758.802.793 2.043.08 2.887l-1.288 1.524a2.18 2.18 0 0 1-2.856.409l-.583-.384c-.355.208-.72.392-1.097.554l-.023.703a2.172 2.172 0 0 1-1.988 2.092l-1.99.17a2.556 2.556 0 0 1-.175.007ZM17.501 35.64c-.514 0-1.006.206-1.39.58a2.31 2.31 0 0 0-.684 1.641c-.013 1.245.904 2.267 2.046 2.281a2.044 2.044 0 0 0 1.413-.581 2.31 2.31 0 0 0 .684-1.641c.012-1.244-.904-2.267-2.047-2.28h-.021Zm-.006 6.425-.044-.001c-2.202-.026-3.972-1.92-3.947-4.222a4.22 4.22 0 0 1 1.264-2.996 3.884 3.884 0 0 1 2.779-1.128c2.2.025 3.97 1.919 3.947 4.222a4.222 4.222 0 0 1-1.264 2.996 3.895 3.895 0 0 1-2.735 1.129Zm-3.589.963.585.365c.42.263.86.467 1.306.605l.608.19.155 1.572c.015.139.108.225.186.226l1.17.015h.003c.09 0 .174-.098.188-.218l.184-1.539.633-.166c.49-.127.97-.324 1.422-.586l.59-.339 1.16.994c.07.06.151.058.215-.011l.834-.864a.312.312 0 0 0 .021-.387l-.858-1.181.305-.538a6.33 6.33 0 0 0 .608-1.483l.171-.636 1.42-.154c.082-.009.173-.113.174-.253L25 37.402c.003-.15-.087-.251-.172-.262l-1.4-.193-.152-.638a6.654 6.654 0 0 0-.552-1.493l-.28-.542.838-1.089a.31.31 0 0 0-.014-.383l-.816-.884c-.03-.034-.116-.1-.216-.02l-1.098.894-.587-.375a5.636 5.636 0 0 0-1.432-.66l-.62-.185-.136-1.411c-.014-.136-.107-.222-.186-.223l-1.174-.015H17c-.087 0-.169.097-.183.217l-.17 1.404-.624.171a5.753 5.753 0 0 0-1.49.645l-.598.365-1.107-.956c-.067-.059-.146-.054-.21.013l-.84.87a.312.312 0 0 0-.02.386l.848 1.159-.284.533a6.411 6.411 0 0 0-.573 1.486l-.162.653-1.474.161c-.085.009-.175.113-.175.252l-.015 1.24c-.002.148.088.251.171.261l1.498.205.162.624c.125.481.303.941.529 1.369l.287.545-.928 1.211a.31.31 0 0 0 .013.384l.816.884c.065.072.143.079.214.021l1.221-.998Zm4.016 4.895h-.032l-1.165-.016c-1.075-.008-1.97-.851-2.078-1.96l-.033-.334a7.3 7.3 0 0 1-.533-.245l-.178.146a2.058 2.058 0 0 1-2.846-.204l-.816-.884a2.22 2.22 0 0 1-.125-2.856l.196-.257a8.087 8.087 0 0 1-.23-.59l-.245-.034C8.775 40.546 7.985 39.604 8 38.497l.015-1.232c.007-1.105.82-2.029 1.889-2.147l.17-.017c.082-.243.175-.485.281-.722l-.15-.207a2.222 2.222 0 0 1 .19-2.856l.84-.87a2.058 2.058 0 0 1 2.847-.135l.073.064c.24-.117.486-.222.735-.314l.018-.151c.133-1.106 1.024-1.893 2.127-1.909l1.163.015c1.073.009 1.97.851 2.078 1.96l.015.155c.233.093.462.197.686.314l.044-.037a2.06 2.06 0 0 1 2.845.205l.816.884a2.22 2.22 0 0 1 .127 2.857l-.113.145c.1.235.19.474.268.718l.123.018c1.063.142 1.852 1.085 1.835 2.193l-.014 1.23c-.009 1.106-.82 2.03-1.889 2.147l-.14.015a8.516 8.516 0 0 1-.303.734l.145.199a2.222 2.222 0 0 1-.192 2.855l-.834.864a2.058 2.058 0 0 1-2.849.136l-.152-.131a8.035 8.035 0 0 1-.646.265l-.032.27c-.131 1.095-1.03 1.911-2.094 1.911Z"
+    fill="#000"
+  />
+</svg>

package/lib/module/components/radio/AnimatedRadio.js

@@ -0,0 +1,82 @@
+import React, { useEffect } from "react";
+import { StyleSheet, View, Pressable } from "react-native";
+import Animated, { useSharedValue, useAnimatedStyle, interpolate, withSpring, withTiming, Easing } from "react-native-reanimated";
+import { IOSelectionTickVisualParams } from "../../core/IOStyles";
+import { IOSpringValues } from "../../core/IOAnimations";
+import { IOColors } from "../../core/IOColors";
+import { AnimatedTick } from "../common/AnimatedTick";
+const styles = StyleSheet.create({
+  radioWrapper: {
+    width: IOSelectionTickVisualParams.size,
+    height: IOSelectionTickVisualParams.size
+  },
+  radioBorder: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: IOSelectionTickVisualParams.size,
+    height: IOSelectionTickVisualParams.size,
+    borderWidth: IOSelectionTickVisualParams.borderWidth,
+    borderRadius: IOSelectionTickVisualParams.size / 2
+  },
+  radioCircle: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: IOSelectionTickVisualParams.size,
+    height: IOSelectionTickVisualParams.size,
+    borderRadius: IOSelectionTickVisualParams.size / 2
+  }
+});
+
+/**
+ * An animated checkbox. This can be used to implement a
+ * standard {@link CheckBox} or other composite components.
+ */
+export const AnimatedRadio = _ref => {
+  let {
+    checked,
+    onPress,
+    disabled
+  } = _ref;
+  const isChecked = checked ?? false;
+  const circleAnimationProgress = useSharedValue(checked ? 1 : 0);
+  const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
+  useEffect(() => {
+    // eslint-disable-next-line functional/immutable-data
+    circleAnimationProgress.value = withSpring(checked ? 1 : 0, IOSpringValues.selection);
+    // eslint-disable-next-line functional/immutable-data
+    tickAnimationProgress.value = withTiming(checked ? 1 : 0, {
+      duration: 400,
+      easing: Easing.elastic(1)
+    });
+  }, [checked, circleAnimationProgress, tickAnimationProgress]);
+  const animatedCheckboxSquare = useAnimatedStyle(() => {
+    const scale = interpolate(circleAnimationProgress.value, [0, 1], [0.5, 1]);
+    const opacity = circleAnimationProgress.value;
+    return {
+      opacity,
+      transform: [{
+        scale
+      }]
+    };
+  });
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: disabled,
+    testID: "AnimatedRadioInput",
+    onPress: onPress,
+    style: styles.radioWrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.radioBorder, {
+      borderColor: IOColors[IOSelectionTickVisualParams.borderColorOffState]
+    }]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.radioCircle, {
+      backgroundColor: IOColors[IOSelectionTickVisualParams.bgColorOnState]
+    }, animatedCheckboxSquare]
+  }), isChecked && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(AnimatedTick, {
+    progress: tickAnimationProgress,
+    stroke: IOColors[IOSelectionTickVisualParams.tickColor]
+  })));
+};
+//# sourceMappingURL=AnimatedRadio.js.map

package/lib/module/components/radio/AnimatedRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","View","Pressable","Animated","useSharedValue","useAnimatedStyle","interpolate","withSpring","withTiming","Easing","IOSelectionTickVisualParams","IOSpringValues","IOColors","AnimatedTick","styles","create","radioWrapper","width","size","height","radioBorder","position","left","top","borderWidth","borderRadius","radioCircle","AnimatedRadio","_ref","checked","onPress","disabled","isChecked","circleAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","testID","style","borderColor","borderColorOffState","backgroundColor","bgColorOnState","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/radio/AnimatedRadio.tsx"],"mappings":"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"}

package/lib/module/components/radio/index.js

@@ -0,0 +1,2 @@
+export * from "./AnimatedRadio";
+//# sourceMappingURL=index.js.map

package/lib/module/components/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/radio/index.tsx"],"mappings":"AAAA,cAAc,iBAAiB"}

package/lib/module/components/spacer/Spacer.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { View } from "react-native";
+import { hexToRgba, IOColors } from "../../core";
+const DEFAULT_SIZE = 16;
+
+/* Debug Mode */
+const debugMode = false;
+const debugBg = hexToRgba(IOColors.red, 0.2);
+
+/**
+Native `Spacer` component
+@param  {SpacerOrientation} orientation 
+@param {IOSpacer} size
+ */
+const Spacer = _ref => {
+  let {
+    orientation,
+    size
+  } = _ref;
+  const style = React.useMemo(() => ({
+    ...(orientation === "vertical" && {
+      height: size
+    }),
+    ...(orientation === "horizontal" && {
+      width: size
+    }),
+    ...(debugMode && {
+      backgroundColor: debugBg
+    })
+  }), [orientation, size]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: style
+  });
+};
+
+/**
+Horizontal spacer component
+@param {IOSpacer} size
+ */
+export const HSpacer = _ref2 => {
+  let {
+    size = DEFAULT_SIZE
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(Spacer, {
+    orientation: "horizontal",
+    size: size
+  });
+};
+/**
+Vertical spacer component
+@param {IOSpacer} size
+ */
+export const VSpacer = _ref3 => {
+  let {
+    size = DEFAULT_SIZE
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(Spacer, {
+    orientation: "vertical",
+    size: size
+  });
+};
+//# sourceMappingURL=Spacer.js.map

package/lib/module/components/spacer/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","hexToRgba","IOColors","DEFAULT_SIZE","debugMode","debugBg","red","Spacer","_ref","orientation","size","style","useMemo","height","width","backgroundColor","createElement","HSpacer","_ref2","VSpacer","_ref3"],"sourceRoot":"../../../../src","sources":["components/spacer/Spacer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,EAAEC,QAAQ,QAAkB,YAAY;AAa1D,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA,MAAMC,SAAS,GAAG,KAAK;AACvB,MAAMC,OAAO,GAAGJ,SAAS,CAACC,QAAQ,CAACI,GAAG,EAAE,GAAG,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGC,IAAA,IAA4C;EAAA,IAA3C;IAAEC,WAAW;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAClD,MAAMG,KAAK,GAAGZ,KAAK,CAACa,OAAO,CAAC,OAAO;IAC/B,IAAIH,WAAW,KAAK,UAAU,IAAI;MAC9BI,MAAM,EAAEH;IACZ,CAAC,CAAC;IACF,IAAID,WAAW,KAAK,YAAY,IAAI;MAChCK,KAAK,EAAEJ;IACX,CAAC,CAAC;IACF,IAAKN,SAAS,IAAgB;MAC1BW,eAAe,EAAEV;IACrB,CAAC;EACL,CAAC,CAAC,EAAE,CAACI,WAAW,EAAEC,IAAI,CAAC,CAAC;EAExB,oBAAOX,KAAA,CAAAiB,aAAA,CAAChB,IAAI;IAACW,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMM,OAAO,GAAGC,KAAA;EAAA,IAAC;IAAER,IAAI,GAAGP;EAA0B,CAAC,GAAAe,KAAA;EAAA,oBACxDnB,KAAA,CAAAiB,aAAA,CAACT,MAAM;IAACE,WAAW,EAAE,YAAa;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAAA,CACpD;AACD;AACA;AACA;AACA;AACA,OAAO,MAAMS,OAAO,GAAGC,KAAA;EAAA,IAAC;IAAEV,IAAI,GAAGP;EAA0B,CAAC,GAAAiB,KAAA;EAAA,oBACxDrB,KAAA,CAAAiB,aAAA,CAACT,MAAM;IAACE,WAAW,EAAE,UAAW;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAAA,CAClD"}

package/lib/module/components/spacer/index.js

@@ -0,0 +1,2 @@
+export * from "./Spacer";
+//# sourceMappingURL=index.js.map

package/lib/module/components/spacer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spacer/index.tsx"],"mappings":"AAAA,cAAc,UAAU"}

package/lib/module/components/switch/AnimatedSwitch.js

@@ -0,0 +1,85 @@
+import React, { useEffect } from "react";
+import { StyleSheet, Pressable } from "react-native";
+import Animated, { useSharedValue, useAnimatedStyle, interpolate, withSpring, withTiming, Easing, interpolateColor } from "react-native-reanimated";
+import { IOColors } from "../../core/IOColors";
+import { IOSpringValues } from "../../core/IOAnimations";
+import { AnimatedTick } from "../common/AnimatedTick";
+import { IOSwitchVisualParams } from "../../core/IOStyles";
+const SWITCH_CIRCLE_SIZE = IOSwitchVisualParams.height - IOSwitchVisualParams.padding * 2;
+const styles = StyleSheet.create({
+  switchWrapper: {
+    width: IOSwitchVisualParams.width,
+    height: IOSwitchVisualParams.height
+  },
+  switchBackground: {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: "100%",
+    height: "100%",
+    borderRadius: IOSwitchVisualParams.width,
+    backgroundColor: IOColors[IOSwitchVisualParams.bgColorOffState]
+  },
+  switchCircle: {
+    position: "absolute",
+    left: IOSwitchVisualParams.padding,
+    top: IOSwitchVisualParams.padding,
+    backgroundColor: IOColors[IOSwitchVisualParams.bgCircle],
+    width: SWITCH_CIRCLE_SIZE,
+    height: SWITCH_CIRCLE_SIZE,
+    borderRadius: IOSwitchVisualParams.width
+  }
+});
+
+/**
+ * An animated checkbox. This can be used to implement a
+ * standard {@link CheckBox} or other composite components.
+ */
+export const AnimatedSwitch = _ref => {
+  let {
+    checked,
+    onPress,
+    disabled
+  } = _ref;
+  const squareAnimationProgress = useSharedValue(checked ? 1 : 0);
+  const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
+  useEffect(() => {
+    // eslint-disable-next-line functional/immutable-data
+    squareAnimationProgress.value = withSpring(checked ? 1 : 0, IOSpringValues.selection);
+    // eslint-disable-next-line functional/immutable-data
+    tickAnimationProgress.value = withTiming(checked ? 1 : 0, {
+      duration: 400,
+      easing: Easing.elastic(1)
+    });
+  }, [checked, squareAnimationProgress, tickAnimationProgress]);
+  const animatedSwitchBg = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(squareAnimationProgress.value, [0, 1], [IOColors[IOSwitchVisualParams.bgColorOffState], IOColors[IOSwitchVisualParams.bgColorOnState]])
+  }), [squareAnimationProgress]);
+  const animatedSwitchCircle = useAnimatedStyle(() => {
+    const translateX = interpolate(squareAnimationProgress.value, [0, 1], [0, IOSwitchVisualParams.width - SWITCH_CIRCLE_SIZE - 2 * IOSwitchVisualParams.padding]);
+    return {
+      transform: [{
+        translateX
+      }]
+    };
+  });
+  const animatedSwitchTick = useAnimatedStyle(() => ({
+    opacity: tickAnimationProgress.value
+  }));
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: disabled,
+    testID: "AnimatedSwitch",
+    onPress: onPress,
+    style: styles.switchWrapper
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.switchBackground, animatedSwitchBg]
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.switchCircle, animatedSwitchCircle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedSwitchTick
+  }, /*#__PURE__*/React.createElement(AnimatedTick, {
+    progress: tickAnimationProgress,
+    stroke: IOColors[IOSwitchVisualParams.tickColor]
+  }))));
+};
+//# sourceMappingURL=AnimatedSwitch.js.map

package/lib/module/components/switch/AnimatedSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","Pressable","Animated","useSharedValue","useAnimatedStyle","interpolate","withSpring","withTiming","Easing","interpolateColor","IOColors","IOSpringValues","AnimatedTick","IOSwitchVisualParams","SWITCH_CIRCLE_SIZE","height","padding","styles","create","switchWrapper","width","switchBackground","position","left","top","borderRadius","backgroundColor","bgColorOffState","switchCircle","bgCircle","AnimatedSwitch","_ref","checked","onPress","disabled","squareAnimationProgress","tickAnimationProgress","value","selection","duration","easing","elastic","animatedSwitchBg","bgColorOnState","animatedSwitchCircle","translateX","transform","animatedSwitchTick","opacity","createElement","testID","style","View","progress","stroke","tickColor"],"sourceRoot":"../../../../src","sources":["components/switch/AnimatedSwitch.tsx"],"mappings":"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"}

package/lib/module/components/switch/NativeSwitch.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { Switch } from "react-native";
+import { IOColors } from "../../core/IOColors";
+import { IOSwitchVisualParams } from "../../core/IOStyles";
+export const NativeSwitch = _ref => {
+  let {
+    onValueChange,
+    value
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Switch, {
+    trackColor: {
+      false: IOColors[IOSwitchVisualParams.bgColorOffState],
+      true: IOColors[IOSwitchVisualParams.bgColorOnState]
+    },
+    thumbColor: IOColors[IOSwitchVisualParams.bgCircle],
+    ios_backgroundColor: IOColors[IOSwitchVisualParams.bgColorOffState],
+    onValueChange: onValueChange,
+    value: value
+  });
+};
+//# sourceMappingURL=NativeSwitch.js.map

package/lib/module/components/switch/NativeSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","IOColors","IOSwitchVisualParams","NativeSwitch","_ref","onValueChange","value","createElement","trackColor","false","bgColorOffState","true","bgColorOnState","thumbColor","bgCircle","ios_backgroundColor"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAqB,cAAc;AAClD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,oBAAoB,QAAQ,qBAAqB;AAI1D,OAAO,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IAAEC,aAAa;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EAAA,oBAC7DL,KAAA,CAAAQ,aAAA,CAACP,MAAM;IACLQ,UAAU,EAAE;MACVC,KAAK,EAAER,QAAQ,CAACC,oBAAoB,CAACQ,eAAe,CAAC;MACrDC,IAAI,EAAEV,QAAQ,CAACC,oBAAoB,CAACU,cAAc;IACpD,CAAE;IACFC,UAAU,EAAEZ,QAAQ,CAACC,oBAAoB,CAACY,QAAQ,CAAE;IACpDC,mBAAmB,EAAEd,QAAQ,CAACC,oBAAoB,CAACQ,eAAe,CAAE;IACpEL,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA;EAAM,CACd,CAAC;AAAA,CACH"}

package/lib/module/components/switch/SwitchLabel.js

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { useState } from "react";
+import { Pressable, View } from "react-native";
+import { H6 } from "../typography/H6";
+import { HSpacer } from "../spacer/Spacer";
+import { IOStyles } from "../../core/IOStyles";
+import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
+import { AnimatedSwitch } from "./AnimatedSwitch";
+const DISABLED_OPACITY = 0.5;
+
+// disabled: the component is no longer touchable
+// onPress:
+/**
+ * A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
+ * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
+ *
+ * @param props
+ * @constructor
+ */
+export const SwitchLabel = _ref => {
+  let {
+    label,
+    checked,
+    disabled,
+    onValueChange
+  } = _ref;
+  const [toggleValue, setToggleValue] = useState(checked ?? false);
+  const toggleCheckbox = () => {
+    triggerHaptic("impactLight");
+    setToggleValue(!toggleValue);
+    if (onValueChange !== undefined) {
+      onValueChange(!toggleValue);
+    }
+  };
+  return /*#__PURE__*/React.createElement(Pressable, {
+    disabled: disabled,
+    onPress: toggleCheckbox,
+    testID: "AnimatedCheckbox",
+    style: {
+      alignSelf: "flex-start",
+      opacity: disabled ? DISABLED_OPACITY : 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, {
+      alignItems: "flex-start",
+      flexShrink: 1,
+      width: "100%"
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(AnimatedSwitch, {
+    checked: checked ?? toggleValue
+  })), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(H6, {
+    style: {
+      flexShrink: 1
+    },
+    color: "black"
+  }, label)));
+};
+//# sourceMappingURL=SwitchLabel.js.map

package/lib/module/components/switch/SwitchLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Pressable","View","H6","HSpacer","IOStyles","triggerHaptic","AnimatedSwitch","DISABLED_OPACITY","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,cAAc,QAAQ,kBAAkB;AAQjD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAKX;EAAA,IALY;IAC1BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAACY,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMK,cAAc,GAAGA,CAAA,KAAM;IAC3BX,aAAa,CAAC,aAAa,CAAC;IAC5BU,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKI,SAAS,EAAE;MAC/BJ,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRY,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEH,cAAe;IACxBI,MAAM,EAAC,kBAAkB;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEX,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;EAAE,gBAEFT,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IACHoB,KAAK,EAAE,CACLjB,QAAQ,CAACoB,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF7B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAAC2B,aAAa,EAAC;EAAM,gBACxB9B,KAAA,CAAAoB,aAAA,CAACZ,cAAc;IAACK,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAC9C,CAAC,eACPhB,KAAA,CAAAoB,aAAA,CAACf,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB/B,KAAA,CAAAoB,aAAA,CAAChB,EAAE;IAACmB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACI,KAAK,EAAE;EAAQ,GAC1CpB,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}

package/lib/module/components/switch/index.js

@@ -0,0 +1,4 @@
+export * from "./SwitchLabel";
+export * from "./AnimatedSwitch";
+export * from "./NativeSwitch";
+//# sourceMappingURL=index.js.map

package/lib/module/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/switch/index.tsx"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB"}