@solid-design-system/components 5.15.6 → 5.15.7

package/cdn/custom-elements.json

@@ -8205,7 +8205,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ calendar: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM6 4v1.667a1 1 0 0 0 2 0V4h8v1.667a1 1 0 0 0 2 0V4h2v4H4V4h2ZM4 20V10h16v10H4Z\"/> <path d=\"m7.603 13.263.597.81.31-.25c.31-.25.593-.49.733-.63h.017c-.017.333-.033 1.14-.033 1.647V18h1.223v-6.03H9.353l-1.75 1.293ZM14.667 11.867c-1.543 0-2.26 1-2.26 3.163 0 1.9.667 3.063 2.217 3.063s2.193-1.18 2.193-3.13c-.017-2.063-.743-3.097-2.15-3.097v.001Zm-.044 5.333c-.647 0-1-.76-1-2.28 0-1.44.353-2.173 1-2.173s1 .743 1 2.233c0 1.49-.387 2.227-1.017 2.227l.017-.007Z\"/> </svg> `, 'chevron-down': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path> </svg> `, 'chevron-up': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path> </svg> `, 'chevron-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z\"/></svg>`, 'chevron-left': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M17.743 2.333a.997.997 0 0 0-1.41-.076l.001-.001-10 9a.997.997 0 0 0 0 1.486v.001l10 9a1 1 0 0 0 1.333-1.487l-9.173-8.257 9.173-8.257a.997.997 0 0 0 .076-1.41l.001.001Z\"/> </svg> `, clock: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 11.587V8a1 1 0 0 0-2 0v4c0 .07.007.138.021.203l-.001-.006a.855.855 0 0 0 .029.093l-.002-.006c0 .033 0 .067.03.1a.709.709 0 0 0 .055.103l-.002-.003.037.07c.04.057.081.107.127.153l2.827 2.83a1.002 1.002 0 0 0 1.417-1.417L13 11.587Z\"/> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> </svg> `, close: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z\"/></svg> </svg> `, 'closing-round': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path d=\"M16.373 7.627a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L13.413 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/> </svg>`, eye: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> </svg> `, 'eye-crossed-out': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M3 22a1 1 0 0 1-.707-1.707l18-18a1 1 0 0 1 1.414 1.414l-18 18A.991.991 0 0 1 3 22Z\"/> </svg> `, 'info-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/><path d=\"M13.333 7.833a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3.001.001ZM13 11.667a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.667h2v-3.667Z\"/><path d=\"M11 16.333v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1Zm3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2Z\"/><path d=\"M13 16.333v-1h-2v1a1 1 0 0 0 2 0Z\"/></svg>`, 'status-check': ` <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 13\"> <path fill=\"currentColor\" d=\"m9.947 1.138-.005.008-.001.003-5.56 8.34-2.434-2.447-.004-.004a.648.648 0 0 0-1.093.475c0 .172.066.328.175.444l.003.004 3 2.999c.117.117.28.19.46.19h.065c.2-.021.37-.13.475-.286l.005-.008.001-.002 5.994-8.992a.65.65 0 0 0-.18-.902l-.007-.005-.002-.002a.65.65 0 0 0-.892.185Z\"/> </svg> `, 'status-minus': ` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"> <path d=\"M10 5.375H2C1.65496 5.375 1.375 5.65496 1.375 6C1.375 6.34504 1.65496 6.625 2 6.625H10C10.345 6.625 10.625 6.34504 10.625 6C10.625 5.65496 10.345 5.375 10 5.375Z\" fill=\"currentColor\"/> </svg> `, pause: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z\"/> </svg> `, risk: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.893 2.553a1.002 1.002 0 0 0-1.784-.006L2.106 20.553A1 1 0 0 0 3 22h18a1 1 0 0 0 .891-1.452l.003.006-9.001-18.001ZM4.617 20 12 5.237 19.383 20H4.617Z\"/> <path d=\"M11 10.667V15a1 1 0 0 0 2 0v-4.333a1 1 0 0 0-2 0ZM13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"/> </svg> `, start: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"> <path d=\"m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z\"/> </svg> `, 'confirm-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/><path d=\"M15.843 7.473a.999.999 0 0 0-1.367.329l-.002.004-3.667 6.223-1.757-1.753a1 1 0 0 0-1.413 1.414l-.001-.001 2.667 2.667a.997.997 0 0 0 .695.31h.128c.314-.042.578-.223.731-.479l.003-.005 4.333-7.333a1 1 0 0 0-.345-1.374l-.005-.003v.001Z\"/></svg>`, warning: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12.893 2.55295C12.725 2.22395 12.388 2.00195 12 2.00195C11.612 2.00195 11.275 2.22295 11.109 2.54695L2.10598 20.553C2.03998 20.683 2.00098 20.837 2.00098 21C2.00098 21.552 2.44798 21.999 2.99998 22H21C21.552 21.999 21.999 21.552 21.999 21C21.999 20.837 21.96 20.683 21.891 20.548L21.894 20.554L12.893 2.55295ZM4.61698 20L12 5.23695L19.383 20H4.61698Z\"/><path d=\"M11 10.667V15C11 15.552 11.448 16 12 16C12.552 16 13 15.552 13 15V10.667C13 10.115 12.552 9.66695 12 9.66695C11.448 9.66695 11 10.115 11 10.667Z\"/><path d=\"M13 18C13 18.552 12.552 19 12 19C11.448 19 11 18.552 11 18C11 17.448 11.448 17 12 17C12.552 17 13 17.448 13 18Z\"/></svg>`, 'exclamation-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z\"/><path d=\"M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z\"/><path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z\"/></svg>`, 'magnifying-glass': ` <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M21.707 20.293l-6.967-6.96c-0.046-0.046-0.096-0.087-0.15-0.124l-0.004-0.002c0.882-1.162 1.413-2.632 1.413-4.227 0-3.881-3.146-7.027-7.027-7.027s-7.027 3.146-7.027 7.027c0 3.881 3.146 7.027 7.027 7.027 1.594 0 3.065-0.531 4.244-1.426l-0.017 0.013c0.039 0.057 0.081 0.107 0.127 0.153l6.967 6.967c0.181 0.181 0.431 0.292 0.707 0.292s0.526-0.112 0.707-0.292v0c0.183-0.181 0.296-0.432 0.296-0.71s-0.113-0.529-0.296-0.71l-0-0zM9 14c-2.761 0-5-2.239-5-5s2.239-5 5-5c2.761 0 5 2.239 5 5v0c0 2.761-2.239 5-5 5v0z\"></path></svg>`, transcript: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M19 22H5a1 1 0 0 1-1-1V3c0-.6.4-1 1-1h9c.3 0 .5.1.7.3l5 5c.2.2.3.4.3.7v13c0 .6-.4 1-1 1ZM6 20h12V8.4L13.6 4H6v16Z\"/> <path fill=\"currentColor\" d=\"M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2Zm-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z\"/> </svg>`, mute: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm12.374-8.96a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L18.747 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/></svg>`, volume: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z\"/><path d=\"M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z\"/></svg>`, reload: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path d=\"M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z\"/></svg>` }"
+          "default": "{ calendar: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM6 4v1.667a1 1 0 0 0 2 0V4h8v1.667a1 1 0 0 0 2 0V4h2v4H4V4h2ZM4 20V10h16v10H4Z\"/> <path d=\"m7.603 13.263.597.81.31-.25c.31-.25.593-.49.733-.63h.017c-.017.333-.033 1.14-.033 1.647V18h1.223v-6.03H9.353l-1.75 1.293ZM14.667 11.867c-1.543 0-2.26 1-2.26 3.163 0 1.9.667 3.063 2.217 3.063s2.193-1.18 2.193-3.13c-.017-2.063-.743-3.097-2.15-3.097v.001Zm-.044 5.333c-.647 0-1-.76-1-2.28 0-1.44.353-2.173 1-2.173s1 .743 1 2.233c0 1.49-.387 2.227-1.017 2.227l.017-.007Z\"/> </svg> `, 'chevron-down': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path> </svg> `, 'chevron-up': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path> </svg> `, 'chevron-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z\"/></svg>`, 'chevron-left': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M17.743 2.333a.997.997 0 0 0-1.41-.076l.001-.001-10 9a.997.997 0 0 0 0 1.486v.001l10 9a1 1 0 0 0 1.333-1.487l-9.173-8.257 9.173-8.257a.997.997 0 0 0 .076-1.41l.001.001Z\"/> </svg> `, clock: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 11.587V8a1 1 0 0 0-2 0v4c0 .07.007.138.021.203l-.001-.006a.855.855 0 0 0 .029.093l-.002-.006c0 .033 0 .067.03.1a.709.709 0 0 0 .055.103l-.002-.003.037.07c.04.057.081.107.127.153l2.827 2.83a1.002 1.002 0 0 0 1.417-1.417L13 11.587Z\"/> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> </svg> `, close: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z\"/></svg> </svg> `, 'closing-round': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path d=\"M16.373 7.627a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L13.413 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/> </svg>`, eye: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> </svg> `, 'eye-crossed-out': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M3 22a1 1 0 0 1-.707-1.707l18-18a1 1 0 0 1 1.414 1.414l-18 18A.991.991 0 0 1 3 22Z\"/> </svg> `, 'info-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/><path d=\"M13.333 7.833a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3.001.001ZM13 11.667a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.667h2v-3.667Z\"/><path d=\"M11 16.333v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1Zm3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2Z\"/><path d=\"M13 16.333v-1h-2v1a1 1 0 0 0 2 0Z\"/></svg>`, 'status-check': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 13\"> <path fill=\"currentColor\" d=\"m9.947 1.138-.005.008-.001.003-5.56 8.34-2.434-2.447-.004-.004a.648.648 0 0 0-1.093.475c0 .172.066.328.175.444l.003.004 3 2.999c.117.117.28.19.46.19h.065c.2-.021.37-.13.475-.286l.005-.008.001-.002 5.994-8.992a.65.65 0 0 0-.18-.902l-.007-.005-.002-.002a.65.65 0 0 0-.892.185Z\"/> </svg> `, 'status-minus': ` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"> <path d=\"M10 5.375H2C1.65496 5.375 1.375 5.65496 1.375 6C1.375 6.34504 1.65496 6.625 2 6.625H10C10.345 6.625 10.625 6.34504 10.625 6C10.625 5.65496 10.345 5.375 10 5.375Z\" fill=\"currentColor\"/> </svg> `, pause: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z\"/> </svg> `, risk: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.893 2.553a1.002 1.002 0 0 0-1.784-.006L2.106 20.553A1 1 0 0 0 3 22h18a1 1 0 0 0 .891-1.452l.003.006-9.001-18.001ZM4.617 20 12 5.237 19.383 20H4.617Z\"/> <path d=\"M11 10.667V15a1 1 0 0 0 2 0v-4.333a1 1 0 0 0-2 0ZM13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"/> </svg> `, start: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"> <path d=\"m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z\"/> </svg> `, 'confirm-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path fill=\"currentColor\" d=\"M15.8 7.5a1 1 0 0 0-1.4.3L10.9 14 9 12.3a1 1 0 0 0-1.6.7c0 .3 0 .5.2.7l2.7 2.7c.2.1.4.3.7.3h.1c.3 0 .6-.3.8-.5l4.3-7.4.1-.5a1 1 0 0 0-.5-.8Z\"/> </svg>`, warning: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12.893 2.55295C12.725 2.22395 12.388 2.00195 12 2.00195C11.612 2.00195 11.275 2.22295 11.109 2.54695L2.10598 20.553C2.03998 20.683 2.00098 20.837 2.00098 21C2.00098 21.552 2.44798 21.999 2.99998 22H21C21.552 21.999 21.999 21.552 21.999 21C21.999 20.837 21.96 20.683 21.891 20.548L21.894 20.554L12.893 2.55295ZM4.61698 20L12 5.23695L19.383 20H4.61698Z\"/><path d=\"M11 10.667V15C11 15.552 11.448 16 12 16C12.552 16 13 15.552 13 15V10.667C13 10.115 12.552 9.66695 12 9.66695C11.448 9.66695 11 10.115 11 10.667Z\"/><path d=\"M13 18C13 18.552 12.552 19 12 19C11.448 19 11 18.552 11 18C11 17.448 11.448 17 12 17C12.552 17 13 17.448 13 18Z\"/></svg>`, 'exclamation-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z\"/><path d=\"M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z\"/><path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z\"/></svg>`, 'magnifying-glass': ` <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M21.707 20.293l-6.967-6.96c-0.046-0.046-0.096-0.087-0.15-0.124l-0.004-0.002c0.882-1.162 1.413-2.632 1.413-4.227 0-3.881-3.146-7.027-7.027-7.027s-7.027 3.146-7.027 7.027c0 3.881 3.146 7.027 7.027 7.027 1.594 0 3.065-0.531 4.244-1.426l-0.017 0.013c0.039 0.057 0.081 0.107 0.127 0.153l6.967 6.967c0.181 0.181 0.431 0.292 0.707 0.292s0.526-0.112 0.707-0.292v0c0.183-0.181 0.296-0.432 0.296-0.71s-0.113-0.529-0.296-0.71l-0-0zM9 14c-2.761 0-5-2.239-5-5s2.239-5 5-5c2.761 0 5 2.239 5 5v0c0 2.761-2.239 5-5 5v0z\"></path></svg>`, transcript: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M19 22H5a1 1 0 0 1-1-1V3c0-.6.4-1 1-1h9c.3 0 .5.1.7.3l5 5c.2.2.3.4.3.7v13c0 .6-.4 1-1 1ZM6 20h12V8.4L13.6 4H6v16Z\"/> <path fill=\"currentColor\" d=\"M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2Zm-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z\"/> </svg>`, mute: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm12.374-8.96a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L18.747 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/></svg>`, volume: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z\"/><path d=\"M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z\"/></svg>`, reload: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path d=\"M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z\"/></svg>` }"
         },
         {
           "kind": "variable",
@@ -8687,1150 +8687,925 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/input/input.js",
+      "path": "components/link/link.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SdInput",
+          "name": "SdLink",
           "cssParts": [
-            {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The input's wrapper.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
             {
               "description": "The component's base wrapper.",
               "name": "base"
             },
             {
-              "description": "The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.",
-              "name": "border"
-            },
-            {
-              "description": "The internal `<input>` control.",
-              "name": "input"
-            },
-            {
-              "description": "The container that wraps the left.",
-              "name": "left"
-            },
-            {
-              "description": "The clear button.",
-              "name": "clear-button"
-            },
-            {
-              "description": "The password toggle button.",
-              "name": "password-toggle-button"
-            },
-            {
-              "description": "The container that wraps the right.",
-              "name": "right"
-            },
-            {
-              "description": "The invalid icon.",
-              "name": "invalid-icon"
+              "description": "The container that wraps the left icon area.",
+              "name": "icon-left"
             },
             {
-              "description": "The valid icon.",
-              "name": "valid-icon"
+              "description": "The link's label.",
+              "name": "label"
             },
             {
-              "description": "The invalid message.",
-              "name": "invalid-message"
+              "description": "The container that wraps the right icon area.",
+              "name": "icon-right"
             }
           ],
           "slots": [
             {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Used to prepend a presentational icon or similar element to the input.",
-              "name": "left"
-            },
-            {
-              "description": "Used to append a presentational icon or similar element to the input.",
-              "name": "right"
-            },
-            {
-              "description": "An icon to use in lieu of the default clear icon.",
-              "name": "clear-icon"
-            },
-            {
-              "description": "An icon to use in lieu of the default show password icon.",
-              "name": "show-password-icon"
-            },
-            {
-              "description": "An icon to use in lieu of the default hide password icon.",
-              "name": "hide-password-icon"
+              "description": "The default slot.",
+              "name": ""
             },
             {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
+              "description": "The icon to display on the left side of the link.",
+              "name": "icon-left"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.",
-              "name": "tooltip"
+              "description": "The icon to display on the right side of the link.",
+              "name": "icon-right"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "type",
+              "name": "standalone",
               "type": {
-                "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
+                "text": "boolean"
               },
-              "default": "'text'",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "attribute": "type",
+              "default": "false",
+              "description": "Control the layout of icon and text within the component and the component's positioning.",
+              "attribute": "standalone",
               "reflects": true
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'lg' | 'md' | 'sm'"
+                "text": "'inherit' | 'lg' | 'sm'"
               },
-              "default": "'lg'",
-              "description": "The input's size.",
+              "default": "'inherit'",
+              "description": "The link's size.",
               "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "inputmode",
-              "type": {
-                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
-              },
-              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "attribute": "inputmode",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text to show as a hint when the input is empty.",
-              "attribute": "placeholder",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "inverted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label",
+              "default": "false",
+              "description": "Inverts the link.",
+              "attribute": "inverted",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text",
+              "description": "When not set, the link will render as disabled.",
+              "attribute": "href",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "clearable",
+              "name": "visuallyDisabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable",
+              "description": "Styles the link as if it was disabled and enables aria-disabled",
+              "attribute": "visually-disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "target",
               "type": {
-                "text": "boolean"
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
-              "default": "false",
-              "description": "Disables the input.",
-              "attribute": "disabled",
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "attribute": "target",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "visuallyDisabled",
+              "name": "download",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Styles the input as if it was disabled and enables aria-disabled",
-              "attribute": "visually-disabled",
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "attribute": "download",
               "reflects": true
             },
             {
-              "kind": "field",
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the input readonly.",
-              "attribute": "readonly",
-              "reflects": true
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the button."
             },
             {
-              "kind": "field",
-              "name": "passwordToggle",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-              "attribute": "password-toggle",
-              "reflects": true
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the button."
             },
             {
               "kind": "field",
-              "name": "passwordVisible",
+              "name": "dir",
               "type": {
-                "text": "boolean"
+                "text": "'ltr' | 'rtl' | 'auto'"
               },
-              "default": "false",
-              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "attribute": "password-visible",
-              "reflects": true
+              "description": "The element's directionality.",
+              "attribute": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "spinButtons",
+              "name": "lang",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs and displays custom buttons.",
-              "attribute": "spin-buttons",
-              "reflects": true
+              "description": "The element's language.",
+              "attribute": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength",
-              "reflects": true
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "maxlength",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
               },
-              "description": "The maximum length of input that will be considered valid.",
-              "attribute": "maxlength",
-              "reflects": true
-            },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "attribute": "min",
-              "reflects": true
+              "description": "Emitted when the link loses focus.",
+              "name": "sd-blur"
             },
             {
-              "kind": "field",
-              "name": "max",
+              "description": "Emitted when the link gains focus.",
+              "name": "sd-focus"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "standalone",
               "type": {
-                "text": "number | string"
+                "text": "boolean"
               },
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "attribute": "max",
-              "reflects": true
+              "default": "false",
+              "description": "Control the layout of icon and text within the component and the component's positioning.",
+              "fieldName": "standalone"
             },
             {
-              "kind": "field",
-              "name": "form",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'inherit' | 'lg' | 'sm'"
               },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
+              "default": "'inherit'",
+              "description": "The link's size.",
+              "fieldName": "size"
             },
             {
-              "kind": "field",
-              "name": "name",
+              "name": "inverted",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The name of the input, submitted as a name/value pair with form data.",
-              "attribute": "name",
-              "reflects": true
+              "default": "false",
+              "description": "Inverts the link.",
+              "fieldName": "inverted"
             },
             {
-              "kind": "field",
-              "name": "title",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The `title` attribute specifies extra information about an element most often as a default browser tooltip text when the mouse moves over the element.",
-              "attribute": "title",
-              "reflects": true
+              "description": "When not set, the link will render as disabled.",
+              "fieldName": "href"
             },
             {
-              "kind": "field",
-              "name": "required",
+              "name": "visually-disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the input a required field.",
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "A regular expression pattern to validate input against.",
-              "attribute": "pattern"
+              "description": "Styles the link as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
             },
             {
-              "kind": "field",
-              "name": "step",
+              "name": "target",
               "type": {
-                "text": "number | 'any'"
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
               },
-              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "attribute": "step",
-              "reflects": true
+              "description": "Tells the browser where to open the link. Only used when `href` is present.",
+              "fieldName": "target"
             },
             {
-              "kind": "field",
-              "name": "autocapitalize",
+              "name": "download",
               "type": {
-                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+                "text": "string | undefined"
               },
-              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "attribute": "autocapitalize",
-              "reflects": true
+              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
+              "fieldName": "download"
             },
             {
-              "kind": "field",
-              "name": "autocorrect",
+              "name": "dir",
               "type": {
-                "text": "'off' | 'on'"
+                "text": "'ltr' | 'rtl' | 'auto'"
               },
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect",
-              "reflects": true
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
             },
             {
-              "kind": "field",
-              "name": "autocomplete",
+              "name": "lang",
               "type": {
                 "text": "string"
               },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "enterkeyhint",
-              "type": {
-                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
-              },
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "styleOnValid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows success styles if the validity of the input is valid.",
-              "attribute": "style-on-valid",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enables spell checking on the input.",
-              "attribute": "spellcheck"
-            },
-            {
-              "kind": "field",
-              "name": "valueAsDate",
-              "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted."
-            },
-            {
-              "kind": "field",
-              "name": "valueAsNumber",
-              "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted."
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the input."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
-            },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element"
+          },
+          "summary": "A link component.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/link",
+          "status": "stable",
+          "since": "1.0.0",
+          "tagName": "sd-link",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdLink",
+            "module": "components/link/link.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-link",
+          "declaration": {
+            "name": "SdLink",
+            "module": "components/link/link.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input/input.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdInput",
+          "cssParts": [
             {
-              "kind": "method",
-              "name": "select",
-              "description": "Selects all the text in the input."
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "kind": "method",
-              "name": "setSelectionRange",
-              "parameters": [
-                {
-                  "name": "selectionStart",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectionEnd",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectionDirection",
-                  "default": "'none'",
-                  "type": {
-                    "text": "'forward' | 'backward' | 'none'"
-                  }
-                }
-              ],
-              "description": "Sets the start and end positions of the text selection (0-based)."
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "kind": "method",
-              "name": "setRangeText",
-              "parameters": [
-                {
-                  "name": "replacement",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "start",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "end",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectMode",
-                  "optional": true,
-                  "type": {
-                    "text": "'select' | 'start' | 'end' | 'preserve'"
-                  }
-                }
-              ],
-              "description": "Replaces a range of text with a new string."
+              "description": "The input's wrapper.",
+              "name": "form-control-input"
             },
             {
-              "kind": "method",
-              "name": "showPicker",
-              "description": "Displays the browser picker for an input element (only works if the browser supports it for the input type)."
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "kind": "method",
-              "name": "stepUp",
-              "description": "Increments the value of a numeric input type by the value of the step attribute."
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "kind": "method",
-              "name": "stepDown",
-              "description": "Decrements the value of a numeric input type by the value of the step attribute."
+              "description": "The base part's absolutely positioned border. Allows for easy adjustment of border thickness without affecting component dimensions.",
+              "name": "border"
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show the browser's validation message."
+              "description": "The internal `<input>` control.",
+              "name": "input"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              "description": "The container that wraps the left.",
+              "name": "left"
             },
             {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "description": "The clear button.",
+              "name": "clear-button"
             },
             {
-              "kind": "field",
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "attribute": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
+              "description": "The password toggle button.",
+              "name": "password-toggle-button"
             },
             {
-              "kind": "field",
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "attribute": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
+              "description": "The container that wraps the right.",
+              "name": "right"
             },
             {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
+              "description": "The invalid icon.",
+              "name": "invalid-icon"
             },
             {
-              "kind": "method",
-              "name": "token",
-              "return": {
-                "type": {
-                  "text": "T"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "fallback",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "description": "Retrieves the value of a css variable token.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
+              "description": "The valid icon.",
+              "name": "valid-icon"
+            },
+            {
+              "description": "The invalid message.",
+              "name": "invalid-message"
             }
           ],
-          "events": [
+          "slots": [
             {
-              "description": "Emitted when the control loses focus.",
-              "name": "sd-blur"
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "description": "Emitted when an alteration to the control's value is committed by the user.",
-              "name": "sd-change"
+              "description": "Used to prepend a presentational icon or similar element to the input.",
+              "name": "left"
             },
             {
-              "description": "Emitted when the clear button is activated.",
-              "name": "sd-clear"
+              "description": "Used to append a presentational icon or similar element to the input.",
+              "name": "right"
             },
             {
-              "description": "Emitted when the control gains focus.",
-              "name": "sd-focus"
+              "description": "An icon to use in lieu of the default clear icon.",
+              "name": "clear-icon"
             },
             {
-              "description": "Emitted when the control receives input.",
-              "name": "sd-input"
+              "description": "An icon to use in lieu of the default show password icon.",
+              "name": "show-password-icon"
             },
             {
-              "description": "Emitted when the search button is activated.",
-              "name": "sd-search"
+              "description": "An icon to use in lieu of the default hide password icon.",
+              "name": "hide-password-icon"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            },
+            {
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.",
+              "name": "tooltip"
             }
           ],
-          "attributes": [
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
+            },
             {
+              "kind": "field",
               "name": "type",
               "type": {
                 "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
               },
               "default": "'text'",
               "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "fieldName": "type"
+              "attribute": "type",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "size",
               "type": {
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
               "description": "The input's size.",
-              "fieldName": "size"
+              "attribute": "size",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "inputmode",
               "type": {
                 "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
               },
               "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "fieldName": "inputmode"
+              "attribute": "inputmode",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
             },
             {
+              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "Placeholder text to show as a hint when the input is empty.",
-              "fieldName": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
+              "attribute": "label",
+              "reflects": true
             },
             {
-              "name": "help-text",
+              "kind": "field",
+              "name": "helpText",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
+              "attribute": "help-text",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "clearable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
+              "attribute": "clearable",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Disables the input.",
-              "fieldName": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
-              "name": "visually-disabled",
+              "kind": "field",
+              "name": "visuallyDisabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Styles the input as if it was disabled and enables aria-disabled",
-              "fieldName": "visuallyDisabled"
+              "attribute": "visually-disabled",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "readonly",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Makes the input readonly.",
-              "fieldName": "readonly"
+              "attribute": "readonly",
+              "reflects": true
             },
             {
-              "name": "password-toggle",
+              "kind": "field",
+              "name": "passwordToggle",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
-              "fieldName": "passwordToggle"
+              "attribute": "password-toggle",
+              "reflects": true
             },
             {
-              "name": "password-visible",
+              "kind": "field",
+              "name": "passwordVisible",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "fieldName": "passwordVisible"
+              "attribute": "password-visible",
+              "reflects": true
             },
             {
-              "name": "spin-buttons",
+              "kind": "field",
+              "name": "spinButtons",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs and displays custom buttons.",
-              "fieldName": "spinButtons"
+              "attribute": "spin-buttons",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "minlength",
               "type": {
                 "text": "number"
               },
               "description": "The minimum length of input that will be considered valid.",
-              "fieldName": "minlength"
+              "attribute": "minlength",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "maxlength",
               "type": {
                 "text": "number"
               },
               "description": "The maximum length of input that will be considered valid.",
-              "fieldName": "maxlength"
+              "attribute": "maxlength",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "min",
               "type": {
                 "text": "number | string"
               },
               "description": "The input's minimum value. Only applies to date and number input types.",
-              "fieldName": "min"
+              "attribute": "min",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "max",
               "type": {
                 "text": "number | string"
               },
               "description": "The input's maximum value. Only applies to date and number input types.",
-              "fieldName": "max"
+              "attribute": "max",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "fieldName": "form"
+              "attribute": "form",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The name of the input, submitted as a name/value pair with form data.",
-              "fieldName": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "title",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "The `title` attribute specifies extra information about an element most often as a default browser tooltip text when the mouse moves over the element.",
-              "fieldName": "title"
+              "attribute": "title",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Makes the input a required field.",
-              "fieldName": "required"
+              "attribute": "required",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "pattern",
               "type": {
                 "text": "string"
               },
               "description": "A regular expression pattern to validate input against.",
-              "fieldName": "pattern"
+              "attribute": "pattern"
             },
             {
+              "kind": "field",
               "name": "step",
               "type": {
                 "text": "number | 'any'"
               },
               "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "fieldName": "step"
+              "attribute": "step",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "autocapitalize",
               "type": {
                 "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
               "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
-              "fieldName": "autocapitalize"
+              "attribute": "autocapitalize",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "autocorrect",
               "type": {
                 "text": "'off' | 'on'"
               },
               "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "fieldName": "autocorrect"
+              "attribute": "autocorrect",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "autocomplete",
               "type": {
                 "text": "string"
               },
               "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "fieldName": "autocomplete"
+              "attribute": "autocomplete",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
               "description": "Indicates that the input should receive focus on page load.",
-              "fieldName": "autofocus"
+              "attribute": "autofocus",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "enterkeyhint",
               "type": {
                 "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
               "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "fieldName": "enterkeyhint"
+              "attribute": "enterkeyhint",
+              "reflects": true
             },
             {
-              "name": "style-on-valid",
+              "kind": "field",
+              "name": "styleOnValid",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "Shows success styles if the validity of the input is valid.",
-              "fieldName": "styleOnValid"
+              "attribute": "style-on-valid",
+              "reflects": true
             },
             {
+              "kind": "field",
               "name": "spellcheck",
               "type": {
                 "text": "boolean"
               },
               "default": "true",
               "description": "Enables spell checking on the input.",
-              "fieldName": "spellcheck"
-            },
-            {
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "fieldName": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
+              "attribute": "spellcheck"
             },
             {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "fieldName": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SolidElement",
-            "module": "/src/internal/solid-element"
-          },
-          "summary": "Inputs collect data from the user.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/input",
-          "status": "stable",
-          "since": "1.24.0",
-          "dependencies": [
-            "sd-icon"
-          ],
-          "tagName": "sd-input",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdInput",
-            "module": "components/input/input.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-input",
-          "declaration": {
-            "name": "SdInput",
-            "module": "components/input/input.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/link/link.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdLink",
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "kind": "field",
+              "name": "valueAsDate",
+              "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted."
             },
             {
-              "description": "The container that wraps the left icon area.",
-              "name": "icon-left"
+              "kind": "field",
+              "name": "valueAsNumber",
+              "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted."
             },
             {
-              "description": "The link's label.",
-              "name": "label"
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
-              "description": "The container that wraps the right icon area.",
-              "name": "icon-right"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the input."
             },
             {
-              "description": "The icon to display on the left side of the link.",
-              "name": "icon-left"
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the input."
             },
             {
-              "description": "The icon to display on the right side of the link.",
-              "name": "icon-right"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "standalone",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Control the layout of icon and text within the component and the component's positioning.",
-              "attribute": "standalone",
-              "reflects": true
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the input."
             },
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'inherit' | 'lg' | 'sm'"
-              },
-              "default": "'inherit'",
-              "description": "The link's size.",
-              "attribute": "size",
-              "reflects": true
+              "kind": "method",
+              "name": "setSelectionRange",
+              "parameters": [
+                {
+                  "name": "selectionStart",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectionEnd",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectionDirection",
+                  "default": "'none'",
+                  "type": {
+                    "text": "'forward' | 'backward' | 'none'"
+                  }
+                }
+              ],
+              "description": "Sets the start and end positions of the text selection (0-based)."
             },
             {
-              "kind": "field",
-              "name": "inverted",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Inverts the link.",
-              "attribute": "inverted",
-              "reflects": true
+              "kind": "method",
+              "name": "setRangeText",
+              "parameters": [
+                {
+                  "name": "replacement",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectMode",
+                  "optional": true,
+                  "type": {
+                    "text": "'select' | 'start' | 'end' | 'preserve'"
+                  }
+                }
+              ],
+              "description": "Replaces a range of text with a new string."
             },
             {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "When not set, the link will render as disabled.",
-              "attribute": "href",
-              "reflects": true
+              "kind": "method",
+              "name": "showPicker",
+              "description": "Displays the browser picker for an input element (only works if the browser supports it for the input type)."
             },
             {
-              "kind": "field",
-              "name": "visuallyDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Styles the link as if it was disabled and enables aria-disabled",
-              "attribute": "visually-disabled",
-              "reflects": true
+              "kind": "method",
+              "name": "stepUp",
+              "description": "Increments the value of a numeric input type by the value of the step attribute."
             },
             {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
-              },
-              "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "attribute": "target",
-              "reflects": true
+              "kind": "method",
+              "name": "stepDown",
+              "description": "Decrements the value of a numeric input type by the value of the step attribute."
             },
             {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "attribute": "download",
-              "reflects": true
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show the browser's validation message."
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "message",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Sets focus on the button."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the button."
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
             },
             {
               "kind": "field",
@@ -9913,75 +9688,297 @@
           ],
           "events": [
             {
-              "description": "Emitted when the link loses focus.",
+              "description": "Emitted when the control loses focus.",
               "name": "sd-blur"
             },
             {
-              "description": "Emitted when the link gains focus.",
+              "description": "Emitted when an alteration to the control's value is committed by the user.",
+              "name": "sd-change"
+            },
+            {
+              "description": "Emitted when the clear button is activated.",
+              "name": "sd-clear"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
               "name": "sd-focus"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "sd-input"
+            },
+            {
+              "description": "Emitted when the search button is activated.",
+              "name": "sd-search"
             }
           ],
           "attributes": [
             {
-              "name": "standalone",
+              "name": "type",
+              "type": {
+                "text": "| 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url'"
+              },
+              "default": "'text'",
+              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
+              "fieldName": "type"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'lg' | 'md' | 'sm'"
+              },
+              "default": "'lg'",
+              "description": "The input's size.",
+              "fieldName": "size"
+            },
+            {
+              "name": "inputmode",
+              "type": {
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+              },
+              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+              "fieldName": "inputmode"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the input is empty.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the input is not empty.",
+              "fieldName": "clearable"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the input.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Styles the input as if it was disabled and enables aria-disabled",
+              "fieldName": "visuallyDisabled"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input readonly.",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "password-toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
+              "fieldName": "passwordToggle"
+            },
+            {
+              "name": "password-visible",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
+              "fieldName": "passwordVisible"
+            },
+            {
+              "name": "spin-buttons",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs and displays custom buttons.",
+              "fieldName": "spinButtons"
+            },
+            {
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minimum length of input that will be considered valid.",
+              "fieldName": "minlength"
+            },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maximum length of input that will be considered valid.",
+              "fieldName": "maxlength"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "The input's minimum value. Only applies to date and number input types.",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "The input's maximum value. Only applies to date and number input types.",
+              "fieldName": "max"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the input, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The `title` attribute specifies extra information about an element most often as a default browser tooltip text when the mouse moves over the element.",
+              "fieldName": "title"
+            },
+            {
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Control the layout of icon and text within the component and the component's positioning.",
-              "fieldName": "standalone"
+              "default": "false",
+              "description": "Makes the input a required field.",
+              "fieldName": "required"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against.",
+              "fieldName": "pattern"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number | 'any'"
+              },
+              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
+              "fieldName": "step"
             },
             {
-              "name": "size",
+              "name": "autocapitalize",
               "type": {
-                "text": "'inherit' | 'lg' | 'sm'"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
-              "default": "'inherit'",
-              "description": "The link's size.",
-              "fieldName": "size"
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "fieldName": "autocapitalize"
             },
             {
-              "name": "inverted",
+              "name": "autocorrect",
               "type": {
-                "text": "boolean"
+                "text": "'off' | 'on'"
               },
-              "default": "false",
-              "description": "Inverts the link.",
-              "fieldName": "inverted"
+              "description": "Indicates whether the browser's autocorrect feature is on or off.",
+              "fieldName": "autocorrect"
             },
             {
-              "name": "href",
+              "name": "autocomplete",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "When not set, the link will render as disabled.",
-              "fieldName": "href"
+              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+              "fieldName": "autocomplete"
             },
             {
-              "name": "visually-disabled",
+              "name": "autofocus",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Styles the link as if it was disabled and enables aria-disabled",
-              "fieldName": "visuallyDisabled"
+              "description": "Indicates that the input should receive focus on page load.",
+              "fieldName": "autofocus"
             },
             {
-              "name": "target",
+              "name": "enterkeyhint",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               },
-              "description": "Tells the browser where to open the link. Only used when `href` is present.",
-              "fieldName": "target"
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "fieldName": "enterkeyhint"
             },
             {
-              "name": "download",
+              "name": "style-on-valid",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
-              "fieldName": "download"
+              "default": "false",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "fieldName": "styleOnValid"
+            },
+            {
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Enables spell checking on the input.",
+              "fieldName": "spellcheck"
             },
             {
               "name": "dir",
@@ -10012,11 +10009,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "A link component.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/link",
+          "summary": "Inputs collect data from the user.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/input",
           "status": "stable",
-          "since": "1.0.0",
-          "tagName": "sd-link",
+          "since": "1.24.0",
+          "dependencies": [
+            "sd-icon"
+          ],
+          "tagName": "sd-input",
           "customElement": true
         }
       ],
@@ -10025,16 +10025,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdLink",
-            "module": "components/link/link.js"
+            "name": "SdInput",
+            "module": "components/input/input.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-link",
+          "name": "sd-input",
           "declaration": {
-            "name": "SdLink",
-            "module": "components/link/link.js"
+            "name": "SdInput",
+            "module": "components/input/input.js"
           }
         }
       ]
