@plusui/library 0.1.3 → 0.1.5

package/custom-elements.json

@@ -171,8 +171,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'fa-solid fa-user'",
-              "description": "Icon class to use when no image is available",
+              "default": "'user'",
+              "description": "Icon name to use when no image is available",
               "attribute": "icon"
             },
             {
@@ -183,7 +183,8 @@
               },
               "default": "false",
               "description": "Toggles inverted color scheme",
-              "attribute": "invert"
+              "attribute": "invert",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -334,8 +335,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'fa-solid fa-user'",
-              "description": "Icon class to use when no image is available",
+              "default": "'user'",
+              "description": "Icon name to use when no image is available",
               "fieldName": "icon",
               "propName": "icon"
             },
@@ -732,7 +733,8 @@
               },
               "default": "false",
               "description": "Determines whether the button group's properties override the properties of its child buttons.\nWhen true, all buttons in the group will have the same appearance.\nWhen false, each button can have its own properties.",
-              "attribute": "override"
+              "attribute": "override",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -772,7 +774,8 @@
               },
               "default": "false",
               "description": "Disables the button interaction",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -782,13 +785,14 @@
               },
               "default": "false",
               "description": "Shows loading spinner and disables interaction",
-              "attribute": "loading"
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "_buttons",
               "type": {
-                "text": "HTMLElement[]"
+                "text": "PlusButton[]"
               },
               "privacy": "private",
               "default": "[]"
