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

package/dist/mcp-component-registry.json

@@ -0,0 +1,3614 @@
+{
+  "version": 1,
+  "generatedAt": "2026-05-15T15:10:42.699Z",
+  "components": {
+    "Accordion": {
+      "title": "Components/Accordion",
+      "category": "Components",
+      "description": "Accordion displays collapsible content panels. Supports single/multi expansion modes with customizable headers and content.",
+      "examples": [
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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"
+    },
+    "Checkbox": {
+      "title": "Components/Checkbox",
+      "category": "Components",
+      "description": "Checkbox provides binary selection with default and dashed variants, optional dropdown menu, and full accessibility support.",
+      "examples": [
+        "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": [
+        "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",
+        "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": [
+        "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": [
+        "Default",
+        "WithPrimaryAndSecondary",
+        "MultipleFiles",
+        "WithFileList",
+        "Playground",
+        "Disabled",
+        "WithTemplateDownload",
+        "WithTemplateDownloadMenu",
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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": "Components/Notification",
+      "category": "Components",
+      "description": "Drawer-based notification panel. Use **Controls** to toggle **isOpen**, change **title**, **anchor**, and footer buttons. Open via the trigger button or Controls; close via the header close button or backdrop.",
+      "examples": [
+        "Default",
+        "Controlled",
+        "WithFooter",
+        "ExpandCollapse",
+        "CloseViaHeader",
+        "WithCustomClass",
+        "AnchorLeft",
+        "NoFooter",
+        "CloseViaSetIsOpen",
+        "Playground"
+      ],
+      "props": {
+        "isOpen": {
+          "description": "Whether the notification drawer 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
+        },
+        "className": {
+          "description": "Additional CSS class for the container",
+          "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/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"
+    },
+    "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": [
+        "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": [
+        "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": [
+        "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",
+        "MultiSelect",
+        "WithSearch",
+        "WithSelectAll",
+        "WithGroupedOptions",
+        "LoadingState",
+        "ManyOptionsVirtualized",
+        "WithIcon",
+        "GroupedMulti",
+        "WithSubmenu",
+        "WithSelectedOptionTags",
+        "Disabled",
+        "WithError",
+        "WithPortal",
+        "ClearableSelection",
+        "NoMatchingOptions",
+        "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
+        }
+      },
+      "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": [
+        "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": [
+        "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": [
+        "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"
+    },
+    "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "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": [
+        "Default",
+        "Error",
+        "LongText"
+      ],
+      "props": {},
+      "storyFile": "src/components/common/HelperText/HelperText.stories.tsx"
+    }
+  }
+}