@@ -16175,217 +16175,42 @@
               },
               "default": "''",
               "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
-              "fieldName": "value"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The select's required attribute.",
-              "fieldName": "required"
-            },
-            {
-              "name": "style-on-valid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Shows success styles if the validity of the input is valid.",
-              "fieldName": "styleOnValid"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "fieldName": "hoist"
-            },
-            {
-              "name": "getTag",
-              "type": {
-                "text": "(option: SdOption, index: number) => TemplateResult | string | HTMLElement"
-              },
-              "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
-              "fieldName": "getTag"
-            },
-            {
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "fieldName": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            },
-            {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "fieldName": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "src/internal/solid-element.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SolidElement",
-            "module": "/src/internal/solid-element"
-          },
-          "summary": "Selects allow you to choose items from a menu of predefined options.",
-          "status": "stable",
-          "since": "1.30.0",
-          "dependencies": [
-            "sd-icon",
-            "sd-popup",
-            "sd-tag"
-          ],
-          "tagName": "sd-select",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SdSelect",
-            "module": "components/select/select.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sd-select",
-          "declaration": {
-            "name": "SdSelect",
-            "module": "components/select/select.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/spinner/spinner.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SdSpinner",
-          "members": [
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "'primary' | 'white' | 'currentColor'"
-              },
-              "default": "'currentColor'",
-              "description": "The color color of the spinner.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "public",
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "dir",
-              "type": {
-                "text": "'ltr' | 'rtl' | 'auto'"
-              },
-              "description": "The element's directionality.",
-              "attribute": "dir",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "description": "The element's language.",
-              "attribute": "lang",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "emit",
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "CustomEventInit"
-                  }
-                }
-              ],
-              "description": "Emits a custom event with more convenient defaults.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
+              "fieldName": "value"
             },
             {
-              "kind": "method",
-              "name": "token",
-              "return": {
-                "type": {
-                  "text": "T"
-                }
+              "name": "required",
+              "type": {
+                "text": "boolean"
               },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "fallback",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "description": "Retrieves the value of a css variable token.",
-              "inheritedFrom": {
-                "name": "SolidElement",
-                "module": "internal/solid-element.js"
-              }
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "The select's required attribute.",
+              "fieldName": "required"
+            },
             {
-              "name": "color",
+              "name": "style-on-valid",
               "type": {
-                "text": "'primary' | 'white' | 'currentColor'"
+                "text": "boolean"
               },
-              "default": "'currentColor'",
-              "description": "The color color of the spinner.",
-              "fieldName": "color"
+              "default": "false",
+              "description": "Shows success styles if the validity of the input is valid.",
+              "fieldName": "styleOnValid"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "fieldName": "hoist"
+            },
+            {
+              "name": "getTag",
+              "type": {
+                "text": "(option: SdOption, index: number) => TemplateResult | string | HTMLElement"
+              },
+              "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
+              "fieldName": "getTag"
             },
             {
               "name": "dir",
@@ -16416,11 +16241,15 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "Spinners are used to show the progress of an indeterminate operation.",
-          "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
+          "summary": "Selects allow you to choose items from a menu of predefined options.",
           "status": "stable",
-          "since": "1.0",
-          "tagName": "sd-spinner",
+          "since": "1.30.0",
+          "dependencies": [
+            "sd-icon",
+            "sd-popup",
+            "sd-tag"
+          ],
+          "tagName": "sd-select",
           "customElement": true
         }
       ],