@@ -982,113 +986,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/icon/icon.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PlusIcon",
-          "members": [
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconName | undefined"
-              },
-              "attribute": "iconName",
-              "expandedType": {
-                "text": "'xmark' | 'circle-info' | 'circle-check' | 'circle-exclamation' | 'triangle-exclamation' | 'heart-circle-plus' | 'circle-plus' | 'chevron-up' | 'chevron-down' | 'circle-question' | 'eye' | 'eye-slash' | 'user' | 'lock' | 'envelope' | 'check' | 'angle-right' | 'minus' | 'solid-star' | 'regular-star' | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "prefix",
-              "type": {
-                "text": "IconPrefix"
-              },
-              "default": "'fas'",
-              "attribute": "prefix"
-            },
-            {
-              "kind": "method",
-              "name": "getIconHtml",
-              "privacy": "private"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "iconName",
-              "type": {
-                "text": "IconName | undefined"
-              },
-              "fieldName": "iconName",
-              "expandedType": {
-                "text": "'xmark' | 'circle-info' | 'circle-check' | 'circle-exclamation' | 'triangle-exclamation' | 'heart-circle-plus' | 'circle-plus' | 'chevron-up' | 'chevron-down' | 'circle-question' | 'eye' | 'eye-slash' | 'user' | 'lock' | 'envelope' | 'check' | 'angle-right' | 'minus' | 'solid-star' | 'regular-star' | undefined"
-              },
-              "propName": "iconname"
-            },
-            {
-              "name": "prefix",
-              "type": {
-                "text": "IconPrefix"
-              },
-              "default": "'fas'",
-              "fieldName": "prefix",
-              "propName": "prefix"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "plus-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "PlusIcon",
-            "module": "src/components/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "PlusIcon",
-          "declaration": {
-            "name": "PlusIcon",
-            "module": "src/components/icon/icon.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/icon/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icon.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "plus-icon",
-          "declaration": {
-            "name": "PlusIcon",
-            "module": "/src/components/icon/icon.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/badge/badge.host.style.ts",
@@ -1404,7 +1301,8 @@
               },
               "default": "false",
               "description": "Toggles between light/dark color themes",
-              "attribute": "invert"
+              "attribute": "invert",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1570,22 +1468,86 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/svg-icon/icons.ts",
+      "path": "src/components/icon/solid-icons.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "icons",
+          "name": "solidIcons",
           "type": {
-            "text": "{\n  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>`,\n  '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>`,\n  '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>`,\n  'circle-exclamation': `<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=\"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>`,\n  'triangle-exclamation': `<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=\"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>`,\n  'heart-circle-plus': `<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=\"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>`,\n  'circle-plus': `<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=\"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>`,\n  'chevron-up': `<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=\"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>`,\n  'chevron-down': `<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=\"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>`,\n  'circle-question': `<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=\"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>`,\n  // Password toggle icons\n  eye: `<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=\"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>`,\n  'eye-slash': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 640 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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>`,\n\n  // User interface icons\n  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>`,\n  lock: `<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=\"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>`,\n  envelope: `<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=\"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>`,\n  check: `<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=\"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>`,\n  'angle-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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>`,\n  minus: `<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=\"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>`,\n  'solid-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>`,\n  'regular-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>`,\n}"
+            "text": "object"
           },
-          "default": "{ 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>`, '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-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-exclamation': `<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=\"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>`, 'triangle-exclamation': `<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=\"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>`, 'heart-circle-plus': `<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=\"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>`, 'circle-plus': `<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=\"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>`, 'chevron-up': `<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=\"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\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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>`, 'circle-question': `<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=\"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>`, // Password toggle icons eye: `<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=\"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\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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>`, // User interface icons 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\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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>`, check: `<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=\"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>`, 'angle-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><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>`, minus: `<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=\"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>`, 'solid-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>`, 'regular-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>`, }"
-        },
+          "default": "{ // 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>`, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "solidIcons",
+            "module": "src/components/icon/solid-icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/icon/regular-icons.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "regularIcons",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ 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>`, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "regularIcons",
+            "module": "src/components/icon/regular-icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/icon/light-icons.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "lightIcons",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ 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>`, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "lightIcons",
+            "module": "src/components/icon/light-icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/icon/icon-registry.ts",
+      "declarations": [
         {
           "kind": "function",
           "name": "getIcon",
           "return": {
             "type": {
-              "text": "string"
+              "text": ""
             }
           },
           "parameters": [
@@ -1593,70 +1555,333 @@
               "name": "name",
               "type": {
                 "text": "IconName"
-              }
+              },
+              "description": "Icon name (e.g., 'star', 'heart')"
+            },
+            {
+              "name": "style",
+              "default": "'solid'",
+              "type": {
+                "text": "IconStyle"
+              },
+              "description": "Icon style (solid, regular, light)"
             }
-          ]
+          ],
+          "description": "Get icon from registry with fallback to CDN"
+        },
+        {
+          "kind": "function",
+          "name": "hasIcon",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "Icon name"
+            },
+            {
+              "name": "style",
+              "default": "'solid'",
+              "type": {
+                "text": "IconStyle"
+              },
+              "description": "Icon style"
+            }
+          ],
+          "description": "Check if icon exists in local registry"
+        },
+        {
+          "kind": "function",
+          "name": "getAvailableIcons",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "style",
+              "default": "'solid'",
+              "type": {
+                "text": "IconStyle"
+              },
+              "description": "Icon style"
+            }
+          ],
+          "description": "Get all available icons for a specific style"
+        },
+        {
+          "kind": "function",
+          "name": "getCachedIcon",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "Icon name"
+            },
+            {
+              "name": "style",
+              "default": "'solid'",
+              "type": {
+                "text": "IconStyle"
+              },
+              "description": "Icon style"
+            }
+          ],
+          "description": "Get icon from cache"
+        },
+        {
+          "kind": "function",
+          "name": "registerIcon",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "name",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "Icon name"
+            },
+            {
+              "name": "style",
+              "type": {
+                "text": "IconStyle"
+              },
+              "description": "Icon style"
+            },
+            {
+              "name": "svg",
+              "type": {
+                "text": "string"
+              },
+              "description": "SVG content"
+            }
+          ],
+          "description": "Register custom icon"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "icons",
+          "name": "getIcon",
+          "declaration": {
+            "name": "getIcon",
+            "module": "src/components/icon/icon-registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "hasIcon",
           "declaration": {
-            "name": "icons",
-            "module": "src/components/svg-icon/icons.ts"
+            "name": "hasIcon",
+            "module": "src/components/icon/icon-registry.ts"
           }
         },
         {
           "kind": "js",
-          "name": "getIcon",
+          "name": "getAvailableIcons",
           "declaration": {
-            "name": "getIcon",
-            "module": "src/components/svg-icon/icons.ts"
+            "name": "getAvailableIcons",
+            "module": "src/components/icon/icon-registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getCachedIcon",
+          "declaration": {
+            "name": "getCachedIcon",
+            "module": "src/components/icon/icon-registry.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "registerIcon",
+          "declaration": {
+            "name": "registerIcon",
+            "module": "src/components/icon/icon-registry.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/svg-icon/svg-icon.ts",
+      "path": "src/components/icon/icon.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PlusSvgIcon",
+          "name": "PlusIcon",
+          "cssProperties": [
+            {
+              "description": "Custom icon size (overrides size variants)",
+              "name": "--icon-size"
+            },
+            {
+              "description": "Custom icon color (overrides currentColor)",
+              "name": "--icon-color"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper",
+              "name": "base"
+            },
+            {
+              "description": "The SVG icon element",
+              "name": "icon"
+            }
+          ],
           "members": [
             {
               "kind": "field",
               "name": "iconName",
               "type": {
-                "text": "IconName | undefined"
+                "text": "IconName"
+              },
+              "default": "''",
+              "description": "Name of the icon to display",
+              "attribute": "icon-name"
+            },
+            {
+              "kind": "field",
+              "name": "iconStyle",
+              "type": {
+                "text": "IconStyle"
               },
-              "attribute": "iconName",
+              "default": "'solid'",
+              "description": "Style variant of the icon: solid, regular, or light",
+              "attribute": "icon-style",
               "expandedType": {
-                "text": "'xmark' | 'circle-info' | 'circle-check' | 'circle-exclamation' | 'triangle-exclamation' | 'heart-circle-plus' | 'circle-plus' | 'chevron-up' | 'chevron-down' | 'circle-question' | 'eye' | 'eye-slash' | 'user' | 'lock' | 'envelope' | 'check' | 'angle-right' | 'minus' | 'solid-star' | 'regular-star' | undefined"
+                "text": "'solid' | 'regular' | 'light'"
               }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'"
+              },
+              "default": "'md'",
+              "description": "Size variant for the icon",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Label for accessibility - will be used as aria-label",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "svgContent",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "isLoading",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "hasError",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "loadIcon",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
-              "name": "iconName",
+              "name": "icon-name",
               "type": {
-                "text": "IconName | undefined"
+                "text": "IconName"
               },
+              "default": "''",
+              "description": "Name of the icon to display",
               "fieldName": "iconName",
+              "propName": "iconName"
+            },
+            {
+              "name": "icon-style",
+              "type": {
+                "text": "IconStyle"
+              },
+              "default": "'solid'",
+              "description": "Style variant of the icon: solid, regular, or light",
+              "fieldName": "iconStyle",
               "expandedType": {
-                "text": "'xmark' | 'circle-info' | 'circle-check' | 'circle-exclamation' | 'triangle-exclamation' | 'heart-circle-plus' | 'circle-plus' | 'chevron-up' | 'chevron-down' | 'circle-question' | 'eye' | 'eye-slash' | 'user' | 'lock' | 'envelope' | 'check' | 'angle-right' | 'minus' | 'solid-star' | 'regular-star' | undefined"
+                "text": "'solid' | 'regular' | 'light'"
               },
-              "propName": "iconname"
+              "propName": "iconStyle"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'"
+              },
+              "default": "'md'",
+              "description": "Size variant for the icon",
+              "fieldName": "size",
+              "propName": "size"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Label for accessibility - will be used as aria-label",
+              "fieldName": "label",
+              "propName": "label"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "plus-svg-icon",
-          "customElement": true
+          "tagName": "plus-icon",
+          "customElement": true,
+          "since": {
+            "name": "0.0.0",
+            "description": ""
+          },
+          "status": {
+            "name": "stable",
+            "description": "PlusIcon component provides a consistent way to render SVG icons across the system. Supports size variants, style variants (solid, regular, light), and CDN fallback."
+          }
         }
       ],
       "exports": [
@@ -1664,31 +1889,39 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "PlusSvgIcon",
-            "module": "src/components/svg-icon/svg-icon.ts"
+            "name": "PlusIcon",
+            "module": "src/components/icon/icon.ts"
           }
         },
         {
           "kind": "js",
-          "name": "PlusSvgIcon",
+          "name": "PlusIcon",
           "declaration": {
-            "name": "PlusSvgIcon",
-            "module": "src/components/svg-icon/svg-icon.ts"
+            "name": "PlusIcon",
+            "module": "src/components/icon/icon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/svg-icon/index.ts",
+      "path": "src/components/icon/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "plus-icon",
+          "declaration": {
+            "name": "PlusIcon",
+            "module": "/src/components/icon/icon"
+          }
+        },
         {
           "kind": "js",
-          "name": "*",
+          "name": "PlusIcon",
           "declaration": {
-            "name": "*",
-            "package": "./svg-icon.js"
+            "name": "default",
+            "module": "./icon"
           }
         },
         {
@@ -1696,15 +1929,55 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./icons"
+            "package": "./icon-registry"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "plus-svg-icon",
+          "kind": "js",
+          "name": "IconName",
           "declaration": {
-            "name": "PlusSvgIcon",
-            "module": "/src/components/svg-icon/svg-icon.js"
+            "name": "IconName",
+            "module": "./icon-registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IconStyle",
+          "declaration": {
+            "name": "IconStyle",
+            "module": "./icon-registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CoreIcon",
+          "declaration": {
+            "name": "CoreIcon",
+            "module": "./icon-registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CoreSolidIcon",
+          "declaration": {
+            "name": "CoreSolidIcon",
+            "module": "./icon-registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CoreRegularIcon",
+          "declaration": {
+            "name": "CoreRegularIcon",
+            "module": "./icon-registry"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CoreLightIcon",
+          "declaration": {
+            "name": "CoreLightIcon",
+            "module": "./icon-registry"
           }
         }
       ]
@@ -1838,7 +2111,8 @@
               },
               "default": "false",
               "description": "Toggles inverted color scheme",
-              "attribute": "invert"
+              "attribute": "invert",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1848,7 +2122,8 @@
               },
               "default": "false",
               "description": "Shows/hides the dismiss button",
-              "attribute": "dismiss"
+              "attribute": "dismiss",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -1858,7 +2133,8 @@
               },
               "default": "false",
               "description": "Disables the chip interaction",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -2159,7 +2435,8 @@
               },
               "default": "false",
               "description": "When true, displays loading state and disables interaction",
-              "attribute": "loading"
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2169,7 +2446,8 @@
               },
               "default": "false",
               "description": "When true, link opens in new tab with secure attributes\nAutomatically sets target=\"_blank\" and rel=\"noopener noreferrer\"",
-              "attribute": "external"
+              "attribute": "external",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2561,7 +2839,8 @@
               },
               "default": "false",
               "description": "When true, the alert will be displayed with a full width",
