@plusui/library 0.1.2 → 0.1.4

package/cdn/components/icon/index.js

@@ -1,7 +1,14 @@
 import PlusIcon from './icon.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../unsafe-html-BXTWMFA8.js';
+export { getAvailableIcons, getCachedIcon, getIcon, hasIcon, registerIcon } from './icon-registry.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import '../../directive-DZCF8pFJ.js';
+import './solid-icons.js';
+import './regular-icons.js';
+import './light-icons.js';
 
+// Register the component
 customElements.define('plus-icon', PlusIcon);
+
+export { PlusIcon };

package/cdn/components/icon/light-icons.js

@@ -0,0 +1,8 @@
+// Light style SVG icons for Plus UI
+const lightIcons = {
+    star: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M226.5 168.8L287.9 42.3l61.4 126.5c4.6 9.5 13.6 16.1 24.1 17.7l137.4 20.3-99.8 98.8c-7.4 7.3-10.8 17.8-9 28.1l23.5 139.5L303 407.7c-9.4-5-20.7-5-30.2 0L150.2 473.2l23.5-139.5c1.7-10.3-1.6-20.7-9-28.1L65 206.8l137.4-20.3c10.5-1.5 19.5-8.2 24.1-17.7zM424.9 509.1c8.1 4.3 17.9 3.7 25.3-1.7s11.2-14.5 9.7-23.5L433.6 328.4 544.8 218.2c6.5-6.4 8.7-15.9 5.9-24.5s-10.3-14.9-19.3-16.3L378.1 154.8 309.5 13.5C305.5 5.2 297.1 0 287.9 0s-17.6 5.2-21.6 13.5L197.7 154.8 44.5 177.5c-9 1.3-16.5 7.6-19.3 16.3s-.5 18.1 5.9 24.5L142.2 328.4 116 483.9c-1.5 9 2.2 18.1 9.7 23.5s17.3 6 25.3 1.7l137-73.2 137 73.2z"/></svg>`,
+    heart: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--><path d="M244 130.6l-12-13.5-4.2-4.7c-26-29.2-65.3-42.8-103.8-35.8c-53.3 9.7-92 56.1-92 110.3l0 3.5c0 32.3 13.4 63.1 37.1 85.1L253 446.8c.8 .7 1.9 1.2 3 1.2s2.2-.4 3-1.2L443 275.5c23.6-22 37-52.8 37-85.1l0-3.5c0-54.2-38.7-100.6-92-110.3c-38.5-7-77.8 6.6-103.8 35.8l-4.2 4.7-12 13.5c-3 3.4-7.4 5.4-12 5.4s-8.9-2-12-5.4zm34.9-57.1C311 48.4 352.7 37.7 393.7 45.1C462.2 57.6 512 117.3 512 186.9l0 3.5c0 36-13.1 70.6-36.6 97.5c-3.4 3.8-6.9 7.5-10.7 11l-184 171.3c-.8 .8-1.7 1.5-2.6 2.2c-6.3 4.9-14.1 7.5-22.1 7.5c-9.2 0-18-3.5-24.8-9.7L47.2 299c-3.8-3.5-7.3-7.2-10.7-11C13.1 261 0 226.4 0 190.4l0-3.5C0 117.3 49.8 57.6 118.3 45.1c40.9-7.4 82.6 3.2 114.7 28.4c6.7 5.3 13 11.1 18.7 17.6l4.2 4.7 4.2-4.7c4.2-4.7 8.6-9.1 13.3-13.1c1.8-1.5 3.6-3 5.4-4.5z"/></svg>`,
+    user: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="none" stroke="currentColor" stroke-width="32"><path d="M224 256c70.7 0 128-57.31 128-128S294.7 0 224 0 96 57.31 96 128s57.31 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"/></svg>`,
+};
+
+export { lightIcons as default };

package/cdn/components/icon/regular-icons.js

@@ -0,0 +1,10 @@
+// Regular style SVG icons for Plus UI
+const regularIcons = {
+    star: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/></svg>`,
+    heart: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8l0-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5l0 3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20-.1-.1s0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5l0 3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2l0-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"/></svg>`,
+    user: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z"/></svg>`,
+    'circle-check': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-111 111-47-47c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l64 64c9.4 9.4 24.6 9.4 33.9 0L369 209z"/></svg>`,
+    'circle-xmark': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"/></svg>`,
+};
+
+export { regularIcons as default };

package/cdn/components/icon/solid-icons.js

