@discourser/design-system 0.28.0 → 0.28.1

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk5H764SHY_cjs = require('./chunk-5H764SHY.cjs');
-var chunkBTI7U4DO_cjs = require('./chunk-BTI7U4DO.cjs');
+var chunkX3W33YGV_cjs = require('./chunk-X3W33YGV.cjs');
 require('./chunk-EARF7VDF.cjs');
 var clsx = require('clsx');
 
@@ -23,303 +23,303 @@ Object.defineProperty(exports, "transformToPandaTheme", {
 });
 Object.defineProperty(exports, "AbsoluteCenter", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.AbsoluteCenter_exports; }
+  get: function () { return chunkX3W33YGV_cjs.AbsoluteCenter_exports; }
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Accordion_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Accordion_exports; }
 });
 Object.defineProperty(exports, "AccountIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.AccountIcon; }
+  get: function () { return chunkX3W33YGV_cjs.AccountIcon; }
 });
 Object.defineProperty(exports, "AddScenarioDialog", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.AddScenarioDialog; }
+  get: function () { return chunkX3W33YGV_cjs.AddScenarioDialog; }
 });
 Object.defineProperty(exports, "AudienceIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.AudienceIcon; }
+  get: function () { return chunkX3W33YGV_cjs.AudienceIcon; }
 });
 Object.defineProperty(exports, "AudioSpeakerIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.AudioSpeakerIcon; }
+  get: function () { return chunkX3W33YGV_cjs.AudioSpeakerIcon; }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Avatar_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Avatar_exports; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Badge; }
+  get: function () { return chunkX3W33YGV_cjs.Badge; }
 });
 Object.defineProperty(exports, "BookmarkPlusIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.BookmarkPlusIcon; }
+  get: function () { return chunkX3W33YGV_cjs.BookmarkPlusIcon; }
 });
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Breadcrumb_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Breadcrumb_exports; }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Button; }
+  get: function () { return chunkX3W33YGV_cjs.Button; }
 });
 Object.defineProperty(exports, "ButtonGroup", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ButtonGroup; }
+  get: function () { return chunkX3W33YGV_cjs.ButtonGroup; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Card_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Card_exports; }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Checkbox_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Checkbox_exports; }
 });
 Object.defineProperty(exports, "ChevronUpDownIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ChevronUpDownIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ChevronUpDownIcon; }
 });
 Object.defineProperty(exports, "ChevronUpIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ChevronUpIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ChevronUpIcon; }
 });
 Object.defineProperty(exports, "ClipBoardIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ClipBoardIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ClipBoardIcon; }
 });
 Object.defineProperty(exports, "ClockIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ClockIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ClockIcon; }
 });
 Object.defineProperty(exports, "CloseButton", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.CloseButton_exports; }
+  get: function () { return chunkX3W33YGV_cjs.CloseButton_exports; }
 });
 Object.defineProperty(exports, "ContentCard", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ContentCard_exports; }
+  get: function () { return chunkX3W33YGV_cjs.ContentCard_exports; }
 });
 Object.defineProperty(exports, "DashboardIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.DashboardIcon; }
+  get: function () { return chunkX3W33YGV_cjs.DashboardIcon; }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Dialog_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Dialog_exports; }
 });
 Object.defineProperty(exports, "DiscourserLogo", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.DiscourserLogo; }
+  get: function () { return chunkX3W33YGV_cjs.DiscourserLogo; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Divider; }
+  get: function () { return chunkX3W33YGV_cjs.Divider; }
 });
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Drawer_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Drawer_exports; }
 });
 Object.defineProperty(exports, "ExitStudioIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ExitStudioIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ExitStudioIcon; }
 });
 Object.defineProperty(exports, "GripDotsVerticalIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.GripDotsVerticalIcon; }
+  get: function () { return chunkX3W33YGV_cjs.GripDotsVerticalIcon; }
 });
 Object.defineProperty(exports, "Group", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Group_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Group_exports; }
 });
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Header; }
+  get: function () { return chunkX3W33YGV_cjs.Header; }
 });
 Object.defineProperty(exports, "HelpIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.HelpIcon; }
+  get: function () { return chunkX3W33YGV_cjs.HelpIcon; }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Icon_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Icon_exports; }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.IconButton; }
+  get: function () { return chunkX3W33YGV_cjs.IconButton; }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Input; }
+  get: function () { return chunkX3W33YGV_cjs.Input; }
 });
 Object.defineProperty(exports, "InputAddon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.InputAddon; }
+  get: function () { return chunkX3W33YGV_cjs.InputAddon; }
 });
 Object.defineProperty(exports, "InputGroup", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.InputGroup; }