-              "attribute": "full-width"
+              "attribute": "full-width",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2848,7 +3127,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the radio button is checked",
+              "description": "Whether the radio is checked.",
               "attribute": "checked",
               "reflects": true
             },
@@ -2859,8 +3138,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the radio button is in an error state",
-              "attribute": "error"
+              "description": "Whether the radio is in an error state.",
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2869,7 +3149,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the radio button interaction",
+              "description": "Whether the radio is disabled.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -2880,7 +3160,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the radio button readonly (non-interactive but not disabled)",
+              "description": "Whether the radio is readonly.",
               "attribute": "readonly",
               "reflects": true
             },
@@ -2891,7 +3171,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the radio button, used for form submission and radio grouping",
+              "description": "The radio's name attribute.",
               "attribute": "name"
             },
             {
@@ -2901,7 +3181,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the radio input is required",
+              "description": "Whether the radio is required.",
               "attribute": "required",
               "reflects": true
             },
@@ -2912,7 +3192,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The value associated with the radio button",
+              "description": "The radio's value attribute.",
               "attribute": "value"
             },
             {
@@ -2998,7 +3278,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the radio button is checked",
+              "description": "Whether the radio is checked.",
               "fieldName": "checked",
               "propName": "checked"
             },
@@ -3008,7 +3288,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the radio button is in an error state",
+              "description": "Whether the radio is in an error state.",
               "fieldName": "error",
               "propName": "error"
             },