@@ -0,0 +1,34 @@
+// Solid style SVG icons for Plus UI
+const solidIcons = {
+    // UI Controls
+    xmark: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>`,
+    check: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>`,
+    minus: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>`,
+    // Navigation & Arrows
+    'chevron-up': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/></svg>`,
+    'chevron-down': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>`,
+    'angle-up': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"/></svg>`,
+    'angle-down': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>`,
+    'angle-right': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="currentColor"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>`,
+    // Status & Feedback
+    'circle-check': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>`,
+    'circle-xmark': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"/></svg>`,
+    'circle-info': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>`,
+    'circle-exclamation': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>`,
+    'circle-question': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>`,
+    'triangle-exclamation': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>`,
+    'circle-plus': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM232 344l0-64-64 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l64 0 0-64c0-13.3 10.7-24 24-24s24 10.7 24 24l0 64 64 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-64 0 0 64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></svg>`,
+    // User & Authentication
+    user: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/></svg>`,
+    lock: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z"/></svg>`,
+    envelope: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>`,
+    eye: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"><path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg>`,
+    'eye-slash': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="currentColor"><path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/></svg>`,
+    // Popular icons
+    star: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/></svg>`,
+    heart: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>`,
+    home: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"><path d="M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>`,
+    'heart-circle-plus': `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9l2.6-2.4C267.2 438.6 256 404.6 256 368c0-97.2 78.8-176 176-176c28.3 0 55 6.7 78.7 18.5c.9-6.5 1.3-13 1.3-19.6l0-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1l0 5.8c0 41.5 17.2 81.2 47.6 109.5zM432 512a144 144 0 1 0 0-288 144 144 0 1 0 0 288zm16-208l0 48 48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-48 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48-48 0c-8.8 0-16-7.2-16-16s7.2-16 16-16l48 0 0-48c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>`,
+};
+
+export { solidIcons as default };

package/cdn/components/index.js

@@ -2,10 +2,9 @@ import './base/tailwind-base.js';
 import './avatar/index.js';
 import './button/index.js';
 import './button-group/index.js';
-import './icon/index.js';
 import './badge/index.js';
 import './tag/index.js';
-import './svg-icon/index.js';
+import './icon/index.js';
 import './chip/index.js';
 import './link/index.js';
 import './alert/index.js';
@@ -41,11 +40,12 @@ import './toggle/index.js';
 import './tab/index.js';
 import './tab-panel/index.js';
 import './tab-group/index.js';
+export { default as PlusIcon } from './icon/icon.js';
 export { default as PlusButton } from './button/button.js';
 export { default as PlusButtonGroup } from './button-group/button-group.js';
 export { default as PlusBadge } from './badge/badge.js';
 export { default as PlusTag } from './tag/tag.js';
-export { getIcon, icons } from './svg-icon/icons.js';
+export { getAvailableIcons, getCachedIcon, getIcon, hasIcon, registerIcon } from './icon/icon-registry.js';
 export { default as PlusSegmentedPicker } from './segmented-picker/segmented-picker.component.js';
 export { default as PlusSegmentedPickerItem } from './segmented-picker-item/segmented-picker-item.component.js';
 export { default as PlusModal } from './modal/modal.js';
@@ -75,19 +75,17 @@ export { PlusToggle } from './toggle/toggle.js';
 export { default as PlusTab } from './tab/tab.js';
 export { default as PlusTabPanel } from './tab-panel/tab-panel.js';
 export { default as PlusTabGroup } from './tab-group/tab-group.js';
-import '../lit-element-BNK__jO-.js';
-import '../global-COKphIjP.js';
+import '../lit-element-ByzbtpGk.js';
+import '../global-CFlb4NrK.js';
 import './avatar/avatar.js';
-import '../property-Dz31PgR6.js';
-import '../state-BRspp5eU.js';
+import '../property-DiPQx9S3.js';
+import '../state-D1d5Sfj8.js';
+import '../utils/boolean-converter.js';
 import '../model/plus.js';
 import './avatar/avatar.style.js';
 import '../index-B9iart53.js';
-import '../style-map-Cgr6kXUm.js';
+import '../style-map-DC_vNus2.js';
 import '../directive-DZCF8pFJ.js';
-import './icon/icon.js';
-import '../unsafe-html-BXTWMFA8.js';
-import './svg-icon/svg-icon.js';
 import './chip/chip.js';
 import './chip/chip.style.js';
 import './link/link.js';
@@ -105,6 +103,9 @@ import './button-group/button-group.style.js';
 import './badge/badge.host.style.js';
 import './badge/badge.style.js';
 import './tag/tag.style.js';
