@vibe/core 3.70.2-alpha-23478.0 → 3.70.2

package/dist/metadata.json

@@ -393,7 +393,7 @@
         "name": "rightIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "leftIcon": {
@@ -402,7 +402,7 @@
         "name": "leftIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "success": {
@@ -420,7 +420,7 @@
         "name": "successIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "successText": {
@@ -787,7 +787,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconPosition": {
@@ -1016,7 +1016,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconType": {
@@ -1264,7 +1264,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconPosition": {
@@ -1439,7 +1439,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "type": {
@@ -2822,558 +2822,59 @@
           "name": "string"
         }
       },
-      "id": {
-        "defaultValue": null,
-        "description": "An HTML id attribute for the component.",
-        "name": "id",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    },
-    "import": "import { BreadcrumbsBar } from \"@vibe/core\"",
-    "subComponents": []
-  },
-  {
-    "filePath": "src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as BreadcrumbMenu",
-      "type BreadcrumbMenuProps"
-    ],
-    "displayName": "BreadcrumbMenu",
-    "description": "",
-    "props": {
-      "className": {
-        "defaultValue": null,
-        "description": "A CSS class name to apply to the component.",
-        "name": "className",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "data-testid": {
-        "defaultValue": null,
-        "description": "A unique identifier for testing purposes.",
-        "name": "data-testid",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "id": {
-        "defaultValue": null,
-        "description": "An HTML id attribute for the component.",
-        "name": "id",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    },
-    "import": "import { BreadcrumbMenu } from \"@vibe/core\"",
-    "parentComponent": "BreadcrumbsBar",
-    "subComponents": []
-  },
-  {
-    "filePath": "src/components/Button/Button.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as Button",
-      "type ButtonProps",
-      "ButtonType",
-      "ButtonInputType",
-      "ButtonColor",
-      "ButtonSize"
-    ],
-    "displayName": "Button",
-    "description": "",
-    "props": {
-      "className": {
-        "defaultValue": null,
-        "description": "Custom class names to pass to the component",
-        "name": "className",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "activeButtonClassName": {
-        "defaultValue": null,
-        "description": "",
-        "name": "activeButtonClassName",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "kind": {
-        "defaultValue": {
-          "value": "primary"
-        },
-        "description": "The button's kind",
-        "name": "kind",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "ButtonType",
-          "value": [
-            {
-              "value": "\"primary\""
-            },
-            {
-              "value": "\"secondary\""
-            },
-            {
-              "value": "\"tertiary\""
-            }
-          ]
-        }
-      },
-      "onClick": {
-        "defaultValue": null,
-        "description": "Callback function to run when the button is clicked",
-        "name": "onClick",
-        "required": false,
-        "type": {
-          "name": "(event: React.MouseEvent<HTMLButtonElement>) => void"
-        }
-      },
-      "onMouseDown": {
-        "defaultValue": null,
-        "description": "",
-        "name": "onMouseDown",
-        "required": false,
-        "type": {
-          "name": "(event: React.MouseEvent<HTMLButtonElement>) => void"
-        }
-      },
-      "blurOnMouseUp": {
-        "defaultValue": {
-          "value": "true"
-        },
-        "description": "Blur on button click",
-        "name": "blurOnMouseUp",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "name": {
-        "defaultValue": null,
-        "description": "Name of the button - for form submit usages",
-        "name": "name",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "size": {
-        "defaultValue": {
-          "value": "medium"
-        },
-        "description": "The button's size",
-        "name": "size",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "ButtonSize",
-          "value": [
-            {
-              "value": "\"xxs\""
-            },
-            {
-              "value": "\"xs\""
-            },
-            {
-              "value": "\"small\""
-            },
-            {
-              "value": "\"medium\""
-            },
-            {
-              "value": "\"large\""
-            }
-          ]
-        }
-      },
-      "color": {
-        "defaultValue": {
-          "value": "primary"
-        },
-        "description": "The button's color",
-        "name": "color",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "ButtonColor",
-          "value": [
-            {
-              "value": "\"primary\""
-            },
-            {
-              "value": "\"positive\""
-            },
-            {
-              "value": "\"negative\""
-            },
-            {
-              "value": "\"inverted\""
-            },
-            {
-              "value": "\"on-primary-color\""
-            },
-            {
-              "value": "\"on-inverted-background\""
-            },
-            {
-              "value": "\"brand\""
-            },
-            {
-              "value": "\"fixed-light\""
-            },
-            {
-              "value": "\"fixed-dark\""
-            }
-          ]
-        }
-      },
-      "type": {
-        "defaultValue": {
-          "value": "button"
-        },
-        "description": "The button's type",
-        "name": "type",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "ButtonInputType",
-          "value": [
-            {
-              "value": "\"button\""
-            },
-            {
-              "value": "\"submit\""
-            },
-            {
-              "value": "\"reset\""
-            }
-          ]
-        }
-      },
-      "disabled": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "Whether the button should be disabled or not",
-        "name": "disabled",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "rightIcon": {
-        "defaultValue": {
-          "value": "null"
-        },
-        "description": "Icon to place on the right",
-        "name": "rightIcon",
-        "required": false,
-        "type": {
-          "name": "any"
-        }
-      },
-      "leftIcon": {
-        "defaultValue": {
-          "value": "null"
-        },
-        "description": "Icon to place on the left",
-        "name": "leftIcon",
-        "required": false,
-        "type": {
-          "name": "any"
-        }
-      },
-      "success": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "the success props are used when you have async action and wants to display a success message",
-        "name": "success",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "successIcon": {
-        "defaultValue": {
-          "value": "null"
-        },
-        "description": "Success icon name",
-        "name": "successIcon",
-        "required": false,
-        "type": {
-          "name": "any"
-        }
-      },
-      "successText": {
-        "defaultValue": {
-          "value": ""
-        },
-        "description": "Success text",
-        "name": "successText",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "loading": {
-        "defaultValue": null,
-        "description": "loading boolean which switches the text to a loader",
-        "name": "loading",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "loaderClassName": {
-        "defaultValue": null,
-        "description": "className which is applied to loader container *",
-        "name": "loaderClassName",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "style": {
-        "defaultValue": null,
-        "description": "",
-        "name": "style",
-        "required": false,
-        "type": {
-          "name": "React.CSSProperties"
-        }
-      },
-      "active": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "displays the active state",
-        "name": "active",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "id": {
-        "defaultValue": null,
-        "description": "id to pass to the button",
-        "name": "id",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "marginRight": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "adds 8px margin to the right",
-        "name": "marginRight",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "marginLeft": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "adds 8px margin to the left",
-        "name": "marginLeft",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "ariaLabeledBy": {
-        "defaultValue": null,
-        "description": "element id to describe the button accordingly",
-        "name": "ariaLabeledBy",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "ariaLabel": {
-        "defaultValue": null,
-        "description": "aria label to provide important when providing only Icon",
-        "name": "ariaLabel",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "ariaHasPopup": {
-        "defaultValue": null,
-        "description": "aria for a button popup",
-        "name": "ariaHasPopup",
-        "required": false,
-        "type": {
-          "name": "React.HTMLProps<HTMLButtonElement>"
-        }
-      },
-      "ariaExpanded": {
-        "defaultValue": null,
-        "description": "aria to be set if the popup is open",
-        "name": "ariaExpanded",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "ariaControls": {
-        "defaultValue": null,
-        "description": "aria controls - receives id for the controlled region",
-        "name": "ariaControls",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "aria-describedby": {
-        "defaultValue": null,
-        "description": "",
-        "name": "aria-describedby",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "aria-hidden": {
-        "defaultValue": null,
-        "description": "aria to be used for screen reader to know if the button is hidden",
-        "name": "aria-hidden",
-        "required": false,
-        "type": {
-          "name": "Booleanish"
-        }
-      },
-      "aria-pressed": {
-        "defaultValue": null,
-        "description": "Indicates the current \"pressed\" state of toggle buttons",
-        "name": "aria-pressed",
-        "required": false,
-        "type": {
-          "name": "boolean | \"true\" | \"false\" | \"mixed\""
-        }
-      },
-      "onFocus": {
-        "defaultValue": null,
-        "description": "On Button Focus callback",
-        "name": "onFocus",
-        "required": false,
-        "type": {
-          "name": "(event: React.FocusEvent<HTMLButtonElement>) => void"
-        }
-      },
-      "onBlur": {
-        "defaultValue": null,
-        "description": "On Button Blur callback",
-        "name": "onBlur",
-        "required": false,
-        "type": {
-          "name": "(event: React.FocusEvent<HTMLButtonElement>) => void"
-        }
-      },
-      "rightFlat": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "",
-        "name": "rightFlat",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "leftFlat": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "",
-        "name": "leftFlat",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "preventClickAnimation": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "",
-        "name": "preventClickAnimation",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "noSidePadding": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "",
-        "name": "noSidePadding",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "defaultTextColorOnPrimaryColor": {
-        "defaultValue": {
-          "value": null
-        },
-        "description": "default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...)",
-        "name": "defaultTextColorOnPrimaryColor",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "data-testid": {
-        "defaultValue": null,
-        "description": "A unique identifier for testing purposes.",
-        "name": "data-testid",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "insetFocus": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "Change the focus indicator from around the button to within it",
-        "name": "insetFocus",
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "string"
+        }
+      }
+    },
+    "import": "import { BreadcrumbsBar } from \"@vibe/core\"",
+    "subComponents": []
+  },
+  {
+    "filePath": "src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx",
+    "aggregator": "core",
+    "symbols": [
+      "default as BreadcrumbMenu",
+      "type BreadcrumbMenuProps"
+    ],
+    "displayName": "BreadcrumbMenu",
+    "description": "",
+    "props": {
+      "className": {
+        "defaultValue": null,
+        "description": "A CSS class name to apply to the component.",
+        "name": "className",
+        "required": false,
+        "type": {
+          "name": "string"
         }
       },
-      "tabIndex": {
+      "data-testid": {
         "defaultValue": null,
-        "description": "Specifies the tab order of an element",
-        "name": "tabIndex",
+        "description": "A unique identifier for testing purposes.",
+        "name": "data-testid",
         "required": false,
         "type": {
-          "name": "number"
+          "name": "string"
+        }
+      },
+      "id": {
+        "defaultValue": null,
+        "description": "An HTML id attribute for the component.",
+        "name": "id",
+        "required": false,
+        "type": {
+          "name": "string"
         }
       }
     },
-    "import": "import { Button } from \"@vibe/core\"",
+    "import": "import { BreadcrumbMenu } from \"@vibe/core\"",
+    "parentComponent": "BreadcrumbsBar",
     "subComponents": []
   },
   {
@@ -3874,7 +3375,7 @@
         "name": "rightIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "leftIcon": {
@@ -3885,7 +3386,7 @@
         "name": "leftIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "rightAvatar": {
@@ -4500,7 +4001,7 @@
         "name": "ColorIndicatorIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "SelectedIndicatorIcon": {
@@ -4509,7 +4010,7 @@
         "name": "SelectedIndicatorIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "NoColorIcon": {
@@ -4518,7 +4019,7 @@
         "name": "NoColorIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "colorStyle": {
@@ -4748,7 +4249,7 @@
         "name": "ColorIndicatorIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "SelectedIndicatorIcon": {
@@ -4757,7 +4258,7 @@
         "name": "SelectedIndicatorIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "NoColorIcon": {
@@ -4766,7 +4267,7 @@
         "name": "NoColorIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "colorStyle": {
@@ -5315,7 +4816,7 @@
         "name": "searchIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "searchInputAriaLabel": {
@@ -8366,288 +7867,80 @@
             },
             {
               "value": "\"primary\""
-            },
-            {
-              "value": "\"secondary\""
-            },
-            {
-              "value": "\"onPrimary\""
-            },
-            {
-              "value": "\"onInverted\""
-            },
-            {
-              "value": "\"fixedLight\""
-            },
-            {
-              "value": "\"fixedDark\""
-            },
-            {
-              "value": "\"negative\""
-            }
-          ]
-        }
-      },
-      "children": {
-        "defaultValue": null,
-        "description": "The content inside the heading.",
-        "name": "children",
-        "required": true,
-        "type": {
-          "name": "ReactNode"
-        }
-      },
-      "element": {
-        "defaultValue": null,
-        "description": "The HTML element tag used for the text component.",
-        "name": "element",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "ellipsis": {
-        "defaultValue": null,
-        "description": "If true, truncates overflowing text with an ellipsis.",
-        "name": "ellipsis",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "maxLines": {
-        "defaultValue": null,
-        "description": "The maximum number of lines before truncating with an ellipsis.",
-        "name": "maxLines",
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
-      "tooltipProps": {
-        "defaultValue": null,
-        "description": "Props passed to the tooltip displayed when hovering over the text.",
-        "name": "tooltipProps",
-        "required": false,
-        "type": {
-          "name": "Partial<TooltipProps>"
-        }
-      },
-      "withoutTooltip": {
-        "defaultValue": null,
-        "description": "If true, disables the tooltip that appears when text is truncated.",
-        "name": "withoutTooltip",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "A CSS class name to apply to the component.",
-        "name": "className",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "data-testid": {
-        "defaultValue": null,
-        "description": "A unique identifier for testing purposes.",
-        "name": "data-testid",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "id": {
-        "defaultValue": null,
-        "description": "An HTML id attribute for the component.",
-        "name": "id",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    },
-    "import": "import { Heading } from \"@vibe/core\"",
-    "subComponents": []
-  },
-  {
-    "filePath": "src/components/HiddenText/HiddenText.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as HiddenText",
-      "type HiddenTextProps"
-    ],
-    "displayName": "HiddenText",
-    "description": "",
-    "props": {
-      "text": {
-        "defaultValue": null,
-        "description": "The text content that is hidden but available for assistive technologies.",
-        "name": "text",
-        "required": true,
-        "type": {
-          "name": "string"
-        }
-      },
-      "className": {
-        "defaultValue": {
-          "value": ""
-        },
-        "description": "A CSS class name to apply to the component.",
-        "name": "className",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "data-testid": {
-        "defaultValue": null,
-        "description": "A unique identifier for testing purposes.",
-        "name": "data-testid",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "id": {
-        "defaultValue": {
-          "value": "hiddenText"
-        },
-        "description": "An HTML id attribute for the component.",
-        "name": "id",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    },
-    "import": "import { HiddenText } from \"@vibe/core\"",
-    "subComponents": []
-  },
-  {
-    "filePath": "src/components/Icon/Icon.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as Icon",
-      "type IconProps",
-      "IconType"
-    ],
-    "displayName": "Icon",
-    "description": "",
-    "props": {
-      "icon": {
-        "defaultValue": {
-          "value": ""
-        },
-        "description": "The icon name, component, or source URL.",
-        "name": "icon",
-        "required": false,
-        "type": {
-          "name": "any"
-        }
-      },
-      "iconLabel": {
-        "defaultValue": null,
-        "description": "The accessible label for the icon.",
-        "name": "iconLabel",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "iconType": {
-        "defaultValue": {
-          "value": "svg"
-        },
-        "description": "The type of the icon: `svg`, `font`, or `src` (external source).",
-        "name": "iconType",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "IconType",
-          "value": [
+            },
             {
-              "value": "\"svg\""
+              "value": "\"secondary\""
             },
             {
-              "value": "\"font\""
+              "value": "\"onPrimary\""
             },
             {
-              "value": "\"src\""
+              "value": "\"onInverted\""
+            },
+            {
+              "value": "\"fixedLight\""
+            },
+            {
+              "value": "\"fixedDark\""
+            },
+            {
+              "value": "\"negative\""
             }
           ]
         }
       },
-      "iconSize": {
-        "defaultValue": {
-          "value": "16"
-        },
-        "description": "The size of the icon.",
-        "name": "iconSize",
-        "required": false,
-        "type": {
-          "name": "string | number"
-        }
-      },
-      "ignoreFocusStyle": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "If true, removes focus styles from the icon.",
-        "name": "ignoreFocusStyle",
-        "required": false,
+      "children": {
+        "defaultValue": null,
+        "description": "The content inside the heading.",
+        "name": "children",
+        "required": true,
         "type": {
-          "name": "boolean"
+          "name": "ReactNode"
         }
       },
-      "tabindex": {
+      "element": {
         "defaultValue": null,
-        "description": "The tab index of the icon for keyboard navigation.",
-        "name": "tabindex",
+        "description": "The HTML element tag used for the text component.",
+        "name": "element",
         "required": false,
         "type": {
-          "name": "string | number"
+          "name": "string"
         }
       },
-      "ariaHidden": {
+      "ellipsis": {
         "defaultValue": null,
-        "description": "If true, hides the icon from screen readers.",
-        "name": "ariaHidden",
+        "description": "If true, truncates overflowing text with an ellipsis.",
+        "name": "ellipsis",
         "required": false,
         "type": {
           "name": "boolean"
         }
       },
-      "style": {
+      "maxLines": {
         "defaultValue": null,
-        "description": "Inline styles applied to the icon.",
-        "name": "style",
+        "description": "The maximum number of lines before truncating with an ellipsis.",
+        "name": "maxLines",
         "required": false,
         "type": {
-          "name": "React.CSSProperties"
+          "name": "number"
         }
       },
-      "useCurrentColor": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "If true, replaces `fill` property with `currentColor` when using an `src` icon.",
-        "name": "useCurrentColor",
+      "tooltipProps": {
+        "defaultValue": null,
+        "description": "Props passed to the tooltip displayed when hovering over the text.",
+        "name": "tooltipProps",
         "required": false,
         "type": {
-          "name": "boolean"
+          "name": "Partial<TooltipProps>"
         }
       },
-      "customColor": {
+      "withoutTooltip": {
         "defaultValue": null,
-        "description": "Overrides the default color with a custom color.",
-        "name": "customColor",
+        "description": "If true, disables the tooltip that appears when text is truncated.",
+        "name": "withoutTooltip",
         "required": false,
         "type": {
-          "name": "string"
+          "name": "boolean"
         }
       },
       "className": {
@@ -8678,113 +7971,32 @@
         }
       }
     },
-    "import": "import { Icon } from \"@vibe/core\"",
+    "import": "import { Heading } from \"@vibe/core\"",
     "subComponents": []
   },
   {
-    "filePath": "src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx",
+    "filePath": "src/components/HiddenText/HiddenText.tsx",
     "aggregator": "core",
     "symbols": [
-      "default as CustomSvgIcon",
-      "type CustomSvgIconProps"
+      "default as HiddenText",
+      "type HiddenTextProps"
     ],
-    "displayName": "CustomSvgIcon",
+    "displayName": "HiddenText",
     "description": "",
     "props": {
-      "onClick": {
-        "defaultValue": null,
-        "description": "Callback fired when the icon is clicked.",
-        "name": "onClick",
-        "required": false,
-        "type": {
-          "name": "(event: React.MouseEvent) => void"
-        }
-      },
-      "src": {
+      "text": {
         "defaultValue": null,
-        "description": "The source URL or object of the SVG icon.",
-        "name": "src",
+        "description": "The text content that is hidden but available for assistive technologies.",
+        "name": "text",
         "required": true,
-        "type": {
-          "name": "string | object"
-        }
-      },
-      "ariaLabel": {
-        "defaultValue": null,
-        "description": "The accessible label for the icon.",
-        "name": "ariaLabel",
-        "required": false,
         "type": {
           "name": "string"
         }
       },
-      "tabIndex": {
-        "defaultValue": null,
-        "description": "The tab index of the icon for keyboard navigation.",
-        "name": "tabIndex",
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
-      "role": {
-        "defaultValue": null,
-        "description": "The ARIA role of the icon.",
-        "name": "role",
-        "required": false,
-        "type": {
-          "name": "AriaRole"
-        }
-      },
-      "ariaHidden": {
-        "defaultValue": null,
-        "description": "If true, hides the icon from screen readers.",
-        "name": "ariaHidden",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "clickable": {
-        "defaultValue": null,
-        "description": "If true, makes the icon clickable.",
-        "name": "clickable",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "replaceToCurrentColor": {
+      "className": {
         "defaultValue": {
-          "value": "false"
+          "value": ""
         },
-        "description": "If true, replaces the `fill` attribute in the SVG with `currentColor`.",
-        "name": "replaceToCurrentColor",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "customColor": {
-        "defaultValue": null,
-        "description": "Overrides the default color of the icon.",
-        "name": "customColor",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "ref": {
-        "defaultValue": null,
-        "description": "Reference to the SVG element.",
-        "name": "ref",
-        "required": false,
-        "type": {
-          "name": "Ref<SVGElement>"
-        }
-      },
-      "className": {
-        "defaultValue": null,
         "description": "A CSS class name to apply to the component.",
         "name": "className",
         "required": false,
@@ -8802,7 +8014,9 @@
         }
       },
       "id": {
-        "defaultValue": null,
+        "defaultValue": {
+          "value": "hiddenText"
+        },
         "description": "An HTML id attribute for the component.",
         "name": "id",
         "required": false,
@@ -8811,8 +8025,7 @@
         }
       }
     },
-    "import": "import { CustomSvgIcon } from \"@vibe/core\"",
-    "parentComponent": "Icon",
+    "import": "import { HiddenText } from \"@vibe/core\"",
     "subComponents": []
   },
   {
@@ -8858,7 +8071,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "ariaLabeledBy": {
@@ -9781,7 +8994,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconPosition": {
@@ -10337,7 +9550,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "margin": {
@@ -10391,103 +9604,6 @@
     "import": "import { ListItemIcon } from \"@vibe/core\"",
     "subComponents": []
   },
-  {
-    "filePath": "src/components/Loader/Loader.tsx",
-    "aggregator": "core",
-    "symbols": [
-      "default as Loader",
-      "type LoaderProps",
-      "LoaderColors",
-      "LoaderSizes",
-      "LoaderSize"
-    ],
-    "displayName": "Loader",
-    "description": "",
-    "props": {
-      "size": {
-        "defaultValue": null,
-        "description": "The size of the loader, either a predefined size or a custom number.",
-        "name": "size",
-        "required": false,
-        "type": {
-          "name": "LoaderSize"
-        }
-      },
-      "color": {
-        "defaultValue": null,
-        "description": "The color of the loader.",
-        "name": "color",
-        "required": false,
-        "type": {
-          "name": "enum",
-          "raw": "LoaderColors",
-          "value": [
-            {
-              "value": "\"primary\""
-            },
-            {
-              "value": "\"secondary\""
-            },
-            {
-              "value": "\"onPrimary\""
-            },
-            {
-              "value": "\"dark\""
-            }
-          ]
-        }
-      },
-      "hasBackground": {
-        "defaultValue": {
-          "value": "false"
-        },
-        "description": "If true, a background circle is displayed behind the loader.",
-        "name": "hasBackground",
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "wrapperClassName": {
-        "defaultValue": null,
-        "description": "Class name applied to the wrapper element.",
-        "name": "wrapperClassName",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "className": {
-        "defaultValue": null,
-        "description": "A CSS class name to apply to the component.",
-        "name": "className",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "data-testid": {
-        "defaultValue": null,
-        "description": "A unique identifier for testing purposes.",
-        "name": "data-testid",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      },
-      "id": {
-        "defaultValue": null,
-        "description": "An HTML id attribute for the component.",
-        "name": "id",
-        "required": false,
-        "type": {
-          "name": "string"
-        }
-      }
-    },
-    "import": "import { Loader } from \"@vibe/core\"",
-    "subComponents": []
-  },
   {
     "filePath": "src/components/Menu/Menu/Menu.tsx",
     "aggregator": "core",
@@ -10733,7 +9849,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconType": {
@@ -11132,7 +10248,7 @@
         "name": "leftIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "rightIcon": {
@@ -11143,7 +10259,7 @@
         "name": "rightIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "index": {
@@ -12211,7 +11327,7 @@
         "name": "leftIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "data-testid": {
@@ -12476,7 +11592,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "titleClassName": {
@@ -12810,7 +11926,7 @@
         "name": "fulfilledStepIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "fulfilledStepIconType": {
@@ -13363,7 +12479,7 @@
         "name": "searchIconName",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "clearIconName": {
@@ -13372,7 +12488,7 @@
         "name": "clearIconName",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "clearIconLabel": {
@@ -14379,7 +13495,7 @@
         "name": "rightIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "leftIcon": {
@@ -14388,7 +13504,7 @@
         "name": "leftIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "success": {
@@ -14406,7 +13522,7 @@
         "name": "successIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "successText": {
@@ -15280,7 +14396,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "infoContent": {
@@ -15795,7 +14911,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconType": {
@@ -17629,7 +16745,7 @@
         "name": "submitButtonIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "onSubmit": {
@@ -18302,7 +17418,7 @@
         "name": "rightIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "leftIcon": {
@@ -18311,7 +17427,7 @@
         "name": "leftIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "success": {
@@ -18329,7 +17445,7 @@
         "name": "successIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "successText": {
@@ -18683,7 +17799,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "iconPosition": {
@@ -19325,7 +18441,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon"
         }
       },
       "maxWidth": {
@@ -20651,7 +19767,7 @@
         "name": "descriptionIcon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "SubIcon | { name: SubIcon; className?: string; }"
         }
       },
       "className": {
@@ -20922,7 +20038,7 @@
         "name": "icon",
         "required": false,
         "type": {
-          "name": "any"
+          "name": "false | SubIcon"
         }
       },
       "onClose": {