@@ -3018,7 +3298,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the radio button interaction",
+              "description": "Whether the radio is disabled.",
               "fieldName": "disabled",
               "propName": "disabled"
             },
@@ -3028,7 +3308,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Makes the radio button readonly (non-interactive but not disabled)",
+              "description": "Whether the radio is readonly.",
               "fieldName": "readonly",
               "propName": "readonly"
             },
@@ -3038,7 +3318,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the radio button, used for form submission and radio grouping",
+              "description": "The radio's name attribute.",
               "fieldName": "name",
               "propName": "name"
             },
@@ -3048,7 +3328,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the radio input is required",
+              "description": "Whether the radio is required.",
               "fieldName": "required",
               "propName": "required"
             },
@@ -3058,7 +3338,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The value associated with the radio button",
+              "description": "The radio's value attribute.",
               "fieldName": "value",
               "propName": "value"
             }
@@ -3142,6 +3422,12 @@
           "kind": "class",
           "description": "",
           "name": "PlusSegmentedPickerItem",
+          "cssProperties": [
+            {
+              "description": "Color of the active indicator",
+              "name": "--active-color"
+            }
+          ],
           "cssParts": [
             {
               "description": "The label element.",
@@ -3166,7 +3452,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the item is checked.",
+              "description": "The value associated with the item.",
               "attribute": "checked",
               "reflects": true
             },
@@ -3188,7 +3474,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the item is disabled.",
+              "description": "Disables the item, making it non-interactive.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -3284,7 +3570,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the item is checked.",
+              "description": "The value associated with the item.",
               "fieldName": "checked",
               "propName": "checked"
             },