+import './icon/solid-icons.js';
+import './icon/regular-icons.js';
+import './icon/light-icons.js';
 import '../query-assigned-elements-B8Evmg7O.js';
 import './segmented-picker/segmented-picker.style.js';
 import './segmented-picker-item/segmented-picker-item.style.js';
@@ -112,12 +113,12 @@ import './modal/modal.style.js';
 import './drawer/drawer.style.js';
 import './accordion/accordion.style.js';
 import './divider/divider.style.js';
-import '../floating-ui.dom-BpzIshEG.js';
+import '../floating-ui.dom-OBaMlALa.js';
 import './popover/popover.style.js';
 import './list-box-item/list-box-item.style.js';
 import './dropdown/dropdown.style.js';
-import '../if-defined-DpyZ37D-.js';
-import '../live-C1eBrEBV.js';
+import '../if-defined-D-m3dgRf.js';
+import '../live-BOAtKRUN.js';
 import './tooltip/tooltip.style.js';
 import './input/input.style.js';
 import './label/label.style.js';

package/cdn/components/input/index.js

@@ -1,13 +1,14 @@
 import PlusInput from './input.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import '../../query-CHb9Ft_d.js';
 import '../../base-Cl6v8-BZ.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
-import '../../if-defined-DpyZ37D-.js';
-import '../../live-C1eBrEBV.js';
+import '../../global-CFlb4NrK.js';
+import '../../if-defined-D-m3dgRf.js';
+import '../../live-BOAtKRUN.js';
 import '../../directive-DZCF8pFJ.js';
 import './input.style.js';
 import '../../index-B9iart53.js';

package/cdn/components/input/input.js

