feat: add Close icon with multiple sizes (16, 24, 32) and update index export

src/components/Icons/close/close.astro

@@ -0,0 +1,27 @@
+---
+import close16  from './svgs/close-16.svg?raw';
+import close24  from './svgs/close-24.svg?raw';
+import close32  from './svgs/close-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 = close16;
+else if (size === 24 )  raw = close24;
+else if (size === 32 )  raw = close32;
+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-close', 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} />

src/components/Icons/close/svgs/close-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="M13 3L3 13M13 13L3 3" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/components/Icons/close/svgs/close-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="M21 3L3 21M21 21L3 3" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/components/Icons/close/svgs/close-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="M29 3L3 29M29 29L3 3" stroke="#F4F2EF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>