@@ -3304,7 +3590,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the item is disabled.",
+              "description": "Disables the item, making it non-interactive.",
               "fieldName": "disabled",
               "propName": "disabled"
             },
@@ -3686,6 +3972,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Disables all radio buttons in the group.",
               "attribute": "disabled",
               "reflects": true
             },
@@ -3696,6 +3983,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Makes the radio group required for form submission.",
               "attribute": "required",
               "reflects": true
             },
@@ -3716,8 +4004,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows error styling on the radio group",
-              "attribute": "error"
+              "description": "Displays the radio buttons in an error state.",
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -3804,6 +4093,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Disables all radio buttons in the group.",
               "fieldName": "disabled",
               "propName": "disabled"
             },
@@ -3813,6 +4103,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Makes the radio group required for form submission.",
               "fieldName": "required",
               "propName": "required"
             },
@@ -3832,7 +4123,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Shows error styling on the radio group",
+              "description": "Displays the radio buttons in an error state.",
               "fieldName": "error",
               "propName": "error"
             },
@@ -5426,7 +5717,8 @@
               },
               "default": "true",
               "description": "Determines whether the popover can be dismissed by clicking the close button.\n\n- `true` (default) - Popover can be closed.\n- `false` - The close button is hidden.",
-              "attribute": "dismissable"
+              "attribute": "dismissable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5436,7 +5728,8 @@
               },
               "default": "true",
               "description": "Determines whether a status icon should be displayed in the popover.\n\n- `true` (default) - An icon representing the status will be displayed.\n- `false` - No icon will be displayed.",
-              "attribute": "statusIcon"
+              "attribute": "status-icon",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5446,7 +5739,8 @@
               },
               "default": "true",
               "description": "Determines whether the arrow should be displayed.\n\n- `true` (default) - Arrow will be displayed.\n- `false` - Arrow will be hidden.",
-              "attribute": "showArrow"
+              "attribute": "show-arrow",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5654,24 +5948,24 @@
               "propName": "dismissable"
             },
             {
-              "name": "statusIcon",
+              "name": "status-icon",
               "type": {
                 "text": "boolean"
               },
               "default": "true",
               "description": "Determines whether a status icon should be displayed in the popover.\n\n- `true` (default) - An icon representing the status will be displayed.\n- `false` - No icon will be displayed.",
               "fieldName": "statusIcon",
-              "propName": "statusicon"
+              "propName": "statusIcon"
             },
             {
-              "name": "showArrow",
+              "name": "show-arrow",
               "type": {
                 "text": "boolean"
               },
               "default": "true",
               "description": "Determines whether the arrow should be displayed.\n\n- `true` (default) - Arrow will be displayed.\n- `false` - Arrow will be hidden.",
               "fieldName": "showArrow",
-              "propName": "showarrow"
+              "propName": "showArrow"
             }
           ],
           "superclass": {
@@ -5805,8 +6099,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the list box item interaction\nWhen disabled, the item cannot be clicked or selected",
-              "attribute": "disabled"
+              "description": "Disables the item, making it non-interactive.",
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5815,8 +6110,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets the selected state of the list box item\nWhen selected, the item will display with a highlighted background",
-              "attribute": "selected"
+              "description": "Indicates whether the item is currently selected.",
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -5874,7 +6170,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the list box item interaction\nWhen disabled, the item cannot be clicked or selected",
+              "description": "Disables the item, making it non-interactive.",
               "fieldName": "disabled",
               "propName": "disabled"
             },