@@ -1,15 +1,16 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { a as i, E, x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { i, E, x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
 import { e } from '../../query-CHb9Ft_d.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import Tailwind from '../base/tailwind-base.js';
-import { o } from '../../if-defined-DpyZ37D-.js';
-import { l } from '../../live-C1eBrEBV.js';
+import { o } from '../../if-defined-D-m3dgRf.js';
+import { l } from '../../live-BOAtKRUN.js';
 import { inputStyle } from './input.style.js';
 import { labelStyle } from '../label/label.style.js';
 import { captionStyle } from '../caption/caption.style.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import '../../directive-DZCF8pFJ.js';
 import '../../index-B9iart53.js';
 
@@ -94,42 +95,49 @@ class PlusInput extends Tailwind {
          * Whether the input should have a clear button
          * @type {boolean}
          * @default false
+         * @attr clearable
          */
         this.clearable = false;
         /**
          * Whether the input is disabled
          * @type {boolean}
          * @default false
+         * @attr disabled
          */
         this.disabled = false;
         /**
          * Whether the input is readonly
          * @type {boolean}
          * @default false
+         * @attr readonly
          */
         this.readonly = false;
         /**
          * Whether the input is required
          * @type {boolean}
          * @default false
+         * @attr required
          */
         this.required = false;
         /**
          * Whether to show a password toggle button
          * @type {boolean}
          * @default false
+         * @attr password-toggle
          */
         this.passwordToggle = false;
         /**
          * Whether the password is visible
          * @type {boolean}
          * @default false
+         * @attr password-visible
          */
         this.passwordVisible = false;
         /**
          * Whether the input is in an error state
          * @type {boolean}
          * @default false
+         * @attr error
          */
         this.error = false;
         /**
@@ -148,6 +156,8 @@ class PlusInput extends Tailwind {
          * Whether the input is used as part of a select component
          * @type {boolean}
          * @default false
+         * @internal
+         * @attr isSelect
          */
         this.isSelect = false;
     }
@@ -384,7 +394,7 @@ class PlusInput extends Tailwind {
             aria-label="Clear input"
             tabindex="0"
           >
-            <plus-svg-icon iconName="xmark"></plus-svg-icon>
+            <plus-icon icon-name="xmark"></plus-icon>
           </div>`
             : E;
         const PasswordToggleTemplate = () => passwordToggle && this.type === 'password'
@@ -395,9 +405,9 @@ class PlusInput extends Tailwind {
             aria-label=${passwordVisible ? 'Hide password' : 'Show password'}
             tabindex="0"
           >
-            <plus-svg-icon
-              iconName=${passwordVisible ? 'eye' : 'eye-slash'}
-            ></plus-svg-icon>
+            <plus-icon
+              icon-name=${passwordVisible ? 'eye-slash' : 'eye'}
+            ></plus-icon>
           </div>`
             : E;
         return x `<div
@@ -411,7 +421,7 @@ class PlusInput extends Tailwind {
       <div class=${inputWrapper()} @click=${() => this.input.focus()}>
         ${prefixIcon
             ? x `<div class=${prefix()} aria-hidden="true">
-              <plus-svg-icon iconName=${prefixIcon}></plus-svg-icon>
+              <plus-icon icon-name=${prefixIcon}></plus-icon>
             </div>`
             : E}
         <slot
@@ -463,7 +473,7 @@ class PlusInput extends Tailwind {
         ></slot>
         ${suffixIcon
             ? x `<div class=${suffix()} aria-hidden="true">
-              <plus-svg-icon iconName=${suffixIcon}></plus-svg-icon>
+              <plus-icon icon-name=${suffixIcon}></plus-icon>
             </div>`
             : E}
       </div>
@@ -510,22 +520,32 @@ __decorate([
     n({ reflect: true })
 ], PlusInput.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "clearable", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "disabled", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "readonly", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "required", void 0);
 __decorate([
-    n({ attribute: 'password-toggle', type: Boolean })
+    n({
+        attribute: 'password-toggle',
+        type: Boolean,
+        converter: booleanConverter,
+        reflect: true,
+    })
 ], PlusInput.prototype, "passwordToggle", void 0);
 __decorate([
-    n({ attribute: 'password-visible', type: Boolean })
+    n({
+        attribute: 'password-visible',
+        type: Boolean,
+        converter: booleanConverter,
+        reflect: true,
+    })
 ], PlusInput.prototype, "passwordVisible", void 0);
 __decorate([
     n({ type: String })
@@ -555,7 +575,7 @@ __decorate([
     n()
 ], PlusInput.prototype, "autocomplete", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "autoFocus", void 0);
 __decorate([
     n()
@@ -564,22 +584,27 @@ __decorate([
     n()
 ], PlusInput.prototype, "inputmode", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "spellCheck", void 0);
 __decorate([
     n({ type: String })
 ], PlusInput.prototype, "caption", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "error", void 0);
 __decorate([
     n({ type: String, attribute: 'error-message' })
 ], PlusInput.prototype, "errorMessage", void 0);
 __decorate([
-    n({ reflect: true, attribute: 'full-width', type: Boolean })
+    n({
+        reflect: true,
+        attribute: 'full-width',
+        type: Boolean,
+        converter: booleanConverter,
+    })
 ], PlusInput.prototype, "fullWidth", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusInput.prototype, "isSelect", void 0);
 __decorate([
     n({ type: String, attribute: 'prefix-icon' })

package/cdn/components/link/index.js

@@ -1,9 +1,10 @@
 import PlusLink from './link.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import './link.style.js';
 import '../../index-B9iart53.js';
+import '../../utils/boolean-converter.js';
 
 customElements.define('plus-link', PlusLink);

package/cdn/components/link/link.js

@@ -1,8 +1,9 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { x } from '../../lit-element-BNK__jO-.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
 import Tailwind from '../base/tailwind-base.js';
 import { linkStyle } from './link.style.js';
-import '../../global-COKphIjP.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
+import '../../global-CFlb4NrK.js';
 import '../../index-B9iart53.js';
 
 /**
@@ -133,14 +134,14 @@ __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
     })
 ], PlusLink.prototype, "disabled", void 0);
 __decorate([
     n({
         type: Boolean,
         reflect: true,
-        converter: (value) => (value == 'false' || false ? false : true),
+        converter: booleanConverter,
     })
 ], PlusLink.prototype, "readonly", void 0);
 __decorate([
@@ -156,10 +157,10 @@ __decorate([
     n({ type: String })
 ], PlusLink.prototype, "download", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusLink.prototype, "loading", void 0);
 __decorate([
-    n({ type: Boolean })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusLink.prototype, "external", void 0);
 __decorate([
     n({ type: String })

package/cdn/components/list-box-item/index.js

@@ -1,12 +1,13 @@
 import PlusListBoxItem from './list-box-item.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
-import '../../style-map-Cgr6kXUm.js';
+import '../../global-CFlb4NrK.js';
+import '../../style-map-DC_vNus2.js';
 import '../../directive-DZCF8pFJ.js';
 import './list-box-item.style.js';
 import '../../index-B9iart53.js';
+import '../../utils/boolean-converter.js';
 
 customElements.define('plus-list-box-item', PlusListBoxItem);
 

package/cdn/components/list-box-item/list-box-item.js

@@ -1,9 +1,10 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
 import Tailwind from '../base/tailwind-base.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { o } from '../../style-map-Cgr6kXUm.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { o } from '../../style-map-DC_vNus2.js';
 import { listBoxItemStyle } from './list-box-item.style.js';
-import '../../global-COKphIjP.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
+import '../../global-CFlb4NrK.js';
 import '../../directive-DZCF8pFJ.js';
 import '../../index-B9iart53.js';
 
@@ -36,17 +37,9 @@ class PlusListBoxItem extends Tailwind {
          * @default 'md'
          */
         this.size = 'md';
-        /**
-         * Disables the list box item interaction
-         * When disabled, the item cannot be clicked or selected
-         * @default false
-         */
+        /** Disables the item, making it non-interactive. */
         this.disabled = false;
-        /**
-         * Sets the selected state of the list box item
-         * When selected, the item will display with a highlighted background
-         * @default false
-         */
+        /** Indicates whether the item is currently selected. */
         this.selected = false;
     }
     /**
@@ -89,10 +82,10 @@ __decorate([
     n({ type: String })
 ], PlusListBoxItem.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusListBoxItem.prototype, "disabled", void 0);
 __decorate([
-    n({ type: Boolean, converter: (value) => value != 'false' })
+    n({ type: Boolean, converter: booleanConverter, reflect: true })
 ], PlusListBoxItem.prototype, "selected", void 0);
 __decorate([
     n({ attribute: 'text' })

package/cdn/components/modal/index.js

@@ -1,11 +1,12 @@
 import PlusModal from './modal.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
+import '../../utils/boolean-converter.js';
 import './modal.style.js';
 import '../../index-B9iart53.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 customElements.define('plus-modal', PlusModal);
 

package/cdn/components/modal/modal.js

@@ -1,10 +1,11 @@
-import { _ as __decorate, n } from '../../property-Dz31PgR6.js';
-import { x } from '../../lit-element-BNK__jO-.js';
-import { r } from '../../state-BRspp5eU.js';
+import { _ as __decorate, n } from '../../property-DiPQx9S3.js';
+import { x } from '../../lit-element-ByzbtpGk.js';
+import { r } from '../../state-D1d5Sfj8.js';
+import { booleanConverter } from '../../utils/boolean-converter.js';
 import { modalStyle } from './modal.style.js';
 import Tailwind from '../base/tailwind-base.js';
 import '../../index-B9iart53.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 
 /**
  * @tag plus-modal
@@ -172,7 +173,7 @@ class PlusModal extends Tailwind {
                   aria-label="Close modal"
                   @click=${() => this.hide()}
                 >
-                  <plus-svg-icon iconName="xmark"></plus-svg-icon>
+                  <plus-icon icon-name="xmark"></plus-icon>
                 </button>
               </slot>
             </div>
@@ -193,15 +194,25 @@ __decorate([
     n({ type: String, reflect: true })
 ], PlusModal.prototype, "size", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'is-open' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'is-open',
+        converter: booleanConverter,
+    })
 ], PlusModal.prototype, "isOpen", void 0);
 __decorate([
-    n({ type: Boolean, reflect: true, attribute: 'full-width' })
+    n({
+        type: Boolean,
+        reflect: true,
+        attribute: 'full-width',
+        converter: booleanConverter,
+    })
 ], PlusModal.prototype, "fullWidth", void 0);
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => value != 'false',
+        converter: booleanConverter,
         reflect: true,
         attribute: 'close-on-backdrop',
     })
@@ -209,7 +220,7 @@ __decorate([
 __decorate([
     n({
         type: Boolean,
-        converter: (value) => value != 'false',
+        converter: booleanConverter,
         reflect: true,
         attribute: 'close-on-esc',
     })

package/cdn/components/popconfirm/index.js

@@ -1,12 +1,13 @@
 import PlusPopconfirm from './popconfirm.js';
-import '../../property-Dz31PgR6.js';
-import '../../lit-element-BNK__jO-.js';
-import '../../state-BRspp5eU.js';
+import '../../property-DiPQx9S3.js';
+import '../../lit-element-ByzbtpGk.js';
+import '../../state-D1d5Sfj8.js';
 import '../../query-assigned-elements-B8Evmg7O.js';
 import '../../base-Cl6v8-BZ.js';
-import '../../floating-ui.dom-BpzIshEG.js';
+import '../../floating-ui.dom-OBaMlALa.js';
+import '../../utils/boolean-converter.js';
 import '../base/tailwind-base.js';
-import '../../global-COKphIjP.js';
+import '../../global-CFlb4NrK.js';
 import './popconfirm.style.js';
 import '../../index-B9iart53.js';