@unkn0wndo3s/nova-design-system 0.1.0

package/src/components/Icons/profile/svgs/profile-16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.77778 5.22222C5.77778 4.63285 6.0119 4.06762 6.42865 3.65087C6.8454 3.23413 7.41063 3 8 3C8.58937 3 9.1546 3.23413 9.57135 3.65087C9.9881 4.06762 10.2222 4.63285 10.2222 5.22222C10.2222 5.81159 9.9881 6.37682 9.57135 6.79357C9.1546 7.21032 8.58937 7.44444 8 7.44444C7.41063 7.44444 6.8454 7.21032 6.42865 6.79357C6.0119 6.37682 5.77778 5.81159 5.77778 5.22222ZM5.77778 8.55556C5.04107 8.55556 4.33453 8.84821 3.81359 9.36915C3.29266 9.89008 3 10.5966 3 11.3333C3 11.7754 3.17559 12.1993 3.48816 12.5118C3.80072 12.8244 4.22464 13 4.66667 13H11.3333C11.7754 13 12.1993 12.8244 12.5118 12.5118C12.8244 12.1993 13 11.7754 13 11.3333C13 10.5966 12.7073 9.89008 12.1864 9.36915C11.6655 8.84821 10.9589 8.55556 10.2222 8.55556H5.77778Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/profile/svgs/profile-24.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 7.27778C8 6.27585 8.42143 5.31496 9.17157 4.60649C9.92172 3.89801 10.9391 3.5 12 3.5C13.0609 3.5 14.0783 3.89801 14.8284 4.60649C15.5786 5.31496 16 6.27585 16 7.27778C16 8.27971 15.5786 9.2406 14.8284 9.94907C14.0783 10.6575 13.0609 11.0556 12 11.0556C10.9391 11.0556 9.92172 10.6575 9.17157 9.94907C8.42143 9.2406 8 8.27971 8 7.27778ZM8 12.9444C6.67392 12.9444 5.40215 13.442 4.46447 14.3276C3.52678 15.2131 3 16.4143 3 17.6667C3 18.4181 3.31607 19.1388 3.87868 19.6701C4.44129 20.2015 5.20435 20.5 6 20.5H18C18.7956 20.5 19.5587 20.2015 20.1213 19.6701C20.6839 19.1388 21 18.4181 21 17.6667C21 16.4143 20.4732 15.2131 19.5355 14.3276C18.5979 13.442 17.3261 12.9444 16 12.9444H8Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/profile/svgs/profile-32.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2222 8.77778C10.2222 7.24542 10.831 5.77582 11.9145 4.69227C12.998 3.60873 14.4676 3 16 3C17.5324 3 19.002 3.60873 20.0855 4.69227C21.1691 5.77582 21.7778 7.24542 21.7778 8.77778C21.7778 10.3101 21.1691 11.7797 20.0855 12.8633C19.002 13.9468 17.5324 14.5556 16 14.5556C14.4676 14.5556 12.998 13.9468 11.9145 12.8633C10.831 11.7797 10.2222 10.3101 10.2222 8.77778ZM10.2222 17.4444C8.30677 17.4444 6.46977 18.2054 5.11534 19.5598C3.76091 20.9142 3 22.7512 3 24.6667C3 25.8159 3.45655 26.9181 4.2692 27.7308C5.08186 28.5435 6.18406 29 7.33333 29H24.6667C25.8159 29 26.9181 28.5435 27.7308 27.7308C28.5435 26.9181 29 25.8159 29 24.6667C29 22.7512 28.2391 20.9142 26.8847 19.5598C25.5302 18.2054 23.6932 17.4444 21.7778 17.4444H10.2222Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/search/search.astro