@@ -5884,7 +6180,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Sets the selected state of the list box item\nWhen selected, the item will display with a highlighted background",
+              "description": "Indicates whether the item is currently selected.",
               "fieldName": "selected",
               "propName": "selected"
             },
@@ -6261,7 +6557,8 @@
               },
               "default": "false",
               "description": "Disables the dropdown interaction",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7040,7 +7337,8 @@
               },
               "default": "false",
               "description": "Whether the input should have a clear button",
-              "attribute": "clearable"
+              "attribute": "clearable",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7050,7 +7348,8 @@
               },
               "default": "false",
               "description": "Whether the input is disabled",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7060,7 +7359,8 @@
               },
               "default": "false",
               "description": "Whether the input is readonly",
-              "attribute": "readonly"
+              "attribute": "readonly",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7070,7 +7370,8 @@
               },
               "default": "false",
               "description": "Whether the input is required",
-              "attribute": "required"
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7080,7 +7381,8 @@
               },
               "default": "false",
               "description": "Whether to show a password toggle button",
-              "attribute": "password-toggle"
+              "attribute": "password-toggle",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7090,7 +7392,8 @@
               },
               "default": "false",
               "description": "Whether the password is visible",
-              "attribute": "password-visible"
+              "attribute": "password-visible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7189,10 +7492,11 @@
               "kind": "field",
               "name": "autoFocus",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "description": "Whether the input should automatically get focus",
-              "attribute": "autoFocus"
+              "attribute": "autoFocus",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7222,10 +7526,11 @@
               "kind": "field",
               "name": "spellCheck",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "description": "Whether spellcheck is enabled",
-              "attribute": "spellCheck"
+              "attribute": "spellCheck",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7244,7 +7549,8 @@
               },
               "default": "false",
               "description": "Whether the input is in an error state",
-              "attribute": "error"
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -7267,16 +7573,6 @@
               "attribute": "full-width",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "isSelect",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the input is used as part of a select component",
