@discourser/design-system 0.24.0 → 0.25.1

package/dist/figma-codex.json

@@ -1,8 +1,8 @@
 {
   "version": "1.0.0",
   "packageName": "@discourser/design-system",
-  "generatedAt": "2026-03-26T21:20:11.648Z",
-  "gitHash": "2a91da10",
+  "generatedAt": "2026-03-31T14:38:15.806Z",
+  "gitHash": "e47e7ec5",
   "figmaFiles": {
     "GaHmFfmvO4loUzuZS4TgEz": {
       "fileKey": "GaHmFfmvO4loUzuZS4TgEz"
@@ -34,6 +34,38 @@
       "example": "<Accordion.Root collapsible>\n        <Accordion.Item value=\"item-1\">\n          <Accordion.ItemTrigger>\n            <span>Trigger</span>\n            <Accordion.ItemIndicator />\n          </Accordion.ItemTrigger>\n          <Accordion.ItemContent>Content</Accordion.ItemContent>\n        </Accordion.Item>\n      </Accordion.Root>",
       "sourcePath": "src/components/Accordion.tsx"
     },
+    "Badge": {
+      "name": "Badge",
+      "type": "simple",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "930:1972",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=930-1972"
+      },
+      "imports": {
+        "primary": "import { Badge } from '@discourser/design-system/Badge'",
+        "namedExports": [
+          "Badge"
+        ],
+        "subpath": "@discourser/design-system/Badge"
+      },
+      "props": [],
+      "example": "<Badge variant={variant} colorPalette={colorPalette}>\n        Label\n      </Badge>",
+      "sourcePath": "src/components/Badge.tsx",
+      "tokens": {
+        "recipe": "badge",
+        "variantProps": [
+          "variant",
+          "size",
+          "colorPalette"
+        ],
+        "figmaPropToRecipeProp": {
+          "Variant": "variant",
+          "Size": "size",
+          "Color": "colorPalette"
+        }
+      }
+    },
     "Breadcrumb": {
       "name": "Breadcrumb",
       "type": "compound",
@@ -90,6 +122,109 @@
       "example": "<Breadcrumb.Root>\n      <Breadcrumb.List>\n        <Breadcrumb.Item>\n          <Breadcrumb.Link href=\"#\">Home</Breadcrumb.Link>\n        </Breadcrumb.Item>\n        <Breadcrumb.Separator />\n        <Breadcrumb.Item>\n          <Breadcrumb.CurrentLink>Current</Breadcrumb.CurrentLink>\n        </Breadcrumb.Item>\n      </Breadcrumb.List>\n    </Breadcrumb.Root>",
       "sourcePath": "src/components/Breadcrumb.tsx"
     },
+    "Button": {
+      "name": "Button",
+      "type": "simple",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:7993",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-7993"
+      },
+      "imports": {
+        "primary": "import { Button } from '@discourser/design-system/Button'",
+        "namedExports": [
+          "Button"
+        ],
+        "subpath": "@discourser/design-system/Button"
+      },
+      "props": [
+        {
+          "name": "loading",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "* If `true`, the button will show a loading spinner. @default false"
+        },
+        {
+          "name": "loadingText",
+          "type": "React.ReactNode | undefined",
+          "required": false,
+          "description": "* The text to show while loading."
+        },
+        {
+          "name": "spinner",
+          "type": "React.ReactNode | undefined",
+          "required": false,
+          "description": "* The spinner to show while loading."
+        },
+        {
+          "name": "spinnerPlacement",
+          "type": "'start' | 'end' | undefined",
+          "required": false,
+          "description": "* The placement of the spinner @default \"start\""
+        }
+      ],
+      "example": "<Button variant={variant}>Label</Button>",
+      "sourcePath": "src/components/Button.tsx"
+    },
+    "Card": {
+      "name": "Card",
+      "type": "compound",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "950:1681",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=950-1681"
+      },
+      "imports": {
+        "primary": "import * as Card from '@discourser/design-system/Card'",
+        "namedExports": [
+          "Card.Root",
+          "Card.Header",
+          "Card.Body",
+          "Card.Footer",
+          "Card.Title",
+          "Card.Description"
+        ],
+        "subpath": "@discourser/design-system/Card"
+      },
+      "props": [],
+      "subComponents": [
+        {
+          "name": "Root",
+          "element": "div"
+        },
+        {
+          "name": "Header",
+          "element": "div"
+        },
+        {
+          "name": "Body",
+          "element": "div"
+        },
+        {
+          "name": "Footer",
+          "element": "div"
+        },
+        {
+          "name": "Title",
+          "element": "h3"
+        },
+        {
+          "name": "Description",
+          "element": "div"
+        }
+      ],
+      "example": "<Card.Root variant={variant}>\n        <Card.Header>\n          <Card.Title>Card Title</Card.Title>\n          <Card.Description>Card description</Card.Description>\n        </Card.Header>\n        <Card.Body>Content goes here</Card.Body>\n        <Card.Footer>{/* Footer actions */}</Card.Footer>\n      </Card.Root>",
+      "sourcePath": "src/components/Card.tsx",
+      "tokens": {
+        "recipe": "card",
+        "variantProps": [
+          "variant"
+        ],
+        "figmaPropToRecipeProp": {
+          "Variant": "variant"
+        }
+      }
+    },
     "ContentCard": {
       "name": "ContentCard",
       "type": "compound",
@@ -502,6 +637,25 @@
       "example": "<UserProfileIcon />",
       "sourcePath": "src/components/Icons/UserProfileIcon.tsx"
     },