+  get: function () { return chunkX3W33YGV_cjs.InputGroup; }
 });
 Object.defineProperty(exports, "LeftArrowIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.LeftArrowIcon; }
+  get: function () { return chunkX3W33YGV_cjs.LeftArrowIcon; }
 });
 Object.defineProperty(exports, "LoginIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.LoginIcon; }
+  get: function () { return chunkX3W33YGV_cjs.LoginIcon; }
 });
 Object.defineProperty(exports, "LogoutIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.LogoutIcon; }
+  get: function () { return chunkX3W33YGV_cjs.LogoutIcon; }
 });
 Object.defineProperty(exports, "MicrophoneIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.MicrophoneIcon; }
+  get: function () { return chunkX3W33YGV_cjs.MicrophoneIcon; }
 });
 Object.defineProperty(exports, "NavigationMenu", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.NavigationMenu; }
+  get: function () { return chunkX3W33YGV_cjs.NavigationMenu; }
 });
 Object.defineProperty(exports, "NotebookIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.NotebookIcon; }
+  get: function () { return chunkX3W33YGV_cjs.NotebookIcon; }
 });
 Object.defineProperty(exports, "NotebookPenIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.NotebookPenIcon; }
+  get: function () { return chunkX3W33YGV_cjs.NotebookPenIcon; }
 });
 Object.defineProperty(exports, "PausePlayIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.PausePlayIcon; }
+  get: function () { return chunkX3W33YGV_cjs.PausePlayIcon; }
 });
 Object.defineProperty(exports, "PlayIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.PlayIcon; }
+  get: function () { return chunkX3W33YGV_cjs.PlayIcon; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Popover_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Popover_exports; }
 });
 Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Progress_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Progress_exports; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.RadioGroup_exports; }
+  get: function () { return chunkX3W33YGV_cjs.RadioGroup_exports; }
 });
 Object.defineProperty(exports, "RecordIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.RecordIcon; }
+  get: function () { return chunkX3W33YGV_cjs.RecordIcon; }
 });
 Object.defineProperty(exports, "RepeatQuestionIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.RepeatQuestionIcon; }
+  get: function () { return chunkX3W33YGV_cjs.RepeatQuestionIcon; }
 });
 Object.defineProperty(exports, "RightArrowIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.RightArrowIcon; }
+  get: function () { return chunkX3W33YGV_cjs.RightArrowIcon; }
 });
 Object.defineProperty(exports, "ScenarioCard", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ScenarioCard; }
+  get: function () { return chunkX3W33YGV_cjs.ScenarioCard; }
 });
 Object.defineProperty(exports, "ScenarioIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ScenarioIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ScenarioIcon; }
 });
 Object.defineProperty(exports, "ScenarioQueue", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ScenarioQueue; }
+  get: function () { return chunkX3W33YGV_cjs.ScenarioQueue; }
 });
 Object.defineProperty(exports, "ScenarioSettings", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ScenarioSettings; }
+  get: function () { return chunkX3W33YGV_cjs.ScenarioSettings; }
 });
 Object.defineProperty(exports, "ScrollTextIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.ScrollTextIcon; }
+  get: function () { return chunkX3W33YGV_cjs.ScrollTextIcon; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Select_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Select_exports; }
 });
 Object.defineProperty(exports, "SettingsPopover", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.SettingsPopover; }
+  get: function () { return chunkX3W33YGV_cjs.SettingsPopover; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Skeleton_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Skeleton_exports; }
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Slider_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Slider_exports; }
 });
 Object.defineProperty(exports, "SparklesIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.SparklesIcon; }
+  get: function () { return chunkX3W33YGV_cjs.SparklesIcon; }
 });
 Object.defineProperty(exports, "SpeechIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.SpeechIcon; }
+  get: function () { return chunkX3W33YGV_cjs.SpeechIcon; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Spinner; }
+  get: function () { return chunkX3W33YGV_cjs.Spinner; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Stepper; }
+  get: function () { return chunkX3W33YGV_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StopPlayIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.StopPlayIcon; }
+  get: function () { return chunkX3W33YGV_cjs.StopPlayIcon; }
 });
 Object.defineProperty(exports, "StudioControls", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.StudioControls; }