-              "attribute": "isSelect"
-            },
             {
               "kind": "field",
               "name": "prefixIcon",
@@ -7519,62 +7815,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "type",
-              "type": {
-                "text": "'date'|'datetime-local'|'email'|'number'|'password'|'search'|'tel'|'text'|'time'|'url'"
-              },
-              "default": "'text'",
-              "description": "The type of input",
-              "fieldName": "type",
-              "expandedType": {
-                "text": "'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url'"
-              },
-              "propName": "type"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The name of the input",
-              "fieldName": "name",
-              "propName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The value of the input",
-              "fieldName": "value",
-              "propName": "value"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The placeholder text",
-              "fieldName": "placeholder",
-              "propName": "placeholder"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'sm'|'md'|'lg'"
-              },
-              "default": "'md'",
-              "description": "The size of the input",
-              "fieldName": "size",
-              "expandedType": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "propName": "size"
-            },
             {
               "name": "clearable",
               "type": {
@@ -7583,6 +7823,7 @@
               "default": "false",
               "description": "Whether the input should have a clear button",
               "fieldName": "clearable",
+              "attribute": "clearable",
               "propName": "clearable"
             },
             {
@@ -7593,6 +7834,7 @@
               "default": "false",
               "description": "Whether the input is disabled",
               "fieldName": "disabled",
+              "attribute": "disabled",
               "propName": "disabled"
             },
             {
@@ -7603,6 +7845,7 @@
               "default": "false",
               "description": "Whether the input is readonly",
               "fieldName": "readonly",
+              "attribute": "readonly",
               "propName": "readonly"
             },
             {
@@ -7613,6 +7856,7 @@
               "default": "false",
               "description": "Whether the input is required",
               "fieldName": "required",
+              "attribute": "required",
               "propName": "required"
             },
             {
@@ -7623,6 +7867,7 @@
               "default": "false",
               "description": "Whether to show a password toggle button",
               "fieldName": "passwordToggle",
+              "attribute": "password-toggle",
               "propName": "passwordToggle"
             },
             {
@@ -7633,8 +7878,76 @@
               "default": "false",
               "description": "Whether the password is visible",
               "fieldName": "passwordVisible",
+              "attribute": "password-visible",
               "propName": "passwordVisible"
             },
+            {
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the input is in an error state",
+              "fieldName": "error",
+              "attribute": "error",
+              "propName": "error"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "'date'|'datetime-local'|'email'|'number'|'password'|'search'|'tel'|'text'|'time'|'url'"
+              },
+              "default": "'text'",
+              "description": "The type of input",
+              "fieldName": "type",
+              "expandedType": {
+                "text": "'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url'"
+              },
+              "propName": "type"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the input",
+              "fieldName": "name",
+              "propName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The value of the input",
+              "fieldName": "value",
+              "propName": "value"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The placeholder text",
+              "fieldName": "placeholder",
+              "propName": "placeholder"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'sm'|'md'|'lg'"
+              },
+              "default": "'md'",
+              "description": "The size of the input",
+              "fieldName": "size",
+              "expandedType": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "propName": "size"
+            },
             {
               "name": "label",
               "type": {
@@ -7731,7 +8044,7 @@
             {
               "name": "autoFocus",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "description": "Whether the input should automatically get focus",
               "fieldName": "autoFocus",
@@ -7764,7 +8077,7 @@
             {
               "name": "spellCheck",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
               "description": "Whether spellcheck is enabled",
               "fieldName": "spellCheck",
@@ -7779,16 +8092,6 @@
               "fieldName": "caption",
               "propName": "caption"
             },
-            {
-              "name": "error",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the input is in an error state",
-              "fieldName": "error",
-              "propName": "error"
-            },
             {
               "name": "error-message",
               "type": {
@@ -7809,16 +8112,6 @@
               "fieldName": "fullWidth",
               "propName": "fullWidth"
             },
-            {
-              "name": "isSelect",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the input is used as part of a select component",
-              "fieldName": "isSelect",
-              "propName": "isselect"
-            },
             {
               "name": "prefix-icon",
               "type": {
@@ -8057,8 +8350,9 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Determines whether a status icon should be displayed in the popconfirm.\n\n- `true` (default) - An icon representing the status will be displayed.\n- `false` - No icon will be displayed.",
-              "attribute": "status-icon"
+              "description": "Determines whether a status icon should be displayed in the popconfirm.",
+              "attribute": "status-icon",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8067,8 +8361,9 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Determines whether the arrow should be displayed.\n\n- `true` (default) - Arrow will be displayed.\n- `false` - Arrow will be hidden.",
-              "attribute": "show-arrow"
+              "description": "Determines whether the arrow should be displayed.",
+              "attribute": "show-arrow",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8296,7 +8591,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Determines whether a status icon should be displayed in the popconfirm.\n\n- `true` (default) - An icon representing the status will be displayed.\n- `false` - No icon will be displayed.",
+              "description": "Determines whether a status icon should be displayed in the popconfirm.",
               "fieldName": "statusIcon",
               "propName": "statusIcon"
             },
@@ -8306,7 +8601,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Determines whether the arrow should be displayed.\n\n- `true` (default) - Arrow will be displayed.\n- `false` - Arrow will be hidden.",
+              "description": "Determines whether the arrow should be displayed.",
               "fieldName": "showArrow",
               "propName": "showArrow"
             }
@@ -9409,7 +9704,8 @@
               },
               "default": "false",
               "description": "Whether to display the checkboxes vertically.",
-              "attribute": "vertical"
+              "attribute": "vertical",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10305,7 +10601,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "readonly"
+              "attribute": "readonly",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10314,7 +10611,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -10378,7 +10676,8 @@
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "required"
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11092,7 +11391,7 @@
           "summary": "Displays short, temporary messages.",
           "dependencies": [
             {
-              "name": "plus-svg-icon",
+              "name": "plus-icon",
               "description": ""
             },
             {
@@ -11470,7 +11769,8 @@
               },
               "default": "false",
               "description": "Disables the select item, preventing interaction.\nWhen disabled, the item cannot be clicked or selected.",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11480,7 +11780,8 @@
               },
               "default": "false",
               "description": "Indicates whether the select item is currently selected.\nThe selected state is managed by the parent PlusSelect component.",
-              "attribute": "selected"
+              "attribute": "selected",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11696,7 +11997,8 @@
               },
               "default": "false",
               "description": "Indicates if the select is in an error state.",
-              "attribute": "error"
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11706,7 +12008,8 @@
               },
               "default": "false",
               "description": "Disables the select, preventing interaction.",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11716,7 +12019,8 @@
               },
               "default": "false",
               "description": "Marks the select as required.",