+    "Input": {
+      "name": "Input",
+      "type": "simple",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:8909",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-8909"
+      },
+      "imports": {
+        "primary": "import { Input } from '@discourser/design-system/Input'",
+        "namedExports": [
+          "Input"
+        ],
+        "subpath": "@discourser/design-system/Input"
+      },
+      "props": [],
+      "example": "<Input type={type} placeholder=\"Enter value\" />",
+      "sourcePath": "src/components/Input.tsx"
+    },
     "NavigationMenu": {
       "name": "NavigationMenu",
       "type": "composite",
@@ -552,6 +706,35 @@
       "example": "<NavigationMenu\n        sections={[\n          {\n            value: 'dashboard',\n            title: 'Dashboard',\n            icon: null,\n            items: [\n              { label: 'Quick Start', href: '/dashboard/quick-start' },\n              { label: 'Progress', href: '/dashboard/progress' },\n            ],\n          },\n        ]}\n        defaultOpenSections={['dashboard']}\n        activeHref=\"/dashboard/quick-start\"\n      />",
       "sourcePath": "src/components/NavigationMenu/NavigationMenu.tsx"
     },
+    "RadioGroup": {
+      "name": "RadioGroup",
+      "type": "compound",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:8893",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-8893"
+      },
+      "imports": {
+        "primary": "import * as RadioGroup from '@discourser/design-system/RadioGroup'",
+        "namedExports": [],
+        "subpath": "@discourser/design-system/RadioGroup"
+      },
+      "props": [],
+      "subComponents": [],
+      "example": "<RadioGroup.Root defaultValue=\"option-1\">\n        <RadioGroup.Item value=\"option-1\">\n          <RadioGroup.ItemControl />\n          <RadioGroup.ItemText>Option 1</RadioGroup.ItemText>\n        </RadioGroup.Item>\n        <RadioGroup.Item value=\"option-2\">\n          <RadioGroup.ItemControl />\n          <RadioGroup.ItemText>Option 2</RadioGroup.ItemText>\n        </RadioGroup.Item>\n        <RadioGroup.Item value=\"option-3\">\n          <RadioGroup.ItemControl />\n          <RadioGroup.ItemText>Option 3</RadioGroup.ItemText>\n        </RadioGroup.Item>\n      </RadioGroup.Root>",
+      "sourcePath": "src/components/RadioGroup.tsx",
+      "tokens": {
+        "recipe": "radioGroup",
+        "variantProps": [
+          "variant",
+          "size"
+        ],
+        "figmaPropToRecipeProp": {
+          "Checked": "checked",
+          "State": "state"
+        }
+      }
+    },
     "ScenarioQueue": {
       "name": "ScenarioQueue",
       "type": "composite",
@@ -675,6 +858,241 @@
       ],
       "example": "<ScenarioSettings\n      defaultValue={['duration', 'number-of-questions']}\n      defaultDuration=\"standard\"\n      defaultQuestionCount=\"standard\"\n    />",
       "sourcePath": "src/components/ScenarioSettings/index.ts"
