impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.21

package/dist/mcp-component-registry.json

@@ -0,0 +1,3870 @@
+{
+  "version": 1,
+  "generatedAt": "2026-06-24T14:29:53.334Z",
+  "components": {
+    "Accordion": {
+      "title": "Components/Accordion",
+      "category": "Components",
+      "description": "Accordion displays collapsible content panels. Supports single/multi expansion modes with customizable headers and content.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "ExpandFiresSetExpanded",
+        "WithExpandedPanel",
+        "MultiExpansion",
+        "SingleItem",
+        "Disabled",
+        "PartiallyDisabled",
+        "WithOnChange",
+        "FAQExample",
+        "SettingsExample",
+        "AllStates"
+      ],
+      "props": {
+        "expanded": {
+          "description": "Current expanded state. String for single mode, string array for multi mode.",
+          "type": "string | string[]",
+          "required": true
+        },
+        "setExpanded": {
+          "description": "Callback to update expanded state.",
+          "type": "(value: string | string[]) => void",
+          "required": true
+        },
+        "isMultiExpanded": {
+          "description": "When true, multiple panels can be expanded simultaneously.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "data": {
+          "description": "Array of accordion items with value, header, and content.",
+          "type": "AccordionItemData[]",
+          "required": true
+        },
+        "onChange": {
+          "description": "Custom change handler. Takes precedence over setExpanded.",
+          "type": "(value: string) => void",
+          "required": true
+        },
+        "isSingleItem": {
+          "description": "When true, renders a single accordion using singleData.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "singleData": {
+          "description": "Data for single item mode.",
+          "type": "SingleAccordionData",
+          "required": true
+        },
+        "disabled": {
+          "description": "Disables all accordion items.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        }
+      },
+      "storyFile": "src/components/Accordion/Accordion.stories.tsx"
+    },
+    "AccordionModern": {
+      "title": "Components/AccordionModern",
+      "category": "Components",
+      "description": "Compact accordion with optional drag-and-drop reordering. Supports single or multiple expanded items. Use for FAQs, settings panels, or nested navigation. Items can show an optional count badge (e.g. number of children).",
+      "examples": [
+        "Default",
+        "SingleExpanded",
+        "MultiExpand",
+        "Draggable",
+        "WithCallback",
+        "ExpandCollapseInteraction",
+        "AllVariants"
+      ],
+      "props": {
+        "draggable": {
+          "description": "Enable drag-and-drop reordering. Items must have unique `id`.",
+          "type": "unknown",
+          "required": true
+        },
+        "isMultiExpanded": {
+          "description": "Allow multiple panels to be open at once.",
+          "type": "unknown",
+          "required": true
+        },
+        "expanded": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setExpanded": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "data": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onChange": {
+          "description": "Fired when expansion state changes (value or value array).",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/AccordionModern/AccordionModern.stories.tsx"
+    },
+    "Alert": {
+      "title": "Components/Alert",
+      "category": "Components",
+      "description": "Alert displays contextual feedback messages with severity-based styling. Supports success, info, warning, and error states with optional actions and close functionality.",
+      "examples": [
+        "WithAutomationIds",
+        "Success",
+        "Info",
+        "Warning",
+        "Error",
+        "WithoutTitle",
+        "TitleOnly",
+        "WithAction",
+        "ActionAndCloseCallbacks",
+        "Dismissible",
+        "WithActionAndClose",
+        "SubtleBackground",
+        "AllSeverities",
+        "DismissibleExample",
+        "RealWorldExamples",
+        "InlineFormAlerts",
+        "NotificationStack"
+      ],
+      "props": {
+        "severity": {
+          "description": "The severity level determines the color scheme and icon. Use `success` for confirmations, `info` for tips, `warning` for cautions, and `error` for failures.",
+          "type": "unknown",
+          "options": [
+            "success",
+            "info",
+            "warning",
+            "error"
+          ],
+          "required": true
+        },
+        "title": {
+          "description": "The main title text of the alert. If omitted, the capitalized severity type is shown.",
+          "type": "string",
+          "required": true
+        },
+        "description": {
+          "description": "Additional description text displayed below the title for more context.",
+          "type": "string",
+          "required": true
+        },
+        "actionName": {
+          "description": "Text for the action button. Both `actionName` and `onAction` must be provided for the button to appear.",
+          "type": "string",
+          "required": true
+        },
+        "onAction": {
+          "description": "Callback when the action button is clicked. Both `actionName` and `onAction` must be provided.",
+          "type": "() => void",
+          "required": true
+        },
+        "onClose": {
+          "description": "Callback when the close button is clicked. If provided, a close button will be displayed.",
+          "type": "() => void",
+          "required": true
+        },
+        "subtleBackground": {
+          "description": "When true, removes the shadow and border for a more subtle inline appearance.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "actionButtonProps": {
+          "description": "Additional props to pass to the action Button component.",
+          "type": "Partial<ButtonProps>",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Alert/Alert.stories.tsx"
+    },
+    "Avatar": {
+      "title": "Components/Avatar",
+      "category": "Components",
+      "description": "Avatar displays user profile pictures or initials. Supports images, two-character initials, or single initials with three size variants.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithPicture",
+        "WithInitials",
+        "OnlyFirstInitial",
+        "Small",
+        "Medium",
+        "Large",
+        "SingleWordName",
+        "ThreeWordName",
+        "AllSizes",
+        "AllTypes",
+        "UserList",
+        "Clickable",
+        "AvatarStack"
+      ],
+      "props": {
+        "label": {
+          "description": "The name used to generate initials. For",
+          "type": "string",
+          "defaultValue": "Unknown",
+          "required": false
+        },
+        "type": {
+          "description": "Controls how the avatar content is displayed. `withPicture` shows an image, `withoutPicture` shows 2 initials, `onlyName` shows 1 initial.",
+          "type": "unknown",
+          "defaultValue": "withoutPicture",
+          "options": [
+            "withPicture",
+            "withoutPicture",
+            "onlyName"
+          ],
+          "required": false
+        },
+        "src": {
+          "description": "The URL of the profile image. Only used when type is `withPicture`.",
+          "type": "string",
+          "required": true
+        },
+        "size": {
+          "description": "The size of the avatar. `small` = 36px, `medium` = 48px, `large` = 64px (default).",
+          "type": "unknown",
+          "defaultValue": "large",
+          "options": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "required": false
+        },
+        "alt": {
+          "description": "Alternative text for accessibility. If not provided, the label will be used as alt text.",
+          "type": "string",
+          "required": true
+        },
+        "onClick": {
+          "description": "Click handler for the avatar, useful for profile navigation.",
+          "type": "(event: MouseEvent) => void",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Avatar/Avatar.stories.tsx"
+    },
+    "Badge": {
+      "title": "Components/Badge",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Filled",
+        "Stroke",
+        "Subtle",
+        "FilledInfo",
+        "FilledError",
+        "FilledWarning",
+        "FilledSuccess",
+        "StrokeInfo",
+        "StrokeError",
+        "StrokeWarning",
+        "StrokeSuccess",
+        "SubtleInfo",
+        "SubtleError",
+        "SubtleWarning",
+        "SubtleSuccess",
+        "SmallSize",
+        "MediumSize",
+        "WithIconAndLabel",
+        "IconOnly",
+        "AllVariants",
+        "AllFilledColors",
+        "AllStrokeColors",
+        "AllSubtleColors",
+        "AllSizes",
+        "AllWithIcons",
+        "IconOnlyVariants",
+        "CompleteShowcase"
+      ],
+      "props": {
+        "variant": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "filled",
+            "stroke",
+            "subtle"
+          ],
+          "required": true
+        },
+        "color": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "info",
+            "error",
+            "warning",
+            "success"
+          ],
+          "required": true
+        },
+        "size": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "small",
+            "medium"
+          ],
+          "required": true
+        },
+        "isIcon": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "label": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Badge/Badge.stories.tsx"
+    },
+    "BottomSheet": {
+      "title": "Components/BottomSheet",
+      "category": "Components",
+      "description": "Bottom sheet modal that slides up from the bottom. Extends Modal props; use **Controls** to try all options.",
+      "examples": [
+        "Default",
+        "WithFooter",
+        "WithExpandIcon",
+        "Playground",
+        "WithPrimaryAndSecondaryButtons"
+      ],
+      "props": {
+        "open": {
+          "description": "Whether the bottom sheet is open",
+          "type": "unknown",
+          "required": true
+        },
+        "title": {
+          "description": "Title shown in the header",
+          "type": "unknown",
+          "required": true
+        },
+        "withExpandIcon": {
+          "description": "Show expand/collapse icon in header",
+          "type": "unknown",
+          "required": true
+        },
+        "maxHeight": {
+          "description": "Max height of the sheet (e.g.",
+          "type": "unknown",
+          "required": true
+        },
+        "zIndex": {
+          "description": "Z-index of the modal backdrop (inherited from Modal)",
+          "type": "unknown",
+          "required": true
+        },
+        "size": {
+          "description": "Modal size (inherited from Modal; affects non–bottom-sheet layout)",
+          "type": "unknown",
+          "options": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "required": true
+        },
+        "className": {
+          "description": "Additional CSS class for the modal container",
+          "type": "unknown",
+          "required": true
+        },
+        "primaryButtonLabel": {
+          "description": "Label for the primary footer button (inherited from Modal)",
+          "type": "unknown",
+          "required": true
+        },
+        "secondaryButtonLabel": {
+          "description": "Label for the secondary footer button (inherited from Modal)",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onExpand": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/BottomSheet/BottomSheet.stories.tsx"
+    },
+    "Breadcrumbs": {
+      "title": "Components/Breadcrumbs",
+      "category": "Components",
+      "description": "Breadcrumbs show the current location in a hierarchy and allow navigation back. When the path is long, the first item, a",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "ShortPath",
+        "LongPath",
+        "WithClickHandlers",
+        "WithDisabledItem",
+        "Interactive",
+        "BreadcrumbClickNavigation",
+        "SingleItem"
+      ],
+      "props": {
+        "list": {
+          "description": "Array of { label, to?, onClick?, disabled? }",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Breadcrumbs/Breadcrumbs.stories.tsx"
+    },
+    "Button": {
+      "title": "Components/Button",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "WithAutomationIds",
+        "Primary",
+        "WithClickAction",
+        "IconOnlyWithAriaLabel",
+        "Secondary",
+        "Tertiary",
+        "Text",
+        "Destructive",
+        "Small",
+        "Medium",
+        "Large",
+        "Loading",
+        "Disabled",
+        "WithIconLeft",
+        "WithIconRight",
+        "IconOnly",
+        "AllVariants",
+        "AllSizes",
+        "AllStates"
+      ],
+      "props": {
+        "size": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "required": true
+        },
+        "variant": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "primary",
+            "contained",
+            "secondary",
+            "outlined",
+            "tertiary",
+            "text",
+            "url"
+          ],
+          "required": true
+        },
+        "type": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "default",
+            "destructive"
+          ],
+          "required": true
+        },
+        "loading": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "disabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "iconPlacement": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "left",
+            "right"
+          ],
+          "required": true
+        },
+        "onClick": {
+          "description": "Fired when the button is clicked.",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Button/Button.stories.tsx"
+    },
+    "ButtonGroup": {
+      "title": "Components/ButtonGroup",
+      "category": "Components",
+      "description": "A group of toggle buttons where one option can be selected at a time. Ideal for view switchers (list/grid/map), filters (All/Active/Archived), or sort options. Supports icons, disabled state per option or for the whole group, and full keyboard navigation.",
+      "examples": [
+        "Default",
+        "TextOnly",
+        "WithIcons",
+        "Disabled",
+        "WithDisabledOption",
+        "SelectionFiresOnChange",
+        "AllVariants"
+      ],
+      "props": {
+        "selectedOption": {
+          "description": "Currently selected value (controlled)",
+          "type": "unknown",
+          "options": [
+            "list",
+            "grid",
+            "map"
+          ],
+          "required": true
+        },
+        "isDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onChange": {
+          "description": "Fired when selection changes. Receives the selected option value.",
+          "type": "unknown",
+          "required": true
+        },
+        "options": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/ButtonGroup/ButtonGroup.stories.tsx"
+    },
+    "Card": {
+      "title": "Components/Card",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "ExtraSmall",
+        "Small",
+        "Medium",
+        "Large",
+        "ExtraLarge",
+        "ExtraLarge3x",
+        "Clickable",
+        "ClickableFiresOnClick",
+        "CustomPadding",
+        "CustomDimensions",
+        "WithContent",
+        "ProductCard",
+        "ProfileCard",
+        "AllSizes",
+        "CardGrid",
+        "ClickableCard"
+      ],
+      "props": {
+        "size": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "extraSmall",
+            "small",
+            "medium",
+            "large",
+            "extraLarge",
+            "extraLarge-3x"
+          ],
+          "required": true
+        },
+        "clickable": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "padding": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "width": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "maxWidth": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "minHeight": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onClick": {
+          "description": "Fired when the card is clicked (only when clickable is true).",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Card/Card.stories.tsx"
+    },
+    "Chart": {
+      "title": "Components/Chart",
+      "category": "Components",
+      "description": "Highcharts-based chart with optional header, download, expand, and chart-type selector. Use **Controls** to change chart type, series, and options.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "LineChart",
+        "PieChart",
+        "WithoutHeader",
+        "WithFallbackContent",
+        "WithSwitchButton",
+        "WithChartTypeDropdown",
+        "WithTopLeftAndTopRightOptions",
+        "WithCustomLegend",
+        "DownloadAndExpandActions",
+        "StackedColumn",
+        "WithDataTestIdAndClassName",
+        "Playground",
+        "AreaChart",
+        "BarChart",
+        "ScatterChart",
+        "WithCustomSystemButton",
+        "NoDownloadOrExpand"
+      ],
+      "props": {
+        "graphType": {
+          "description": "Highcharts series type",
+          "type": "unknown",
+          "options": [
+            "column",
+            "line",
+            "area",
+            "pie",
+            "bar",
+            "scatter"
+          ],
+          "required": true
+        },
+        "graphTitle": {
+          "description": "Title shown in header",
+          "type": "unknown",
+          "required": true
+        },
+        "showchart": {
+          "description": "When false, fallbackContent is rendered",
+          "type": "unknown",
+          "required": true
+        },
+        "showHeader": {
+          "description": "Show header with title and action buttons",
+          "type": "unknown",
+          "required": true
+        },
+        "showDownloadButton": {
+          "description": "Show download button",
+          "type": "unknown",
+          "required": true
+        },
+        "showExpandButton": {
+          "description": "Show expand/fullscreen button",
+          "type": "unknown",
+          "required": true
+        },
+        "showSwitchButton": {
+          "description": "Show toggle table/chart button",
+          "type": "unknown",
+          "required": true
+        },
+        "showChartTypeDropdown": {
+          "description": "Show chart type dropdown",
+          "type": "unknown",
+          "required": true
+        },
+        "cardContainer": {
+          "description": "Wrap in card container with shadow",
+          "type": "unknown",
+          "required": true
+        },
+        "onChartDownload": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setShowChart": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleChartExpand": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Chart/Chart.stories.tsx"
+    },
+    "Chatbot": {
+      "title": "Components/Chatbot",
+      "category": "Components",
+      "description": "Typed Chatbot migrated from OldJsComponents with history panel, module menu, and conversation flow.",
+      "examples": [
+        "Default",
+        "NewChatFlow",
+        "HistoryPanelInteractions",
+        "CustomScreenAndStop"
+      ],
+      "props": {},
+      "storyFile": "src/components/Chatbot/Chatbot.stories.tsx"
+    },
+    "bookMarkPanel": {
+      "title": "Components/Chatbot/BookMarkPanel",
+      "category": "Components",
+      "description": "BookMarkPanel displays saved questions organized in tabs: Pre Defined and Added by You.",
+      "examples": [
+        "Default",
+        "PreDefinedTabActive",
+        "SwitchToAddedByYouTab",
+        "SwitchBetweenTabs",
+        "CloseButtonClick",
+        "AddButtonPresent",
+        "WithEmptyPreDefinedQuestions",
+        "WithEmptyAddedByYouQuestions",
+        "DisplaysAddedByYouQuestions",
+        "HeaderElements",
+        "QuestionItemStructure",
+        "WithManyQuestions",
+        "NoCloseHandler"
+      ],
+      "props": {},
+      "storyFile": "src/components/Chatbot/bookMarkPanel.stories.tsx"
+    },
+    "Checkbox": {
+      "title": "Components/Checkbox",
+      "category": "Components",
+      "description": "Checkbox provides binary selection with default and dashed variants, optional dropdown menu, and full accessibility support.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Checked",
+        "Required",
+        "Disabled",
+        "DisabledChecked",
+        "DashedVariant",
+        "WithoutFormLabel",
+        "WithoutFormLabelRequired",
+        "WithDropdown",
+        "DropdownWithDisabled",
+        "Controlled",
+        "MultipleSelection",
+        "SelectAllPattern",
+        "FormAcceptance",
+        "AllVariantsAndStates",
+        "DropdownWithActions"
+      ],
+      "props": {
+        "label": {
+          "description": "Label text displayed next to the checkbox.",
+          "type": "ReactNode",
+          "required": true
+        },
+        "variant": {
+          "description": "Visual variant: default (checkmark) or dashed (horizontal line).",
+          "type": "unknown",
+          "defaultValue": "default",
+          "options": [
+            "default",
+            "dashed"
+          ],
+          "required": false
+        },
+        "checked": {
+          "description": "Controlled checked state.",
+          "type": "boolean",
+          "required": true
+        },
+        "defaultChecked": {
+          "description": "Initial checked state for uncontrolled mode.",
+          "type": "boolean",
+          "required": true
+        },
+        "disabled": {
+          "description": "Disables the checkbox.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "required": {
+          "description": "Shows required asterisk indicator.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "withoutFormLabel": {
+          "description": "Renders without MUI FormControlLabel wrapper.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "withDropDown": {
+          "description": "Adds dropdown menu arrow with menu items.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "dropDownData": {
+          "description": "Menu items for dropdown (required when withDropDown is true).",
+          "type": "DropdownItemData[]",
+          "required": true
+        },
+        "onChange": {
+          "description": "Callback when checked state changes.",
+          "type": "(event: ChangeEvent<HTMLInputElement>) => void",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Checkbox/Checkbox.stories.tsx"
+    },
+    "Chips": {
+      "title": "Components/Chips",
+      "category": "Components",
+      "description": "Chips are compact elements used for inputs, attributes, or actions. Support single selection (radio), multiple selection (checkbox), or simple clickable tags.",
+      "examples": [
+        "WithAutomationIds",
+        "SingleChipOnly",
+        "Default",
+        "SingleType",
+        "MultiType",
+        "Active",
+        "SingleActive",
+        "MultiActive",
+        "Disabled",
+        "DisabledSingle",
+        "DisabledActiveMulti",
+        "SingleSelectionGroup",
+        "MultiSelectionGroup",
+        "AllTypes",
+        "FilterExample",
+        "CategorySelection",
+        "ProfileSkills"
+      ],
+      "props": {
+        "label": {
+          "description": "The text content displayed inside the chip. This value is passed to the onClick callback.",
+          "type": "string",
+          "required": true
+        },
+        "type": {
+          "description": "The chip type determines the selection indicator style. `default` has no indicator, `single` shows a radio button, `multi` shows a checkbox.",
+          "type": "unknown",
+          "defaultValue": "default",
+          "options": [
+            "default",
+            "single",
+            "multi"
+          ],
+          "required": false
+        },
+        "isActive": {
+          "description": "Whether the chip is in its selected/active state. Visual appearance depends on the type prop.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "disabled": {
+          "description": "When true, the chip is non-interactive and displays in a muted style.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "onClick": {
+          "description": "Callback function triggered when the chip is clicked. Receives the label as an argument.",
+          "type": "(label: string) => void",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Chips/Chips.stories.tsx"
+    },
+    "CreateItemFlow": {
+      "title": "Components/CreateItemFlow",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "Default",
+        "StepTwo",
+        "LastStep",
+        "CustomActions"
+      ],
+      "props": {
+        "onCancel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onNext": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrev": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onStepClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/CreateItemFlow/CreateItemFlow.stories.tsx"
+    },
+    "DatePicker": {
+      "title": "Components/DatePicker",
+      "category": "Components",
+      "description": "Single date picker using react-dates and moment. Use **Controls** to toggle label, required, disabled, format, portal, month/year select, and footer actions.",
+      "examples": [
+        "Default",
+        "WithInitialDate",
+        "OpenDropdownAndApply",
+        "OpenDropdownAndCancel",
+        "OpenDropdownAndClear",
+        "WithPortal",
+        "WithMonthYearSelect",
+        "CustomYearsAsLabelValuePairs",
+        "WithWeekNumbers",
+        "WithMinMax",
+        "Disabled",
+        "ErrorState",
+        "Required",
+        "FullWidth",
+        "LabelLeft",
+        "Playground",
+        "CloseOnDateSelect",
+        "ClickOutsideCloses",
+        "PortalBlanketClosesDropdown",
+        "UsesHandleDateChange",
+        "OutsideRangeSelectedShowsError",
+        "SelectDayKeepsPopoverOpen",
+        "AgGridSkipsOutsideClose",
+        "AlternateDisplayFormat",
+        "WithRootClassName",
+        "WithCustomIcon",
+        "ReadOnlyWithValue"
+      ],
+      "props": {
+        "label": {
+          "description": "Label above the input",
+          "type": "unknown",
+          "required": true
+        },
+        "isRequired": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isError": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "fullWidth": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "labelOrientation": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "top",
+            "left"
+          ],
+          "required": true
+        },
+        "displayFormat": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "placeholder": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "closeOnDateSelect": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "withPortal": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showMonthYearSelect": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showWeekNumbers": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "readOnly": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setSelectedDate": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onTertiaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onClickOutside": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/DatePicker/DatePicker.stories.tsx"
+    },
+    "DateRangePicker": {
+      "title": "Components/DateRangePicker",
+      "category": "Components",
+      "description": "Date range picker using react-dates and moment. Use **Controls** to toggle portal, range selector, month/year select, week numbers, and footer actions.",
+      "examples": [
+        "Default",
+        "WithInitialRange",
+        "OpenDropdownAndApply",
+        "OpenDropdownViaEndInput",
+        "FooterShowsSelectedDays",
+        "SelectRangeShortcut",
+        "OpenDropdownAndCancel",
+        "OpenDropdownAndClear",
+        "WithPortal",
+        "WithRangeSelector",
+        "WithMonthYearSelect",
+        "WithWeekNumbers",
+        "WithMinMax",
+        "WithOutsideRange",
+        "FullInteractionFlow",
+        "ClickOutsideToClose",
+        "FocusStartThenEnd",
+        "PortalBlanketClosesDropdown",
+        "AllRangeShortcuts",
+        "MonthYearSelectInteraction",
+        "FocusAndBlurInputs",
+        "WithRangeThenClear",
+        "OnResetClickCallback",
+        "CalendarIconFocusesStart",
+        "FullWidthAndLabelLeft",
+        "Disabled",
+        "ErrorState",
+        "Required",
+        "FullWidth",
+        "LabelLeft",
+        "ReadOnly",
+        "WithHelperText",
+        "UsesHandleDatesChange",
+        "CustomHandleFocusChange",
+        "CustomStartEndFocusHandlers",
+        "WeekNumbersWithCustomData",
+        "PortalWithCustomClassName",
+        "CustomStartEndOffsets",
+        "AgGridSkipsOutsideClose",
+        "CustomYearsAsLabelValuePairs",
+        "Playground"
+      ],
+      "props": {
+        "label": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isRequired": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isError": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "fullWidth": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "labelOrientation": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "top",
+            "left"
+          ],
+          "required": true
+        },
+        "displayFormat": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "withPortal": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showRangeSelector": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showMonthYearSelect": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showWeekNumbers": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "readOnly": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "helperText": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setStartDate": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setEndDate": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onResetClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/DateRangePicker/DateRangePicker.stories.tsx"
+    },
+    "DynamicLayout": {
+      "title": "Components/DynamicLayout",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "Default",
+        "WithStepper",
+        "WithCustomWidth"
+      ],
+      "props": {
+        "leftPanelWidth": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showStepper": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/DynamicLayout/DynamicLayout.stories.tsx"
+    },
+    "EmptyState": {
+      "title": "Components/EmptyState",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithPrimaryButton",
+        "WithSecondaryButton",
+        "WithBothButtons",
+        "WithCustomIcon"
+      ],
+      "props": {
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/EmptyState/EmptyState.stories.tsx"
+    },
+    "FileUpload": {
+      "title": "Components/FileUpload",
+      "category": "Components",
+      "description": "File upload with drag-and-drop, file type validation, optional template download, and primary/secondary actions. Use **Controls** to try different valid types and button labels.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithPrimaryAndSecondary",
+        "MultipleFiles",
+        "WithFileList",
+        "Playground",
+        "Disabled",
+        "WithTemplateDownload",
+        "WithTemplateDownloadMenu",
+        "WithTemplatePreview",
+        "WithFileUploading",
+        "WithFailedFile",
+        "WithFailedMessageAndCustomAction",
+        "WithPauseButton",
+        "AllInteractions",
+        "EmptyDropZone",
+        "FullCapacity",
+        "WithClassNameAndTestId",
+        "InvalidFileTypeDrop",
+        "TypeOverrideMimeMatch",
+        "DragEnterAndLeave"
+      ],
+      "props": {
+        "fileList": {
+          "description": "Controlled list of file items",
+          "type": "unknown",
+          "required": true
+        },
+        "onFileListChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "disabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "numberOfFiles": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "primaryButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "secondaryButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "validFileTypes": {
+          "description": "Allowed file types and optional template download",
+          "type": "unknown",
+          "required": false
+        }
+      },
+      "storyFile": "src/components/FileUpload/FileUpload.stories.tsx"
+    },
+    "FilterPanel": {
+      "title": "Components/FilterPanel",
+      "category": "Components",
+      "description": "Filter panel drawer with sidebar tabs and optional footer. Extends MUI Drawer.",
+      "examples": [
+        "Default",
+        "WithFooter",
+        "SwitchTab",
+        "WithSeparator",
+        "Playground"
+      ],
+      "props": {
+        "isOpen": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "title": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "active": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "size": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "medium",
+            "large"
+          ],
+          "required": true
+        },
+        "anchor": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "left",
+            "right",
+            "top",
+            "bottom"
+          ],
+          "required": true
+        },
+        "handleClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setActive": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/FilterPanel/FilterPanel.stories.tsx"
+    },
+    "FiltersStrip": {
+      "title": "Components/FiltersStrip",
+      "category": "Components",
+      "description": "Horizontal strip with saved/recent filter dropdown and filter tags. Optional",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithFilterTagsOnly",
+        "WithDropdown",
+        "Playground"
+      ],
+      "props": {
+        "filterButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "filterDropDownLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "filterButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/FiltersStrip/FiltersStrip.stories.tsx"
+    },
+    "Header": {
+      "title": "Components/Header",
+      "category": "Components",
+      "description": "App header with logo, title, help/message/notification/chatbot icons and avatar menu. Use **Controls** to toggle icons and try actions.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "AllInteractions",
+        "WithAvatarMenu",
+        "MinimalIcons",
+        "ChatBotDisabled",
+        "Playground",
+        "MessageDisabled",
+        "NotificationDND",
+        "NoNotificationIndicator",
+        "AvatarOnlyName",
+        "WithCenterComponent",
+        "WithCustomClassNameAndTestId",
+        "EmptyMenuOptions",
+        "AvatarWithPicture"
+      ],
+      "props": {
+        "title": {
+          "description": "Title shown next to the logo",
+          "type": "unknown",
+          "required": true
+        },
+        "userName": {
+          "description": "User name for avatar and default menu",
+          "type": "unknown",
+          "required": true
+        },
+        "handleLogoClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleNotificationClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleHelpClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleMessageClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleChatBotClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showNotificationIcon": {
+          "description": "Show notification icon",
+          "type": "unknown",
+          "required": true
+        },
+        "notificationIndicator": {
+          "description": "Show notification dot",
+          "type": "unknown",
+          "required": true
+        },
+        "showHelpIcon": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showMessageIcon": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showChatBotIcon": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isMessageIconDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isNotificationDnd": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isChatBotDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "avatarType": {
+          "description": "Avatar display type",
+          "type": "unknown",
+          "options": [
+            "withPicture",
+            "withoutPicture",
+            "onlyName"
+          ],
+          "required": true
+        },
+        "centerComponent": {
+          "description": "Optional center content (rendered as text here)",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Header/Header.stories.tsx"
+    },
+    "HomePage": {
+      "title": "Patterns/HomePage",
+      "category": "Patterns",
+      "description": "A full-screen landing experience that showcases toolkit items, smart AI solutions, client branding, latest updates, and quick configuration actions.",
+      "examples": [
+        "Default",
+        "WithClientLogo",
+        "WithConfigurations",
+        "ToolkitInteraction",
+        "AgenticPanel",
+        "Playground"
+      ],
+      "props": {
+        "clientName": {
+          "description": "Client name used to match and display logo on the right panel.",
+          "type": "string",
+          "defaultValue": "'\"\"'",
+          "required": false
+        },
+        "userName": {
+          "description": "User name displayed in the welcome heading.",
+          "type": "string",
+          "defaultValue": "'\"\"'",
+          "required": false
+        },
+        "toolKitItems": {
+          "description": "List of toolkit cards shown in the left panel. Each item supports: { name, description, url?, cta?, details?, folderContent? }.",
+          "type": "Array<Object>",
+          "defaultValue": [],
+          "required": false
+        },
+        "smartAiItems": {
+          "description": "List of smart AI solution cards. Each item supports: { name, description, url?, cta?, details?, folderContent?, isNewProduct? }.",
+          "type": "Array<Object>",
+          "defaultValue": [],
+          "required": false
+        },
+        "configurationsMenuItems": {
+          "description": "Items for the Configurations floating menu. Each item supports: { label, desc, logo }.",
+          "type": "Array<Object>",
+          "defaultValue": [],
+          "required": false
+        },
+        "activeToolKitItem": {
+          "description": "Sets a toolkit item as expanded by default. Should reference one of toolKitItems.",
+          "type": "Object|null",
+          "defaultValue": "null",
+          "required": false
+        },
+        "activeSmartAiItem": {
+          "description": "Sets a smart AI item as expanded by default. Should reference one of smartAiItems.",
+          "type": "Object|null",
+          "defaultValue": "null",
+          "required": false
+        },
+        "onLaunchClick": {
+          "description": "Called when a toolkit item",
+          "type": "function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "onBookDemoClick": {
+          "description": "Called when a smart AI item",
+          "type": "function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "onViewReleasedNotesClick": {
+          "description": "Called when View released notes is clicked in Latest Updates.",
+          "type": "function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "onConfigurationsClick": {
+          "description": "Called when a configuration menu item is clicked.",
+          "type": "function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "onKnowMoreClick": {
+          "description": "Called when Know more is clicked in a smart AI expanded panel.",
+          "type": "function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "showConfigurationsButton": {
+          "description": "Whether to show the Configurations button.",
+          "type": "boolean",
+          "defaultValue": "true",
+          "required": false
+        }
+      },
+      "storyFile": "src/components/HomePage/HomePage.stories.tsx"
+    },
+    "Input": {
+      "title": "Components/Input",
+      "category": "Components",
+      "description": "Input provides text entry with labels, icons, helper text, and validation states. Supports three sizes and full accessibility.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "TypingAndBlurFiresCallbacks",
+        "Required",
+        "WithHelperText",
+        "WithFocusedText",
+        "Error",
+        "Disabled",
+        "Small",
+        "Medium",
+        "Large",
+        "WithLeftIcon",
+        "WithRightIcon",
+        "WithBothIcons",
+        "SearchInput",
+        "PasswordInput",
+        "DisabledWithClickableIcon",
+        "AllSizes",
+        "AllStates",
+        "FormExample",
+        "SearchInterface"
+      ],
+      "props": {
+        "label": {
+          "description": "Label text displayed above the input.",
+          "type": "string",
+          "required": true
+        },
+        "isRequired": {
+          "description": "Shows red asterisk (*) next to label.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "size": {
+          "description": "Input height: small (24px), medium (28px), large (32px).",
+          "type": "unknown",
+          "defaultValue": "large",
+          "options": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "required": false
+        },
+        "isError": {
+          "description": "Displays error styling.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "isDisabled": {
+          "description": "Disables the input.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "helperText": {
+          "description": "Helper text shown below input (requires isHelperText).",
+          "type": "string",
+          "required": true
+        },
+        "isHelperText": {
+          "description": "Enables helper text display.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "focusedText": {
+          "description": "Helper text shown when input is focused.",
+          "type": "string",
+          "required": true
+        },
+        "leftIcon": {
+          "description": "Icon element on the left side.",
+          "type": "ReactNode",
+          "required": true
+        },
+        "rightIcon": {
+          "description": "Icon element on the right side.",
+          "type": "ReactNode",
+          "required": true
+        },
+        "iconClickOnDisabled": {
+          "description": "Allow icon clicks even when input is disabled.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "onChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onBlur": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onFocus": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "rightIconClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "leftIconClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Input/Input.stories.tsx"
+    },
+    "Loader": {
+      "title": "Components/Loader",
+      "category": "Components",
+      "description": "Loader shows a spinner or skeleton placeholders. Use **Controls** to switch between spinner and skeleton and change size and text.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithProgress",
+        "Small",
+        "Medium",
+        "Skeleton",
+        "Playground"
+      ],
+      "props": {
+        "size": {
+          "description": "Size of the loader (spinner or skeleton)",
+          "type": "unknown",
+          "options": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "required": true
+        },
+        "progress": {
+          "description": "Optional progress content inside spinner (e.g. percentage)",
+          "type": "unknown",
+          "required": true
+        },
+        "showSkeleton": {
+          "description": "When true, renders skeleton placeholders instead of spinner",
+          "type": "unknown",
+          "required": true
+        },
+        "text": {
+          "description": "Text shown below the loader",
+          "type": "unknown",
+          "required": true
+        },
+        "className": {
+          "description": "Additional CSS class",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Loader/Loader.stories.tsx"
+    },
+    "Menu": {
+      "title": "Components/Menu",
+      "category": "Components",
+      "description": "Dropdown menu built on MUI Menu. Use with an anchor element (e.g. button). Supports flat or nested options, checkbox multi-select, custom header (search, select all), loading/empty states, and bottom action buttons. Menu does not close on item click (caller may close in option onClick).",
+      "examples": [
+        "Default",
+        "WithClickHandlers",
+        "WithDisabledOption",
+        "WithIcons",
+        "WithCheckbox",
+        "WithActionButtons",
+        "WithNestedMenu",
+        "IconPlacementTop",
+        "LoadingState",
+        "EmptyState",
+        "WithCustomHeaderMenuHeaderInfo",
+        "WithCustomHeaderAndRadio",
+        "Playground"
+      ],
+      "props": {
+        "anchorEl": {
+          "description": "Element the menu is anchored to (usually a button ref)",
+          "type": "HTMLElement | null",
+          "required": true
+        },
+        "open": {
+          "description": "Whether the menu is open",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "options": {
+          "description": "Menu items (label, value?, onClick?, disabled?, icon?, children? for nested)",
+          "type": "MenuOption[]",
+          "required": true
+        },
+        "withCheckbox": {
+          "description": "Show checkboxes and multi-select",
+          "type": "unknown",
+          "required": true
+        },
+        "withActionButtons": {
+          "description": "Show Cancel/Apply at bottom (use with withCheckbox)",
+          "type": "unknown",
+          "required": true
+        },
+        "iconPlacement": {
+          "description": "Menu anchor/transform origin",
+          "type": "unknown",
+          "options": [
+            "left",
+            "top"
+          ],
+          "required": true
+        },
+        "className": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Menu/Menu.stories.tsx"
+    },
+    "MenuHeaderInfo": {
+      "title": "Components/Menu/MenuHeaderInfo",
+      "category": "Components",
+      "description": "Header for Menu with optional search, radio group, and select-all/clear. Use as `renderCustomHeader` with the Menu component when `withCheckbox` is true.",
+      "examples": [
+        "Default",
+        "SearchOnly",
+        "SelectAllOnly",
+        "WithRadioGroup",
+        "WithCustomLabels",
+        "WithSelection",
+        "Playground"
+      ],
+      "props": {
+        "options": {
+          "description": "Menu options (used for select-all and search context)",
+          "type": "MenuOption[]",
+          "required": true
+        },
+        "selectedItems": {
+          "description": "Currently selected option values",
+          "type": "string[]",
+          "required": true
+        },
+        "isSearchable": {
+          "description": "Show search input",
+          "type": "unknown",
+          "required": true
+        },
+        "isSelectAllAllowed": {
+          "description": "Show select-all / clear row",
+          "type": "unknown",
+          "required": true
+        },
+        "showRadioButton": {
+          "description": "Show radio group",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Menu/MenuHeaderInfo.stories.tsx"
+    },
+    "MonthPicker": {
+      "title": "Components/MonthPicker",
+      "category": "Components",
+      "description": "Single month picker with optional year dropdown. Use Apply to confirm selection.",
+      "examples": [
+        "Default",
+        "WithInitialMonth",
+        "WithYearSelect",
+        "YYYYMMFormat",
+        "ClearSelection",
+        "WithPortal",
+        "Disabled",
+        "MandatoryLabel",
+        "ErrorState",
+        "ClickOutsideCloses",
+        "PortalBlanketCloses",
+        "PrevNextYearNav"
+      ],
+      "props": {
+        "displayFormat": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "MM/YYYY",
+            "YYYY/MM"
+          ],
+          "required": true
+        },
+        "showYearSelect": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "disabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isMandatory": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "withPortal": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/MonthPicker/MonthPicker.stories.tsx"
+    },
+    "Notification": {
+      "title": "Patterns/Notification",
+      "category": "Patterns",
+      "description": "The Notification component delivers important messages and updates to users, ensuring effective communication and interaction within the application. It helps users stay informed about important events, changes, or actions that require their attention.",
+      "examples": [
+        "Default",
+        "PromoTaskList",
+        "WithSearch",
+        "WithMoveToPendingDropdown",
+        "HoverOnCard",
+        "DeleteAlwaysVisible",
+        "ChipsExpanded",
+        "EmptyState",
+        "ListLoading",
+        "CustomNotificationContent",
+        "AnchorLeft",
+        "NoFooterExpandedBody",
+        "WithFooterOnly",
+        "ExpandCollapse",
+        "Playground"
+      ],
+      "props": {
+        "isOpen": {
+          "description": "If true, open Notification component.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "title": {
+          "description": "Title of the Notification Component. Note: Please provide in capitalize text.",
+          "type": "unknown",
+          "required": true
+        },
+        "anchor": {
+          "description": "Direction by which Notification will open",
+          "type": "unknown",
+          "defaultValue": "right",
+          "options": [
+            "left",
+            "right",
+            "top",
+            "bottom"
+          ],
+          "required": false
+        },
+        "isWithSearch": {
+          "description": "Show expandable search above the notification list",
+          "type": "unknown",
+          "required": true
+        },
+        "isHoverOnCard": {
+          "description": "If true, action buttons appear when hovering the entire card; if false, only on header hover",
+          "type": "unknown",
+          "required": true
+        },
+        "isChipsExpandable": {
+          "description": "If true, badge chips stay expanded and hide the expand/collapse control",
+          "type": "unknown",
+          "required": true
+        },
+        "isDeleteAlwaysVisible": {
+          "description": "If true, delete button stays visible without hover",
+          "type": "unknown",
+          "required": true
+        },
+        "isEmptyState": {
+          "description": "Show empty state instead of the notification list",
+          "type": "unknown",
+          "required": true
+        },
+        "showBadgeLoader": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "showNotificationListLoader": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "displayFormat": {
+          "description": "Custom date format (e.g.",
+          "type": "unknown",
+          "required": true
+        },
+        "handleClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setIsOpen": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "setNotificationPanels": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSettingButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleSelectAll": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleMarkReadAll": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleMoveAllPending": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleNotificationDeleteAll": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onNotificationScrollToBottom": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleTabChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Notification/Notification.stories.tsx"
+    },
+    "NotificationBody": {
+      "title": "Components/Notification/NotificationBody",
+      "category": "Components",
+      "description": "Body of the Notification drawer: tabs and optional Setting & Help. Use **renderPanel** to customize panel content.",
+      "examples": [
+        "Default",
+        "WithSettingButton",
+        "CustomPanels",
+        "Expanded"
+      ],
+      "props": {
+        "expand": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSettingButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleTabChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Notification/NotificationBody/NotificationBody.stories.tsx"
+    },
+    "NotificationList": {
+      "title": "Notifications",
+      "category": "Components",
+      "description": "NotificationList displays a list of notification items with action buttons for select all, mark read, move to pending, and delete.",
+      "examples": [
+        "Default",
+        "EmptyState",
+        "EmptyStateDefault",
+        "CustomNotificationJsx",
+        "WithSelectAllButton",
+        "WithMarkAllReadButton",
+        "WithMoveToPendingButton",
+        "WithMoveToPendingDisabled",
+        "WithDeleteAllButton",
+        "WithDeleteAllDisabled",
+        "LoadingState",
+        "WithAllActionButtons",
+        "ExpandedView",
+        "CollapsedView",
+        "WithBadgeFiltering",
+        "ScrollToBottom",
+        "WithHoverOnCard",
+        "WithDeleteAlwaysVisible",
+        "GetPanelNotificationListHelper",
+        "GetPanelNotificationListWithReactNode"
+      ],
+      "props": {},
+      "storyFile": "src/components/Notification/NotificationBody/NotificationList/NotificationList.stories.tsx"
+    },
+    "NotificationListItem": {
+      "title": "Components/Notification/NotificationListItem",
+      "category": "Components",
+      "description": "NotificationListItem displays an individual notification with status indicator, actions, and expandable description.",
+      "examples": [
+        "Default",
+        "SuccessStatus",
+        "FailStatus",
+        "PendingStatus",
+        "SelectedState",
+        "UnreadState",
+        "ReadState",
+        "WithCheckbox",
+        "WithCheckboxChecked",
+        "WithDeleteButton",
+        "WithDeleteAlwaysVisible",
+        "WithBookmarkButton",
+        "WithShowBookmarkDisabled",
+        "WithDownloadButton",
+        "WithBookmarkedBadge",
+        "WithLongDescription",
+        "WithMarkCompletedButton",
+        "WithMoveToPendingButton",
+        "WithCustomMoveToPendingText",
+        "WithMarkAsReadButton",
+        "WithMarkAsUnreadButton",
+        "WithAllActionButtons",
+        "WithHoverOnCard",
+        "ClickOnItem",
+        "ClickOnInteractiveElement",
+        "WithAllHeaderButtons",
+        "CustomDateFormat",
+        "WithHtmlDescription"
+      ],
+      "props": {},
+      "storyFile": "src/components/Notification/NotificationBody/NotificationList/NotificationListItem.stories.tsx"
+    },
+    "Panel": {
+      "title": "Components/Panel",
+      "category": "Components",
+      "description": "Drawer panel that slides in from an edge. Extends MUI Drawer props; use **Controls** to try anchor, size, and footer options.",
+      "examples": [
+        "Default",
+        "AnchorTop",
+        "AnchorBottom",
+        "WithFooter",
+        "AnchorLeft",
+        "SizeMedium",
+        "Playground"
+      ],
+      "props": {
+        "open": {
+          "description": "Whether the panel is open",
+          "type": "unknown",
+          "required": true
+        },
+        "title": {
+          "description": "Title shown in the header",
+          "type": "unknown",
+          "required": true
+        },
+        "anchor": {
+          "description": "Drawer anchor position",
+          "type": "unknown",
+          "options": [
+            "left",
+            "right",
+            "top",
+            "bottom"
+          ],
+          "required": true
+        },
+        "size": {
+          "description": "Panel size (width)",
+          "type": "unknown",
+          "options": [
+            "medium",
+            "large"
+          ],
+          "required": true
+        },
+        "zIndex": {
+          "description": "Z-index of the drawer paper",
+          "type": "unknown",
+          "required": true
+        },
+        "width": {
+          "description": "Custom width in pixels (overrides size)",
+          "type": "unknown",
+          "required": true
+        },
+        "primaryButtonLabel": {
+          "description": "Primary footer button label",
+          "type": "unknown",
+          "required": true
+        },
+        "secondaryButtonLabel": {
+          "description": "Secondary footer button label",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Panel/Panel.stories.tsx"
+    },
+    "Popover": {
+      "title": "Components/Popover",
+      "category": "Components",
+      "description": "Popover with optional title, body, and footer. Extends MUI Popover props; use **Controls** to try anchor and actions.",
+      "examples": [
+        "Default",
+        "WithFooter",
+        "OpenFromButton",
+        "Playground"
+      ],
+      "props": {
+        "title": {
+          "description": "Header title",
+          "type": "unknown",
+          "required": true
+        },
+        "primaryButtonLabel": {
+          "description": "Primary footer button label",
+          "type": "unknown",
+          "required": true
+        },
+        "secondaryButtonLabel": {
+          "description": "Secondary footer button label",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Popover/Popover.stories.tsx"
+    },
+    "Portal": {
+      "title": "Components/Portal",
+      "category": "Components",
+      "description": "Renders children into a DOM node (e.g. document.body) using ReactDOM.createPortal. Use for dropdowns, modals, and tooltips so they escape overflow and stacking context.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithToggle",
+        "CustomContainer",
+        "WithClassNameAndTestId",
+        "NullContainer",
+        "Playground"
+      ],
+      "props": {
+        "container": {
+          "description": "DOM node to mount children into (e.g. document.body). Stories get it from context; not controllable.",
+          "type": "HTMLElement | null",
+          "required": true
+        },
+        "children": {
+          "description": "Content to render inside the container. Use Playground story for text-based Controls.",
+          "type": "ReactNode",
+          "required": true
+        },
+        "className": {
+          "description": "Optional class for the wrapper div when provided",
+          "type": "unknown",
+          "required": true
+        },
+        "style": {
+          "description": "Optional inline styles for the wrapper div",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Portal/Portal.stories.tsx"
+    },
+    "ProgressBar": {
+      "title": "Components/ProgressBar",
+      "category": "Components",
+      "description": "ProgressBar shows a determinate progress with an optional label and time remaining. Use **status** for remaining, completed, or failed states.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Completed",
+        "Failed",
+        "CustomLabel",
+        "WithoutTime",
+        "HighValue",
+        "ZeroValue",
+        "WithDataTestId",
+        "RemainingWithRoundedValue"
+      ],
+      "props": {
+        "value": {
+          "description": "Progress value (0–100)",
+          "type": "unknown",
+          "required": true
+        },
+        "showTime": {
+          "description": "Whether to show",
+          "type": "unknown",
+          "required": true
+        },
+        "time": {
+          "description": "Seconds remaining (shown when showTime is true)",
+          "type": "unknown",
+          "required": true
+        },
+        "customLabel": {
+          "description": "Override the default label",
+          "type": "unknown",
+          "required": true
+        },
+        "status": {
+          "description": "Visual and label state",
+          "type": "unknown",
+          "options": [
+            "remaining",
+            "completed",
+            "failed"
+          ],
+          "required": true
+        },
+        "className": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/ProgressBar/ProgressBar.stories.tsx"
+    },
+    "Prompt": {
+      "title": "Components/Prompt",
+      "category": "Components",
+      "description": "Dialog for confirmations and alerts. Variants: info, success, warning, error.",
+      "examples": [
+        "Info",
+        "Success",
+        "Warning",
+        "Error",
+        "Controlled"
+      ],
+      "props": {
+        "variant": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "info",
+            "success",
+            "warning",
+            "error"
+          ],
+          "required": true
+        },
+        "isOpen": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "title": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "primaryButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "secondaryButtonLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onPrimaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onSecondaryButtonClick": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Prompt/Prompt.stories.tsx"
+    },
+    "RadioButtonGroup": {
+      "title": "Components/RadioButtonGroup",
+      "category": "Components",
+      "description": "A group of radio options. Supports row/column orientation, disabled state, value/selectedOption, and optional icons. Use **Controls** to try all options.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithValueSelected",
+        "RowOrientation",
+        "Disabled",
+        "OptionWithDisabledItem",
+        "WithIcons",
+        "Interactive",
+        "Playground"
+      ],
+      "props": {
+        "options": {
+          "description": "List of options (label, value, optional disabled, optional icon)",
+          "type": "RadioButtonGroupOption[]",
+          "required": false
+        },
+        "value": {
+          "description": "Controlled selected value",
+          "type": "unknown",
+          "required": true
+        },
+        "selectedOption": {
+          "description": "Alternative prop for selected value (same as value)",
+          "type": "unknown",
+          "required": true
+        },
+        "isDisabled": {
+          "description": "Disable all options",
+          "type": "unknown",
+          "required": true
+        },
+        "disabled": {
+          "description": "Alternative prop to disable all options",
+          "type": "unknown",
+          "required": true
+        },
+        "orientation": {
+          "description": "Layout direction of options",
+          "type": "unknown",
+          "options": [
+            "row",
+            "column"
+          ],
+          "required": true
+        },
+        "name": {
+          "description": "Name for the radio group (accessibility)",
+          "type": "unknown",
+          "required": true
+        },
+        "onChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "className": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/RadioButtonGroup/RadioButtonGroup.stories.tsx"
+    },
+    "Select": {
+      "title": "Components/Select",
+      "category": "Components",
+      "description": "A fully-featured Select dropdown built on react-select. Supports single/multi select, search, grouped options, submenus, virtualization, portal mode, and AG Grid cell renderer mode.",
+      "examples": [
+        "Default",
+        "WithAutomationIds",
+        "MultiSelect",
+        "WithSearch",
+        "WithSelectAll",
+        "WithGroupedOptions",
+        "LoadingState",
+        "ManyOptionsVirtualized",
+        "WithIcon",
+        "GroupedMulti",
+        "WithSubmenu",
+        "WithSelectedOptionTags",
+        "Disabled",
+        "WithError",
+        "WithPortal",
+        "ClearableSelection",
+        "NoMatchingOptions",
+        "FooterMessage",
+        "MaxSelectableOptions",
+        "RequiredLabel",
+        "LabelOrientationLeft",
+        "SelectIdAndName",
+        "WithHandleChange",
+        "WithDropdownClose",
+        "WithOnSearch",
+        "WithExternalClearAll",
+        "MultiMissingSelectAllHandlers",
+        "AgGridCellRenderer",
+        "CustomPlaceholderAfterSelect",
+        "MultiSelectParentRow",
+        "CloseWhenClickOutsideDisabled",
+        "DropdownPositionTop",
+        "MenuShouldBlockScroll",
+        "WithSelectAllOnMount",
+        "SubmenuSingleSelectionLabel",
+        "WithOnBlur",
+        "TriggerKeyboardNavigation",
+        "SearchInputKeyboard",
+        "ExternalOnSelectAll",
+        "InternalClearAllButton",
+        "WithDisabledOption",
+        "MenuScrollToBottom",
+        "SubmenuMultiPickChildren",
+        "SubmenuHoverLeafClearsSubmenu",
+        "PortalCustomContainer",
+        "PortalWithCustomMenuClass",
+        "GroupedOutsideClose",
+        "NarrowWidthSelected",
+        "CustomSearchPlaceholder",
+        "CloseViaBlanketClick",
+        "IsMultiInSubmenuMultipleChildrenLabel",
+        "IsMultiInSubmenuDeselectToNull",
+        "HandleChangeOnInternalMenuClear",
+        "SubmenuMultiDeselectChild",
+        "MaxSelectableBlocksParentRow",
+        "NoLabel",
+        "SubmenuPanelMouseEnter",
+        "WithIsDisabledOptionFlag",
+        "Playground"
+      ],
+      "props": {
+        "placeholder": {
+          "description": "Trigger button placeholder text",
+          "type": "unknown",
+          "required": true
+        },
+        "isMulti": {
+          "description": "Enable multi-select mode",
+          "type": "unknown",
+          "required": true
+        },
+        "isDisabled": {
+          "description": "Disable the select",
+          "type": "unknown",
+          "required": true
+        },
+        "isError": {
+          "description": "Show error styling",
+          "type": "unknown",
+          "required": true
+        },
+        "isWithSearch": {
+          "description": "Show search input",
+          "type": "unknown",
+          "required": true
+        },
+        "isClearable": {
+          "description": "Show clear button",
+          "type": "unknown",
+          "required": true
+        },
+        "toggleSelectAll": {
+          "description": "Show select all checkbox (multi only)",
+          "type": "unknown",
+          "required": true
+        },
+        "label": {
+          "description": "Label above the trigger",
+          "type": "unknown",
+          "required": true
+        },
+        "helperText": {
+          "description": "Helper / error text below trigger",
+          "type": "unknown",
+          "required": true
+        },
+        "noOptionMessage": {
+          "description": "No options available message",
+          "type": "unknown",
+          "required": true
+        },
+        "maxSelectableOptions": {
+          "description": "Limit how many options can be selected",
+          "type": "unknown",
+          "required": true
+        },
+        "isLoadingMore": {
+          "description": "Show loading row at bottom of virtualized menu (infinite scroll)",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Select/Select.stories.tsx"
+    },
+    "Sidebar": {
+      "title": "Components/Sidebar",
+      "category": "Components",
+      "description": "Collapsible navigation sidebar with optional nested routes and logout. Use **Controls** to try options.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Open",
+        "WithViewMore",
+        "Playground"
+      ],
+      "props": {
+        "isOpen": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isCloseWhenClickOutside": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isMemoryRouter": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "visibleModulesCount": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "routes": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "actionRoutes": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "parentActive": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "childActive": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleParentRouteChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleChildRouteChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "handleLogOut": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Sidebar/Sidebar.stories.tsx"
+    },
+    "Slider": {
+      "title": "Components/Slider",
+      "category": "Components",
+      "description": "Slider with optional header, label, and range inputs. Extends MUI Slider; use **Controls** for variant, value, and layout.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Minimal",
+        "WithHeader",
+        "HeaderLeft",
+        "InputPositionBottom",
+        "Ranged",
+        "RangedInputPositionBottom",
+        "RangedInteractInputs",
+        "SingleValueInteractInput",
+        "RangedControlledStory",
+        "Disabled",
+        "WithRequiredLabel",
+        "WithClassNameAndTestId",
+        "CustomMinMax",
+        "Playground"
+      ],
+      "props": {
+        "value": {
+          "description": "Current value (number or [min, max] for ranged)",
+          "type": "unknown",
+          "required": true
+        },
+        "min": {
+          "description": "Minimum value",
+          "type": "unknown",
+          "required": true
+        },
+        "max": {
+          "description": "Maximum value",
+          "type": "unknown",
+          "required": true
+        },
+        "variant": {
+          "description": "Single or range slider",
+          "type": "unknown",
+          "options": [
+            "default",
+            "ranged"
+          ],
+          "required": true
+        },
+        "headerOrientation": {
+          "description": "Header position",
+          "type": "unknown",
+          "options": [
+            "top",
+            "left"
+          ],
+          "required": true
+        },
+        "inputPosition": {
+          "description": "Position of value inputs",
+          "type": "unknown",
+          "options": [
+            "inline",
+            "bottom"
+          ],
+          "required": true
+        },
+        "disabled": {
+          "description": "Disable slider",
+          "type": "unknown",
+          "required": true
+        },
+        "required": {
+          "description": "Show required on label",
+          "type": "unknown",
+          "required": true
+        },
+        "onChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Slider/Slider.stories.tsx"
+    },
+    "Stepper": {
+      "title": "Components/Stepper",
+      "category": "Components",
+      "description": "Stepper displays progress through a sequence of steps. Supports **default** (horizontal/vertical MUI stepper), **progress** (compact progress bar), and **mui** variant. Use **handleStep** to make steps clickable.",
+      "examples": [
+        "Default",
+        "Vertical",
+        "WithDescriptions",
+        "ProgressVariant",
+        "Interactive",
+        "InteractiveProgress",
+        "MuiVariants",
+        "SingleStep",
+        "ManySteps",
+        "EmptySteps",
+        "CustomWidthAndProps",
+        "Playground"
+      ],
+      "props": {
+        "steps": {
+          "description": "Array of step objects with label and optional description",
+          "type": "unknown",
+          "required": false
+        },
+        "activeStep": {
+          "description": "Zero-based index of the active step",
+          "type": "unknown",
+          "required": true
+        },
+        "orientation": {
+          "description": "Layout direction (default variant only)",
+          "type": "unknown",
+          "options": [
+            "horizontal",
+            "vertical"
+          ],
+          "required": true
+        },
+        "variant": {
+          "description": "Visual variant: default | progress | mui, or MUI Paper variant (elevation | outlined) for default stepper",
+          "type": "unknown",
+          "options": [
+            "default",
+            "progress",
+            "mui",
+            "elevation",
+            "outlined"
+          ],
+          "required": true
+        },
+        "handleStep": {
+          "description": "Called with step index when a step is clicked (optional)",
+          "type": "unknown",
+          "required": false
+        },
+        "width": {
+          "description": "Width of the stepper container (e.g.",
+          "type": "unknown",
+          "required": true
+        },
+        "className": {
+          "description": "Additional CSS class for the root element",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Stepper/Stepper.stories.tsx"
+    },
+    "Switch": {
+      "title": "Components/Switch",
+      "category": "Components",
+      "description": "Switch is a toggle control for binary on/off states. Ideal for settings, preferences, and feature toggles with instant feedback.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "On",
+        "WithRightLabel",
+        "WithBothLabels",
+        "YesNoLabels",
+        "DisabledOff",
+        "DisabledOn",
+        "Controlled",
+        "ToggleFiresOnChange",
+        "SettingsPanel",
+        "AllStates",
+        "FeatureFlags",
+        "PrivacySettings"
+      ],
+      "props": {
+        "value": {
+          "description": "The current state of the switch. `true` for on, `false` for off. This is a controlled component.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "leftLabel": {
+          "description": "Optional label displayed on the left side of the switch. Useful for labeling the",
+          "type": "string",
+          "defaultValue": "'\"\"'",
+          "required": false
+        },
+        "rightLabel": {
+          "description": "Optional label displayed on the right side of the switch. Useful for labeling the",
+          "type": "string",
+          "defaultValue": "'\"\"'",
+          "required": false
+        },
+        "disabled": {
+          "description": "When true, the switch is non-interactive. The visual state is preserved but cannot be changed.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "onChange": {
+          "description": "Callback triggered when the switch state changes. Receives the React change event.",
+          "type": "(event: ChangeEvent<HTMLInputElement>) => void",
+          "required": true
+        },
+        "table": {
+          "description": "",
+          "type": "string",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Switch/Switch.stories.tsx"
+    },
+    "Table": {
+      "title": "Components/Table",
+      "category": "Components",
+      "description": "All the props that you can pass to AG-Grid can be passed to Table component. <strong style=\"font-weight:bold;\">Note:</strong> This Table is based on V32 and still in testing phase.",
+      "examples": [],
+      "props": {
+        "tableHeader": {
+          "description": "Title of the Table.",
+          "type": "string",
+          "defaultValue": "''",
+          "required": false
+        },
+        "cardContainer": {
+          "description": "If true, display Table component in the card UI.",
+          "type": "boolean",
+          "defaultValue": "true",
+          "required": false
+        },
+        "rowData": {
+          "description": "Array object holding different rows data of the Table.",
+          "type": "Array Object",
+          "defaultValue": [],
+          "required": false
+        },
+        "columnDefs": {
+          "description": "Array object holding different columns header data of the Table. \n        <code>\n          <ul class=\"storybook-order-list\">\n            <li><strong>field</strong>: field of the column [string]</li>\n            <li><strong>isSearchable?</strong>: If true, display search <br/>icon on the Column Header. [boolean]</li>\n          </ul>\n        </code>",
+          "type": "Array Object",
+          "defaultValue": [],
+          "required": false
+        },
+        "rowHeight": {
+          "description": "You can choose different height of the Row of the Table.",
+          "type": "string",
+          "defaultValue": "default",
+          "options": [
+            "compact",
+            "comfort",
+            "default"
+          ],
+          "required": false
+        },
+        "topLeftOptions": {
+          "description": "React Children you want to render along with header at the Top Left Table Header Section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "topCenterOptions": {
+          "description": "React Children you want to render at the Top Center Table Header Section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "topRightOptions": {
+          "description": "React Children you want to render at the Top Right Table Header Section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "bottomLeftOptions": {
+          "description": "React Children you want to render at the Bottom Left Table Header Section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "bottomCenterOptions": {
+          "description": "React Children you want to render at the Bottom Center Table Footer Section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "bottomRightOptions": {
+          "description": "React Children you want to render at the Bottom Right Table Header Section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "onNumberFormatChange": {
+          "description": "You can handle the event when number format changes in Table Setting Section.",
+          "type": "Function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "onColumnSearchClick": {
+          "description": "You can handle the search event when user click on the search icon in the Table Header.",
+          "type": "Function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "hideRowHeightOptionMenu": {
+          "description": "If true, disabled the rowHeight option menu.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "showDownloadButton": {
+          "description": "If true, render the download button.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "onDownloadButtonClick": {
+          "description": "You can handle the event when download button is click",
+          "type": "Function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "nestedTable": {
+          "description": "If true, render the component which is passed in the nestedTableComponent props within the same card-container",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "nestedTableComponent": {
+          "description": "React Children you want to render within the same card-container",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "closeButton": {
+          "description": "If true, render the close button",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleCloseButtonClick": {
+          "description": "You can handle the event when close button is click",
+          "type": "Function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "applySort": {
+          "description": "If true, enabled the sorting on column header click",
+          "type": "boolean",
+          "defaultValue": "true",
+          "required": false
+        },
+        "gridId": {
+          "description": "Unique identifier for the grid. It is mandatory to pass this prop when there are multiple grids on the same screen.",
+          "type": "string",
+          "defaultValue": "''",
+          "required": false
+        },
+        "additionalButtons": {
+          "description": "Additional buttons to be rendered in the table more content section.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "showContentualFilter": {
+          "description": "If true, render the contentual filter.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "showContentualFilterBadge": {
+          "description": "If true, render the contentual filter badge when selected filters are present.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "contentualFilterProps": {
+          "description": "Props for the contentual filter component i.e same as filters strip props if using default component.",
+          "type": "Object",
+          "defaultValue": "''",
+          "required": false
+        },
+        "contentualFilterComponent": {
+          "description": "Custom Component to be rendered in the contentual filter.",
+          "type": "React Children",
+          "defaultValue": "''",
+          "required": false
+        },
+        "showFilterStrip": {
+          "description": "If true, shows the filter strip below the table header",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "filterStripProps": {
+          "description": "Props to be passed to the FilterStrip component",
+          "type": "object",
+          "required": true
+        },
+        "onContentualFilterClick": {
+          "description": "Function to handle the contentual filter click event",
+          "type": "function",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "contextualFilterLabel": {
+          "description": "Label for the contextual filter button",
+          "type": "string",
+          "required": true
+        },
+        "contextualFilterIcon": {
+          "description": "Icon to be displayed in the contextual filter button",
+          "type": "node",
+          "required": true
+        },
+        "hidePaginationPageSizeSelector": {
+          "description": "If true, disabled the pagination page size selector.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "options": [
+            true,
+            false
+          ],
+          "required": false
+        },
+        "onTableActionsTabClick": {
+          "description": "Callback function that is called when the table actions tab is clicked in the table settings panel.",
+          "type": "() => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "customGetMainMenuItems": {
+          "description": "Custom function to override the default column menu items. This function receives the column parameters and should return an array of menu items.\n      <br/>\n      <br/>\n      Example:\n      <br/>\n      <code>\n      const customGetMainMenuItems = (params) => {\n        const { column } = params;\n        return [\n          {\n            name: \"Custom Menu Item\",\n            action: () => {\n              console.log(\"Custom action for column:\", column.colId);\n            }\n          }\n        ];\n      };\n      </code>",
+          "type": "(params: { column: Column }) => Array<MenuItem>",
+          "defaultValue": "null",
+          "required": false
+        },
+        "onAdvanceSearchClick": {
+          "description": "Callback function that is called when the advance search button is clicked in the table header.",
+          "type": "() => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "customHeaderIcons": {
+          "description": "Array of custom icons to be displayed in the table header. Each icon should be a React element.\n      <br/>\n      <br/>\n      Example:\n      <br/>\n      <code>\n      const customHeaderIcons = [\n        {\n          icon: <SearchIcon />,\n          onClick: () => console.log(\"Search clicked\"),\n          tooltip: \"Search\"\n        }\n      ];\n      </code>",
+          "type": "Array<{ icon: ReactNode, onClick: () => void, tooltip?: string }>",
+          "defaultValue": [],
+          "required": false
+        },
+        "handleInlineSearch": {
+          "description": "Callback function that is called when inline search is performed in the table.",
+          "type": "(searchText: string) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "tableActions": {
+          "description": "Custom actions to be displayed in the table settings panel. This can be any valid React element or component.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "hideTableFormat": {
+          "description": "If true, hide the table format section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "hideTableActions": {
+          "description": "If true, hide the table actions section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleClearSearchInline": {
+          "description": "Callback function that is called when the clear search button is clicked in the inline search input.",
+          "type": "() => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "handleCloseInputField": {
+          "description": "Callback function that is called when the input field is closed in the table settings panel.",
+          "type": "() => void",
+          "defaultValue": "null",
+          "required": false
+        },
+        "aboveTableComponent": {
+          "description": "React Children to be rendered above the table.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "explicitlyCloseTableSetting": {
+          "description": "If true, explicitly close the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "hideTableSetting": {
+          "description": "If true, hide the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "customSystemButton": {
+          "description": "Custom system button to be rendered in the table header.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "hideFontSize": {
+          "description": "If true, hide the font size section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "options": [
+            true,
+            false
+          ],
+          "required": false
+        },
+        "hideNumericFormat": {
+          "description": "If true, hide the numeric format section in the table settings panel.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "options": [
+            true,
+            false
+          ],
+          "required": false
+        },
+        "isSaveViewEnabled": {
+          "description": "If true, enables Save View feature in table settings.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "maxSavedViews": {
+          "description": "Maximum number of saved views allowed.",
+          "type": "number",
+          "defaultValue": "50",
+          "required": false
+        },
+        "savedViewsOptions": {
+          "description": "Array of saved view objects to display in the Save View panel.",
+          "type": "Array<Object>",
+          "defaultValue": [],
+          "required": false
+        },
+        "handleSaveAndApply": {
+          "description": "Callback fired on Save & Apply. Receives (newView, replaceWith?).",
+          "type": "(newView: object, replaceWith?: object) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "handleSavedViewClick": {
+          "description": "Callback fired when a saved view is selected.",
+          "type": "(view: object) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "handleEditSaveView": {
+          "description": "Callback fired when editing a saved view.",
+          "type": "(newView: object, prevView: object) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "handleDeleteViewClick": {
+          "description": "Callback fired when deleting a saved view.",
+          "type": "(view: object) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "deleteViewPromptText": {
+          "description": "Confirmation text shown in the delete saved view prompt dialog.",
+          "type": "string",
+          "defaultValue": "''",
+          "required": false
+        },
+        "handleSetDefaultView": {
+          "description": "Callback to set a saved view as default.",
+          "type": "(view: object) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "isSaveViewLoading": {
+          "description": "Loading state for save view operations.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "isDeleteViewLoading": {
+          "description": "Loading state for delete saved view operation.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "saveViewCustomFilter": {
+          "description": "Save View filter control state: options and selectedOption.",
+          "type": "Object",
+          "defaultValue": "{ options: [], selectedOption:",
+          "required": false
+        },
+        "customTabInTableSettings": {
+          "description": "Custom tabs to render inside table settings. Each item should contain tabNames and tabPanels.",
+          "type": "Array<{ tabNames: Object, tabPanels: ReactNode }>",
+          "defaultValue": "null",
+          "required": false
+        },
+        "customRenderSaveViewContent": {
+          "description": "Custom renderer to inject additional content in Save View.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
+        },
+        "onTableSettingClick": {
+          "description": "Callback when table settings open/close toggles. Receives boolean.",
+          "type": "(open: boolean) => void",
+          "defaultValue": "() => {}",
+          "required": false
+        },
+        "closeTableSettingOnOutsideClick": {
+          "description": "If true, clicking outside the settings panel closes it automatically.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "contentualFilterOpenByDefault": {
+          "description": "If true, opens the filter strip by default.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "tableSettingsTitle": {
+          "description": "Custom title for the table settings panel.",
+          "type": "string",
+          "defaultValue": "Table Settings",
+          "required": false
+        },
+        "hideTableBody": {
+          "description": "If true, hides the table body area below the header.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "isCommentFeatureEnabled": {
+          "description": "If true, enables comment feature and UI in the header.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "commentProps": {
+          "description": "Configuration and handlers for comments: author, handlers, comments, resolvedComments, configuration, handleFetchResolvedComments (optional promise callback when",
+          "type": "Object",
+          "defaultValue": "undefined",
+          "required": false
+        }
+      },
+      "storyFile": "src/components/Table/Table.stories.tsx"
+    },
+    "TableFiltering": {
+      "title": "Components/Table/Filtering",
+      "category": "Components",
+      "description": "These stories demonstrate **inline header search** and **advance search** for every supported column type.\n\n### Column configuration checklist\n| Field type | \\",
+      "examples": [],
+      "props": {},
+      "storyFile": "src/components/Table/TableFiltering.stories.tsx"
+    },
+    "TableChat": {
+      "title": "Components/TableChat",
+      "category": "Components",
+      "description": "# Table Chat Feature\n\nThe Table Chat feature provides a comprehensive real-time messaging system integrated with the Table component. It includes:\n\n- **Channel Management**: Organize conversations by channels\n- **Real-time Messaging**: Live message updates with WebSocket support\n- **Rich Text Editor**: Full-featured text editor with mentions, formatting, and emoji support\n- **File & Image Sharing**: Upload and share files and images\n- **Message Actions**: Pin, reply, bookmark, edit, and delete messages\n- **Participant Management**: Add/remove participants and manage permissions\n- **Search**: Search messages and participants\n- **Notifications**: Configurable notification settings\n- **Thread Support**: Threaded conversations for better organization\n\n## Architecture\n\nThe chat feature consists of several key components:\n\n### 1. TableChatSidePanel\nThe main container component that manages the chat interface state and handles the communication between left and right panels.\n\n### 2. TableChatRightSection\nHandles the message display, infinite scroll, real-time updates, and message interactions.\n\n### 3. ChatInput\nRich text editor with mention support, formatting tools, file upload, and emoji picker.\n\n### 4. ChatHeader\nHeader with participant management, search functionality, and notification settings.\n\n## Configuration Structure\n\nThe chat feature is configured through a comprehensive \\",
+      "examples": [],
+      "props": {
+        "isChatEnabled": {
+          "description": "Enables the chat feature in the table component",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleChatClick": {
+          "description": "Handler function called when chat button is clicked",
+          "type": "() => void",
+          "required": true
+        },
+        "isChatOpen": {
+          "description": "Controls whether the chat panel is open",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleChatClose": {
+          "description": "Handler function called when chat panel is closed",
+          "type": "() => void",
+          "required": true
+        },
+        "chatConfiguration": {
+          "description": "Comprehensive chat configuration object (messageChatConfig, headerChatConfig, inputChatConfig, leftPanel, rightPanel)",
+          "type": "ChatConfiguration",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/TableChat/TableChat.stories.tsx"
+    },
+    "Tabs": {
+      "title": "Components/Tabs",
+      "category": "Components",
+      "description": "Tabs with tab list and panel content. Value can be index (number) or tab value (string).",
+      "examples": [
+        "Default",
+        "ControlledTabs",
+        "Vertical",
+        "BlueBg"
+      ],
+      "props": {
+        "value": {
+          "description": "Selected tab index or tab value",
+          "type": "unknown",
+          "required": true
+        },
+        "orientation": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "horizontal",
+            "vertical"
+          ],
+          "required": true
+        },
+        "isDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "remountOnTabChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isBlueBg": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Tabs/Tabs.stories.tsx"
+    },
+    "Tag": {
+      "title": "Components/Tag",
+      "category": "Components",
+      "description": "Tag displays labels, categories, or metadata in a compact format. Supports filled, stroke, and solid variants with optional remove functionality.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Filled",
+        "Stroke",
+        "Solid",
+        "Small",
+        "Medium",
+        "Large",
+        "Removable",
+        "CustomIcon",
+        "AllVariants",
+        "AllSizes",
+        "VariantSizeMatrix",
+        "RemovableTags",
+        "ClickableTags",
+        "ArticleTags",
+        "ProductTags",
+        "ProfileSkills",
+        "LongLabel",
+        "SingleCharacter",
+        "StatusTags"
+      ],
+      "props": {
+        "label": {
+          "description": "The text content displayed inside the tag.",
+          "type": "string",
+          "required": true
+        },
+        "variant": {
+          "description": "Visual style variant. `filled` has light background with border, `stroke` is outlined, `solid` has solid colored background.",
+          "type": "unknown",
+          "defaultValue": "filled",
+          "options": [
+            "filled",
+            "stroke",
+            "solid"
+          ],
+          "required": false
+        },
+        "size": {
+          "description": "Size of the tag. `small` = 22px, `medium` = 24px, `large` = 32px (default).",
+          "type": "unknown",
+          "defaultValue": "large",
+          "options": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "required": false
+        },
+        "isRemovable": {
+          "description": "When true, displays a delete icon that can be clicked to remove the tag.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "icon": {
+          "description": "Custom icon to display as the delete button. Only visible when `isRemovable` is true.",
+          "type": "ReactNode",
+          "required": true
+        },
+        "onClick": {
+          "description": "Callback triggered when the tag is clicked.",
+          "type": "() => void",
+          "required": true
+        },
+        "onDelete": {
+          "description": "Callback triggered when the delete icon is clicked. Only applicable when `isRemovable` is true.",
+          "type": "() => void",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Tag/Tag.stories.tsx"
+    },
+    "TagGroup": {
+      "title": "Components/TagGroup",
+      "category": "Components",
+      "description": "Container that lays out tags or chips in a horizontal row with consistent spacing.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "SingleTag",
+        "WithCustomClass"
+      ],
+      "props": {
+        "children": {
+          "description": "Tag or chip elements",
+          "type": "unknown",
+          "required": true
+        },
+        "className": {
+          "description": "Additional CSS class",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/TagGroup/TagGroup.stories.tsx"
+    },
+    "TextArea": {
+      "title": "Components/TextArea",
+      "category": "Components",
+      "description": "Textarea with label, optional secondary label, character limit, and state variants (error/success/warning).",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "WithRequired",
+        "WithSecondaryLabelAndCharacterLimit",
+        "Disabled",
+        "ErrorState",
+        "UserTypes",
+        "WithDataTestId"
+      ],
+      "props": {
+        "label": {
+          "description": "Label above the textarea",
+          "type": "unknown",
+          "required": true
+        },
+        "placeholder": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "maxRows": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isDisabled": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isRequired": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isError": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isSuccess": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "isWarning": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "characterLimit": {
+          "description": "Max characters; shows counter",
+          "type": "unknown",
+          "required": true
+        },
+        "secondaryLabel": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "value": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onChange": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/TextArea/TextArea.stories.tsx"
+    },
+    "Toast": {
+      "title": "Components/Toast",
+      "category": "Components",
+      "description": "Snackbar toast with position and variant (success, info, warning, error). Auto-hides by default.",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Success",
+        "Info",
+        "Warning",
+        "Error",
+        "BottomCenter",
+        "WithDataTestId"
+      ],
+      "props": {
+        "isOpen": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "position": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "top-left",
+            "top-center",
+            "top-right",
+            "bottom-left",
+            "bottom-center",
+            "bottom-right"
+          ],
+          "required": true
+        },
+        "message": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "variant": {
+          "description": "",
+          "type": "unknown",
+          "options": [
+            "success",
+            "info",
+            "warning",
+            "error"
+          ],
+          "required": true
+        },
+        "autoHideDuration": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "onClose": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Toast/Toast.stories.tsx"
+    },
+    "Tooltip": {
+      "title": "Components/Tooltip",
+      "category": "Components",
+      "description": "Tooltip wrapping MUI Tooltip with project-specific variants (primary, secondary, tertiary, feature). Supports custom orientation, hover toggling, and a feature variant with title + description.",
+      "examples": [
+        "WithAutomationIds",
+        "Primary",
+        "Secondary",
+        "Tertiary",
+        "Feature",
+        "BottomOrientation",
+        "HoverDisabled",
+        "WithCustomClass",
+        "Playground"
+      ],
+      "props": {
+        "title": {
+          "description": "Content shown inside the tooltip",
+          "type": "unknown",
+          "required": true
+        },
+        "description": {
+          "description": "Secondary text (feature variant only)",
+          "type": "unknown",
+          "required": true
+        },
+        "orientation": {
+          "description": "Placement relative to anchor",
+          "type": "unknown",
+          "options": [
+            "top",
+            "bottom",
+            "left",
+            "right",
+            "top-start",
+            "top-end",
+            "bottom-start",
+            "bottom-end"
+          ],
+          "required": true
+        },
+        "variant": {
+          "description": "Visual style",
+          "type": "unknown",
+          "options": [
+            "primary",
+            "secondary",
+            "tertiary",
+            "feature"
+          ],
+          "required": true
+        },
+        "isHoverEnabled": {
+          "description": "Enable/disable hover trigger",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/Tooltip/Tooltip.stories.tsx"
+    },
+    "YearSelect": {
+      "title": "Components/YearSelect",
+      "category": "Components",
+      "description": "Controlled year dropdown used by MonthPicker. Implements MonthPickerSelectProps contract.",
+      "examples": [
+        "Default",
+        "Controlled",
+        "OpenAndSelect"
+      ],
+      "props": {
+        "isOpen": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "name": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        },
+        "minWidth": {
+          "description": "",
+          "type": "unknown",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/YearSelect/YearSelect.stories.tsx"
+    },
+    "HelperText": {
+      "title": "Components/common/HelperText",
+      "category": "Components",
+      "description": "",
+      "examples": [
+        "WithAutomationIds",
+        "Default",
+        "Error",
+        "LongText"
+      ],
+      "props": {},
+      "storyFile": "src/components/common/HelperText/HelperText.stories.tsx"
+    }
+  }
+}