+  get: function () { return chunkX3W33YGV_cjs.StudioControls; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Switch_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Switch_exports; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Tabs_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Tabs_exports; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Textarea; }
+  get: function () { return chunkX3W33YGV_cjs.Textarea; }
 });
 Object.defineProperty(exports, "TimerIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.TimerIcon; }
+  get: function () { return chunkX3W33YGV_cjs.TimerIcon; }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Toaster; }
+  get: function () { return chunkX3W33YGV_cjs.Toaster; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.Tooltip_exports; }
+  get: function () { return chunkX3W33YGV_cjs.Tooltip_exports; }
 });
 Object.defineProperty(exports, "UserProfileIcon", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.UserProfileIcon; }
+  get: function () { return chunkX3W33YGV_cjs.UserProfileIcon; }
 });
 Object.defineProperty(exports, "difficultyColorMap", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.difficultyColorMap; }
+  get: function () { return chunkX3W33YGV_cjs.difficultyColorMap; }
 });
 Object.defineProperty(exports, "difficultyLabel", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.difficultyLabel; }
+  get: function () { return chunkX3W33YGV_cjs.difficultyLabel; }
 });
 Object.defineProperty(exports, "toaster", {
   enumerable: true,
-  get: function () { return chunkBTI7U4DO_cjs.toaster; }
+  get: function () { return chunkX3W33YGV_cjs.toaster; }
 });
 exports.cn = cn;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,5 +1,5 @@
 export { material3Language as activeLanguage, discourserPandaPreset, transformToPandaTheme } from './chunk-WMHVCIDI.js';
-export { AbsoluteCenter_exports as AbsoluteCenter, Accordion_exports as Accordion, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports as Avatar, Badge, BookmarkPlusIcon, Breadcrumb_exports as Breadcrumb, Button, ButtonGroup, Card_exports as Card, Checkbox_exports as Checkbox, ChevronUpDownIcon, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports as CloseButton, ContentCard_exports as ContentCard, DashboardIcon, Dialog_exports as Dialog, DiscourserLogo, Divider, Drawer_exports as Drawer, ExitStudioIcon, GripDotsVerticalIcon, Group_exports as Group, Header, HelpIcon, Icon_exports as Icon, IconButton, Input, InputAddon, InputGroup, LeftArrowIcon, LoginIcon, LogoutIcon, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports as Popover, Progress_exports as Progress, RadioGroup_exports as RadioGroup, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports as Select, SettingsPopover, Skeleton_exports as Skeleton, Slider_exports as Slider, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, StudioControls, Switch_exports as Switch, Tabs_exports as Tabs, Textarea, TimerIcon, Toaster, Tooltip_exports as Tooltip, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster } from './chunk-7N32LXVA.js';
+export { AbsoluteCenter_exports as AbsoluteCenter, Accordion_exports as Accordion, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports as Avatar, Badge, BookmarkPlusIcon, Breadcrumb_exports as Breadcrumb, Button, ButtonGroup, Card_exports as Card, Checkbox_exports as Checkbox, ChevronUpDownIcon, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports as CloseButton, ContentCard_exports as ContentCard, DashboardIcon, Dialog_exports as Dialog, DiscourserLogo, Divider, Drawer_exports as Drawer, ExitStudioIcon, GripDotsVerticalIcon, Group_exports as Group, Header, HelpIcon, Icon_exports as Icon, IconButton, Input, InputAddon, InputGroup, LeftArrowIcon, LoginIcon, LogoutIcon, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports as Popover, Progress_exports as Progress, RadioGroup_exports as RadioGroup, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports as Select, SettingsPopover, Skeleton_exports as Skeleton, Slider_exports as Slider, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, StudioControls, Switch_exports as Switch, Tabs_exports as Tabs, Textarea, TimerIcon, Toaster, Tooltip_exports as Tooltip, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster } from './chunk-JDERS7J6.js';
 import './chunk-WR5Z5QMQ.js';
 import { clsx } from 'clsx';
 

package/dist/panda.buildinfo.json