+    },
+    "SettingsPopover": {
+      "name": "SettingsPopover",
+      "type": "composite",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "810:5398",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=810-5398"
+      },
+      "imports": {
+        "primary": "import { SettingsPopover } from '@discourser/design-system/SettingsPopover'",
+        "namedExports": [
+          "SettingsPopover"
+        ],
+        "subpath": "@discourser/design-system/SettingsPopover"
+      },
+      "props": [
+        {
+          "name": "userName",
+          "type": "string",
+          "required": true,
+          "description": "User's display name (shown on the trigger)"
+        },
+        {
+          "name": "userTier",
+          "type": "string",
+          "required": true,
+          "description": "User's subscription tier label (shown below the name, e.g. \"Free Trial\")"
+        },
+        {
+          "name": "userEmail",
+          "type": "string",
+          "required": true,
+          "description": "User's email address (shown inside the popover card)"
+        },
+        {
+          "name": "avatarFallback",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "Avatar fallback content — defaults to LoginIcon if not provided"
+        },
+        {
+          "name": "avatarSrc",
+          "type": "string",
+          "required": false,
+          "description": "Avatar image src — if provided, shows photo instead of fallback"
+        },
+        {
+          "name": "actions",
+          "type": "SettingsPopoverAction[]",
+          "required": true,
+          "description": "List of action items to display in the popover card"
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "required": false,
+          "description": "Optional aria-label for the trigger button (default: 'User settings')"
+        }
+      ],
+      "example": "<SettingsPopover\n        userName={'value'}\n        userTier={'value'}\n        userEmail={'value'}\n        actions={[]}\n      />",
+      "sourcePath": "src/components/SettingsPopover/SettingsPopover.tsx"
+    },
+    "Slider": {
+      "name": "Slider",
+      "type": "compound",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:7988",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-7988"
+      },
+      "imports": {
+        "primary": "import * as Slider from '@discourser/design-system/Slider'",
+        "namedExports": [],
+        "subpath": "@discourser/design-system/Slider"
+      },
+      "props": [],
+      "subComponents": [],
+      "example": "<Slider.Root defaultValue={[50]} orientation={orientation}>\n        <Slider.Label>Volume</Slider.Label>\n        <Slider.Control>\n          <Slider.Track>\n            <Slider.Range />\n          </Slider.Track>\n          <Slider.Thumbs />\n        </Slider.Control>\n      </Slider.Root>",
+      "sourcePath": "src/components/Slider.tsx",
+      "tokens": {
+        "recipe": "slider",
+        "variantProps": [
+          "orientation",
+          "size",
+          "variant"
+        ],
+        "figmaPropToRecipeProp": {
+          "Orientation": "orientation",
+          "Size": "size"
+        }
+      }
+    },
+    "Stepper": {
+      "name": "Stepper",
+      "type": "simple",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:8520",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-8520"
+      },
+      "imports": {
+        "primary": "import { Stepper } from '@discourser/design-system/Stepper'",
+        "namedExports": [
+          "Stepper"
+        ],
+        "subpath": "@discourser/design-system/Stepper"
+      },
+      "props": [
+        {
+          "name": "index",
+          "type": "number",
+          "required": true
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "required": false
+        }
+      ],
+      "example": "<Stepper\n        steps={[\n          { value: 'step1', title: 'Step 1' },\n          { value: 'step2', title: 'Step 2' },\n          { value: 'step3', title: 'Step 3' },\n        ]}\n        defaultStep={0}\n      />",
+      "sourcePath": "src/components/Stepper/Stepper.tsx"
+    },
+    "StudioControls": {
+      "name": "StudioControls",
+      "type": "composite",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:8232",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-8232"
+      },
+      "imports": {
+        "primary": "import { StudioControls } from '@discourser/design-system/StudioControls'",
+        "namedExports": [
+          "StudioControls"
+        ]
+      },
+      "props": [
+        {
+          "name": "scenarioName",
+          "type": "string",
+          "required": true
+        },
+        {
+          "name": "scenarioFocus",
+          "type": "string",
+          "required": true
+        },
+        {
+          "name": "scenarioLevel",
+          "type": "'beginner' | 'intermediate' | 'advanced'",
+          "required": true
+        },
+        {
+          "name": "defaultAudioLevel",
+          "type": "number",
+          "required": false
+        },
+        {
+          "name": "defaultMicLevel",
+          "type": "number",
+          "required": false
+        },
+        {
+          "name": "defaultRecordingMode",
+          "type": "RecordingMode",
+          "required": false
+        },
+        {
+          "name": "defaultShowTimer",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "defaultHideInterviewers",
+          "type": "boolean",
+          "required": false
+        },
+        {
+          "name": "onAudioLevelChange",
+          "type": "(value: number) => void",
+          "required": false
+        },
+        {
+          "name": "onMicLevelChange",
+          "type": "(value: number) => void",
+          "required": false
+        },
+        {
+          "name": "onRecordingModeChange",
+          "type": "(mode: RecordingMode) => void",
+          "required": false
+        },
+        {
+          "name": "onTimerChange",
+          "type": "(show: boolean) => void",
+          "required": false
+        },
+        {
+          "name": "onInterviewersChange",
+          "type": "(hide: boolean) => void",
+          "required": false
+        }
+      ],
+      "example": "<StudioControls\n        scenarioName={scenarioName}\n        scenarioFocus={scenarioFocus}\n        scenarioLevel={scenarioLevel}\n      />",
+      "sourcePath": "src/components/StudioControls/index.ts"
+    },
+    "Switch": {
+      "name": "Switch",
+      "type": "compound",
+      "figma": {
+        "fileKey": "GaHmFfmvO4loUzuZS4TgEz",
+        "nodeId": "38:8121",
+        "url": "https://www.figma.com/design/GaHmFfmvO4loUzuZS4TgEz/Discourser.AI--V1?node-id=38-8121"
+      },
+      "imports": {
+        "primary": "import * as Switch from '@discourser/design-system/Switch'",
+        "namedExports": [],
+        "subpath": "@discourser/design-system/Switch"
+      },
+      "props": [],
+      "subComponents": [],
+      "example": "<Switch.Root defaultChecked={checked}>\n        <Switch.Control />\n        <Switch.Label>Toggle</Switch.Label>\n      </Switch.Root>",
+      "sourcePath": "src/components/Switch.tsx",
+      "tokens": {
+        "recipe": "switchComponent",
+        "variantProps": [
+          "variant",
+          "size"
+        ],
+        "figmaPropToRecipeProp": {
+          "Toggled": "checked",
+          "State": "state"
+        }
+      }
     }
   }
 }