-              "attribute": "required"
+              "attribute": "required",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11726,7 +12030,8 @@
               },
               "default": "false",
               "description": "Makes the select read-only, preventing changes.",
-              "attribute": "readonly"
+              "attribute": "readonly",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11745,7 +12050,19 @@
               },
               "default": "false",
               "description": "Enables a clear button to reset the selection.",
-              "attribute": "clearable"
+              "attribute": "clearable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the select full width.",
+              "attribute": "full-width",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -11998,6 +12315,16 @@
               "description": "Enables a clear button to reset the selection.",
               "fieldName": "clearable",
               "propName": "clearable"
+            },
+            {
+              "name": "full-width",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the select full width.",
+              "fieldName": "fullWidth",
+              "propName": "fullWidth"
             }
           ],
           "superclass": {
@@ -12287,14 +12614,6 @@
               },
               "attribute": "toggle-inactive-icon"
             },
-            {
-              "kind": "field",
-              "name": "iconSize",
-              "type": {
-                "text": "number | undefined"
-              },
-              "attribute": "icon-size"
-            },
             {
               "kind": "field",
               "name": "error",
@@ -12667,14 +12986,6 @@
               "fieldName": "toggleInActiveIcon",
               "propName": "toggleInactiveIcon"
             },
-            {
-              "name": "icon-size",
-              "type": {
-                "text": "number | undefined"
-              },
-              "fieldName": "iconSize",
-              "propName": "iconSize"
-            },
             {
               "name": "error",
               "type": {
@@ -12915,7 +13226,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Icon to display before the tab content",
+              "description": "Icon name to display before the tab content",
               "attribute": "prefix-icon"
             },
             {
@@ -12924,7 +13235,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Icon to display after the tab content",
+              "description": "Icon name to display after the tab content",
               "attribute": "suffix-icon"
             },
             {
@@ -12935,7 +13246,8 @@
               },
               "default": "false",
               "description": "Enables the dismiss button to remove the tab",
-              "attribute": "dismissible"
+              "attribute": "dismissible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12945,7 +13257,8 @@
               },
               "default": "false",
               "description": "Truncates the text if it's too long",
-              "attribute": "truncate"
+              "attribute": "truncate",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -12955,7 +13268,8 @@
               },
               "default": "false",
               "description": "Use animated indicator instead of border for active tab\nThis is controlled by the parent tab-group",
-              "attribute": "animated"
+              "attribute": "animated",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -13055,7 +13369,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Icon to display before the tab content",
+              "description": "Icon name to display before the tab content",
               "fieldName": "prefixIcon",
               "propName": "prefixIcon"
             },
@@ -13064,7 +13378,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Icon to display after the tab content",
+              "description": "Icon name to display after the tab content",
               "fieldName": "suffixIcon",
               "propName": "suffixIcon"
             },
@@ -13188,7 +13502,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the panel is currently visible",
+              "description": "Indicates whether the panel is currently active/visible.",
               "attribute": "active",
               "reflects": true
             },
@@ -13199,7 +13513,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Custom CSS class to apply to the panel",
+              "description": "An optional class to apply to the panel container.",
               "attribute": "panelClass"
             },
             {
@@ -13243,7 +13557,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates if the panel is currently visible",
+              "description": "Indicates whether the panel is currently active/visible.",
               "fieldName": "active",
               "propName": "active"
             },
@@ -13253,7 +13567,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Custom CSS class to apply to the panel",
+              "description": "An optional class to apply to the panel container.",
               "fieldName": "panelClass",
               "propName": "panelclass"
             }
@@ -13389,7 +13703,8 @@
               },
               "default": "false",
               "description": "Disables all tabs",
-              "attribute": "disabled"
+              "attribute": "disabled",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13398,8 +13713,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables the dismiss button on all tabs",
-              "attribute": "dismissible"
+              "description": "Allows individual tabs to be dismissed (closed).",
+              "attribute": "dismissible",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -13623,7 +13939,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enables the dismiss button on all tabs",
+              "description": "Allows individual tabs to be dismissed (closed).",
               "fieldName": "dismissible",
               "propName": "dismissible"
             },
@@ -13736,14 +14052,6 @@
             "package": "./button-group"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icon"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -13765,7 +14073,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./svg-icon"
+            "package": "./icon"
           }
         },
         {