@@ -210,11 +210,10 @@
       "borderTopWidth]___[value:1px",
       "borderTopStyle]___[value:solid",
       "borderTopColor]___[value:neutral.3",
-      "boxShadow]___[value:0px -1px 2px rgba(0, 0, 0, 0.3), 0px -2px 6px 2px rgba(0, 0, 0, 0.15)",
       "transition]___[value:background 0.2s",
       "background]___[value:surface.containerHighest]___[cond:_hover",
       "width]___[value:275px",
-      "boxShadow]___[value:level2",
+      "boxShadow]___[value:md",
       "paddingTop]___[value:3",
       "paddingBottom]___[value:2",
       "fontSize]___[value:bodyMedium",
@@ -443,6 +442,7 @@
       "background]___[value:shadow",
       "boxShadow]___[value:level0",
       "boxShadow]___[value:level1",
+      "boxShadow]___[value:level2",
       "boxShadow]___[value:level3",
       "boxShadow]___[value:level4",
       "boxShadow]___[value:level5",

package/docs/component-catalog.md

@@ -2,8 +2,8 @@
 
 > **Status:** Generated — auto-produced by `scripts/generate-component-catalog.ts`
 > **Source:** `stories/ComponentCatalog.stories.tsx` + `src/components/index.ts`
-> **Design System Version:** 0.28.0
-> **Generated:** 2026-04-07
+> **Design System Version:** 0.28.1
+> **Generated:** 2026-04-08
 > **Do not hand-edit** — this file is overwritten on every build
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@discourser/design-system",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "description": "Aesthetic-agnostic design system with Panda CSS and Ark UI",
   "type": "module",
   "publishConfig": {

package/src/components/SettingsPopover/SettingsPopover.tsx

@@ -35,8 +35,6 @@ export function SettingsPopover({
             borderTopStyle: 'solid',
             borderTopColor: 'neutral.3',
             borderRadius: '0',
-            boxShadow:
-              '0px -1px 2px rgba(0, 0, 0, 0.3), 0px -2px 6px 2px rgba(0, 0, 0, 0.15)',
             cursor: 'pointer',
             transition: 'background 0.2s',
             _hover: {
@@ -87,7 +85,7 @@ export function SettingsPopover({
             p: '0',
             w: '275px',
             borderRadius: 'l3',
-            boxShadow: 'level2',
+            boxShadow: 'md',
             overflow: 'hidden',
           })}
         >

package/src/components/StudioControls/StudioControls.tsx

@@ -282,7 +282,8 @@ export function StudioControls({
                       }}
                     />
                     <RadioGroup.ItemText
-                      css={{ fontSize: 'md', fontWeight: 'medium' }}
+                      css={{ textStyle: 'bodyMedium' }}
+                      style={{ fontWeight: 'var(--font-weights-normal)' }}
                     >
                       {option.label}
                     </RadioGroup.ItemText>

package/src/test/setup.ts

@@ -6,15 +6,29 @@ import { toHaveNoViolations } from 'jest-axe';
 // Extend Vitest's expect with jest-axe matchers
 expect.extend(toHaveNoViolations);
 
-// Mock ResizeObserver — JSDOM does not implement it, but @zag-js/tabs requires
-// it to sync the active tab indicator rectangle position.
+// Mock ResizeObserver — JSDOM does not implement it, but @zag-js components
+// (tabs, accordion, etc.) require it to measure content dimensions.
+// The mock calls back immediately on observe() so that accordion content panels
+// receive their height measurement and remove their `hidden` attribute, making
+// links/content accessible to RTL after a click interaction.
 // Guard for Node.js environment (e.g. figma-codex tests with @vitest-environment node)
 if (typeof window !== 'undefined') {
   Object.defineProperty(window, 'ResizeObserver', {
     writable: true,
     configurable: true,
     value: class ResizeObserver {
-      observe() {}
+      private callback: (entries: object[], observer: object) => void;
+      constructor(callback: (entries: object[], observer: object) => void) {
+        this.callback = callback;
+      }
+      observe(target: Element) {
+        // Call back synchronously with a mock entry so zag-js state machines
+        // receive content dimensions and proceed to unhide animated content.
+        this.callback(
+          [{ contentRect: target.getBoundingClientRect(), target }],
+          this,
+        );
+      }
       unobserve() {}
       disconnect() {}
     },