@@ -16429,16 +16258,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "SdSpinner",
-            "module": "components/spinner/spinner.js"
+            "name": "SdSelect",
+            "module": "components/select/select.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-spinner",
+          "name": "sd-select",
           "declaration": {
-            "name": "SdSpinner",
-            "module": "components/spinner/spinner.js"
+            "name": "SdSelect",
+            "module": "components/select/select.js"
           }
         }
       ]
@@ -16886,6 +16715,177 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/spinner/spinner.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdSpinner",
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "'primary' | 'white' | 'currentColor'"
+              },
+              "default": "'currentColor'",
+              "description": "The color color of the spinner.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "attribute": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "attribute": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "'primary' | 'white' | 'currentColor'"
+              },
+              "default": "'currentColor'",
+              "description": "The color color of the spinner.",
+              "fieldName": "color"
+            },
+            {
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element"
+          },
+          "summary": "Spinners are used to show the progress of an indeterminate operation.",
+          "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
+          "status": "stable",
+          "since": "1.0",
+          "tagName": "sd-spinner",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdSpinner",
+            "module": "components/spinner/spinner.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-spinner",
+          "declaration": {
+            "name": "SdSpinner",
+            "module": "components/spinner/spinner.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/step-group/step-group.js",
@@ -20628,7 +20628,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "5.15.6",
+    "version": "5.15.7",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"