@@ -0,0 +1,27 @@
+---
+import search16  from './svgs/search-16.svg?raw';
+import search24  from './svgs/search-24.svg?raw';
+import search32  from './svgs/search-32.svg?raw';
+
+export interface Props {
+  size:        16 | 24 | 32;
+  label?:       string;
+  class?:       string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16 )  raw = search16;
+else if (size === 24 )  raw = search24;
+else if (size === 32 )  raw = search32;
+else                   raw = ''; // Fallback to a blank string if no match is found, though this should not happen due to the type constraints on size.
+
+
+const classes = ['nds-icon-search', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Icons/search/svgs/search-16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.69844 10.3969C5.66477 10.3969 4.79004 10.0388 4.07425 9.32262C3.35846 8.60645 3.00038 7.73172 3 6.69843C2.99962 5.66515 3.35771 4.79042 4.07425 4.07425C4.7908 3.35808 5.66553 3 6.69844 3C7.73134 3 8.60626 3.35808 9.32319 4.07425C10.0401 4.79042 10.398 5.66515 10.3969 6.69843C10.3969 7.11569 10.3305 7.50925 10.1977 7.87909C10.065 8.24893 9.88478 8.5761 9.65718 8.8606L12.8435 12.0469C12.9478 12.1513 13 12.284 13 12.4452C13 12.6064 12.9478 12.7392 12.8435 12.8435C12.7392 12.9478 12.6064 13 12.4452 13C12.284 13 12.1513 12.9478 12.0469 12.8435L8.8606 9.65718C8.5761 9.88478 8.24893 10.065 7.87909 10.1977C7.50925 10.3305 7.11569 10.3969 6.69844 10.3969ZM6.69844 9.25889C7.40967 9.25889 8.01432 9.01005 8.51238 8.51237C9.01043 8.0147 9.25927 7.41005 9.25889 6.69843C9.25851 5.98682 9.00967 5.38236 8.51238 4.88506C8.01508 4.38777 7.41043 4.13874 6.69844 4.13798C5.98644 4.13722 5.38198 4.38625 4.88506 4.88506C4.38815 5.38388 4.13912 5.98834 4.13798 6.69843C4.13684 7.40853 4.38587 8.01318 4.88506 8.51237C5.38426 9.01157 5.98872 9.26041 6.69844 9.25889Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/search/svgs/search-24.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.65718 16.3144C7.79659 16.3144 6.22208 15.6698 4.93366 14.3807C3.64524 13.0916 3.00068 11.5171 3 9.65718C2.99932 7.79727 3.64387 6.22276 4.93366 4.93366C6.22344 3.64455 7.79795 3 9.65718 3C11.5164 3 13.0913 3.64455 14.3817 4.93366C15.6722 6.22276 16.3164 7.79727 16.3144 9.65718C16.3144 10.4083 16.1949 11.1166 15.9559 11.7824C15.7169 12.4481 15.3926 13.037 14.9829 13.5491L20.7183 19.2845C20.9061 19.4723 21 19.7112 21 20.0014C21 20.2916 20.9061 20.5306 20.7183 20.7183C20.5306 20.9061 20.2916 21 20.0014 21C19.7112 21 19.4723 20.9061 19.2845 20.7183L13.5491 14.9829C13.037 15.3926 12.4481 15.7169 11.7824 15.9559C11.1166 16.1949 10.4083 16.3144 9.65718 16.3144ZM9.65718 14.266C10.9374 14.266 12.0258 13.8181 12.9223 12.9223C13.8188 12.0265 14.2667 10.9381 14.266 9.65718C14.2653 8.37627 13.8174 7.28825 12.9223 6.39312C12.0271 5.49798 10.9388 5.04973 9.65718 5.04836C8.37559 5.047 7.28757 5.49525 6.39312 6.39312C5.49866 7.29098 5.05041 8.379 5.04836 9.65718C5.04632 10.9354 5.49457 12.0237 6.39312 12.9223C7.29167 13.8208 8.37969 14.2687 9.65718 14.266Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/search/svgs/search-32.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6159 22.2319C9.9284 22.2319 7.65411 21.3008 5.79306 19.4388C3.93201 17.5768 3.00099 15.3025 3 12.6159C2.99901 9.92939 3.93003 7.6551 5.79306 5.79306C7.65608 3.93102 9.93038 3 12.6159 3C15.3015 3 17.5763 3.93102 19.4403 5.79306C21.3043 7.6551 22.2348 9.92939 22.2319 12.6159C22.2319 13.7008 22.0593 14.724 21.7141 15.6856C21.3689 16.6472 20.9004 17.4979 20.3087 18.2376L28.5932 26.522C28.8644 26.7933 29 27.1385 29 27.5576C29 27.9768 28.8644 28.322 28.5932 28.5932C28.322 28.8644 27.9768 29 27.5576 29C27.1385 29 26.7933 28.8644 26.522 28.5932L18.2376 20.3087C17.4979 20.9004 16.6472 21.3689 15.6856 21.7141C14.724 22.0593 13.7008 22.2319 12.6159 22.2319ZM12.6159 19.2731C14.4651 19.2731 16.0372 18.6261 17.3322 17.3322C18.6271 16.0382 19.2741 14.4661 19.2731 12.6159C19.2721 10.7657 18.6251 9.19414 17.3322 7.90117C16.0392 6.60819 14.4671 5.96072 12.6159 5.95875C10.7647 5.95678 9.19315 6.60425 7.90117 7.90117C6.60918 9.19808 5.96171 10.7697 5.95875 12.6159C5.95579 14.4622 6.60326 16.0343 7.90117 17.3322C9.19907 18.6301 10.7707 19.2771 12.6159 19.2731Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/settings/settings.astro

@@ -0,0 +1,26 @@
+---
+import settings16 from './svgs/settings-16.svg?raw';
+import settings24 from './svgs/settings-24.svg?raw';
+import settings32 from './svgs/settings-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = settings16;
+else if (size === 24) raw = settings24;
+else if (size === 32) raw = settings32;
+else                  raw = '';
+
+const classes = ['nds-icon-settings', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Icons/settings/svgs/settings-16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.4125 13C7.1875 13 6.99383 12.925 6.8315 12.775C6.66916 12.625 6.57116 12.4417 6.5375 12.225L6.425 11.4C6.31666 11.3583 6.21466 11.3083 6.119 11.25C6.02333 11.1917 5.9295 11.1292 5.8375 11.0625L5.0625 11.3875C4.85416 11.4792 4.64583 11.4875 4.4375 11.4125C4.22916 11.3375 4.06666 11.2042 3.95 11.0125L3.3625 9.9875C3.24583 9.79583 3.2125 9.59167 3.2625 9.375C3.3125 9.15833 3.425 8.97917 3.6 8.8375L4.2625 8.3375C4.25416 8.27917 4.25 8.22283 4.25 8.1685V7.831C4.25 7.777 4.25416 7.72083 4.2625 7.6625L3.6 7.1625C3.425 7.02083 3.3125 6.84167 3.2625 6.625C3.2125 6.40833 3.24583 6.20417 3.3625 6.0125L3.95 4.9875C4.06666 4.79583 4.22916 4.6625 4.4375 4.5875C4.64583 4.5125 4.85416 4.52083 5.0625 4.6125L5.8375 4.9375C5.92916 4.87083 6.025 4.80833 6.125 4.75C6.225 4.69167 6.325 4.64167 6.425 4.6L6.5375 3.775C6.57083 3.55833 6.66883 3.375 6.8315 3.225C6.99416 3.075 7.18783 3 7.4125 3H8.5875C8.8125 3 9.00633 3.075 9.169 3.225C9.33166 3.375 9.4295 3.55833 9.4625 3.775L9.575 4.6C9.68333 4.64167 9.7855 4.69167 9.8815 4.75C9.9775 4.80833 10.0712 4.87083 10.1625 4.9375L10.9375 4.6125C11.1458 4.52083 11.3542 4.5125 11.5625 4.5875C11.7708 4.6625 11.9333 4.79583 12.05 4.9875L12.6375 6.0125C12.7542 6.20417 12.7875 6.40833 12.7375 6.625C12.6875 6.84167 12.575 7.02083 12.4 7.1625L11.7375 7.6625C11.7458 7.72083 11.75 7.77717 11.75 7.8315V8.1685C11.75 8.22283 11.7417 8.27917 11.725 8.3375L12.3875 8.8375C12.5625 8.97917 12.675 9.15833 12.725 9.375C12.775 9.59167 12.7417 9.79583 12.625 9.9875L12.025 11.0125C11.9083 11.2042 11.7458 11.3375 11.5375 11.4125C11.3292 11.4875 11.1208 11.4792 10.9125 11.3875L10.1625 11.0625C10.0708 11.1292 9.975 11.1917 9.875 11.25C9.775 11.3083 9.675 11.3583 9.575 11.4L9.4625 12.225C9.42916 12.4417 9.33133 12.625 9.169 12.775C9.00666 12.925 8.81283 13 8.5875 13H7.4125ZM8.025 9.75C8.50833 9.75 8.92083 9.57917 9.2625 9.2375C9.60416 8.89583 9.775 8.48333 9.775 8C9.775 7.51667 9.60416 7.10417 9.2625 6.7625C8.92083 6.42083 8.50833 6.25 8.025 6.25C7.53333 6.25 7.11866 6.42083 6.781 6.7625C6.44333 7.10417 6.27466 7.51667 6.275 8C6.27533 8.48333 6.44416 8.89583 6.7815 9.2375C7.11883 9.57917 7.53333 9.75 8.025 9.75Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/settings/svgs/settings-24.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9425 21C10.5375 21 10.1889 20.865 9.8967 20.595C9.6045 20.325 9.4281 19.995 9.3675 19.605L9.165 18.12C8.97 18.045 8.7864 17.955 8.6142 17.85C8.442 17.745 8.2731 17.6325 8.1075 17.5125L6.7125 18.0975C6.3375 18.2625 5.9625 18.2775 5.5875 18.1425C5.2125 18.0075 4.92 17.7675 4.71 17.4225L3.6525 15.5775C3.4425 15.2325 3.3825 14.865 3.4725 14.475C3.5625 14.085 3.765 13.7625 4.08 13.5075L5.2725 12.6075C5.2575 12.5025 5.25 12.4011 5.25 12.3033V11.6958C5.25 11.5986 5.2575 11.4975 5.2725 11.3925L4.08 10.4925C3.765 10.2375 3.5625 9.915 3.4725 9.525C3.3825 9.135 3.4425 8.7675 3.6525 8.4225L4.71 6.5775C4.92 6.2325 5.2125 5.9925 5.5875 5.8575C5.9625 5.7225 6.3375 5.7375 6.7125 5.9025L8.1075 6.4875C8.2725 6.3675 8.445 6.255 8.625 6.15C8.805 6.045 8.985 5.955 9.165 5.88L9.3675 4.395C9.4275 4.005 9.6039 3.675 9.8967 3.405C10.1895 3.135 10.5381 3 10.9425 3H13.0575C13.4625 3 13.8114 3.135 14.1042 3.405C14.397 3.675 14.5731 4.005 14.6325 4.395L14.835 5.88C15.03 5.955 15.2139 6.045 15.3867 6.15C15.5595 6.255 15.7281 6.3675 15.8925 6.4875L17.2875 5.9025C17.6625 5.7375 18.0375 5.7225 18.4125 5.8575C18.7875 5.9925 19.08 6.2325 19.29 6.5775L20.3475 8.4225C20.5575 8.7675 20.6175 9.135 20.5275 9.525C20.4375 9.915 20.235 10.2375 19.92 10.4925L18.7275 11.3925C18.7425 11.4975 18.75 11.5989 18.75 11.6967V12.3033C18.75 12.4011 18.735 12.5025 18.705 12.6075L19.8975 13.5075C20.2125 13.7625 20.415 14.085 20.505 14.475C20.595 14.865 20.535 15.2325 20.325 15.5775L19.245 17.4225C19.035 17.7675 18.7425 18.0075 18.3675 18.1425C17.9925 18.2775 17.6175 18.2625 17.2425 18.0975L15.8925 17.5125C15.7275 17.6325 15.555 17.745 15.375 17.85C15.195 17.955 15.015 18.045 14.835 18.12L14.6325 19.605C14.5725 19.995 14.3964 20.325 14.1042 20.595C13.812 20.865 13.4631 21 13.0575 21H10.9425ZM12.045 15.15C12.915 15.15 13.6575 14.8425 14.2725 14.2275C14.8875 13.6125 15.195 12.87 15.195 12C15.195 11.13 14.8875 10.3875 14.2725 9.7725C13.6575 9.1575 12.915 8.85 12.045 8.85C11.16 8.85 10.4136 9.1575 9.8058 9.7725C9.198 10.3875 8.8944 11.13 8.895 12C8.8956 12.87 9.1995 13.6125 9.8067 14.2275C10.4139 14.8425 11.16 15.15 12.045 15.15Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/settings/svgs/settings-32.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4725 29C13.8875 29 13.384 28.805 12.9619 28.415C12.5398 28.025 12.285 27.5483 12.1975 26.985L11.905 24.84C11.6233 24.7317 11.3581 24.6017 11.1094 24.45C10.8607 24.2983 10.6167 24.1358 10.3775 23.9625L8.3625 24.8075C7.82083 25.0458 7.27917 25.0675 6.7375 24.8725C6.19583 24.6775 5.77333 24.3308 5.47 23.8325L3.9425 21.1675C3.63917 20.6692 3.5525 20.1383 3.6825 19.575C3.8125 19.0117 4.105 18.5458 4.56 18.1775L6.2825 16.8775C6.26083 16.7258 6.25 16.5794 6.25 16.4381V15.5606C6.25 15.4202 6.26083 15.2742 6.2825 15.1225L4.56 13.8225C4.105 13.4542 3.8125 12.9883 3.6825 12.425C3.5525 11.8617 3.63917 11.3308 3.9425 10.8325L5.47 8.1675C5.77333 7.66917 6.19583 7.3225 6.7375 7.1275C7.27917 6.9325 7.82083 6.95417 8.3625 7.1925L10.3775 8.0375C10.6158 7.86417 10.865 7.70167 11.125 7.55C11.385 7.39833 11.645 7.26833 11.905 7.16L12.1975 5.015C12.2842 4.45167 12.539 3.975 12.9619 3.585C13.3848 3.195 13.8884 3 14.4725 3H17.5275C18.1125 3 18.6165 3.195 19.0394 3.585C19.4623 3.975 19.7167 4.45167 19.8025 5.015L20.095 7.16C20.3767 7.26833 20.6423 7.39833 20.8919 7.55C21.1415 7.70167 21.385 7.86417 21.6225 8.0375L23.6375 7.1925C24.1792 6.95417 24.7208 6.9325 25.2625 7.1275C25.8042 7.3225 26.2267 7.66917 26.53 8.1675L28.0575 10.8325C28.3608 11.3308 28.4475 11.8617 28.3175 12.425C28.1875 12.9883 27.895 13.4542 27.44 13.8225L25.7175 15.1225C25.7392 15.2742 25.75 15.4206 25.75 15.5619V16.4381C25.75 16.5794 25.7283 16.7258 25.685 16.8775L27.4075 18.1775C27.8625 18.5458 28.155 19.0117 28.285 19.575C28.415 20.1383 28.3283 20.6692 28.025 21.1675L26.465 23.8325C26.1617 24.3308 25.7392 24.6775 25.1975 24.8725C24.6558 25.0675 24.1142 25.0458 23.5725 24.8075L21.6225 23.9625C21.3842 24.1358 21.135 24.2983 20.875 24.45C20.615 24.6017 20.355 24.7317 20.095 24.84L19.8025 26.985C19.7158 27.5483 19.4615 28.025 19.0394 28.415C18.6173 28.805 18.1134 29 17.5275 29H14.4725ZM16.065 20.55C17.3217 20.55 18.3942 20.1058 19.2825 19.2175C20.1708 18.3292 20.615 17.2567 20.615 16C20.615 14.7433 20.1708 13.6708 19.2825 12.7825C18.3942 11.8942 17.3217 11.45 16.065 11.45C14.7867 11.45 13.7085 11.8942 12.8306 12.7825C11.9527 13.6708 11.5141 14.7433 11.515 16C11.5159 17.2567 11.9548 18.3292 12.8319 19.2175C13.709 20.1058 14.7867 20.55 16.065 20.55Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/share/share.astro

@@ -0,0 +1,27 @@
+---
+import share16  from './svgs/share-16.svg?raw';
+import share24  from './svgs/share-24.svg?raw';
+import share32  from './svgs/share-32.svg?raw';
+
+export interface Props {
+  size:        16 | 24 | 32;
+  label?:       string;
+  class?:       string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16 )  raw = share16;
+else if (size === 24 )  raw = share24;
+else if (size === 32 )  raw = share32;
+else                   raw = ''; // Fallback to a blank string if no match is found, though this should not happen due to the type constraints on size.
+
+
+const classes = ['nds-icon-share', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Icons/share/svgs/share-16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 13C10.5833 13 10.2292 12.8542 9.9375 12.5625C9.64583 12.2708 9.5 11.9167 9.5 11.5C9.5 11.45 9.5125 11.3333 9.5375 11.15L6.025 9.1C5.89167 9.225 5.7375 9.323 5.5625 9.394C5.3875 9.465 5.2 9.50033 5 9.5C4.58333 9.5 4.22917 9.35417 3.9375 9.0625C3.64583 8.77083 3.5 8.41667 3.5 8C3.5 7.58333 3.64583 7.22917 3.9375 6.9375C4.22917 6.64583 4.58333 6.5 5 6.5C5.2 6.5 5.3875 6.5355 5.5625 6.6065C5.7375 6.6775 5.89167 6.77533 6.025 6.9L9.5375 4.85C9.52083 4.79167 9.5105 4.7355 9.5065 4.6815C9.5025 4.6275 9.50033 4.567 9.5 4.5C9.5 4.08333 9.64583 3.72917 9.9375 3.4375C10.2292 3.14583 10.5833 3 11 3C11.4167 3 11.7708 3.14583 12.0625 3.4375C12.3542 3.72917 12.5 4.08333 12.5 4.5C12.5 4.91667 12.3542 5.27083 12.0625 5.5625C11.7708 5.85417 11.4167 6 11 6C10.8 6 10.6125 5.9645 10.4375 5.8935C10.2625 5.8225 10.1083 5.72467 9.975 5.6L6.4625 7.65C6.47917 7.70833 6.48967 7.76467 6.494 7.819C6.49833 7.87333 6.50033 7.93367 6.5 8C6.49967 8.06633 6.49767 8.12683 6.494 8.1815C6.49033 8.23617 6.47983 8.29233 6.4625 8.35L9.975 10.4C10.1083 10.275 10.2625 10.1772 10.4375 10.1065C10.6125 10.0358 10.8 10.0003 11 10C11.4167 10 11.7708 10.1458 12.0625 10.4375C12.3542 10.7292 12.5 11.0833 12.5 11.5C12.5 11.9167 12.3542 12.2708 12.0625 12.5625C11.7708 12.8542 11.4167 13 11 13Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/share/svgs/share-24.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4 21C16.65 21 16.0125 20.7375 15.4875 20.2125C14.9625 19.6875 14.7 19.05 14.7 18.3C14.7 18.21 14.7225 18 14.7675 17.67L8.445 13.98C8.205 14.205 7.9275 14.3814 7.6125 14.5092C7.2975 14.637 6.96 14.7006 6.6 14.7C5.85 14.7 5.2125 14.4375 4.6875 13.9125C4.1625 13.3875 3.9 12.75 3.9 12C3.9 11.25 4.1625 10.6125 4.6875 10.0875C5.2125 9.5625 5.85 9.3 6.6 9.3C6.96 9.3 7.2975 9.3639 7.6125 9.4917C7.9275 9.6195 8.205 9.7956 8.445 10.02L14.7675 6.33C14.7375 6.225 14.7189 6.1239 14.7117 6.0267C14.7045 5.9295 14.7006 5.8206 14.7 5.7C14.7 4.95 14.9625 4.3125 15.4875 3.7875C16.0125 3.2625 16.65 3 17.4 3C18.15 3 18.7875 3.2625 19.3125 3.7875C19.8375 4.3125 20.1 4.95 20.1 5.7C20.1 6.45 19.8375 7.0875 19.3125 7.6125C18.7875 8.1375 18.15 8.4 17.4 8.4C17.04 8.4 16.7025 8.3361 16.3875 8.2083C16.0725 8.0805 15.795 7.9044 15.555 7.68L9.2325 11.37C9.2625 11.475 9.2814 11.5764 9.2892 11.6742C9.297 11.772 9.3006 11.8806 9.3 12C9.2994 12.1194 9.2958 12.2283 9.2892 12.3267C9.2826 12.4251 9.2637 12.5262 9.2325 12.63L15.555 16.32C15.795 16.095 16.0725 15.9189 16.3875 15.7917C16.7025 15.6645 17.04 15.6006 17.4 15.6C18.15 15.6 18.7875 15.8625 19.3125 16.3875C19.8375 16.9125 20.1 17.55 20.1 18.3C20.1 19.05 19.8375 19.6875 19.3125 20.2125C18.7875 20.7375 18.15 21 17.4 21Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/share/svgs/share-32.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.8 29C22.7167 29 21.7958 28.6208 21.0375 27.8625C20.2792 27.1042 19.9 26.1833 19.9 25.1C19.9 24.97 19.9325 24.6667 19.9975 24.19L10.865 18.86C10.5183 19.185 10.1175 19.4398 9.6625 19.6244C9.2075 19.809 8.72 19.9009 8.2 19.9C7.11667 19.9 6.19583 19.5208 5.4375 18.7625C4.67917 18.0042 4.3 17.0833 4.3 16C4.3 14.9167 4.67917 13.9958 5.4375 13.2375C6.19583 12.4792 7.11667 12.1 8.2 12.1C8.72 12.1 9.2075 12.1923 9.6625 12.3769C10.1175 12.5615 10.5183 12.8159 10.865 13.14L19.9975 7.81C19.9542 7.65833 19.9273 7.5123 19.9169 7.3719C19.9065 7.2315 19.9009 7.0742 19.9 6.9C19.9 5.81667 20.2792 4.89583 21.0375 4.1375C21.7958 3.37917 22.7167 3 23.8 3C24.8833 3 25.8042 3.37917 26.5625 4.1375C27.3208 4.89583 27.7 5.81667 27.7 6.9C27.7 7.98333 27.3208 8.90417 26.5625 9.6625C25.8042 10.4208 24.8833 10.8 23.8 10.8C23.28 10.8 22.7925 10.7077 22.3375 10.5231C21.8825 10.3385 21.4817 10.0841 21.135 9.76L12.0025 15.09C12.0458 15.2417 12.0731 15.3881 12.0844 15.5294C12.0957 15.6707 12.1009 15.8275 12.1 16C12.0991 16.1725 12.0939 16.3298 12.0844 16.4719C12.0749 16.614 12.0476 16.7601 12.0025 16.91L21.135 22.24C21.4817 21.915 21.8825 21.6606 22.3375 21.4769C22.7925 21.2932 23.28 21.2009 23.8 21.2C24.8833 21.2 25.8042 21.5792 26.5625 22.3375C27.3208 23.0958 27.7 24.0167 27.7 25.1C27.7 26.1833 27.3208 27.1042 26.5625 27.8625C25.8042 28.6208 24.8833 29 23.8 29Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/shield/shield.astro

@@ -0,0 +1,26 @@
+---
+import shield16 from './svgs/shield-16.svg?raw';
+import shield24 from './svgs/shield-24.svg?raw';
+import shield32 from './svgs/shield-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = shield16;
+else if (size === 24) raw = shield24;
+else if (size === 32) raw = shield32;
+else                  raw = '';
+
+const classes = ['nds-icon-shield', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Icons/shield/svgs/shield-16.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="16" viewBox="0 0 13 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 16C4.61771 15.5333 3.06367 14.4699 1.83788 12.8096C0.612084 11.1493 -0.000541308 9.30613 3.58878e-07 7.28V2.4L6.5 0L13 2.4V7.28C13 9.30667 12.3874 11.1501 11.1621 12.8104C9.93688 14.4707 8.38283 15.5339 6.5 16ZM6.5 14.32C7.90833 13.88 9.07292 13 9.99375 11.68C10.9146 10.36 11.375 8.89333 11.375 7.28V3.5L6.5 1.7L1.625 3.5V7.28C1.625 8.89333 2.08542 10.36 3.00625 11.68C3.92708 13 5.09167 13.88 6.5 14.32Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/shield/svgs/shield-24.svg

@@ -0,0 +1,3 @@
+<svg width="19" height="24" viewBox="0 0 19 24" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.5 24C6.74896 23.3 4.47767 21.7048 2.68613 19.2144C0.894584 16.724 -0.000791142 13.9592 5.24514e-07 10.92V3.6L9.5 0L19 3.6V10.92C19 13.96 18.1046 16.7252 16.3139 19.2156C14.5231 21.706 12.2518 23.3008 9.5 24ZM9.5 21.48C11.5583 20.82 13.2604 19.5 14.6062 17.52C15.9521 15.54 16.625 13.34 16.625 10.92V5.25L9.5 2.55L2.375 5.25V10.92C2.375 13.34 3.04792 15.54 4.39375 17.52C5.73958 19.5 7.44167 20.82 9.5 21.48Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/shield/svgs/shield-32.svg

@@ -0,0 +1,3 @@
+<svg width="26" height="32" viewBox="0 0 26 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 32C9.23542 31.0667 6.12733 28.9397 3.67575 25.6192C1.22417 22.2987 -0.00108262 18.6123 7.17756e-07 14.56V4.8L13 0L26 4.8V14.56C26 18.6133 24.7748 22.3003 22.3243 25.6208C19.8738 28.9413 16.7657 31.0677 13 32ZM13 29.64C15.8167 28.76 19.1458 27 20.9875 24.36C22.8292 21.72 23.75 17.7867 23.75 14.56V6L13 2.4L2.25 6V14.56C2.25 17.7867 3.17083 21.72 5.0125 24.36C6.85417 27 10.1833 28.76 13 29.64Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/sort/sort.astro

@@ -0,0 +1,38 @@
+---
+import sort16ascend  from './svgs/sort-16-ascend.svg?raw';
+import sort16default from './svgs/sort-16-default.svg?raw';
+import sort16descend from './svgs/sort-16-descend.svg?raw';
+import sort24ascend  from './svgs/sort-24-ascend.svg?raw';
+import sort24default from './svgs/sort-24-default.svg?raw';
+import sort24descend from './svgs/sort-24-descend.svg?raw';
+import sort32ascend  from './svgs/sort-32-ascend.svg?raw';
+import sort32default from './svgs/sort-32-default.svg?raw';
+import sort32descend from './svgs/sort-32-descend.svg?raw';
+
+export interface Props {
+  size:     16 | 24 | 32;
+  variant:  'ascend' | 'default' | 'descend';
+  label?:   string;
+  class?:   string;
+}
+
+const { size = 24, variant = 'default', label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16 && variant === 'ascend')  raw = sort16ascend;
+else if (size === 16 && variant === 'default') raw = sort16default;
+else if (size === 16 && variant === 'descend') raw = sort16descend;
+else if (size === 24 && variant === 'ascend')  raw = sort24ascend;
+else if (size === 24 && variant === 'default') raw = sort24default;
+else if (size === 24 && variant === 'descend') raw = sort24descend;
+else if (size === 32 && variant === 'ascend')  raw = sort32ascend;
+else if (size === 32 && variant === 'default') raw = sort32default;
+else if (size === 32 && variant === 'descend') raw = sort32descend;
+else                                           raw = '';
+
+const classes = ['nds-icon-sort', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Icons/sort/svgs/sort-16-ascend.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83333 11.46L6.31333 10.98C6.35911 10.9309 6.41431 10.8915 6.47564 10.8641C6.53697 10.8368 6.60318 10.8221 6.67032 10.8209C6.73745 10.8198 6.80414 10.8321 6.8664 10.8572C6.92866 10.8824 6.98521 10.9198 7.03269 10.9673C7.08017 11.0148 7.1176 11.0713 7.14275 11.1336C7.16789 11.1959 7.18024 11.2625 7.17906 11.3297C7.17788 11.3968 7.16318 11.463 7.13585 11.5244C7.10852 11.5857 7.06912 11.6409 7.02 11.6867L5.68666 13.02C5.59291 13.1136 5.46583 13.1662 5.33333 13.1662C5.20083 13.1662 5.07375 13.1136 4.98 13.02L3.64666 11.6867C3.59754 11.6409 3.55814 11.5857 3.53081 11.5244C3.50348 11.463 3.48879 11.3968 3.4876 11.3297C3.48642 11.2625 3.49877 11.1959 3.52392 11.1336C3.54906 11.0713 3.58649 11.0148 3.63397 10.9673C3.68145 10.9198 3.73801 10.8824 3.80027 10.8572C3.86252 10.8321 3.92921 10.8198 3.99635 10.8209C4.06348 10.8221 4.12969 10.8368 4.19102 10.8641C4.25236 10.8915 4.30756 10.9309 4.35333 10.98L4.83333 11.46V4.66666C4.83333 4.53406 4.88601 4.40688 4.97978 4.31311C5.07355 4.21934 5.20072 4.16666 5.33333 4.16666C5.46594 4.16666 5.59312 4.21934 5.68688 4.31311C5.78065 4.40688 5.83333 4.53406 5.83333 4.66666V11.46Z" fill="currentColor"/>
+<path d="M9.33333 5.16622C9.20083 5.16622 9.07375 5.11363 8.98 5.02C8.88636 4.92625 8.83377 4.79916 8.83377 4.66666C8.83377 4.53416 8.88636 4.40708 8.98 4.31333L10.3133 2.98C10.4071 2.88636 10.5342 2.83377 10.6667 2.83377C10.7992 2.83377 10.9262 2.88636 11.02 2.98L12.3533 4.31333C12.4025 4.35911 12.4419 4.41431 12.4692 4.47564C12.4965 4.53697 12.5112 4.60318 12.5124 4.67032C12.5136 4.73745 12.5012 4.80414 12.4761 4.8664C12.4509 4.92865 12.4135 4.98521 12.366 5.03269C12.3185 5.08017 12.262 5.1176 12.1997 5.14275C12.1375 5.16789 12.0708 5.18024 12.0036 5.17906C11.9365 5.17787 11.8703 5.16318 11.809 5.13585C11.7476 5.10852 11.6924 5.06912 11.6467 5.02L11.1667 4.54V11.3333C11.1667 11.4659 11.114 11.5931 11.0202 11.6869C10.9264 11.7807 10.7993 11.8333 10.6667 11.8333C10.5341 11.8333 10.4069 11.7807 10.3131 11.6869C10.2193 11.5931 10.1667 11.4659 10.1667 11.3333V4.54L9.68666 5.02C9.59291 5.11363 9.46583 5.16622 9.33333 5.16622Z" fill="#7F77DD"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-16-default.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.98 5.02C9.07375 5.11363 9.20083 5.16622 9.33333 5.16622C9.46583 5.16622 9.59291 5.11363 9.68666 5.02L10.1667 4.54V11.3333C10.1667 11.4659 10.2193 11.5931 10.3131 11.6869C10.4069 11.7807 10.5341 11.8333 10.6667 11.8333C10.7993 11.8333 10.9264 11.7807 11.0202 11.6869C11.114 11.5931 11.1667 11.4659 11.1667 11.3333V4.54L11.6467 5.02C11.6924 5.06912 11.7476 5.10852 11.809 5.13585C11.8703 5.16318 11.9365 5.17787 12.0036 5.17906C12.0708 5.18024 12.1375 5.16789 12.1997 5.14275C12.262 5.1176 12.3185 5.08017 12.366 5.03269C12.4135 4.98521 12.4509 4.92865 12.4761 4.8664C12.5012 4.80414 12.5136 4.73745 12.5124 4.67032C12.5112 4.60318 12.4965 4.53697 12.4692 4.47564C12.4419 4.41431 12.4025 4.35911 12.3533 4.31333L11.02 2.98C10.9262 2.88636 10.7992 2.83377 10.6667 2.83377C10.5342 2.83377 10.4071 2.88636 10.3133 2.98L8.98 4.31333C8.88636 4.40708 8.83377 4.53416 8.83377 4.66666C8.83377 4.79916 8.88636 4.92625 8.98 5.02ZM5.83333 11.46L6.31333 10.98C6.35911 10.9309 6.41431 10.8915 6.47564 10.8641C6.53697 10.8368 6.60318 10.8221 6.67032 10.8209C6.73745 10.8198 6.80414 10.8321 6.8664 10.8572C6.92866 10.8824 6.98521 10.9198 7.03269 10.9673C7.08017 11.0148 7.1176 11.0713 7.14275 11.1336C7.16789 11.1959 7.18024 11.2625 7.17906 11.3297C7.17787 11.3968 7.16318 11.463 7.13585 11.5244C7.10852 11.5857 7.06912 11.6409 7.02 11.6867L5.68666 13.02C5.59291 13.1136 5.46583 13.1662 5.33333 13.1662C5.20083 13.1662 5.07375 13.1136 4.98 13.02L3.64666 11.6867C3.59754 11.6409 3.55814 11.5857 3.53081 11.5244C3.50348 11.463 3.48879 11.3968 3.4876 11.3297C3.48642 11.2625 3.49877 11.1959 3.52392 11.1336C3.54906 11.0713 3.58649 11.0148 3.63397 10.9673C3.68145 10.9198 3.73801 10.8824 3.80027 10.8572C3.86252 10.8321 3.92921 10.8198 3.99635 10.8209C4.06348 10.8221 4.12969 10.8368 4.19102 10.8641C4.25236 10.8915 4.30756 10.9309 4.35333 10.98L4.83333 11.46V4.66666C4.83333 4.53406 4.88601 4.40688 4.97978 4.31311C5.07355 4.21934 5.20072 4.16666 5.33333 4.16666C5.46594 4.16666 5.59312 4.21934 5.68688 4.31311C5.78065 4.40688 5.83333 4.53406 5.83333 4.66666V11.46Z" fill="currentColor"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-16-descend.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1667 4.54L9.68667 5.02C9.64089 5.06912 9.58569 5.10852 9.52436 5.13585C9.46303 5.16318 9.39682 5.17787 9.32968 5.17906C9.26255 5.18024 9.19586 5.16789 9.1336 5.14275C9.07134 5.1176 9.01479 5.08017 8.96731 5.03269C8.91983 4.98521 8.8824 4.92866 8.85725 4.8664C8.83211 4.80414 8.81976 4.73745 8.82094 4.67032C8.82212 4.60318 8.83682 4.53697 8.86415 4.47564C8.89148 4.41431 8.93088 4.35911 8.98 4.31333L10.3133 2.98C10.4071 2.88636 10.5342 2.83377 10.6667 2.83377C10.7992 2.83377 10.9263 2.88636 11.02 2.98L12.3533 4.31333C12.4025 4.35911 12.4419 4.41431 12.4692 4.47564C12.4965 4.53697 12.5112 4.60318 12.5124 4.67032C12.5136 4.73745 12.5012 4.80414 12.4761 4.8664C12.4509 4.92866 12.4135 4.98521 12.366 5.03269C12.3185 5.08017 12.262 5.1176 12.1997 5.14275C12.1375 5.16789 12.0708 5.18024 12.0037 5.17906C11.9365 5.17787 11.8703 5.16318 11.809 5.13585C11.7476 5.10852 11.6924 5.06912 11.6467 5.02L11.1667 4.54V11.3333C11.1667 11.4659 11.114 11.5931 11.0202 11.6869C10.9265 11.7807 10.7993 11.8333 10.6667 11.8333C10.5341 11.8333 10.4069 11.7807 10.3131 11.6869C10.2193 11.5931 10.1667 11.4659 10.1667 11.3333V4.54Z" fill="currentColor"/>
+<path d="M6.66667 10.8338C6.79917 10.8338 6.92625 10.8864 7.02 10.98C7.11364 11.0737 7.16623 11.2008 7.16623 11.3333C7.16623 11.4658 7.11364 11.5929 7.02 11.6867L5.68667 13.02C5.59292 13.1136 5.46584 13.1662 5.33334 13.1662C5.20084 13.1662 5.07375 13.1136 4.98 13.02L3.64667 11.6867C3.59754 11.6409 3.55814 11.5857 3.53082 11.5244C3.50349 11.463 3.48879 11.3968 3.48761 11.3297C3.48642 11.2625 3.49877 11.1959 3.52392 11.1336C3.54907 11.0713 3.5865 11.0148 3.63398 10.9673C3.68146 10.9198 3.73801 10.8824 3.80027 10.8573C3.86253 10.8321 3.92922 10.8198 3.99635 10.8209C4.06349 10.8221 4.1297 10.8368 4.19103 10.8641C4.25236 10.8915 4.30756 10.9309 4.35334 10.98L4.83334 11.46L4.83334 4.66667C4.83334 4.53406 4.88601 4.40688 4.97978 4.31311C5.07355 4.21934 5.20073 4.16667 5.33334 4.16667C5.46594 4.16667 5.59312 4.21934 5.68689 4.31311C5.78066 4.40688 5.83334 4.53406 5.83334 4.66667L5.83334 11.46L6.31334 10.98C6.40709 10.8864 6.53417 10.8338 6.66667 10.8338Z" fill="#7F77DD"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-24-ascend.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.75 17.19L9.47 16.47C9.53866 16.3963 9.62146 16.3372 9.71346 16.2962C9.80546 16.2552 9.90478 16.2332 10.0055 16.2314C10.1062 16.2296 10.2062 16.2482 10.2996 16.2859C10.393 16.3236 10.4778 16.3797 10.549 16.451C10.6203 16.5222 10.6764 16.607 10.7141 16.7004C10.7518 16.7938 10.7704 16.8938 10.7686 16.9945C10.7668 17.0952 10.7448 17.1945 10.7038 17.2865C10.6628 17.3785 10.6037 17.4613 10.53 17.53L8.53 19.53C8.38938 19.6705 8.19875 19.7493 8 19.7493C7.80125 19.7493 7.61063 19.6705 7.47 19.53L5.47 17.53C5.39631 17.4613 5.33721 17.3785 5.29622 17.2865C5.25523 17.1945 5.23319 17.0952 5.23141 16.9945C5.22963 16.8938 5.24816 16.7938 5.28588 16.7004C5.3236 16.607 5.37974 16.5222 5.45096 16.451C5.52218 16.3797 5.60701 16.3236 5.7004 16.2859C5.79379 16.2482 5.89382 16.2296 5.99452 16.2314C6.09523 16.2332 6.19454 16.2552 6.28654 16.2962C6.37854 16.3372 6.46134 16.3963 6.53 16.47L7.25 17.19V7C7.25 6.80109 7.32902 6.61032 7.46967 6.46967C7.61032 6.32902 7.80109 6.25 8 6.25C8.19891 6.25 8.38968 6.32902 8.53033 6.46967C8.67098 6.61032 8.75 6.80109 8.75 7V17.19Z" fill="currentColor"/>
+<path d="M14 7.74934C13.8012 7.74934 13.6106 7.67045 13.47 7.53C13.3295 7.38937 13.2507 7.19875 13.2507 7C13.2507 6.80125 13.3295 6.61062 13.47 6.47L15.47 4.47C15.6106 4.32955 15.8012 4.25066 16 4.25066C16.1988 4.25066 16.3894 4.32955 16.53 4.47L18.53 6.47C18.6037 6.53866 18.6628 6.62146 18.7038 6.71346C18.7448 6.80546 18.7668 6.90477 18.7686 7.00547C18.7704 7.10618 18.7518 7.20621 18.7141 7.29959C18.6764 7.39298 18.6203 7.47782 18.549 7.54903C18.4778 7.62025 18.393 7.6764 18.2996 7.71412C18.2062 7.75184 18.1062 7.77036 18.0055 7.76859C17.9048 7.76681 17.8055 7.74477 17.7135 7.70378C17.6215 7.66279 17.5387 7.60368 17.47 7.53L16.75 6.81V17C16.75 17.1989 16.671 17.3897 16.5303 17.5303C16.3897 17.671 16.1989 17.75 16 17.75C15.8011 17.75 15.6103 17.671 15.4697 17.5303C15.329 17.3897 15.25 17.1989 15.25 17V6.81L14.53 7.53C14.3894 7.67045 14.1988 7.74934 14 7.74934Z" fill="#7F77DD"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-24-default.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.47 7.53C13.6106 7.67045 13.8013 7.74934 14 7.74934C14.1988 7.74934 14.3894 7.67045 14.53 7.53L15.25 6.81V17C15.25 17.1989 15.329 17.3897 15.4697 17.5303C15.6103 17.671 15.8011 17.75 16 17.75C16.1989 17.75 16.3897 17.671 16.5303 17.5303C16.671 17.3897 16.75 17.1989 16.75 17V6.81L17.47 7.53C17.5387 7.60368 17.6215 7.66279 17.7135 7.70378C17.8055 7.74477 17.9048 7.76681 18.0055 7.76859C18.1062 7.77036 18.2062 7.75184 18.2996 7.71412C18.393 7.6764 18.4778 7.62025 18.549 7.54903C18.6203 7.47782 18.6764 7.39298 18.7141 7.29959C18.7518 7.20621 18.7704 7.10618 18.7686 7.00547C18.7668 6.90477 18.7448 6.80546 18.7038 6.71346C18.6628 6.62146 18.6037 6.53866 18.53 6.47L16.53 4.47C16.3894 4.32955 16.1988 4.25066 16 4.25066C15.8013 4.25066 15.6106 4.32955 15.47 4.47L13.47 6.47C13.3296 6.61062 13.2507 6.80125 13.2507 7C13.2507 7.19875 13.3296 7.38937 13.47 7.53ZM8.75 17.19L9.47 16.47C9.53866 16.3963 9.62146 16.3372 9.71346 16.2962C9.80546 16.2552 9.90478 16.2332 10.0055 16.2314C10.1062 16.2296 10.2062 16.2482 10.2996 16.2859C10.393 16.3236 10.4778 16.3797 10.549 16.451C10.6203 16.5222 10.6764 16.607 10.7141 16.7004C10.7518 16.7938 10.7704 16.8938 10.7686 16.9945C10.7668 17.0952 10.7448 17.1945 10.7038 17.2865C10.6628 17.3785 10.6037 17.4613 10.53 17.53L8.53 19.53C8.38938 19.6704 8.19875 19.7493 8 19.7493C7.80125 19.7493 7.61063 19.6704 7.47 19.53L5.47 17.53C5.39631 17.4613 5.33721 17.3785 5.29622 17.2865C5.25523 17.1945 5.23319 17.0952 5.23141 16.9945C5.22963 16.8938 5.24816 16.7938 5.28588 16.7004C5.3236 16.607 5.37974 16.5222 5.45096 16.451C5.52218 16.3797 5.60701 16.3236 5.7004 16.2859C5.79379 16.2482 5.89382 16.2296 5.99452 16.2314C6.09523 16.2332 6.19454 16.2552 6.28654 16.2962C6.37854 16.3372 6.46134 16.3963 6.53 16.47L7.25 17.19V7C7.25 6.80108 7.32902 6.61032 7.46967 6.46967C7.61032 6.32901 7.80109 6.25 8 6.25C8.19891 6.25 8.38968 6.32901 8.53033 6.46967C8.67098 6.61032 8.75 6.80108 8.75 7V17.19Z" fill="currentColor"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-24-descend.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.25 6.81L14.53 7.53C14.4613 7.60368 14.3785 7.66279 14.2865 7.70378C14.1945 7.74477 14.0952 7.76681 13.9945 7.76859C13.8938 7.77036 13.7938 7.75184 13.7004 7.71412C13.607 7.6764 13.5222 7.62025 13.451 7.54903C13.3797 7.47782 13.3236 7.39298 13.2859 7.29959C13.2482 7.2062 13.2296 7.10618 13.2314 7.00547C13.2332 6.90477 13.2552 6.80546 13.2962 6.71346C13.3372 6.62146 13.3963 6.53866 13.47 6.47L15.47 4.47C15.6106 4.32955 15.8012 4.25066 16 4.25066C16.1987 4.25066 16.3894 4.32955 16.53 4.47L18.53 6.47C18.6037 6.53866 18.6628 6.62146 18.7038 6.71346C18.7448 6.80546 18.7668 6.90477 18.7686 7.00547C18.7704 7.10618 18.7518 7.2062 18.7141 7.29959C18.6764 7.39298 18.6203 7.47782 18.549 7.54903C18.4778 7.62025 18.393 7.6764 18.2996 7.71412C18.2062 7.75184 18.1062 7.77036 18.0055 7.76859C17.9048 7.76681 17.8055 7.74477 17.7135 7.70378C17.6215 7.66279 17.5387 7.60368 17.47 7.53L16.75 6.81V17C16.75 17.1989 16.671 17.3897 16.5303 17.5303C16.3897 17.671 16.1989 17.75 16 17.75C15.8011 17.75 15.6103 17.671 15.4697 17.5303C15.329 17.3897 15.25 17.1989 15.25 17L15.25 6.81Z" fill="currentColor"/>
+<path d="M10 16.2507C10.1988 16.2507 10.3894 16.3295 10.53 16.47C10.6705 16.6106 10.7493 16.8012 10.7493 17C10.7493 17.1988 10.6705 17.3894 10.53 17.53L8.53 19.53C8.38937 19.6705 8.19875 19.7493 8 19.7493C7.80125 19.7493 7.61062 19.6705 7.47 19.53L5.47 17.53C5.39631 17.4613 5.33721 17.3785 5.29622 17.2865C5.25523 17.1945 5.23319 17.0952 5.23141 16.9945C5.22963 16.8938 5.24816 16.7938 5.28588 16.7004C5.3236 16.607 5.37974 16.5222 5.45096 16.451C5.52218 16.3797 5.60702 16.3236 5.7004 16.2859C5.79379 16.2482 5.89382 16.2296 5.99452 16.2314C6.09522 16.2332 6.19454 16.2552 6.28654 16.2962C6.37854 16.3372 6.46134 16.3963 6.53 16.47L7.25 17.19L7.25 7C7.25 6.80109 7.32902 6.61032 7.46967 6.46967C7.61032 6.32902 7.80109 6.25 8 6.25C8.19891 6.25 8.38968 6.32902 8.53033 6.46967C8.67098 6.61032 8.75 6.80109 8.75 7L8.75 17.19L9.47 16.47C9.61063 16.3295 9.80125 16.2507 10 16.2507Z" fill="#7F77DD"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-32-ascend.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6667 22.92L12.6267 21.96C12.7182 21.8618 12.8286 21.783 12.9513 21.7283C13.0739 21.6736 13.2064 21.6443 13.3406 21.6419C13.4749 21.6395 13.6083 21.6642 13.7328 21.7145C13.8573 21.7648 13.9704 21.8397 14.0654 21.9346C14.1603 22.0296 14.2352 22.1427 14.2855 22.2672C14.3358 22.3917 14.3605 22.5251 14.3581 22.6594C14.3558 22.7936 14.3264 22.9261 14.2717 23.0487C14.2171 23.1714 14.1382 23.2818 14.04 23.3733L11.3733 26.04C11.1858 26.2273 10.9317 26.3325 10.6667 26.3325C10.4017 26.3325 10.1475 26.2273 9.96 26.04L7.29333 23.3733C7.19508 23.2818 7.11628 23.1714 7.06163 23.0487C7.00697 22.9261 6.97758 22.7936 6.97521 22.6594C6.97284 22.5251 6.99754 22.3917 7.04784 22.2672C7.09813 22.1427 7.17299 22.0296 7.26795 21.9346C7.36291 21.8397 7.47602 21.7648 7.60054 21.7145C7.72505 21.6642 7.85843 21.6395 7.9927 21.6419C8.12697 21.6443 8.25938 21.6736 8.38205 21.7283C8.50472 21.783 8.61512 21.8618 8.70667 21.96L9.66667 22.92V9.33334C9.66667 9.06812 9.77202 8.81377 9.95956 8.62623C10.1471 8.43869 10.4015 8.33334 10.6667 8.33334C10.9319 8.33334 11.1862 8.43869 11.3738 8.62623C11.5613 8.81377 11.6667 9.06812 11.6667 9.33334V22.92Z" fill="currentColor"/>
+<path d="M18.6667 10.3324C18.4017 10.3324 18.1475 10.2273 17.96 10.04C17.7727 9.85249 17.6675 9.59833 17.6675 9.33333C17.6675 9.06833 17.7727 8.81416 17.96 8.62666L20.6267 5.95999C20.8142 5.77273 21.0683 5.66754 21.3333 5.66754C21.5983 5.66754 21.8525 5.77273 22.04 5.95999L24.7067 8.62666C24.8049 8.71821 24.8837 8.82861 24.9384 8.95128C24.993 9.07394 25.0224 9.20636 25.0248 9.34063C25.0272 9.4749 25.0025 9.60827 24.9522 9.73279C24.9019 9.85731 24.827 9.97042 24.7321 10.0654C24.6371 10.1603 24.524 10.2352 24.3995 10.2855C24.2749 10.3358 24.1416 10.3605 24.0073 10.3581C23.873 10.3557 23.7406 10.3264 23.6179 10.2717C23.4953 10.217 23.3849 10.1382 23.2933 10.04L22.3333 9.07999V22.6667C22.3333 22.9319 22.228 23.1862 22.0404 23.3738C21.8529 23.5613 21.5986 23.6667 21.3333 23.6667C21.0681 23.6667 20.8138 23.5613 20.6262 23.3738C20.4387 23.1862 20.3333 22.9319 20.3333 22.6667V9.07999L19.3733 10.04C19.1858 10.2273 18.9317 10.3324 18.6667 10.3324Z" fill="#7F77DD"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-32-default.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.96 10.04C18.1475 10.2273 18.4017 10.3324 18.6667 10.3324C18.9317 10.3324 19.1858 10.2273 19.3733 10.04L20.3333 9.07999V22.6667C20.3333 22.9319 20.4387 23.1862 20.6262 23.3738C20.8138 23.5613 21.0681 23.6667 21.3333 23.6667C21.5985 23.6667 21.8529 23.5613 22.0404 23.3738C22.228 23.1862 22.3333 22.9319 22.3333 22.6667V9.07999L23.2933 10.04C23.3849 10.1382 23.4953 10.217 23.6179 10.2717C23.7406 10.3264 23.873 10.3557 24.0073 10.3581C24.1416 10.3605 24.2749 10.3358 24.3995 10.2855C24.524 10.2352 24.6371 10.1603 24.732 10.0654C24.827 9.97042 24.9019 9.85731 24.9522 9.73279C25.0025 9.60827 25.0272 9.4749 25.0248 9.34063C25.0224 9.20636 24.993 9.07394 24.9384 8.95128C24.8837 8.82861 24.8049 8.71821 24.7067 8.62666L22.04 5.95999C21.8525 5.77273 21.5983 5.66754 21.3333 5.66754C21.0683 5.66754 20.8142 5.77273 20.6267 5.95999L17.96 8.62666C17.7727 8.81416 17.6675 9.06833 17.6675 9.33333C17.6675 9.59833 17.7727 9.85249 17.96 10.04ZM11.6667 22.92L12.6267 21.96C12.7182 21.8617 12.8286 21.7829 12.9513 21.7283C13.0739 21.6736 13.2064 21.6442 13.3406 21.6419C13.4749 21.6395 13.6083 21.6642 13.7328 21.7145C13.8573 21.7648 13.9704 21.8397 14.0654 21.9346C14.1603 22.0296 14.2352 22.1427 14.2855 22.2672C14.3358 22.3917 14.3605 22.5251 14.3581 22.6594C14.3558 22.7936 14.3264 22.926 14.2717 23.0487C14.2171 23.1714 14.1382 23.2818 14.04 23.3733L11.3733 26.04C11.1858 26.2273 10.9317 26.3324 10.6667 26.3324C10.4017 26.3324 10.1475 26.2273 9.96 26.04L7.29333 23.3733C7.19508 23.2818 7.11628 23.1714 7.06163 23.0487C7.00697 22.926 6.97758 22.7936 6.97521 22.6594C6.97284 22.5251 6.99754 22.3917 7.04784 22.2672C7.09813 22.1427 7.17299 22.0296 7.26795 21.9346C7.36291 21.8397 7.47602 21.7648 7.60054 21.7145C7.72505 21.6642 7.85843 21.6395 7.9927 21.6419C8.12697 21.6442 8.25938 21.6736 8.38205 21.7283C8.50472 21.7829 8.61512 21.8617 8.70667 21.96L9.66667 22.92V9.33333C9.66667 9.06811 9.77202 8.81376 9.95956 8.62622C10.1471 8.43868 10.4014 8.33333 10.6667 8.33333C10.9319 8.33333 11.1862 8.43868 11.3738 8.62622C11.5613 8.81376 11.6667 9.06811 11.6667 9.33333V22.92Z" fill="currentColor"/>
+</svg>

package/src/components/Icons/sort/svgs/sort-32-descend.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3333 9.08L19.3733 10.04C19.2818 10.1382 19.1714 10.217 19.0487 10.2717C18.926 10.3264 18.7936 10.3557 18.6594 10.3581C18.5251 10.3605 18.3917 10.3358 18.2672 10.2855C18.1427 10.2352 18.0296 10.1603 17.9346 10.0654C17.8397 9.97042 17.7648 9.85731 17.7145 9.73279C17.6642 9.60828 17.6395 9.47491 17.6419 9.34063C17.6442 9.20636 17.6736 9.07394 17.7283 8.95128C17.7829 8.82861 17.8617 8.71821 17.96 8.62666L20.6267 5.96C20.8142 5.77273 21.0683 5.66754 21.3333 5.66754C21.5983 5.66754 21.8525 5.77273 22.04 5.96L24.7067 8.62666C24.8049 8.71821 24.8837 8.82861 24.9384 8.95128C24.993 9.07394 25.0224 9.20636 25.0248 9.34063C25.0272 9.47491 25.0025 9.60828 24.9522 9.73279C24.9019 9.85731 24.827 9.97042 24.732 10.0654C24.6371 10.1603 24.524 10.2352 24.3995 10.2855C24.2749 10.3358 24.1416 10.3605 24.0073 10.3581C23.873 10.3557 23.7406 10.3264 23.6179 10.2717C23.4953 10.217 23.3849 10.1382 23.2933 10.04L22.3333 9.08V22.6667C22.3333 22.9319 22.228 23.1862 22.0404 23.3738C21.8529 23.5613 21.5985 23.6667 21.3333 23.6667C21.0681 23.6667 20.8138 23.5613 20.6262 23.3738C20.4387 23.1862 20.3333 22.9319 20.3333 22.6667V9.08Z" fill="currentColor"/>
+<path d="M13.3333 21.6675C13.5983 21.6675 13.8525 21.7727 14.04 21.96C14.2273 22.1475 14.3325 22.4017 14.3325 22.6667C14.3325 22.9317 14.2273 23.1858 14.04 23.3733L11.3733 26.04C11.1858 26.2273 10.9317 26.3325 10.6667 26.3325C10.4017 26.3325 10.1475 26.2273 9.96 26.04L7.29333 23.3733C7.19508 23.2818 7.11628 23.1714 7.06162 23.0487C7.00697 22.926 6.97758 22.7936 6.97521 22.6594C6.97284 22.5251 6.99754 22.3917 7.04784 22.2672C7.09813 22.1427 7.17299 22.0296 7.26795 21.9346C7.36291 21.8397 7.47602 21.7648 7.60054 21.7145C7.72505 21.6642 7.85842 21.6395 7.9927 21.6419C8.12697 21.6442 8.25939 21.6736 8.38205 21.7283C8.50472 21.7829 8.61512 21.8617 8.70667 21.96L9.66667 22.92L9.66667 9.33333C9.66667 9.06811 9.77202 8.81376 9.95956 8.62622C10.1471 8.43869 10.4014 8.33333 10.6667 8.33333C10.9319 8.33333 11.1862 8.43869 11.3738 8.62622C11.5613 8.81376 11.6667 9.06811 11.6667 9.33333L11.6667 22.92L12.6267 21.96C12.8142 21.7727 13.0683 21.6675 13.3333 21.6675Z" fill="#7F77DD"/>
+</svg>

package/src/components/Icons/stats/stats.astro

@@ -0,0 +1,26 @@
+---
+import stats16 from './svgs/stats-16.svg?raw';
+import stats24 from './svgs/stats-24.svg?raw';
+import stats32 from './svgs/stats-32.svg?raw';
+
+export interface Props {
+  size:   16 | 24 | 32;
+  label?: string;
+  class?: string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16) raw = stats16;
+else if (size === 24) raw = stats24;
+else if (size === 32) raw = stats32;
+else                  raw = '';
+
+const classes = ['nds-icon-stats', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Icons/stats/svgs/stats-16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.96 5.30933C12.9093 5.18719 12.8122 5.09013 12.6901 5.03941C12.63 5.0138 12.5655 5.00021 12.5001 4.99942H10.0009C9.8683 4.99942 9.74116 5.05208 9.64742 5.14582C9.55368 5.23957 9.50101 5.36671 9.50101 5.49928C9.50101 5.63185 9.55368 5.75899 9.64742 5.85273C9.74116 5.94647 9.8683 5.99913 10.0009 5.99913H11.2955L8.5013 8.79332L6.85678 7.1438C6.81031 7.09695 6.75503 7.05976 6.69412 7.03438C6.6332 7.00901 6.56787 6.99594 6.50188 6.99594C6.4359 6.99594 6.37056 7.00901 6.30965 7.03438C6.24874 7.05976 6.19345 7.09695 6.14699 7.1438L3.14786 10.1429C3.10101 10.1894 3.06382 10.2447 3.03844 10.3056C3.01307 10.3665 3 10.4318 3 10.4978C3 10.5638 3.01307 10.6291 3.03844 10.6901C3.06382 10.751 3.10101 10.8063 3.14786 10.8527C3.19432 10.8996 3.24961 10.9368 3.31052 10.9621C3.37143 10.9875 3.43677 11.0006 3.50275 11.0006C3.56874 11.0006 3.63407 10.9875 3.69499 10.9621C3.7559 10.9368 3.81118 10.8996 3.85765 10.8527L6.50188 8.20349L8.14641 9.85301C8.19287 9.89986 8.24816 9.93705 8.30907 9.96243C8.36998 9.9878 8.43532 10.0009 8.5013 10.0009C8.56729 10.0009 8.63262 9.9878 8.69354 9.96243C8.75445 9.93705 8.80973 9.89986 8.8562 9.85301L12.0003 6.70393V7.99855C12.0003 8.13112 12.053 8.25826 12.1467 8.352C12.2404 8.44574 12.3676 8.49841 12.5001 8.49841C12.6327 8.49841 12.7599 8.44574 12.8536 8.352C12.9473 8.25826 13 8.13112 13 7.99855V5.49928C12.9992 5.43396 12.9856 5.36942 12.96 5.30933Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/stats/svgs/stats-24.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.928 7.15679C20.8367 6.93694 20.662 6.76223 20.4422 6.67093C20.334 6.62483 20.2178 6.60037 20.1003 6.59895H15.6016C15.3629 6.59895 15.1341 6.69375 14.9654 6.86248C14.7966 7.03121 14.7018 7.26007 14.7018 7.49869C14.7018 7.73732 14.7966 7.96617 14.9654 8.1349C15.1341 8.30364 15.3629 8.39843 15.6016 8.39843H17.9319L12.9023 13.428L9.94221 10.4588C9.85856 10.3745 9.75905 10.3076 9.64941 10.2619C9.53977 10.2162 9.42217 10.1927 9.30339 10.1927C9.18461 10.1927 9.06701 10.2162 8.95737 10.2619C8.84773 10.3076 8.74822 10.3745 8.66458 10.4588L3.26614 15.8573C3.18181 15.9409 3.11487 16.0404 3.0692 16.1501C3.02352 16.2597 3 16.3773 3 16.4961C3 16.6149 3.02352 16.7325 3.0692 16.8421C3.11487 16.9517 3.18181 17.0513 3.26614 17.1349C3.34978 17.2192 3.4493 17.2862 3.55894 17.3318C3.66858 17.3775 3.78618 17.401 3.90496 17.401C4.02373 17.401 4.14133 17.3775 4.25097 17.3318C4.36062 17.2862 4.46013 17.2192 4.54377 17.1349L9.30339 12.3663L12.2635 15.3354C12.3472 15.4198 12.4467 15.4867 12.5563 15.5324C12.666 15.578 12.7836 15.6016 12.9023 15.6016C13.0211 15.6016 13.1387 15.578 13.2484 15.5324C13.358 15.4867 13.4575 15.4198 13.5412 15.3354L19.2005 9.66706V11.9974C19.2005 12.236 19.2953 12.4649 19.464 12.6336C19.6328 12.8023 19.8616 12.8971 20.1003 12.8971C20.3389 12.8971 20.5677 12.8023 20.7365 12.6336C20.9052 12.4649 21 12.236 21 11.9974V7.49869C20.9986 7.38112 20.9741 7.26496 20.928 7.15679Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/stats/svgs/stats-32.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.896 9.00426C28.7642 8.6867 28.5118 8.43434 28.1942 8.30246C28.038 8.23587 27.8702 8.20055 27.7004 8.19849H21.2023C20.8576 8.19849 20.527 8.33542 20.2833 8.57915C20.0396 8.82287 19.9026 9.15344 19.9026 9.49812C19.9026 9.8428 20.0396 10.1734 20.2833 10.4171C20.527 10.6608 20.8576 10.7977 21.2023 10.7977H24.5683L17.3034 18.0626L13.0276 13.7739C12.9068 13.6521 12.7631 13.5554 12.6047 13.4894C12.4463 13.4234 12.2765 13.3895 12.1049 13.3895C11.9333 13.3895 11.7635 13.4234 11.6051 13.4894C11.4467 13.5554 11.303 13.6521 11.1822 13.7739L3.38443 21.5716C3.26261 21.6924 3.16593 21.8362 3.09995 21.9945C3.03397 22.1529 3 22.3228 3 22.4943C3 22.6659 3.03397 22.8358 3.09995 22.9942C3.16593 23.1525 3.26261 23.2963 3.38443 23.4171C3.50524 23.5389 3.64898 23.6356 3.80735 23.7016C3.96573 23.7675 4.13559 23.8015 4.30716 23.8015C4.47872 23.8015 4.64859 23.7675 4.80696 23.7016C4.96533 23.6356 5.10907 23.5389 5.22989 23.4171L12.1049 16.5291L16.3807 20.8178C16.5015 20.9396 16.6452 21.0363 16.8036 21.1023C16.962 21.1683 17.1318 21.2023 17.3034 21.2023C17.475 21.2023 17.6448 21.1683 17.8032 21.1023C17.9616 21.0363 18.1053 20.9396 18.2261 20.8178L26.4008 12.6302V15.9962C26.4008 16.3409 26.5377 16.6715 26.7814 16.9152C27.0251 17.1589 27.3557 17.2959 27.7004 17.2959C28.0451 17.2959 28.3756 17.1589 28.6194 16.9152C28.8631 16.6715 29 16.3409 29 15.9962V9.49812C28.9979 9.32829 28.9626 9.1605 28.896 9.00426Z" fill="#F4F2EF"/>
+</svg>

package/src/components/Icons/upload/svgs/upload-16.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6.66667V12.6667M6 8.66667L8 6.66667L10 8.66667M11.6667 10C12.6793 10 13.3333 9.17933 13.3333 8.16667C13.3333 7.76575 13.2018 7.37589 12.9591 7.05681C12.7164 6.73772 12.3757 6.50701 11.9893 6.4C11.9299 5.65231 11.62 4.94651 11.1098 4.39673C10.5996 3.84695 9.91885 3.48531 9.17767 3.37029C8.43649 3.25526 7.67817 3.39357 7.02533 3.76286C6.37248 4.13215 5.86326 4.71082 5.58 5.40533C4.98362 5.24002 4.34599 5.31838 3.80738 5.62319C3.26878 5.928 2.87332 6.43428 2.708 7.03067C2.54268 7.62705 2.62105 8.26468 2.92586 8.80328C3.23067 9.34189 3.73695 9.73735 4.33333 9.90267" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/Icons/upload/svgs/upload-24.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 10V19M9 13L12 10L15 13M17.5 15C19.019 15 20 13.769 20 12.25C19.9999 11.6486 19.8028 11.0638 19.4387 10.5852C19.0745 10.1066 18.5636 9.76051 17.984 9.6C17.8948 8.47846 17.43 7.41977 16.6647 6.59509C15.8994 5.77042 14.8783 5.22796 13.7665 5.05543C12.6547 4.88289 11.5173 5.09036 10.538 5.64429C9.55872 6.19822 8.79489 7.06624 8.37 8.108C7.47543 7.86002 6.51898 7.97757 5.71107 8.43478C4.90317 8.892 4.30998 9.65143 4.062 10.546C3.81402 11.4406 3.93157 12.397 4.38878 13.2049C4.846 14.0128 5.60543 14.606 6.5 14.854" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/Icons/upload/svgs/upload-32.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 13.3333V25.3333M12 17.3333L16 13.3333L20 17.3333M23.3333 20C25.3587 20 26.6667 18.3587 26.6667 16.3333C26.6666 15.5315 26.4037 14.7518 25.9182 14.1136C25.4327 13.4754 24.7514 13.014 23.9787 12.8C23.8598 11.3046 23.24 9.89302 22.2196 8.79346C21.1992 7.69389 19.8377 6.97062 18.3553 6.74057C16.873 6.51052 15.3563 6.78714 14.0507 7.52572C12.745 8.26429 11.7265 9.42165 11.16 10.8107C9.96723 10.48 8.69197 10.6368 7.61477 11.2464C6.53756 11.856 5.74664 12.8686 5.416 14.0613C5.08536 15.2541 5.24209 16.5294 5.85171 17.6066C6.46133 18.6838 7.4739 19.4747 8.66667 19.8053" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/Icons/upload/upload.astro

@@ -0,0 +1,27 @@
+---
+import upload16  from './svgs/upload-16.svg?raw';
+import upload24  from './svgs/upload-24.svg?raw';
+import upload32  from './svgs/upload-32.svg?raw';
+
+export interface Props {
+  size:        16 | 24 | 32;
+  label?:       string;
+  class?:       string;
+}
+
+const { size = 24, label, class: className } = Astro.props;
+
+let raw: string;
+if      (size === 16 )  raw = upload16;
+else if (size === 24 )  raw = upload24;
+else if (size === 32 )  raw = upload32;
+else                   raw = ''; // Fallback to a blank string if no match is found, though this should not happen due to the type constraints on size.
+
+
+const classes = ['nds-icon-upload', className].filter(Boolean).join(' ');
+const svg = raw
+  .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
+  .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
+---
+
+<Fragment set:html={svg} />

package/src/components/Link/_link.scss

@@ -0,0 +1,30 @@
+@use '../../styles/tokens/typography' as *;
+
+.link { 
+  text-decoration: none;
+  color: var(--nds-primary);
+  @include text-base;
+    &:hover {
+        color: var(--nds-text);
+        opacity: 0.25;
+    }
+    &:active {
+        color: var(--nds-text);
+        opacity: 0.25;
+    }
+  &__container {
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-bottom: var(--nds-border-width-medium) dashed var(--nds-secondary);
+    &:hover {
+      background-color: var(--nds-secondary);
+      border-bottom: var(--nds-border-width-medium) dashed var(--nds-accent);
+    }
+    &:active {
+      background-color: var(--nds-primary);
+      border-bottom: var(--nds-border-width-medium) dashed var(--nds-secondary);
+    }
+  }
+}

package/src/components/Link/link.astro

@@ -0,0 +1,16 @@
+---
+export interface Props {
+  url:        string;
+  blank?:      boolean;
+}
+const { url, blank } = Astro.props;
+---
+<div class='link__container'>
+  <a href={url} class='link' { ...(blank && { target: '_blank', rel: 'noopener noreferrer' }) }>
+    <slot/>
+  </a>
+</div>
+
+<style lang="scss">
+@use './link';
+</style>

package/src/components/ListItem/_listItem.scss

@@ -0,0 +1,21 @@
+@use '../../styles/tokens/typography' as *;
+
+.list-item {
+  width: 350px;
+  display: flex;
+  align-items: center;
+  gap: var(--nds-spacing-md);
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: var(--nds-spacing-md);
+  }
+
+  &__subTitle {
+    @include text-base;
+  }
+
+  &__title {
+    @include text-xl;
+  }
+}

package/src/components/ListItem/listItem.astro

@@ -0,0 +1,15 @@
+---
+import Arrow2 from "../Icons/Arrow2/Arrow2.astro"
+---
+<div class='list-item'>
+  <div class='list-item__content'>
+    <slot/>
+  </div>
+  <Arrow2 
+  size={24}
+  orientation='right' />
+</div>
+
+<style lang="scss">
+@use './listItem';
+</style>

package/src/components/ListItem/listItemSubtitle.astro

@@ -0,0 +1,7 @@
+<div class='list-item__subTitle'>
+    <slot/>
+</div>
+
+<style lang="scss">
+@use './listItem';
+</style>

package/src/components/ListItem/listItemTitle.astro

@@ -0,0 +1,7 @@
+<div class='list-item__title'>
+    <slot/>
+</div>
+
+<style lang="scss">
+@use './listItem';
+</style>

package/src/components/Notifications/_notification.scss

@@ -0,0 +1,61 @@
+@use '../../styles/tokens/typography' as *;
+
+.notification {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--nds-spacing-sm) var(--nds-spacing-xs) ;
+  border-radius: var(--nds-radius-md);
+  @include text-sm;
+  &__error {
+    background-color: var(--nds-error-low);
+    &__close {
+      background: transparent;
+      border: none;
+      color: var(--nds-error-medium);
+      cursor: pointer;
+    }
+    &__content {
+      color: var(--nds-error-high);
+    }
+  }
+  
+  &__success {
+    background-color: var(--nds-success-low);
+    &__close {
+      background: transparent;
+      border: none;
+      color: var(--nds-success-medium);
+      cursor: pointer;
+    }
+    &__content {
+      color: var(--nds-success-high);
+    }
+  }
+  
+  &__warning {
+    background-color: var(--nds-warning-low);
+    &__close {
+      background: transparent;
+      border: none;
+      color: var(--nds-warning-medium);
+      cursor: pointer;
+    }
+    &__content {
+      color: var(--nds-warning-high);
+    }
+  }
+  
+  &__info {
+    background-color: var(--nds-info-low);
+    &__close {
+      background: transparent;
+      border: none;
+      color: var(--nds-info-medium);
+      cursor: pointer;
+    }
+    &__content {
+      color: var(--nds-info-high);
+    }
+  }
+}