{
  "name": "UX4G Design System",
  "version": "3.0.18",
  "updated": "2026-07-27",
  "baseUrl": "https://doc.ux4g.gov.in/web",
  "storybookUrl": "https://doc.ux4g.gov.in/web/?path=/story/getting-started-introduction--overview",
  "llmsTxt": "https://doc.ux4g.gov.in/web/llms.txt",
  "llmsFullTxt": "https://doc.ux4g.gov.in/web/llms-full.txt",
  "aiTxt": "https://doc.ux4g.gov.in/web/ai.txt",
  "catalogJson": "https://doc.ux4g.gov.in/web/catalog.json",
  "description": "Government-grade UI foundations for trusted public digital experiences. UX4G provides accessible components, design tokens, utilities, and patterns for citizen-facing services.",
  "categories": [
    {
      "id": "getting-started",
      "name": "Getting Started",
      "url": "https://doc.ux4g.gov.in/web/llms/getting-started.md",
      "items": [
        {
          "id": "getting-started-introduction",
          "name": "Introduction",
          "description": "Landing page for the UX4G Design System. Summarises the system mission, key metrics (50+ components, 1K+ tokens, 10+ patterns, AA accessibility), core strengths, and a library map linking to Components, Tokens, Utilities, and Patterns.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/getting-started-introduction--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/getting-started/introduction.md",
          "file": "src/stories/introduction.stories.js",
          "status": "stable",
          "keywords": [
            "link",
            "token",
            "pattern",
            "accessibility",
            "component",
            "design-system",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "getting-started-quick-start-guide",
          "name": "Quick Start Guide",
          "description": "Step-by-step quick start guide for consuming UX4G in HTML via CDN, React via npm, and Angular via angular.json configuration. Includes code snippets for each framework and copy-ready installation commands.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/getting-started-quick-start-guide--quick-start-guide",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/getting-started/quick-start-guide.md",
          "file": "src/stories/quick-start.stories.js",
          "status": "stable",
          "keywords": [
            "react",
            "angular",
            "html",
            "ux4g"
          ],
          "variants": [
            "Quick Start Guide"
          ],
          "hasCodeExamples": true
        }
      ]
    },
    {
      "id": "tokens",
      "name": "Tokens",
      "url": "https://doc.ux4g.gov.in/web/llms/tokens.md",
      "items": [
        {
          "id": "tokens-tokens",
          "name": "Tokens",
          "description": "Foundational color palette for UX4G Design System. This file presents the raw tokens in a visual, documentation-first format. Dynamic values are read directly from the CSS variables to ensure accuracy.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-tokens--primary",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/tokens/tokens.md",
          "file": "src/stories/tokens/colors.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "color",
            "token",
            "css",
            "design-system",
            "ux4g"
          ],
          "variants": [
            "Primary",
            "Secondary",
            "Tertiary",
            "Neutral",
            "Success",
            "Error",
            "Info",
            "Warning",
            "Blue",
            "SkyBlue",
            "Lime",
            "Yellow",
            "Gold",
            "Purple",
            "Pink"
          ],
          "hasCodeExamples": false
        }
      ]
    },
    {
      "id": "utilities",
      "name": "Utilities",
      "url": "https://doc.ux4g.gov.in/web/llms/utilities.md",
      "items": [
        {
          "id": "utilities-backgrounds",
          "name": "Backgrounds",
          "description": "Utilities for controlling the background color of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-backgrounds--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/backgrounds.md",
          "file": "src/stories/utilities/backgrounds.stories.js",
          "status": "stable",
          "keywords": [
            "color",
            "ux4g"
          ],
          "variants": [
            "BackgroundShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-blur",
          "name": "Blur",
          "description": "Utilities for applying Gaussian blur filters to elements.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-blur--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/blur.md",
          "file": "src/stories/utilities/blur.stories.js",
          "status": "stable",
          "keywords": [
            "ux4g"
          ],
          "variants": [
            "BlurShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-borders",
          "name": "Borders",
          "description": "Utilities for controlling the border width, style, and color of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-borders--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/borders.md",
          "file": "src/stories/utilities/border.stories.js",
          "status": "stable",
          "keywords": [
            "color",
            "ux4g"
          ],
          "variants": [
            "BorderShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-breakpoints",
          "name": "Breakpoints",
          "description": "Reference for the responsive breakpoints used across the UX4G Design System.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-breakpoints--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/breakpoints.md",
          "file": "src/stories/utilities/breakpoints.stories.js",
          "status": "stable",
          "keywords": [
            "design-system",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-display",
          "name": "Display",
          "description": "Quickly and responsively toggle the display value of components and more with our display utilities.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-display--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/display.md",
          "file": "src/stories/utilities/display.stories.js",
          "status": "stable",
          "keywords": [
            "component",
            "ux4g"
          ],
          "variants": [
            "DisplayShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-flex",
          "name": "Flex",
          "description": "Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-flex--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/flex.md",
          "file": "src/stories/utilities/flex.stories.js",
          "status": "stable",
          "keywords": [
            "navigation",
            "layout",
            "grid",
            "flex",
            "component",
            "ux4g"
          ],
          "variants": [
            "FlexShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-gap",
          "name": "Gap",
          "description": "Utilities for controlling the spacing between grid and flex items.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-gap--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/gap.md",
          "file": "src/stories/utilities/gap.stories.js",
          "status": "stable",
          "keywords": [
            "spacing",
            "grid",
            "flex",
            "ux4g"
          ],
          "variants": [
            "GapShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-interactions",
          "name": "Interactions",
          "description": "Utilities for controlling appearance, cursor styles, pointer events, user selection, and resizing.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-interactions--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/interactions.md",
          "file": "src/stories/utilities/interactions.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "ux4g"
          ],
          "variants": [
            "InteractionsShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-margin",
          "name": "Margin",
          "description": "Utilities for controlling the margin of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-margin--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/margin.md",
          "file": "src/stories/utilities/margin.stories.js",
          "status": "stable",
          "keywords": [
            "ux4g"
          ],
          "variants": [
            "Showcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-object-fit",
          "name": "Object Fit",
          "description": "Utilities for controlling how replaced content (like images) is fitted and positioned inside its container.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-object-fit--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/object-fit.md",
          "file": "src/stories/utilities/object-fit.stories.js",
          "status": "stable",
          "keywords": [
            "image",
            "ux4g"
          ],
          "variants": [
            "ObjectFit",
            "ObjectPosition"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-opacity",
          "name": "Opacity",
          "description": "Utilities for controlling the opacity of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-opacity--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/opacity.md",
          "file": "src/stories/utilities/opacity.stories.js",
          "status": "stable",
          "keywords": [
            "ux4g"
          ],
          "variants": [
            "OpacityShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-overflow",
          "name": "Overflow",
          "description": "Utilities for controlling how content is handled when it exceeds its container\\'s boundaries.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-overflow--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/overflow.md",
          "file": "src/stories/utilities/overflow.stories.js",
          "status": "stable",
          "keywords": [
            "ux4g"
          ],
          "variants": [
            "OverflowShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-padding",
          "name": "Padding",
          "description": "Utilities for controlling the padding of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-padding--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/padding.md",
          "file": "src/stories/utilities/padding.stories.js",
          "status": "stable",
          "keywords": [
            "ux4g"
          ],
          "variants": [
            "Showcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-position",
          "name": "Position",
          "description": "Utilities for configuring the positioning behavior of elements, particularly useful for headers, footers, and sticky components.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-position--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/position.md",
          "file": "src/stories/utilities/position.stories.js",
          "status": "stable",
          "keywords": [
            "footer",
            "header",
            "component",
            "ux4g"
          ],
          "variants": [
            "PositionShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-radius",
          "name": "Radius",
          "description": "Utilities for controlling the border radius of an element. Includes support for sides, corners, and various sizes.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-radius--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/radius.md",
          "file": "src/stories/utilities/radius.stories.js",
          "status": "stable",
          "keywords": [
            "radius",
            "ux4g"
          ],
          "variants": [
            "RadiusShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-shadows",
          "name": "Shadows",
          "description": "Utilities for controlling the elevation and shadow of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-shadows--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/shadows.md",
          "file": "src/stories/utilities/shadows.stories.js",
          "status": "stable",
          "keywords": [
            "shadow",
            "ux4g"
          ],
          "variants": [
            "ShadowShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-sizing",
          "name": "Sizing",
          "description": "Utilities for controlling the width and height of elements using percentages, pixels, or logical sizing.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-sizing--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/sizing.md",
          "file": "src/stories/utilities/sizing.stories.js",
          "status": "stable",
          "keywords": [
            "tag",
            "ux4g"
          ],
          "variants": [
            "SizingShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-text-colors",
          "name": "Text Colors",
          "description": "Utilities for controlling the text color of an element.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-text-colors--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/text-colors.md",
          "file": "src/stories/utilities/text-colors.stories.js",
          "status": "stable",
          "keywords": [
            "color",
            "ux4g"
          ],
          "variants": [
            "TextColorsShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-text",
          "name": "Text",
          "description": "Typography utilities provide a comprehensive set of font sizes, weights, transforms, and alignment for consistent text styling.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-text--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/text.md",
          "file": "src/stories/utilities/text.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "typography",
            "ux4g"
          ],
          "variants": [
            "TextShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-typescale",
          "name": "Typescale",
          "description": "Typography utilities provide a comprehensive set of font sizes, weights, and line heights for consistent text styling.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-typescale--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/typescale.md",
          "file": "src/stories/utilities/typescale.stories.js",
          "status": "stable",
          "keywords": [
            "typography",
            "ux4g"
          ],
          "variants": [
            "TypescaleShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-vertical-align",
          "name": "Vertical Align",
          "description": "Change the alignment of elements with the vertical-align utilities. Only affects inline, inline-block, inline-table, and table cell elements.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-vertical-align--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/vertical-align.md",
          "file": "src/stories/utilities/vertical-align.stories.js",
          "status": "stable",
          "keywords": [
            "table",
            "tab",
            "ux4g"
          ],
          "variants": [
            "VerticalAlignShowcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "utilities-z-index",
          "name": "Z-Index",
          "description": "Control the stack order of elements with z-index utilities.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-utilities-z-index--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/utilities/z-index.md",
          "file": "src/stories/utilities/z-index.stories.js",
          "status": "stable",
          "keywords": [
            "ux4g"
          ],
          "variants": [
            "ZIndexShowcase"
          ],
          "hasCodeExamples": true
        }
      ]
    },
    {
      "id": "layout",
      "name": "Layout",
      "url": "https://doc.ux4g.gov.in/web/llms/layout.md",
      "items": [
        {
          "id": "layout-container",
          "name": "Container",
          "description": "Containers are the most basic layout element in UX4G and are required when using our default grid system. Containers are used to contain, pad, and (sometimes) center the content within them.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-layout-container--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/layout/container.md",
          "file": "src/stories/layout/container.stories.js",
          "status": "stable",
          "keywords": [
            "layout",
            "grid",
            "ux4g"
          ],
          "variants": [
            "Showcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "layout-grid-system",
          "name": "Grid System",
          "description": "A modern 12-column responsive layout system built with CSS Grid. It supports explicit column/row definitions, automatic sizing, spanning, and complex item alignment.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-layout-grid-system--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/layout/grid-system.md",
          "file": "src/stories/layout/grid.stories.js",
          "status": "stable",
          "keywords": [
            "layout",
            "grid",
            "css",
            "ux4g"
          ],
          "variants": [
            "Showcase"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "layout-layout-flex-grid-system",
          "name": "Layout-Flex-Grid System",
          "description": "A traditional 12-column layout system built with Flexbox. It supports auto-layout, column wrapping, offsets, and row-based column sizing.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-layout-layout-flex-grid-system--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/layout/layout-flex-grid-system.md",
          "file": "src/stories/layout/layout-flex-grid.stories.js",
          "status": "stable",
          "keywords": [
            "layout",
            "grid",
            "flex",
            "ux4g"
          ],
          "variants": [
            "Showcase"
          ],
          "hasCodeExamples": true
        }
      ]
    },
    {
      "id": "components",
      "name": "Components",
      "url": "https://doc.ux4g.gov.in/web/llms/components.md",
      "items": [
        {
          "id": "components-accessibility-bar",
          "name": "Accessibility Bar",
          "description": "Accessibility Bar provides users with quick access to features that enhances usability and inclusivity, such as text resizing, contrast adjustments, screen reader support and other accessibility settings. It helps ensure a more comfortable and accessible experience for users with diverse needs and preferences.s.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-accessibility-bar--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/accessibility-bar.md",
          "file": "src/stories/components/accessibility-bar.stories.js",
          "status": "stable",
          "keywords": [
            "table",
            "tab",
            "accessibility",
            "component",
            "ux4g"
          ],
          "variants": [
            "DesktopWide",
            "DesktopFluid"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-accordion",
          "name": "Accordion",
          "description": "Accordion are used to organize content in a compact, collapsible manner, making it easier for users to navigate and find information without overwhelming them too much content at once",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-accordion--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/accordion.md",
          "file": "src/stories/components/accordion.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "accordion",
            "component",
            "ux4g"
          ],
          "variants": [
            "SimpleAccordions",
            "StructuredAccordions"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-alert",
          "name": "Alert",
          "description": "An inline alert component for communicating status, warnings, or contextual information within a page. Supports leading icon, title, body content with progress bar and action buttons, and configurable trailing UI.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-alert--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/alert.md",
          "file": "src/stories/components/alert.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "form",
            "alert",
            "progress",
            "status",
            "component",
            "ux4g"
          ],
          "variants": [
            "ContextAlerts",
            "ToastAlerts",
            "SystemAlerts"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-avatar",
          "name": "Avatar",
          "description": "Avatar is a visual representation of a user, business, or entity. It provide quick visual identification in headers, comments, chat messages, and user profiles.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-avatar--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/avatar.md",
          "file": "src/stories/components/avatar.stories.js",
          "status": "stable",
          "keywords": [
            "header",
            "component",
            "ux4g"
          ],
          "variants": [
            "BaseAvatar",
            "StatusAvatar",
            "AvatarGroup",
            "ProfileAvatar"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-badge",
          "name": "Badge",
          "description": "Badge displays concise contextual information such as counts, statuses or notifications. It is commonly attached to other interface elements to draw attention without interrupting the user experience.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-badge--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/badge.md",
          "file": "src/stories/components/badge.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "badge",
            "status",
            "component",
            "ux4g"
          ],
          "variants": [
            "Badges"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-breadcrumb",
          "name": "Breadcrumb",
          "description": "Breadcrumbs are a secondary navigation aid showing a user\\'s location in a website\\'s hierarchy, appearing as a trail of links (e.g., Home > Category > Subcategory > Current Page) to help users understand where they are and easily backtrack to previous levels.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-breadcrumb--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/breadcrumb.md",
          "file": "src/stories/components/breadcrumb.stories.js",
          "status": "stable",
          "keywords": [
            "navigation",
            "breadcrumb",
            "link",
            "component",
            "ux4g"
          ],
          "variants": [
            "StandardBreadcrumbs",
            "DropdownBreadcrumbs"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-buttons",
          "name": "Buttons",
          "description": "Button trigger an action or event, such as submitting a form, opening a dialog or performing a specific task. It provide users with a clear Call to Action (CTA), guiding them through a workflow.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-buttons--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/buttons.md",
          "file": "src/stories/components/button.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "form",
            "component",
            "ux4g"
          ],
          "variants": [
            "PrimaryButtons",
            "DangerButtons",
            "NeutralButtons",
            "IconButtons"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-card",
          "name": "Card",
          "description": "Card is a flexible, container like component that visually groups related pieces of information and actions about a single subject. It supports images, text and actions in a flexible content container. |",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-card--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/card.md",
          "file": "src/stories/components/card.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "card",
            "image",
            "flex",
            "component",
            "ux4g"
          ],
          "variants": [
            "VerticalCards",
            "HorizontalCards"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-carousel",
          "name": "Carousel",
          "description": "Carousel is a horizontally scrollable layout that displays a series of items. It shows a collection of carousel items that can be scrolled on and off the screen. It may come with controls (e.g. arrows or buttons) allowing the user to manually scroll through. Carousel UI elements are commonly seen in the following design patterns: Image gallery, Onboarding screens, Product catalogs.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-carousel--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/carousel.md",
          "file": "src/stories/components/carousel.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "carousel",
            "image",
            "layout",
            "pattern",
            "component",
            "ux4g"
          ],
          "variants": [
            "Default Carousel",
            "Carousel With Images"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-checkbox",
          "name": "Checkbox",
          "description": "Checkbox present a list of options where users can make multiple selections, a single selection or none at all. They support user interaction by allowing the selection of independent items ensuring that users can easily customize settings, filter search results and submit multi choice forms with clarity.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-checkbox--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/checkbox.md",
          "file": "src/stories/components/checkbox.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "form",
            "checkbox",
            "list",
            "search",
            "component",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "components-chips",
          "name": "Chips",
          "description": "Chips are compact UI elements that represent discrete information, such as tags, categories, selections, or input. They help users quickly filter, select, or manage items in an interface.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-chips--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/chips.md",
          "file": "src/stories/components/chip.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "select",
            "form",
            "chip",
            "tag",
            "component",
            "ux4g"
          ],
          "variants": [
            "FilterChips",
            "ChoiceChips",
            "InputChips"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-chip-group",
          "name": "Chip Group",
          "description": "A collection of compact interactive chips for filtering or selecting options. Supports Filter (multi-select) and Choice (single-select) types, horizontal and wrapped layouts, and overflow handling for both desktop and mobile contexts.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-chip-group--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/chip-group.md",
          "file": "src/stories/components/chips-group.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "chip",
            "layout",
            "component",
            "ux4g"
          ],
          "variants": [
            "Filter Chips Group",
            "Choice Chips Group"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-combobox",
          "name": "Combobox",
          "description": "",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-combobox--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/combobox.md",
          "file": "src/stories/components/combobox.stories.js",
          "status": "stable",
          "keywords": [
            "combobox",
            "component",
            "ux4g"
          ],
          "variants": [
            "ComboboxSize",
            "FilterMode",
            "StatusVariant"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-date-picker",
          "name": "Date Picker",
          "description": "Date Picker component allows users to select a single date or a range of dates using a calendar interface. It ensures accurate and consistent date selection across workflows.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-date-picker--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/date-picker.md",
          "file": "src/stories/components/date-picker.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "component",
            "ux4g"
          ],
          "variants": [
            "Single Date Picker",
            "Date Range Picker",
            "Time Picker"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-divider",
          "name": "Divider",
          "description": "Divider is a thin line that groups content in lists and containers. It helps in improving content organization by separating content visually, making it easier for users to scan and understand information.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-divider--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/divider.md",
          "file": "src/stories/components/divider.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "list",
            "component",
            "ux4g"
          ],
          "variants": [
            "Divider"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-draft-status",
          "name": "Draft Status",
          "description": "Draft Status Banner component displays a persistent notification indicating that content is currently in draft mode. It helps users distinguish unpublished content from published information.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-draft-status--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/draft-status.md",
          "file": "src/stories/components/draft-status.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "status",
            "component",
            "ux4g"
          ],
          "variants": [
            "Draft Status Type"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-drawer",
          "name": "Drawer",
          "description": "Drawer slides into view from the edge of the screen to display additional content, navigation, or actions. It keeps the primary interface uncluttered while providing quick access to secondary information.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-drawer--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/drawer.md",
          "file": "src/stories/components/drawer.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "navigation",
            "drawer",
            "component",
            "ux4g"
          ],
          "variants": [
            "Drawer Variants"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-dropdown",
          "name": "Dropdown",
          "description": "",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-dropdown--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/dropdown.md",
          "file": "src/stories/components/dropdown.stories.js",
          "status": "stable",
          "keywords": [
            "dropdown",
            "component",
            "ux4g"
          ],
          "variants": [
            "DropdownSize",
            "StatusVarient",
            "SelectionTypes",
            "DropdownButton",
            "DropdownOverflow"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-empty-state",
          "name": "Empty State",
          "description": "An Empty state screen is used to prompt the user to take action or provide input when there is no existing data or content to display.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-empty-state--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/empty-state.md",
          "file": "src/stories/components/empty-state.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "empty-state",
            "component",
            "ux4g"
          ],
          "variants": [
            "Empty State Type"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-feedback",
          "name": "Feedback",
          "description": "Feedback allows users to provide ratings and share opinions about their experience. It supports multiple feedback formats, including thumbs, stars, NPS, and emoji ratings.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-feedback--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/feedback.md",
          "file": "src/stories/components/feedback.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "feedback",
            "component",
            "ux4g"
          ],
          "variants": [
            "Feedback Type"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-file-upload",
          "name": "File Upload",
          "description": "File upload allows users to upload and attach one or more files. It shows the upload progress and status of each file.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-file-upload--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/file-upload.md",
          "file": "src/stories/components/file-upload.stories.js",
          "status": "stable",
          "keywords": [
            "progress",
            "status",
            "upload",
            "component",
            "ux4g"
          ],
          "variants": [
            "EntryStates",
            "UploadedAndErrorStates"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-footer",
          "name": "Footer",
          "description": "Footer provides access to secondary navigation, organizational information, legal links, contact details, and related resources. It serves as the concluding navigation area of a website.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-footer--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/footer.md",
          "file": "src/stories/components/footer.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "navigation",
            "footer",
            "link",
            "component",
            "ux4g"
          ],
          "variants": [
            "Footer Type 1 to 6",
            "Footer Variant (Dark & Primary)",
            "Need Support",
            "Bottom Strip"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-form-field",
          "name": "Form Field",
          "description": "Form field group is a container that organizes related input controls like text boxes, dropdowns and checkboxes into logical sections. It structures long, complex forms to improve the user experience and allows developers to apply styles, validation rules or visibility conditions to multiple fields at once.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-form-field--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/form-field.md",
          "file": "src/stories/components/form-field.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "form",
            "checkbox",
            "dropdown",
            "component",
            "ux4g"
          ],
          "variants": [
            "Form Field Variants",
            "Form Field Group Example"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-image",
          "name": "Image",
          "description": "Image component displays photographic or illustrative content in a consistent and responsive manner. It supports configurable aspect ratios, corner styles, and overlays to maintain visual consistency across interfaces.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-image--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/image.md",
          "file": "src/stories/components/image.stories.js",
          "status": "stable",
          "keywords": [
            "image",
            "component",
            "ux4g"
          ],
          "variants": [
            "SharpRatios",
            "RoundedRatios"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-input-pan-card",
          "name": "Input Pan-Card",
          "description": "Input - Pan Card allows users to enter, format and validate a Permanent Account Number (PAN). It supports standardized data entry across financial, taxation, and banking workflows.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-input-pan-card--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/input-pan-card.md",
          "file": "src/stories/components/input-Pan-Card.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "form",
            "card",
            "component",
            "ux4g"
          ],
          "variants": [
            "PanCardInput"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-input-aadhaar",
          "name": "Input Aadhaar",
          "description": "Input-Aadhaar field allow users to securely enter, format and validate their 12-digit unique identification number. They support user interaction by enabling standardized data entry in identity verification, government applications and secure onboarding workflows, ensuring a smooth and compliant user experience.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-input-aadhaar--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/input-aadhaar.md",
          "file": "src/stories/components/input-aadhaar.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "form",
            "component",
            "government",
            "ux4g"
          ],
          "variants": [
            "AadhaarInput"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-input",
          "name": "Input",
          "description": "Input - Text Field allow users to enter, edit and submit information such as names, emails, passwords or search queries. They support user interaction by enabling data input in forms, searches and workflows, ensuring a smooth and efficient user experience.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-input--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/input.md",
          "file": "src/stories/components/input.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "form",
            "search",
            "component",
            "ux4g"
          ],
          "variants": [
            "InputSizes",
            "ValidationStates"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-journey-timeline",
          "name": "Journey Timeline",
          "description": "A composite component combining a Stepper (progress indicators) with an Info List (content items) to visualise multi-step processes, application statuses, and service journeys.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-journey-timeline--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/journey-timeline.md",
          "file": "src/stories/components/journey-timeline.stories.js",
          "status": "stable",
          "keywords": [
            "list",
            "progress",
            "status",
            "stepper",
            "component",
            "ux4g"
          ],
          "variants": [
            "Vertical Timeline",
            "Horizontal Timeline"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-link",
          "name": "Link",
          "description": "A link is an interactive, clickable element, usually text or an icon, that directs users to another page, website, or a specific section within the same page, acting as a fundamental tool for navigation and accessing more information",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-link--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/link.md",
          "file": "src/stories/components/link.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "navigation",
            "link",
            "component",
            "ux4g"
          ],
          "variants": [
            "DefaultLinks",
            "NeutralLinks"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-list",
          "name": "List",
          "description": "A list is a component used to organize and display a continuous collection of related items in a structured, scannable format",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-list--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/list.md",
          "file": "src/stories/components/list.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "list",
            "component",
            "ux4g"
          ],
          "variants": [
            "ListSizes",
            "ValidationStates",
            "SelectionPatterns",
            "SwitchPatterns"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-mega-menu",
          "name": "Mega Menu",
          "description": "Mega menus dropdown menus that appear when users hover or click on a navigation option. They are typically seen on websites with a wide range of content and categories. Mega menus are particularly useful in UX design as they can provide an overview of all available options within a site\\'s complex information architecture.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-mega-menu--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/mega-menu.md",
          "file": "src/stories/components/mega-menu.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "navigation",
            "dropdown",
            "mega-menu",
            "component",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "components-modal",
          "name": "Modal",
          "description": "Modal component displays important information, confirmations, or actions in a focused overlay above the main interface. It requires user interaction before returning to the underlying content.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-modal--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/modal.md",
          "file": "src/stories/components/modal.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "modal",
            "component",
            "ux4g"
          ],
          "variants": [
            "StandardModals",
            "ModalCenter",
            "ModalBackdrops"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-navbar",
          "name": "Navbar",
          "description": "Navbar provides primary navigation and access to key areas of an application or website. It supports branding, navigation, and important user actions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-navbar--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/navbar.md",
          "file": "src/stories/components/navbar.stories.js",
          "status": "stable",
          "keywords": [
            "navigation",
            "navbar",
            "component",
            "ux4g"
          ],
          "variants": [
            "Navbar Type",
            "Navbar Pill"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-input-otp",
          "name": "Input-OTP",
          "description": "Input - OTP component consists of multiple input fields designed for entering a one-time password. It automatically advances focus between fields and provides clear feedback for a secure and seamless verification experience.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-input-otp--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/input-otp.md",
          "file": "src/stories/components/otp.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "feedback",
            "otp",
            "component",
            "ux4g"
          ],
          "variants": [
            "InputStates",
            "FeedbackStates"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-pagination",
          "name": "Pagination",
          "description": "Pagination divides large datasets into manageable pages, allowing users to navigate through information efficiently. It enhances performance, readability, and user experience in lists, tables, and search results. here.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-pagination--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/pagination.md",
          "file": "src/stories/components/pagination.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "table",
            "tab",
            "list",
            "pagination",
            "search",
            "component",
            "ux4g"
          ],
          "variants": [
            "Pagination Variants",
            "Pagination Dots Variants"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-popover",
          "name": "Popover",
          "description": "Popover displays additional information or actions in a lightweight overlay triggered by user interaction. It can contain interactive content such as buttons, links, and form controls.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-popover--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/popover.md",
          "file": "src/stories/components/popover.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "form",
            "link",
            "popover",
            "component",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "components-progress-indicator",
          "name": "Progress Indicator",
          "description": "Progress indicators inform users about the status of ongoing processes by providing visual feedback about the progress of a task or operation. It is commonly seen in design patterns like: File uploads, Password strength etc.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-progress-indicator--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/progress-indicator.md",
          "file": "src/stories/components/progress-indicator.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "feedback",
            "progress",
            "status",
            "upload",
            "pattern",
            "component",
            "ux4g"
          ],
          "variants": [
            "ProgressBars",
            "ProgressCircles",
            "ProgressHalfCircles"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-radio",
          "name": "Radio",
          "description": "Radio Button presents a list of mutually exclusive options where users can make exactly one selection from the group. It supports user interaction by allowing the selection of a single choice out of multiple predefined items, ensuring that users can easily define precise preferences, answer single choice binary questions, and submit forms with distinct clarity.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-radio--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/radio.md",
          "file": "src/stories/components/radio.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "select",
            "form",
            "list",
            "radio",
            "component",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "components-result-list",
          "name": "Result List",
          "description": "A Result List Row displays a single item within a list of search results, records, or data entries. It presents key information in a structured format, enabling users to quickly scan, compare, and access relevant details or actions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-result-list--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/result-list.md",
          "file": "src/stories/components/result-list.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "list",
            "search",
            "component",
            "ux4g"
          ],
          "variants": [
            "Application (v1)",
            "Documents (v2)",
            "Service (v3)",
            "Grievance (v4)",
            "Payment (v5)"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-search",
          "name": "Search",
          "description": "Search component allows users to quickly find relevant information within an application. It enhances navigation, improves content discoverability and supports text based, voice or filter-assisted search functionality.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-search--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/search.md",
          "file": "src/stories/components/search.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "navigation",
            "search",
            "component",
            "ux4g"
          ],
          "variants": [
            "Sizing",
            "FilterModes"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-progress-sla-indicator",
          "name": "Progress SLA Indicator",
          "description": "An SLA progress indicator visually tracks the time remaining to fulfill a guaranteed service or task. It communicates progress and status through color and supporting information.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-progress-sla-indicator--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/progress-sla-indicator.md",
          "file": "src/stories/components/sla-progress-indicator.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "progress",
            "status",
            "color",
            "component",
            "ux4g"
          ],
          "variants": [
            "CircularSlaProgress",
            "LinearSlaProgress",
            "CompactListBadge"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-slider",
          "name": "Slider",
          "description": "Slider is an interactive input control that allows users to select a value or a range of values by dragging a handle along a horizontal track. It provides an intuitive, visually appealing way to adjust continuous settings or explore approximate ranges.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-slider--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/slider.md",
          "file": "src/stories/components/slider.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "select",
            "slider",
            "component",
            "ux4g"
          ],
          "variants": [
            "SingleSliders",
            "RangeSliders"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-spinner",
          "name": "Spinner",
          "description": "Spinner component is a visual indicator used to represent loading, processing or system activity. It provides feedback to users that an operation is in progress and helps prevent confusion when waiting for content to load.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-spinner--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/spinner.md",
          "file": "src/stories/components/spinner.stories.js",
          "status": "stable",
          "keywords": [
            "feedback",
            "progress",
            "spinner",
            "component",
            "ux4g"
          ],
          "variants": [
            "SpinnerTypes",
            "SpinnerSizes"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-status-pipeline",
          "name": "Status Pipeline",
          "description": "A Status Pipeline is a UI component that communicates the progression of a multi-step process. It enables users to easily identify completed, current, and upcoming stages, improving clarity and navigation through sequential workflows. The component is available in horizontal and vertical variants, allowing it to adapt to different layouts and use cases.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-status-pipeline--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/status-pipeline.md",
          "file": "src/stories/components/status-pipeline.stories.js",
          "status": "stable",
          "keywords": [
            "navigation",
            "progress",
            "status",
            "tag",
            "layout",
            "component",
            "ux4g"
          ],
          "variants": [
            "Status Pipeline Horizontal",
            "Status Pipeline Vertical"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-stepper",
          "name": "Stepper",
          "description": "Stepper visually represents a multi-step process, guiding users through a sequence of actions. It enhances usability by breaking down complex workflows into manageable steps.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-stepper--stepper-horizontal",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/stepper.md",
          "file": "src/stories/components/stepper.stories.js",
          "status": "stable",
          "keywords": [
            "stepper",
            "component",
            "ux4g"
          ],
          "variants": [
            "Stepper Horizontal",
            "Stepper Vertical",
            "Stepper Compact"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-tab",
          "name": "Tab",
          "description": "Tabs organize related content into separate sections, allowing users to switch between views within the same page without navigating away. They help improve content discoverability, reduce visual clutter, and provide a structured browsing experience.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-tab--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/tab.md",
          "file": "src/stories/components/tab.stories.js",
          "status": "stable",
          "keywords": [
            "tab",
            "switch",
            "component",
            "ux4g"
          ],
          "variants": [
            "HorizontalTabs",
            "InteractiveTabs",
            "VerticalTabs"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-table",
          "name": "Table",
          "description": "Tables are structured grid components that organize large amounts of raw information into horizontal rows and vertical columns. They are designed to let users quickly scan, sort, compare and take action on complex data sets.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-table--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/table.md",
          "file": "src/stories/components/table.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "table",
            "tab",
            "grid",
            "component",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "components-tags",
          "name": "Tags",
          "description": "Tag is a small, interactive element used to label, categorize or filter content. Tag allow users to quickly identify metadata and make selections.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-tags--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/tags.md",
          "file": "src/stories/components/tag.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "tag",
            "component",
            "ux4g"
          ],
          "variants": [
            "TonalTags",
            "FilledTags",
            "OutlineTags",
            "TextTags"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-textarea",
          "name": "Textarea",
          "description": "Textareas support longer-form text entry with helper messaging, counters, and validation states.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-textarea--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/textarea.md",
          "file": "src/stories/components/textarea.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "component",
            "ux4g"
          ],
          "variants": [
            "DefaultField",
            "ValidationStates"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-time-slot",
          "name": "Time Slot",
          "description": "A Time Slot represents a specific period available for scheduling, booking, or appointments. It helps users select a convenient date and time, ensuring organized planning and efficient allocation of resources.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-time-slot--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/time-slot.md",
          "file": "src/stories/components/time-slot.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "component",
            "ux4g"
          ],
          "variants": [
            "Weekly Expanded",
            "Compact"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "components-switch",
          "name": "Switch",
          "description": "Toggle component allows users to switch between two states typically representing on/off, enabled/disabled, or active/inactive settings. Toggles provide a quick and intuitive way to modify system or feature preferences with a single action.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-switch--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/switch.md",
          "file": "src/stories/components/toggle.stories.js",
          "status": "stable",
          "keywords": [
            "switch",
            "component",
            "ux4g"
          ],
          "variants": [],
          "hasCodeExamples": true
        },
        {
          "id": "components-tooltip",
          "name": "Tooltip",
          "description": "Tooltip is a small, contextual popup that appears when you hover over, tap or focus on a UI element (like a button or icon). It provides quick explanatory text or a hint about the element\\'s function without permanently cluttering the screen.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-components-tooltip--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/components/tooltip.md",
          "file": "src/stories/components/tooltip.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "tooltip",
            "component",
            "ux4g"
          ],
          "variants": [
            "Tooltips"
          ],
          "hasCodeExamples": true
        }
      ]
    },
    {
      "id": "patterns",
      "name": "Patterns",
      "url": "https://doc.ux4g.gov.in/web/llms/patterns.md",
      "items": [
        {
          "id": "patterns-application-submission-submission-acknowledgement",
          "name": "Application & Submission / Submission Acknowledgement",
          "description": "Success and acknowledgement screens with reference numbers, next-steps timeline, notification confirmations, and action buttons.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-submission-acknowledgement--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/application-submission-submission-acknowledgement.md",
          "file": "src/stories/pattern/application-submission-acknowledgement.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-application-submission-check-eligibility",
          "name": "Application & Submission / Check Eligibility",
          "description": "Eligibility check wizard that guides users through quick questions to determine if they qualify for a service before starting the full application.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-check-eligibility--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/application-submission-check-eligibility.md",
          "file": "src/stories/pattern/application-submission-check-eligibility.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-application-submission-document-upload",
          "name": "Application & Submission / Document Upload",
          "description": "Document scan and upload flow with checklist, progress tracking, file requirements guidance, and DigiLocker integration support.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-document-upload--desktop-workspace",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/application-submission-document-upload.md",
          "file": "src/stories/pattern/application-submission-document-upload.stories.js",
          "status": "stable",
          "keywords": [
            "list",
            "progress",
            "upload",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Desktop Workspace",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-application-submission-government-form",
          "name": "Application & Submission / Government Form",
          "description": "Government form with validation patterns including auto-save, inline errors, steppers, various input types (text, select, radio, checkbox, slider, toggle).",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-government-form--desktop",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/application-submission-government-form.md",
          "file": "src/stories/pattern/application-submission-government-form.stories.js",
          "status": "stable",
          "keywords": [
            "input",
            "select",
            "form",
            "checkbox",
            "radio",
            "slider",
            "stepper",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Desktop",
            "Desktop Workspace",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-application-submission-journey-progress",
          "name": "Application & Submission / Journey Progress",
          "description": "Journey progress indicator showing multi-step application flow with completed, active, and upcoming steps in a column layout with sidebar context.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-journey-progress--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/application-submission-journey-progress.md",
          "file": "src/stories/pattern/application-submission-journey-progress.stories.js",
          "status": "stable",
          "keywords": [
            "progress",
            "layout",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-application-submission-save-resume",
          "name": "Application & Submission / Save & Resume",
          "description": "Save draft and resume later pattern with draft status banners, skeleton loading states, and mobile-optimized resume actions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-application-submission-save-resume--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/application-submission-save-resume.md",
          "file": "src/stories/pattern/application-submission-save-resume.stories.js",
          "status": "stable",
          "keywords": [
            "status",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-consent-declaration-consent-history",
          "name": "Consent & Declaration / Consent History",
          "description": "Consent history patterns showing audit trail data, timeline views, and scrollable card layouts for reviewing past consents.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-consent-history--consent-audit-trail",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/consent-declaration-consent-history.md",
          "file": "src/stories/pattern/consent-history.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "layout",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Consent Audit Trail",
            "Consent History - Full Screen",
            "Consent History - Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-consent-declaration-consent-required",
          "name": "Consent & Declaration / Consent Required",
          "description": "Consent Required patterns for government services including full-screen and card-style consent capture layouts with data usage tables.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-consent-required--consent-required-full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/consent-declaration-consent-required.md",
          "file": "src/stories/pattern/consent-required.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "table",
            "tab",
            "layout",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Consent Required - Full Screen",
            "Consent Validation",
            "Consent Card Layout"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-consent-declaration-withdraw-consent",
          "name": "Consent & Declaration / Withdraw Consent",
          "description": "Withdraw consent confirmation modal pattern for revoking data sharing permissions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-withdraw-consent--withdraw-consent",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/consent-declaration-withdraw-consent.md",
          "file": "src/stories/pattern/consent-withdraw.stories.js",
          "status": "stable",
          "keywords": [
            "modal",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Withdraw Consent"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-dashboard-my-applications-batch-actions",
          "name": "Dashboard & My Applications / Batch Actions",
          "description": "Batch actions pattern for selecting multiple applications and performing bulk operations like download and track together.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-dashboard-my-applications-batch-actions--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/dashboard-my-applications-batch-actions.md",
          "file": "src/stories/pattern/dashboard-batch-actions.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "form",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-dashboard-my-applications-empty-state",
          "name": "Dashboard & My Applications / Empty State",
          "description": "Empty state pattern for when a citizen has no active applications, featuring a call-to-action and popular service suggestions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-dashboard-my-applications-empty-state--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/dashboard-my-applications-empty-state.md",
          "file": "src/stories/pattern/dashboard-empty-state.stories.js",
          "status": "stable",
          "keywords": [
            "empty-state",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-dashboard-my-applications-dashboard-overview",
          "name": "Dashboard & My Applications / Dashboard Overview",
          "description": "Dashboard overview pattern for citizen applications including statistics cards, filter chips, and application result lists.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-dashboard-my-applications-dashboard-overview--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/dashboard-my-applications-dashboard-overview.md",
          "file": "src/stories/pattern/dashboard-overview.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "chip",
            "list",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-dashboard-my-applications-search-filter",
          "name": "Dashboard & My Applications / Search & Filter",
          "description": "Search and filter pattern for citizen applications with a search bar and filtered result list.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-dashboard-my-applications-search-filter--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/dashboard-my-applications-search-filter.md",
          "file": "src/stories/pattern/dashboard-search.stories.js",
          "status": "stable",
          "keywords": [
            "list",
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-consent-declaration-data-sharing-consent",
          "name": "Consent & Declaration / Data Sharing Consent",
          "description": "Data sharing consent patterns for inter-agency data sharing with partner details and consent management.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-data-sharing-consent--data-sharing-consent-full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/consent-declaration-data-sharing-consent.md",
          "file": "src/stories/pattern/data-sharing-consent.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Data Sharing Consent - Full Screen",
            "Data Sharing Consent - Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-consent-declaration-declaration",
          "name": "Consent & Declaration / Declaration",
          "description": "Declaration patterns for government service submission, including scroll-to-accept declaration boxes, attestation checkboxes, and full-screen and card-style layouts.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-declaration--declaration-before-submission-full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/consent-declaration-declaration.md",
          "file": "src/stories/pattern/declaration.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "checkbox",
            "layout",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Declaration Before Submission - Full Screen",
            "Declaration Before Submission - Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-fee-waived",
          "name": "Payment & Transactions / Fee Waived",
          "description": "Fee waiver confirmation for eligible applicants showing original fee breakdown with waiver applied.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-fee-waived--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-fee-waived.md",
          "file": "src/stories/pattern/fee-waived.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Fee Waived"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-feedback-communication-contact-and-support",
          "name": "Feedback & Communication / Contact and Support",
          "description": "Contact and support patterns for government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-feedback-communication-contact-and-support--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/feedback-communication-contact-and-support.md",
          "file": "src/stories/pattern/feedback-contact-support.stories.js",
          "status": "stable",
          "keywords": [
            "feedback",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-feedback-communication-inline-feedback-and-status-communication",
          "name": "Feedback & Communication / Inline Feedback and Status Communication",
          "description": "Inline feedback and status communication patterns for government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-feedback-communication-inline-feedback-and-status-communication--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/feedback-communication-inline-feedback-and-status-communication.md",
          "file": "src/stories/pattern/feedback-inline-feedback.stories.js",
          "status": "stable",
          "keywords": [
            "feedback",
            "status",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-feedback-communication-language-switcher",
          "name": "Feedback & Communication / Language Switcher",
          "description": "Language switcher patterns for government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-feedback-communication-language-switcher--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/feedback-communication-language-switcher.md",
          "file": "src/stories/pattern/feedback-language-switcher.stories.js",
          "status": "stable",
          "keywords": [
            "feedback",
            "switch",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-feedback-communication-service-completion-and-feedback",
          "name": "Feedback & Communication / Service Completion and Feedback",
          "description": "Service completion and user feedback patterns for government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-feedback-communication-service-completion-and-feedback--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/feedback-communication-service-completion-and-feedback.md",
          "file": "src/stories/pattern/feedback-service-completion.stories.js",
          "status": "stable",
          "keywords": [
            "feedback",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-aadhaar-authentication",
          "name": "Identity & Access / Aadhaar Authentication",
          "description": "Aadhaar-based authentication selection patterns for government services identity verification.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-aadhaar-authentication--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-aadhaar-authentication.md",
          "file": "src/stories/pattern/identity-access-aadhaar.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-auth-pattern",
          "name": "Identity & Access / Auth Pattern",
          "description": "Authentication error and lockout flows for secure digital access to government services. Includes OTP error states, attempt counters, account lockout, auto unlock, and suspicious activity detection across Column, Fullscreen, and Card layouts.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-auth-pattern--column-layout",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-auth-pattern.md",
          "file": "src/stories/pattern/identity-access-auth-pattern.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "otp",
            "layout",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Column Layout",
            "Fullscreen Layout",
            "Card Layout"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-forgot-password",
          "name": "Identity & Access / Forgot Password",
          "description": "Forgot password and account recovery patterns for government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-forgot-password--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-forgot-password.md",
          "file": "src/stories/pattern/identity-access-forgot-password.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-operator-assisted-verification",
          "name": "Identity & Access / Operator-Assisted Verification",
          "description": "Operator-assisted Aadhaar verification flow where a certified VLE operator conducts authentication on behalf of the citizen.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-operator-assisted-verification--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-operator-assisted-verification.md",
          "file": "src/stories/pattern/identity-access-operator-assisted.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-otp-verification",
          "name": "Identity & Access / OTP Verification",
          "description": "OTP verification patterns for secure identity confirmation in government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-otp-verification--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-otp-verification.md",
          "file": "src/stories/pattern/identity-access-otp.stories.js",
          "status": "stable",
          "keywords": [
            "otp",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-reset-password",
          "name": "Identity & Access / Reset Password",
          "description": "Reset Password patterns.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-reset-password--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-reset-password.md",
          "file": "src/stories/pattern/identity-access-reset-password.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-session-timeout",
          "name": "Identity & Access / Session Timeout",
          "description": "Session timeout modal patterns showing expiring, expiring soon, and session ended states with countdown timers and progress indicators.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-session-timeout--session-timeout",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-session-timeout.md",
          "file": "src/stories/pattern/identity-access-session-timeout.stories.js",
          "status": "stable",
          "keywords": [
            "modal",
            "progress",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Session Timeout"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-sign-in",
          "name": "Identity & Access / Sign In",
          "description": "Sign-in patterns for government services with mobile OTP, username/password, and Aadhaar-based authentication options.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-sign-in--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-sign-in.md",
          "file": "src/stories/pattern/identity-access-sign-in.stories.js",
          "status": "stable",
          "keywords": [
            "otp",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-identity-access-sign-up",
          "name": "Identity & Access / Sign Up",
          "description": "Sign-up and registration patterns for government services with citizen onboarding flows.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-identity-access-sign-up--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/identity-access-sign-up.md",
          "file": "src/stories/pattern/identity-access-sign-up.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Column",
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-consent-declaration-manage-data-sharing-consents",
          "name": "Consent & Declaration / Manage Data Sharing Consents",
          "description": "Manage data sharing consents patterns for viewing and controlling active data sharing agreements across departments.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-consent-declaration-manage-data-sharing-consents--manage-data-sharing-consents-full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/consent-declaration-manage-data-sharing-consents.md",
          "file": "src/stories/pattern/manage-data-sharing-consents.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Manage Data Sharing Consents - Full Screen",
            "Manage Data Sharing Consents - Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-notifications-notification-centre",
          "name": "Notifications / Notification Centre",
          "description": "Notification Centre patterns for government services including right-side and left-side drawers with grouped notification items and empty state.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-notification-centre--notification-centre-drawer",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/notifications-notification-centre.md",
          "file": "src/stories/pattern/notification-centre.stories.js",
          "status": "stable",
          "keywords": [
            "drawer",
            "empty-state",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Notification Centre Drawer",
            "Notification Centre Empty"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-notifications-notification-channels",
          "name": "Notifications / Notification Channels",
          "description": "Notification channel preferences for government service portals including channel toggles, frequency settings, per-service fine-tuning, mandatory notifications, WhatsApp opt-in, and subscription management.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-notification-channels--notification-preferences",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/notifications-notification-channels.md",
          "file": "src/stories/pattern/notification-channels.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Notification Preferences",
            "Notification Status Update"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-payment-confirmation",
          "name": "Payment & Transactions / Payment Confirmation",
          "description": "Payment confirmation summary with fee breakdown table, stepper progress, and secure gateway info.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-payment-confirmation--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-payment-confirmation.md",
          "file": "src/stories/pattern/payment-confirmation.stories.js",
          "status": "stable",
          "keywords": [
            "table",
            "tab",
            "progress",
            "stepper",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-payment-failed",
          "name": "Payment & Transactions / Payment Failed",
          "description": "Error state with failure reason, attempted amount, and retry options including alternate payment methods.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-payment-failed--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-payment-failed.md",
          "file": "src/stories/pattern/payment-failed.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-payment-method",
          "name": "Payment & Transactions / Payment Method",
          "description": "Payment method selection with UPI, Net Banking, Card, and CSC Centre options.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-payment-method--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-payment-method.md",
          "file": "src/stories/pattern/payment-method.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "card",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-payment-redirect",
          "name": "Payment & Transactions / Payment Redirect",
          "description": "Full-screen payment gateway redirect/hand-off modal shown while payment is being processed.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-payment-redirect--redirecting",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-payment-redirect.md",
          "file": "src/stories/pattern/payment-redirect.stories.js",
          "status": "stable",
          "keywords": [
            "modal",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Redirecting"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-payment-successful",
          "name": "Payment & Transactions / Payment Successful",
          "description": "Success confirmation with transaction details, receipt download, and next-step actions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-payment-successful--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-payment-successful.md",
          "file": "src/stories/pattern/payment-successful.stories.js",
          "status": "stable",
          "keywords": [
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-payment-transactions-pending-tasks",
          "name": "Payment & Transactions / Pending Tasks",
          "description": "Dashboard pending tasks view with overdue alerts, filter chips, expandable result list items, and action buttons.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-payment-transactions-pending-tasks--pending-tasks",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/payment-transactions-pending-tasks.md",
          "file": "src/stories/pattern/pending-tasks.stories.js",
          "status": "stable",
          "keywords": [
            "button",
            "alert",
            "chip",
            "list",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Pending Tasks",
            "No Pending Tasks"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-dashboard-my-applications-profile-preferences",
          "name": "Dashboard & My Applications / Profile & Preferences",
          "description": "Profile and preferences management including Aadhaar-linked information, personal details, linked accounts, notification toggles, and account deletion.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-dashboard-my-applications-profile-preferences--introduction",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/dashboard-my-applications-profile-preferences.md",
          "file": "src/stories/pattern/profile-preferences.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "link",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Profile & Preferences"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-notifications-reminder-alerts",
          "name": "Notifications / Reminder Alerts",
          "description": "Reminder alert patterns for government services including info, success, warning, and error severity levels with timed expiry notifications and action prompts.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-reminder-alerts--reminderalertinfo",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/notifications-reminder-alerts.md",
          "file": "src/stories/pattern/reminder-alerts.stories.js",
          "status": "stable",
          "keywords": [
            "alert",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "ReminderAlertInfo",
            "ReminderAlertSuccess",
            "ReminderAlertWarning",
            "ReminderAlertError",
            "ReminderAlertExpired"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-appointment-confirmed",
          "name": "Search & Discovery / Appointment Confirmed",
          "description": "Success screen showing confirmed appointment with booking reference and next-step instructions.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-appointment-confirmed--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-appointment-confirmed.md",
          "file": "src/stories/pattern/search-and-discovery-appointment-confirmed.stories.js",
          "status": "stable",
          "keywords": [
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "FullScreen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-booking-confirmation",
          "name": "Search & Discovery / Booking Confirmation",
          "description": "Review booking details including advocate, date, time, and fees before confirming the appointment.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-booking-confirmation--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-booking-confirmation.md",
          "file": "src/stories/pattern/search-and-discovery-booking-confirmation.stories.js",
          "status": "stable",
          "keywords": [
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "FullScreen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-consultation-slot-booking",
          "name": "Search & Discovery / Consultation Slot Booking",
          "description": "Browse and filter advocates with consultation fees, experience, languages, and bookable slots.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-consultation-slot-booking--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-consultation-slot-booking.md",
          "file": "src/stories/pattern/search-and-discovery-consultation-booking.stories.js",
          "status": "stable",
          "keywords": [
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Column",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-global-service-discovery-results",
          "name": "Search & Discovery / Global Service Discovery Results",
          "description": "Comprehensive search results across government departments with faceted filters and service cards.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-global-service-discovery-results--desktop-workspace",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-global-service-discovery-results.md",
          "file": "src/stories/pattern/search-and-discovery-global-discovery-results.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "search",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Desktop Workspace",
            "FullScreen",
            "Column"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-global-service-discovery",
          "name": "Search & Discovery / Global Service Discovery",
          "description": "Cross-departmental service discovery with category cards, featured services, recommendations, and an interactive quiz.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-global-service-discovery--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-global-service-discovery.md",
          "file": "src/stories/pattern/search-and-discovery-global-discovery.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Desktop Workspace",
            "Column"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-service-detail",
          "name": "Search & Discovery / Service Detail",
          "description": "Detailed service information page with tabbed navigation, document checklist, and application steps.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-service-detail--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-service-detail.md",
          "file": "src/stories/pattern/search-and-discovery-global-service-detail.stories.js",
          "status": "stable",
          "keywords": [
            "form",
            "navigation",
            "tab",
            "list",
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Column",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-reschedule-booking",
          "name": "Search & Discovery / Reschedule Booking",
          "description": "Request reschedule interface with calendar picker and reason for rescheduling.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-reschedule-booking--column",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-reschedule-booking.md",
          "file": "src/stories/pattern/search-and-discovery-reschedule-booking.stories.js",
          "status": "stable",
          "keywords": [
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Column",
            "FullScreen",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-search-autocomplete",
          "name": "Search & Discovery / Search Autocomplete",
          "description": "Smart search with autocomplete suggestions, popular searches, and curated categories.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-autocomplete--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-search-autocomplete.md",
          "file": "src/stories/pattern/search-and-discovery-search-autocomplete.stories.js",
          "status": "stable",
          "keywords": [
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Column",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-search-browse",
          "name": "Search & Discovery / Search Browse",
          "description": "Browse and discover government services with intelligent search, topic-based discovery, and featured schemes.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-browse--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-search-browse.md",
          "file": "src/stories/pattern/search-and-discovery-search-browse.stories.js",
          "status": "stable",
          "keywords": [
            "search",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Column",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-search-no-results",
          "name": "Search & Discovery / Search No Results",
          "description": "Empty state for search with no matching results, offering suggestions and alternative paths.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-no-results--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-search-no-results.md",
          "file": "src/stories/pattern/search-and-discovery-search-no-results.stories.js",
          "status": "stable",
          "keywords": [
            "empty-state",
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Column",
            "Desktop Workspace"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-search-results",
          "name": "Search & Discovery / Search Results",
          "description": "Filterable search results with comprehensive faceted navigation for government services.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-search-results--desktop-workspace",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-search-results.md",
          "file": "src/stories/pattern/search-and-discovery-search-results.stories.js",
          "status": "stable",
          "keywords": [
            "navigation",
            "search",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Desktop Workspace",
            "FullScreen",
            "Column"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-search-discovery-time-slot-selection",
          "name": "Search & Discovery / Time Slot Selection",
          "description": "Weekly calendar view for selecting available consultation time slots with visual availability indicators.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-search-discovery-time-slot-selection--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/search-discovery-time-slot-selection.md",
          "file": "src/stories/pattern/search-and-discovery-time-slot-selection.stories.js",
          "status": "stable",
          "keywords": [
            "select",
            "search",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Column",
            "Card"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-notifications-sms-email-notifications",
          "name": "Notifications / SMS & Email Notifications",
          "description": "SMS and Email notification patterns for government services including submission confirmation, action required, and status update email templates.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-notifications-sms-email-notifications--email-submission-confirmation",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/notifications-sms-email-notifications.md",
          "file": "src/stories/pattern/sms-email-notifications.stories.js",
          "status": "stable",
          "keywords": [
            "status",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Email Submission Confirmation",
            "Email Action Required",
            "Email Status Update"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-status-tracker-application-tracker",
          "name": "Status Tracker / Application Tracker",
          "description": "Track application status with SLA progress bars, vertical journey timelines, action required alerts, and rejection feedback screens.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-status-tracker-application-tracker--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/status-tracker-application-tracker.md",
          "file": "src/stories/pattern/status-tracker-application-tracker.stories.js",
          "status": "stable",
          "keywords": [
            "alert",
            "feedback",
            "progress",
            "status",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card",
            "Column"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-status-tracker-grievance-tracker",
          "name": "Status Tracker / Grievance Tracker",
          "description": "Grievance tracking with SLA progress, detail cards, escalation paths, and journey timeline.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-status-tracker-grievance-tracker--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/status-tracker-grievance-tracker.md",
          "file": "src/stories/pattern/status-tracker-grievance-tracker.stories.js",
          "status": "stable",
          "keywords": [
            "card",
            "progress",
            "status",
            "pattern",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card",
            "Column"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-status-tracker-inspection-test-slot",
          "name": "Status Tracker / Inspection & Test Slot",
          "description": "Status Tracker patterns for government services including application status tracking with timeline, grievance tracking with escalation paths, and inspection/test slot scheduling.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-status-tracker-inspection-test-slot--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/status-tracker-inspection-test-slot.md",
          "file": "src/stories/pattern/status-tracker-inspection-test-slot.stories.js",
          "status": "stable",
          "keywords": [
            "status",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen",
            "Card",
            "Column"
          ],
          "hasCodeExamples": true
        },
        {
          "id": "patterns-status-tracker-introduction",
          "name": "Status Tracker / Introduction",
          "description": "Status Tracker patterns for government services including application status tracking with timeline, grievance tracking with escalation paths, and inspection/test slot scheduling.",
          "storyUrl": "https://doc.ux4g.gov.in/web/?path=/story/ux4g-patterns-status-tracker-introduction--full-screen",
          "llmsUrl": "https://doc.ux4g.gov.in/web/llms/patterns/status-tracker-introduction.md",
          "file": "src/stories/pattern/status-tracker-introduction.stories.js",
          "status": "stable",
          "keywords": [
            "status",
            "pattern",
            "government",
            "ux4g"
          ],
          "variants": [
            "Full Screen"
          ],
          "hasCodeExamples": true
        }
      ]
    }
  ],
  "patternDemos": {
    "id": "pattern-demos",
    "name": "Pattern HTML Demos",
    "url": "https://doc.ux4g.gov.in/web/pattern-html/",
    "items": [
      {
        "id": "pattern-demo-application-submission-application-submission",
        "name": "Application & Submission - Check Eligibility",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/application-submission.html",
        "file": "application-submission/application-submission.html"
      },
      {
        "id": "pattern-demo-application-submission-check-eligibility",
        "name": "Application & Submission - Check Eligibility",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/check-eligibility.html",
        "file": "application-submission/check-eligibility.html"
      },
      {
        "id": "pattern-demo-application-submission-document-scan-and-upload",
        "name": "Application & Submission - Document Scan and Upload",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/document-scan-and-upload.html",
        "file": "application-submission/document-scan-and-upload.html"
      },
      {
        "id": "pattern-demo-application-submission-government-form-with-validation",
        "name": "Application & Submission - Government Form with Validation",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/government-form-with-validation.html",
        "file": "application-submission/government-form-with-validation.html"
      },
      {
        "id": "pattern-demo-application-submission-index",
        "name": "Application & Submission - Pattern Index",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/index.html",
        "file": "application-submission/index.html"
      },
      {
        "id": "pattern-demo-application-submission-journey-progress-indicator",
        "name": "Application & Submission - Journey Progress Indicator",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/journey-progress-indicator.html",
        "file": "application-submission/journey-progress-indicator.html"
      },
      {
        "id": "pattern-demo-application-submission-save-and-resume",
        "name": "Application & Submission - Save and Resume",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/save-and-resume.html",
        "file": "application-submission/save-and-resume.html"
      },
      {
        "id": "pattern-demo-application-submission-submission-acknowledgement",
        "name": "Application & Submission - Submission Acknowledgement",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/application-submission/submission-acknowledgement.html",
        "file": "application-submission/submission-acknowledgement.html"
      },
      {
        "id": "pattern-demo-consent-and-declaration-consent",
        "name": "Consent Capture Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/consent-and-declaration/consent.html",
        "file": "consent-and-declaration/consent.html"
      },
      {
        "id": "pattern-demo-dashboard-and-my-applications-dashboard-application",
        "name": "Application Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/dashboard-and-my applications/dashboard-application.html",
        "file": "dashboard-and-my applications/dashboard-application.html"
      },
      {
        "id": "pattern-demo-dashboard-and-my-applications-profile",
        "name": "Application Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/dashboard-and-my applications/profile.html",
        "file": "dashboard-and-my applications/profile.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-1",
        "name": "Help Centre - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-1.html",
        "file": "feedback-n-communication/contact-n-support-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-2",
        "name": "How do I track my application? - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-2.html",
        "file": "feedback-n-communication/contact-n-support-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-3",
        "name": "Still Need Help? - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-3.html",
        "file": "feedback-n-communication/contact-n-support-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-4",
        "name": "Live Chat Support - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-4.html",
        "file": "feedback-n-communication/contact-n-support-4.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-5",
        "name": "Live Chat Support - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-5.html",
        "file": "feedback-n-communication/contact-n-support-5.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-6",
        "name": "Live Chat Support - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-6.html",
        "file": "feedback-n-communication/contact-n-support-6.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-contact-n-support-7",
        "name": "Find your nearest Service Centre - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/contact-n-support-7.html",
        "file": "feedback-n-communication/contact-n-support-7.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-feedback-communication-1",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/feedback-communication-1.html",
        "file": "feedback-n-communication/feedback-communication-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-feedback-communication-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/feedback-communication-2.html",
        "file": "feedback-n-communication/feedback-communication-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-feedback-communication-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/feedback-communication-3.html",
        "file": "feedback-n-communication/feedback-communication-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-feedback-communication-4",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/feedback-communication-4.html",
        "file": "feedback-n-communication/feedback-communication-4.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-feedback-communication-5",
        "name": "Note to Citizen",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/feedback-communication-5.html",
        "file": "feedback-n-communication/feedback-communication-5.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-feedback-communication-6",
        "name": "Verifying Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/feedback-communication-6.html",
        "file": "feedback-n-communication/feedback-communication-6.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-1",
        "name": "Help Centre - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-1.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-2",
        "name": "How do I track my application? - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-2.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-3",
        "name": "Still Need Help? - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-3.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-4",
        "name": "Live Chat Support - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-4.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-4.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-5",
        "name": "Live Chat Support - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-5.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-5.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-6",
        "name": "Live Chat Support - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-6.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-6.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-contact-n-support-7",
        "name": "Find your nearest Service Centre - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/contact-n-support-7.html",
        "file": "feedback-n-communication/full-screen/contact-n-support-7.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-feedback-communication-1",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/feedback-communication-1.html",
        "file": "feedback-n-communication/full-screen/feedback-communication-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-feedback-communication-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/feedback-communication-2.html",
        "file": "feedback-n-communication/full-screen/feedback-communication-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-feedback-communication-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/feedback-communication-3.html",
        "file": "feedback-n-communication/full-screen/feedback-communication-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-feedback-communication-4",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/feedback-communication-4.html",
        "file": "feedback-n-communication/full-screen/feedback-communication-4.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-feedback-communication-5",
        "name": "Note to Citizen",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/feedback-communication-5.html",
        "file": "feedback-n-communication/full-screen/feedback-communication-5.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-feedback-communication-6",
        "name": "Verifying Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/feedback-communication-6.html",
        "file": "feedback-n-communication/full-screen/feedback-communication-6.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-language-switcher-1",
        "name": "Choose your interface language - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/language-switcher-1.html",
        "file": "feedback-n-communication/full-screen/language-switcher-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-language-switcher-2",
        "name": "Choose your interface language - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/language-switcher-2.html",
        "file": "feedback-n-communication/full-screen/language-switcher-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-language-switcher-3",
        "name": "Choose your interface language - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/language-switcher-3.html",
        "file": "feedback-n-communication/full-screen/language-switcher-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-service-completion-feedback-1",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/service-completion-feedback-1.html",
        "file": "feedback-n-communication/full-screen/service-completion-feedback-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-service-completion-feedback-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/service-completion-feedback-2.html",
        "file": "feedback-n-communication/full-screen/service-completion-feedback-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-service-completion-feedback-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/service-completion-feedback-3.html",
        "file": "feedback-n-communication/full-screen/service-completion-feedback-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-full-screen-service-completion-feedback-4",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/full-screen/service-completion-feedback-4.html",
        "file": "feedback-n-communication/full-screen/service-completion-feedback-4.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-language-switcher-1",
        "name": "Choose your interface language - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/language-switcher-1.html",
        "file": "feedback-n-communication/language-switcher-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-language-switcher-2",
        "name": "Choose your interface language - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/language-switcher-2.html",
        "file": "feedback-n-communication/language-switcher-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-language-switcher-3",
        "name": "Choose your interface language - UX4G National Services Portal",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/language-switcher-3.html",
        "file": "feedback-n-communication/language-switcher-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-service-completion-feedback-1",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/service-completion-feedback-1.html",
        "file": "feedback-n-communication/service-completion-feedback-1.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-service-completion-feedback-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/service-completion-feedback-2.html",
        "file": "feedback-n-communication/service-completion-feedback-2.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-service-completion-feedback-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/service-completion-feedback-3.html",
        "file": "feedback-n-communication/service-completion-feedback-3.html"
      },
      {
        "id": "pattern-demo-feedback-n-communication-service-completion-feedback-4",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/feedback-n-communication/service-completion-feedback-4.html",
        "file": "feedback-n-communication/service-completion-feedback-4.html"
      },
      {
        "id": "pattern-demo-identity-access-auth-pattern",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/identity-access/auth-pattern.html",
        "file": "identity-access/auth-pattern.html"
      },
      {
        "id": "pattern-demo-identity-access-identity-access",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/identity-access/identity-access.html",
        "file": "identity-access/identity-access.html"
      },
      {
        "id": "pattern-demo-notifications-noti",
        "name": "Consent Capture Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/notifications/noti.html",
        "file": "notifications/noti.html"
      },
      {
        "id": "pattern-demo-payment-and-transactions-payment",
        "name": "Payment Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/payment-and-transactions/payment.html",
        "file": "payment-and-transactions/payment.html"
      },
      {
        "id": "pattern-demo-payment-and-transactions-pending",
        "name": "Application Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/payment-and-transactions/pending.html",
        "file": "payment-and-transactions/pending.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-consultation-slot-booking-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/consultation-slot-booking-2.html",
        "file": "search-n-discovery/consultation-slot-booking-2.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-consultation-slot-booking-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/consultation-slot-booking-3.html",
        "file": "search-n-discovery/consultation-slot-booking-3.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-consultation-slot-booking-4",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/consultation-slot-booking-4.html",
        "file": "search-n-discovery/consultation-slot-booking-4.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-consultation-slot-booking-5",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/consultation-slot-booking-5.html",
        "file": "search-n-discovery/consultation-slot-booking-5.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-consultation-slot-booking",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/consultation-slot-booking.html",
        "file": "search-n-discovery/consultation-slot-booking.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-global-service-discovery-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/global-service-discovery-2.html",
        "file": "search-n-discovery/global-service-discovery-2.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-global-service-discovery-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/global-service-discovery-3.html",
        "file": "search-n-discovery/global-service-discovery-3.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-global-service-discovery",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/global-service-discovery.html",
        "file": "search-n-discovery/global-service-discovery.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-search-browse-2",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/search-browse-2.html",
        "file": "search-n-discovery/search-browse-2.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-search-browse-3",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/search-browse-3.html",
        "file": "search-n-discovery/search-browse-3.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-search-browse-4",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/search-browse-4.html",
        "file": "search-n-discovery/search-browse-4.html"
      },
      {
        "id": "pattern-demo-search-n-discovery-search-browse",
        "name": "Document",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/search-n-discovery/search-browse.html",
        "file": "search-n-discovery/search-browse.html"
      },
      {
        "id": "pattern-demo-status-tracker-status-application-test-slot",
        "name": "Application Testslot Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/status-tracker/status-application-test-slot.html",
        "file": "status-tracker/status-application-test-slot.html"
      },
      {
        "id": "pattern-demo-status-tracker-status-application-tracker",
        "name": "Status Application Tracker Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/status-tracker/status-application-tracker.html",
        "file": "status-tracker/status-application-tracker.html"
      },
      {
        "id": "pattern-demo-status-tracker-status-grievance-tracker",
        "name": "Grievance Tracker Pattern",
        "description": "",
        "storyUrl": "https://doc.ux4g.gov.in/web/pattern-html/status-tracker/status-grievance-tracker.html",
        "file": "status-tracker/status-grievance-tracker.html"
      }
    ]
  }
}