@wallarm-org/design-system 0.73.0 → 0.74.0

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.72.3",
-  "generatedAt": "2026-07-10T11:20:32.066Z",
+  "version": "0.73.0",
+  "generatedAt": "2026-07-13T09:49:41.405Z",
   "components": [
     {
       "name": "Accordion",
@@ -12943,7 +12943,7 @@
       "props": [
         {
           "name": "size",
-          "type": "{ small: string; medium: string; large: string; }",
+          "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
           "required": false,
           "defaultValue": "large"
         },
@@ -13052,7 +13052,7 @@
       "props": [
         {
           "name": "size",
-          "type": "{ small: string; medium: string; large: string; }",
+          "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
           "required": false,
           "defaultValue": "large"
         },
@@ -13087,7 +13087,8 @@
           "options": [
             "small",
             "medium",
-            "large"
+            "large",
+            "inline-edit"
           ]
         },
         {
@@ -13229,7 +13230,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false
             },
             {
@@ -13965,7 +13966,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false
             },
             {
@@ -18634,7 +18635,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false
             },
             {
@@ -18989,7 +18990,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false
             },
             {
@@ -20221,7 +20222,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false
             },
             {
@@ -21196,7 +21197,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false
             },
             {
@@ -32730,9 +32731,9 @@
             },
             {
               "name": "size",
-              "type": "{ default: string; medium: string; small: string; }",
+              "type": "{ default: string; medium: string; small: string; 'inline-edit': string; }",
               "required": false,
-              "defaultValue": "small"
+              "defaultValue": "inline-edit"
             },
             {
               "name": "accept",
@@ -33149,9 +33150,9 @@
             },
             {
               "name": "size",
-              "type": "{ default: string; medium: string; small: string; }",
+              "type": "{ default: string; medium: string; small: string; 'inline-edit': string; }",
               "required": false,
-              "defaultValue": "small"
+              "defaultValue": "inline-edit"
             },
             {
               "name": "disabled",
@@ -33869,9 +33870,9 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; default: string; }",
+              "type": "{ small: string; medium: string; default: string; 'inline-edit': string; }",
               "required": false,
-              "defaultValue": "small"
+              "defaultValue": "inline-edit"
             },
             {
               "name": "autoComplete",
@@ -34229,7 +34230,7 @@
               "type": "TemporalInputSize | undefined",
               "required": false,
               "description": "Visual size. Default: 'default' (36px).",
-              "defaultValue": "small"
+              "defaultValue": "inline-edit"
             },
             {
               "name": "disabled",
@@ -34308,70 +34309,65 @@
       "examples": [
         {
           "name": "TextEditor",
-          "code": "() => {\n  const [text, setText] = useState('Checkout API');\n  return (\n    <div className='w-[320px]'>\n      <Row label='Name'>\n        <InlineEdit value={text} onValueCommit={v => setText(v as string)} data-testid='text'>\n          <InlineEditPreview data-analytics-id='inline-edit-name'>{text}</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput data-analytics-id='inline-edit-name-input' aria-label='Name' />\n          </InlineEditControl>\n          <InlineEditError />\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [text, setText] = useState('Checkout API');\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>Name</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={text}\n            onValueCommit={v => setText(v as string)}\n            data-testid='text'\n          >\n            <InlineEditPreview data-analytics-id='inline-edit-name'>{text}</InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditInput data-analytics-id='inline-edit-name-input' aria-label='Name' />\n            </InlineEditControl>\n            <InlineEditError />\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}",
           "description": "`InlineEditInput` in isolation — the default text editor."
         },
         {
           "name": "NumberEditor",
-          "code": "() => {\n  const [port, setPort] = useState('8443');\n  return (\n    <div className='w-[320px]'>\n      <Row label='Port'>\n        <InlineEdit value={port} onValueCommit={v => setPort(v as string)} data-testid='number'>\n          <InlineEditPreview>{port}</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditNumber />\n          </InlineEditControl>\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [port, setPort] = useState('8443');\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>Port</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={port}\n            onValueCommit={v => setPort(v as string)}\n            data-testid='number'\n          >\n            <InlineEditPreview>{port}</InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditNumber />\n            </InlineEditControl>\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}",
           "description": "`InlineEditNumber` in isolation."
         },
         {
           "name": "TextareaEditor",
-          "code": "() => {\n  const [about, setAbout] = useState(\n    'Displays a labeled value for a single object attribute. Used in detail panels, drawers and forms to present structured information.',\n  );\n  return (\n    <div className='w-[320px]'>\n      <Row label='About'>\n        <InlineEdit value={about} onValueCommit={v => setAbout(v as string)} data-testid='textarea'>\n          <InlineEditPreview lineClamp={3}>{about}</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditTextarea minRows={2} maxRows={6} />\n          </InlineEditControl>\n          <InlineEditError />\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [about, setAbout] = useState(\n    'Displays a labeled value for a single object attribute. Used in detail panels, drawers and forms to present structured information.',\n  );\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>About</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={about}\n            onValueCommit={v => setAbout(v as string)}\n            data-testid='textarea'\n          >\n            <InlineEditPreview lineClamp={3}>{about}</InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditTextarea minRows={2} maxRows={6} />\n            </InlineEditControl>\n            <InlineEditError />\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}",
           "description": "`InlineEditTextarea` in isolation, with `lineClamp` on the preview."
         },
         {
           "name": "SelectEditor",
-          "code": "() => {\n  const [role, setRole] = useState<string[]>(['editor']);\n  const roleLabel = roleItems.find(i => i.value === (role[0] ?? ''))?.label ?? '';\n  return (\n    <div className='w-[320px]'>\n      <Row label='Role'>\n        <InlineEdit value={role} onValueCommit={v => setRole(v as string[])} data-testid='select'>\n          <InlineEditPreview>\n            <InlineEditPreviewValue>{roleLabel}</InlineEditPreviewValue>\n            <InlineEditPreviewIcon>\n              <ChevronDown size='md' />\n            </InlineEditPreviewIcon>\n          </InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditSelect items={roleItems}>\n              <SelectButton size='small' />\n              <SelectPositioner>\n                <SelectContent>{renderSelectOptions(roleItems)}</SelectContent>\n              </SelectPositioner>\n            </InlineEditSelect>\n          </InlineEditControl>\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [role, setRole] = useState<string[]>(['editor']);\n  const roleLabel = roleItems.find(i => i.value === (role[0] ?? ''))?.label ?? '';\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>Role</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={role}\n            onValueCommit={v => setRole(v as string[])}\n            data-testid='select'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>{roleLabel}</InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <ChevronDown size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditSelect items={roleItems}>\n                <SelectButton size='inline-edit' />\n                <SelectPositioner>\n                  <SelectContent>{renderSelectOptions(roleItems)}</SelectContent>\n                </SelectPositioner>\n              </InlineEditSelect>\n            </InlineEditControl>\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}",
           "description": "`InlineEditSelect` (single) in isolation."
         },
         {
           "name": "MultiSelectEditor",
-          "code": "() => {\n  const [roles, setRoles] = useState<string[]>(['editor', 'viewer']);\n  const rolesLabel = roles.map(v => roleItems.find(i => i.value === v)?.label ?? v).join(', ');\n  return (\n    <div className='w-[320px]'>\n      <Row label='Roles'>\n        <InlineEdit\n          value={roles}\n          onValueCommit={v => setRoles(v as string[])}\n          data-testid='multi-select'\n        >\n          <InlineEditPreview>\n            <InlineEditPreviewValue>{rolesLabel}</InlineEditPreviewValue>\n            <InlineEditPreviewIcon>\n              <ChevronDown size='md' />\n            </InlineEditPreviewIcon>\n          </InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditSelect items={roleItems} multiple>\n              <SelectButton size='small' />\n              <SelectPositioner>\n                <SelectContent>{renderSelectOptions(roleItems)}</SelectContent>\n              </SelectPositioner>\n            </InlineEditSelect>\n          </InlineEditControl>\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [roles, setRoles] = useState<string[]>(['editor', 'viewer']);\n  const rolesLabel = roles.map(v => roleItems.find(i => i.value === v)?.label ?? v).join(', ');\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>Roles</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={roles}\n            onValueCommit={v => setRoles(v as string[])}\n            data-testid='multi-select'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>{rolesLabel}</InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <ChevronDown size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditSelect items={roleItems} multiple>\n                <SelectButton size='inline-edit' />\n                <SelectPositioner>\n                  <SelectContent>{renderSelectOptions(roleItems)}</SelectContent>\n                </SelectPositioner>\n              </InlineEditSelect>\n            </InlineEditControl>\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}",
           "description": "`InlineEditSelect` (multiple) in isolation."
         },
         {
           "name": "TagsEditor",
-          "code": "() => {\n  const [tags, setTags] = useState<string[]>(['production', 'critical']);\n  return (\n    <div className='w-[320px]'>\n      <Row label='Tags'>\n        <InlineEdit value={tags} onValueCommit={v => setTags(v as string[])} data-testid='tags'>\n          <InlineEditPreview>\n            <InlineEditPreviewValue>\n              <span className='flex gap-4'>\n                {tags.map(v => (\n                  <Tag key={v}>{v}</Tag>\n                ))}\n              </span>\n            </InlineEditPreviewValue>\n            <InlineEditPreviewIcon>\n              <ChevronDown size='md' />\n            </InlineEditPreviewIcon>\n          </InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditSelect items={tagItems} multiple>\n              <SelectInputTrigger />\n              <SelectPositioner>\n                <SelectContent>{renderSelectOptions(tagItems)}</SelectContent>\n              </SelectPositioner>\n            </InlineEditSelect>\n          </InlineEditControl>\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [tags, setTags] = useState<string[]>(['production', 'critical']);\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>Tags</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={tags}\n            onValueCommit={v => setTags(v as string[])}\n            data-testid='tags'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>\n                <OverflowList\n                  className='gap-4'\n                  items={tags}\n                  itemRenderer={tag => <Tag key={tag}>{tag}</Tag>}\n                  overflowRenderer={renderOverflowPopover}\n                />\n              </InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <ChevronDown size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditSelect items={tagItems} multiple>\n                <SelectInputTrigger />\n                <SelectPositioner>\n                  <SelectContent>{renderSelectOptions(tagItems)}</SelectContent>\n                </SelectPositioner>\n              </InlineEditSelect>\n            </InlineEditControl>\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}",
           "description": "`InlineEditSelect` (multiple) rendering its value as `Tag` chips."
         },
         {
           "name": "DateEditor",
-          "code": "() => {\n  const [date, setDate] = useState<DateValue | null>(new CalendarDate(2026, 6, 15));\n  const dateLabel = date\n    ? format(new Date(date.year, date.month - 1, date.day), 'd MMM, yyyy')\n    : '—';\n  return (\n    <div className='w-[320px]'>\n      <DateFormatProvider order='day-first' hourCycle={24}>\n        <Row label='Date'>\n          <InlineEdit\n            value={date}\n            onValueCommit={v => setDate(v as DateValue | null)}\n            data-testid='date'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>{dateLabel}</InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <Calendar size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditDate>\n                <CalendarTrigger>\n                  <DateInputTrigger granularity='day' />\n                </CalendarTrigger>\n                <CalendarContent>\n                  <CalendarBody>\n                    <CalendarGrids />\n                  </CalendarBody>\n                </CalendarContent>\n              </InlineEditDate>\n            </InlineEditControl>\n          </InlineEdit>\n        </Row>\n      </DateFormatProvider>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [date, setDate] = useState<DateValue | null>(new CalendarDate(2026, 6, 15));\n  const dateLabel = date\n    ? format(new Date(date.year, date.month - 1, date.day), 'd MMM, yyyy')\n    : '—';\n  return (\n    <div className='w-[320px]'>\n      <DateFormatProvider order='day-first' hourCycle={24}>\n        <Attribute>\n          <AttributeLabel>Date</AttributeLabel>\n          <AttributeValue>\n            <InlineEdit\n              {...args}\n              value={date}\n              onValueCommit={v => setDate(v as DateValue | null)}\n              data-testid='date'\n            >\n              <InlineEditPreview>\n                <InlineEditPreviewValue>{dateLabel}</InlineEditPreviewValue>\n                <InlineEditPreviewIcon>\n                  <Calendar size='md' />\n                </InlineEditPreviewIcon>\n              </InlineEditPreview>\n              <InlineEditControl>\n                <InlineEditDate>\n                  <CalendarTrigger>\n                    <DateInputTrigger granularity='day' />\n                  </CalendarTrigger>\n                  <CalendarContent>\n                    <CalendarBody>\n                      <CalendarGrids />\n                    </CalendarBody>\n                  </CalendarContent>\n                </InlineEditDate>\n              </InlineEditControl>\n            </InlineEdit>\n          </AttributeValue>\n        </Attribute>\n      </DateFormatProvider>\n    </div>\n  );\n}",
           "description": "`InlineEditDate` in isolation."
         },
         {
           "name": "TimeEditor",
-          "code": "() => {\n  const [time, setTime] = useState<TimeValue | null>(new Time(14, 30));\n  const timeLabel = time ? format(new Date(2000, 0, 1, time.hour, time.minute), 'h:mm a') : '—';\n  return (\n    <div className='w-[320px]'>\n      <DateFormatProvider order='day-first' hourCycle={12}>\n        <Row label='Time'>\n          <InlineEdit\n            value={time}\n            onValueCommit={v => setTime(v as TimeValue | null)}\n            data-testid='time'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>{timeLabel}</InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <Clock size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditTime />\n            </InlineEditControl>\n          </InlineEdit>\n        </Row>\n      </DateFormatProvider>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [time, setTime] = useState<TimeValue | null>(new Time(14, 30));\n  const timeLabel = time ? format(new Date(2000, 0, 1, time.hour, time.minute), 'h:mm a') : '—';\n  return (\n    <div className='w-[320px]'>\n      <DateFormatProvider order='day-first' hourCycle={12}>\n        <Attribute>\n          <AttributeLabel>Time</AttributeLabel>\n          <AttributeValue>\n            <InlineEdit\n              {...args}\n              value={time}\n              onValueCommit={v => setTime(v as TimeValue | null)}\n              data-testid='time'\n            >\n              <InlineEditPreview>\n                <InlineEditPreviewValue>{timeLabel}</InlineEditPreviewValue>\n                <InlineEditPreviewIcon>\n                  <Clock size='md' />\n                </InlineEditPreviewIcon>\n              </InlineEditPreview>\n              <InlineEditControl>\n                <InlineEditTime />\n              </InlineEditControl>\n            </InlineEdit>\n          </AttributeValue>\n        </Attribute>\n      </DateFormatProvider>\n    </div>\n  );\n}",
           "description": "`InlineEditTime` in isolation."
         },
         {
           "name": "DateTimeEditor",
-          "code": "() => {\n  const [dateTime, setDateTime] = useState<CalendarDateTime | null>(\n    new CalendarDateTime(2026, 6, 15, 14, 30),\n  );\n  const dateTimeLabel = dateTime\n    ? format(\n        new Date(dateTime.year, dateTime.month - 1, dateTime.day, dateTime.hour, dateTime.minute),\n        'd MMM, yyyy h:mm a',\n      )\n    : '—';\n  return (\n    <div className='w-[320px]'>\n      <DateFormatProvider order='day-first' hourCycle={12}>\n        <Row label='Date & Time'>\n          <InlineEdit\n            value={dateTime}\n            onValueCommit={v => setDateTime(v as CalendarDateTime | null)}\n            data-testid='datetime'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>{dateTimeLabel}</InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <Calendar size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditDateTime>\n                <CalendarTrigger>\n                  <DateInputTrigger granularity='minute' />\n                </CalendarTrigger>\n                <CalendarContent>\n                  <CalendarBody>\n                    <CalendarInputHeader />\n                    <CalendarGrids />\n                  </CalendarBody>\n                </CalendarContent>\n              </InlineEditDateTime>\n            </InlineEditControl>\n          </InlineEdit>\n        </Row>\n      </DateFormatProvider>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [dateTime, setDateTime] = useState<CalendarDateTime | null>(\n    new CalendarDateTime(2026, 6, 15, 14, 30),\n  );\n  const dateTimeLabel = dateTime\n    ? format(\n        new Date(dateTime.year, dateTime.month - 1, dateTime.day, dateTime.hour, dateTime.minute),\n        'd MMM, yyyy h:mm a',\n      )\n    : '—';\n  return (\n    <div className='w-[320px]'>\n      <DateFormatProvider order='day-first' hourCycle={12}>\n        <Attribute>\n          <AttributeLabel>Date &amp; Time</AttributeLabel>\n          <AttributeValue>\n            <InlineEdit\n              {...args}\n              value={dateTime}\n              onValueCommit={v => setDateTime(v as CalendarDateTime | null)}\n              data-testid='datetime'\n            >\n              <InlineEditPreview>\n                <InlineEditPreviewValue>{dateTimeLabel}</InlineEditPreviewValue>\n                <InlineEditPreviewIcon>\n                  <Calendar size='md' />\n                </InlineEditPreviewIcon>\n              </InlineEditPreview>\n              <InlineEditControl>\n                <InlineEditDateTime>\n                  <CalendarTrigger>\n                    <DateInputTrigger granularity='minute' />\n                  </CalendarTrigger>\n                  <CalendarContent>\n                    <CalendarBody>\n                      <CalendarInputHeader />\n                      <CalendarGrids />\n                    </CalendarBody>\n                  </CalendarContent>\n                </InlineEditDateTime>\n              </InlineEditControl>\n            </InlineEdit>\n          </AttributeValue>\n        </Attribute>\n      </DateFormatProvider>\n    </div>\n  );\n}",
           "description": "`InlineEditDateTime` in isolation."
         },
         {
           "name": "States",
-          "code": "() => (\n  <div className='flex w-[420px] flex-col gap-12'>\n    <Row label='Name'>\n      <InlineEdit defaultValue='Checkout API and ABC' status='loading' data-testid='loading'>\n        <InlineEditPreview>Checkout API and ABC</InlineEditPreview>\n        <InlineEditControl>\n          <InlineEditInput />\n        </InlineEditControl>\n      </InlineEdit>\n    </Row>\n\n    <Row label='Name'>\n      <InlineEdit defaultValue='Checkout API and ABC' status='saved' data-testid='saved'>\n        <InlineEditPreview>Checkout API and ABC</InlineEditPreview>\n        <InlineEditControl>\n          <InlineEditInput />\n        </InlineEditControl>\n      </InlineEdit>\n    </Row>\n\n    <Row label='Name'>\n      <InlineEdit\n        defaultValue='Checkout API and ABC'\n        defaultEdit\n        status='error'\n        data-testid='error'\n      >\n        <InlineEditPreview>Checkout API and ABC</InlineEditPreview>\n        <InlineEditControl>\n          <InlineEditInput />\n        </InlineEditControl>\n        <InlineEditError>An error message.</InlineEditError>\n      </InlineEdit>\n    </Row>\n  </div>\n)",
+          "code": "args => (\n  <div className='flex w-[420px] flex-col gap-12'>\n    <Attribute>\n      <AttributeLabel>Name</AttributeLabel>\n      <AttributeValue>\n        <InlineEdit\n          {...args}\n          defaultValue='Checkout API and ABC'\n          status='loading'\n          data-testid='loading'\n        >\n          <InlineEditPreview>Checkout API and ABC</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput />\n          </InlineEditControl>\n        </InlineEdit>\n      </AttributeValue>\n    </Attribute>\n\n    <Attribute>\n      <AttributeLabel>Name</AttributeLabel>\n      <AttributeValue>\n        <InlineEdit\n          {...args}\n          defaultValue='Checkout API and ABC'\n          status='saved'\n          data-testid='saved'\n        >\n          <InlineEditPreview>Checkout API and ABC</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput />\n          </InlineEditControl>\n        </InlineEdit>\n      </AttributeValue>\n    </Attribute>\n\n    <Attribute>\n      <AttributeLabel>Name</AttributeLabel>\n      <AttributeValue>\n        <InlineEdit\n          {...args}\n          defaultValue='Checkout API and ABC'\n          defaultEdit\n          status='error'\n          data-testid='error'\n        >\n          <InlineEditPreview>Checkout API and ABC</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput />\n          </InlineEditControl>\n          <InlineEditError>An error message.</InlineEditError>\n        </InlineEdit>\n      </AttributeValue>\n    </Attribute>\n  </div>\n)",
           "description": "Async-feedback status snapshots: loading, saved, and error."
         },
         {
           "name": "Async",
-          "code": "() => {\n  const [value, setValue] = useState('Checkout API');\n  const save = (v: unknown) =>\n    new Promise<void>((resolve, reject) => {\n      setTimeout(() => {\n        if ((v as string).trim().length === 0) reject(new Error('Name is required.'));\n        else {\n          setValue(v as string);\n          resolve();\n        }\n      }, 1200);\n    });\n  return (\n    <div className='w-[320px]'>\n      <Row label='Name'>\n        <InlineEdit value={value} onValueCommit={save} data-testid='attr'>\n          <InlineEditPreview>{value}</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput />\n          </InlineEditControl>\n          <InlineEditError />\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}"
+          "code": "args => {\n  const [value, setValue] = useState('Checkout API');\n  const save = (v: unknown) =>\n    new Promise<void>((resolve, reject) => {\n      setTimeout(() => {\n        if ((v as string).trim().length === 0) reject(new Error('Name is required.'));\n        else {\n          setValue(v as string);\n          resolve();\n        }\n      }, 1200);\n    });\n  return (\n    <div className='w-[320px]'>\n      <Attribute>\n        <AttributeLabel>Name</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit {...args} value={value} onValueCommit={save} data-testid='attr'>\n            <InlineEditPreview>{value}</InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditInput />\n            </InlineEditControl>\n            <InlineEditError />\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n    </div>\n  );\n}"
         },
         {
           "name": "NonEditable",
-          "code": "() => (\n  <div className='flex w-[320px] flex-col gap-8'>\n    <Row label='Read only'>\n      <InlineEdit defaultValue='Locked value' readOnly data-testid='readonly'>\n        <InlineEditPreview>Locked value</InlineEditPreview>\n        <InlineEditControl>\n          <InlineEditInput />\n        </InlineEditControl>\n      </InlineEdit>\n    </Row>\n    <Row label='Disabled'>\n      <InlineEdit defaultValue='Disabled value' disabled data-testid='disabled'>\n        <InlineEditPreview>Disabled value</InlineEditPreview>\n        <InlineEditControl>\n          <InlineEditInput />\n        </InlineEditControl>\n      </InlineEdit>\n    </Row>\n  </div>\n)"
-        },
-        {
-          "name": "CustomEditor",
-          "code": "() => {\n  const [value, setValue] = useState('CHECKOUT API');\n  return (\n    <div className='w-[320px]'>\n      <Row label='Custom editor (render-prop)'>\n        <InlineEdit value={value} onValueCommit={v => setValue(v as string)} data-testid='custom'>\n          <InlineEditPreview>{value}</InlineEditPreview>\n          <InlineEditControl submitMode='both'>\n            {({ value: draft, setValue: setDraft, submit, cancel }) => (\n              <span className='flex items-center gap-4'>\n                <Input\n                  aria-label='Custom'\n                  value={(draft as string) ?? ''}\n                  onChange={e => setDraft(e.target.value.toUpperCase())}\n                  size='small'\n                />\n                {/* preventDefault on mousedown keeps focus in the input, so\n                    Safari's click-after-blur ordering cannot fire a blur\n                    submit/cancel before the button's click lands. */}\n                <Button\n                  variant='primary'\n                  color='brand'\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={() => submit()}\n                  data-testid='custom-confirm'\n                >\n                  Save\n                </Button>\n                <Button\n                  variant='ghost'\n                  color='neutral'\n                  onMouseDown={e => e.preventDefault()}\n                  onClick={() => cancel()}\n                  data-testid='custom-cancel'\n                >\n                  Cancel\n                </Button>\n              </span>\n            )}\n          </InlineEditControl>\n          <InlineEditError />\n        </InlineEdit>\n      </Row>\n    </div>\n  );\n}",
-          "description": "There are two ways to plug a custom editor into"
+          "code": "args => (\n  <div className='flex w-[320px] flex-col gap-8'>\n    <Attribute>\n      <AttributeLabel>Read only</AttributeLabel>\n      <AttributeValue>\n        <InlineEdit {...args} defaultValue='Locked value' readOnly data-testid='readonly'>\n          <InlineEditPreview>Locked value</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput />\n          </InlineEditControl>\n        </InlineEdit>\n      </AttributeValue>\n    </Attribute>\n    <Attribute>\n      <AttributeLabel>Disabled</AttributeLabel>\n      <AttributeValue>\n        <InlineEdit {...args} defaultValue='Disabled value' disabled data-testid='disabled'>\n          <InlineEditPreview>Disabled value</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput />\n          </InlineEditControl>\n        </InlineEdit>\n      </AttributeValue>\n    </Attribute>\n  </div>\n)"
         },
         {
           "name": "ConfirmCommit",
-          "code": "() => {\n  const [email, setEmail] = useState('dev@wallarm.com');\n  const [role, setRole] = useState<string[]>(['editor']);\n  const [pending, setPending] = useState<string | null>(null);\n  const resolverRef = useRef<((ok: boolean) => void) | null>(null);\n\n  // Promise-based confirm: the guard returns this promise and the dialog\n  // buttons settle it. The DS never closes the dialog — `settle` does.\n  const confirmChange = (message: string) =>\n    new Promise<boolean>(resolve => {\n      resolverRef.current = resolve;\n      setPending(message);\n    });\n\n  const settle = (ok: boolean) => {\n    resolverRef.current?.(ok);\n    resolverRef.current = null;\n    setPending(null);\n  };\n\n  const roleLabel = roleItems.find(i => i.value === (role[0] ?? ''))?.label ?? '';\n\n  return (\n    <div className='flex w-[320px] flex-col gap-8'>\n      <Row label='Email'>\n        <InlineEdit\n          value={email}\n          onBeforeValueCommit={(next, prev) =>\n            next === prev || confirmChange(`Change email to ${next as string}?`)\n          }\n          onValueCommit={v => setEmail(v as string)}\n          data-testid='confirm-email'\n        >\n          <InlineEditPreview>{email}</InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditInput type='email' aria-label='Email' />\n          </InlineEditControl>\n        </InlineEdit>\n      </Row>\n\n      <Row label='Role'>\n        <InlineEdit\n          value={role}\n          onBeforeValueCommit={(next, prev) => {\n            // The guard fires on every popover close, including no-op ones —\n            // short-circuit when nothing changed (for dates use `.compare()`).\n            const nextRole = (next as string[]).join();\n            if (nextRole === (prev as string[]).join()) return true;\n            const label = roleItems.find(i => i.value === (next as string[])[0])?.label ?? nextRole;\n            return confirmChange(`Change role to ${label}?`);\n          }}\n          onValueCommit={v => setRole(v as string[])}\n          data-testid='confirm-role'\n        >\n          <InlineEditPreview>\n            <InlineEditPreviewValue>{roleLabel}</InlineEditPreviewValue>\n            <InlineEditPreviewIcon>\n              <ChevronDown size='md' />\n            </InlineEditPreviewIcon>\n          </InlineEditPreview>\n          <InlineEditControl>\n            <InlineEditSelect items={roleItems}>\n              <SelectButtonTrigger />\n              <SelectPositioner>\n                <SelectContent>{renderSelectOptions(roleItems)}</SelectContent>\n              </SelectPositioner>\n            </InlineEditSelect>\n          </InlineEditControl>\n        </InlineEdit>\n      </Row>\n\n      <Dialog\n        open={pending !== null}\n        onOpenChange={open => {\n          if (!open) settle(false);\n        }}\n        data-testid='confirm-dialog'\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Confirm change</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <Text>{pending}</Text>\n          </DialogBody>\n          <DialogFooter>\n            <DialogFooterControls>\n              <Button\n                variant='ghost'\n                color='neutral'\n                size='large'\n                onClick={() => settle(false)}\n                data-testid='confirm-decline'\n              >\n                Cancel\n              </Button>\n              <Button\n                variant='primary'\n                color='brand'\n                size='large'\n                onClick={() => settle(true)}\n                data-testid='confirm-accept'\n              >\n                Change\n              </Button>\n            </DialogFooterControls>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}",
+          "code": "args => {\n  const [email, setEmail] = useState('dev@wallarm.com');\n  const [role, setRole] = useState<string[]>(['editor']);\n  const [pending, setPending] = useState<string | null>(null);\n  const resolverRef = useRef<((ok: boolean) => void) | null>(null);\n\n  // Promise-based confirm: the guard returns this promise and the dialog\n  // buttons settle it. The DS never closes the dialog — `settle` does.\n  const confirmChange = (message: string) =>\n    new Promise<boolean>(resolve => {\n      resolverRef.current = resolve;\n      setPending(message);\n    });\n\n  const settle = (ok: boolean) => {\n    resolverRef.current?.(ok);\n    resolverRef.current = null;\n    setPending(null);\n  };\n\n  const roleLabel = roleItems.find(i => i.value === (role[0] ?? ''))?.label ?? '';\n\n  return (\n    <div className='flex w-[320px] flex-col gap-8'>\n      <Attribute>\n        <AttributeLabel>Email</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={email}\n            onBeforeValueCommit={(next, prev) =>\n              next === prev || confirmChange(`Change email to ${next as string}?`)\n            }\n            onValueCommit={v => setEmail(v as string)}\n            data-testid='confirm-email'\n          >\n            <InlineEditPreview>{email}</InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditInput type='email' aria-label='Email' />\n            </InlineEditControl>\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n\n      <Attribute>\n        <AttributeLabel>Role</AttributeLabel>\n        <AttributeValue>\n          <InlineEdit\n            {...args}\n            value={role}\n            onBeforeValueCommit={(next, prev) => {\n              // The guard fires on every popover close, including no-op ones —\n              // short-circuit when nothing changed (for dates use `.compare()`).\n              const nextRole = (next as string[]).join();\n              if (nextRole === (prev as string[]).join()) return true;\n              const label =\n                roleItems.find(i => i.value === (next as string[])[0])?.label ?? nextRole;\n              return confirmChange(`Change role to ${label}?`);\n            }}\n            onValueCommit={v => setRole(v as string[])}\n            data-testid='confirm-role'\n          >\n            <InlineEditPreview>\n              <InlineEditPreviewValue>{roleLabel}</InlineEditPreviewValue>\n              <InlineEditPreviewIcon>\n                <ChevronDown size='md' />\n              </InlineEditPreviewIcon>\n            </InlineEditPreview>\n            <InlineEditControl>\n              <InlineEditSelect items={roleItems}>\n                <SelectButtonTrigger />\n                <SelectPositioner>\n                  <SelectContent>{renderSelectOptions(roleItems)}</SelectContent>\n                </SelectPositioner>\n              </InlineEditSelect>\n            </InlineEditControl>\n          </InlineEdit>\n        </AttributeValue>\n      </Attribute>\n\n      <Dialog\n        open={pending !== null}\n        onOpenChange={open => {\n          if (!open) settle(false);\n        }}\n        data-testid='confirm-dialog'\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Confirm change</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <Text>{pending}</Text>\n          </DialogBody>\n          <DialogFooter>\n            <DialogFooterControls>\n              <Button\n                variant='ghost'\n                color='neutral'\n                size='large'\n                onClick={() => settle(false)}\n                data-testid='confirm-decline'\n              >\n                Cancel\n              </Button>\n              <Button\n                variant='primary'\n                color='brand'\n                size='large'\n                onClick={() => settle(true)}\n                data-testid='confirm-accept'\n              >\n                Change\n              </Button>\n            </DialogFooterControls>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}",
           "description": "The"
         }
       ]
@@ -34798,7 +34794,7 @@
         },
         {
           "name": "size",
-          "type": "{ default: string; medium: string; small: string; }",
+          "type": "{ default: string; medium: string; small: string; 'inline-edit': string; }",
           "required": false,
           "defaultValue": "default"
         },
@@ -34822,7 +34818,8 @@
           "options": [
             "default",
             "medium",
-            "small"
+            "small",
+            "inline-edit"
           ],
           "defaultValue": "default"
         }
@@ -34865,7 +34862,8 @@
           "options": [
             "default",
             "medium",
-            "small"
+            "small",
+            "inline-edit"
           ],
           "defaultValue": "default"
         }
@@ -43522,7 +43520,7 @@
         },
         {
           "name": "size",
-          "type": "{ default: string; medium: string; small: string; }",
+          "type": "{ default: string; medium: string; small: string; 'inline-edit': string; }",
           "required": false,
           "defaultValue": "default"
         },
@@ -43539,7 +43537,8 @@
           "options": [
             "default",
             "medium",
-            "small"
+            "small",
+            "inline-edit"
           ],
           "defaultValue": "default"
         }
@@ -52424,7 +52423,7 @@
             },
             {
               "name": "size",
-              "type": "{ small: string; medium: string; large: string; }",
+              "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
               "required": false,
               "defaultValue": "medium"
             },
@@ -55432,7 +55431,1962 @@
           ]
         },
         {
-          "name": "BarListLabel",
+          "name": "BarListLabel",
+          "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "BarListPercent",
+          "props": [
+            {
+              "name": "digits",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Number of fractional digits. Defaults to `0`."
+            },
+            {
+              "name": "variant",
+              "type": "BarListPercentVariant | undefined",
+              "required": false,
+              "description": "Color treatment for the value and the `%` symbol.\n- `split` (default, matches Figma) — value uses `text-text-primary`, symbol uses `text-text-secondary`.\n- `muted` — both tokens use `text-text-secondary`.\n- `inherit` — both tokens inherit the parent's color (e.g. match `BarListValue`)."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "BarList",
+          "props": [
+            {
+              "name": "max",
+              "type": "number",
+              "required": true,
+              "description": "Value at which a bar reaches 100%. Required.\n- Percent inputs → `max={100}`.\n- Fractions → `max={1}`.\n- Raw counts → `Math.max(...values)` or the total.\n\nInvalid values (non-finite, zero, negative) render every row empty with a 0% label\nand log a single dev-only warning."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "BarListSkeleton",
+          "props": [
+            {
+              "name": "rows",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Number of skeleton rows to render. Defaults to `5`."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "BarListValue",
+          "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "ChartActions",
+          "props": [
+            {
+              "name": "alwaysVisible",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Keep actions visible regardless of card hover/focus.\nDefaults to `false` — the block fades in on card hover/focus-within."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "ChartEmpty",
+          "props": [
+            {
+              "name": "defaultChecked",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "defaultValue",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressContentEditableWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "suppressHydrationWarning",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "accessKey",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCapitalize",
+              "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+              "required": false
+            },
+            {
+              "name": "autoFocus",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "contentEditable",
+              "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+              "required": false
+            },
+            {
+              "name": "contextMenu",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "dir",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "draggable",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "enterKeyHint",
+              "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+              "required": false
+            },
+            {
+              "name": "hidden",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "lang",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "nonce",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "slot",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "spellCheck",
+              "type": "Booleanish | undefined",
+              "required": false
+            },
+            {
+              "name": "tabIndex",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "translate",
+              "type": "\"yes\" | \"no\" | undefined",
+              "required": false
+            },
+            {
+              "name": "radioGroup",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "role",
+              "type": "AriaRole | undefined",
+              "required": false
+            },
+            {
+              "name": "about",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "content",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "datatype",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inlist",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "prefix",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "property",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rel",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "resource",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "rev",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "typeof",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "vocab",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoCorrect",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "autoSave",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemProp",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemScope",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "itemType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemID",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "itemRef",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "results",
+              "type": "number | undefined",
+              "required": false
+            },
+            {
+              "name": "security",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "unselectable",
+              "type": "\"off\" | \"on\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popover",
+              "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTargetAction",
+              "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+              "required": false
+            },
+            {
+              "name": "popoverTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "inert",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+            },
+            {
+              "name": "inputMode",
+              "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+              "required": false,
+              "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+            },
+            {
+              "name": "is",
+              "type": "string | undefined",
+              "required": false,
+              "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+            },
+            {
+              "name": "exportparts",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+            },
+            {
+              "name": "part",
+              "type": "string | undefined",
+              "required": false,
+              "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+            }
+          ]
+        },
+        {
+          "name": "ChartHeader",
           "props": [
             {
               "name": "defaultChecked",
@@ -55707,20 +57661,8 @@
           ]
         },
         {
-          "name": "BarListPercent",
+          "name": "Chart",
           "props": [
-            {
-              "name": "digits",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Number of fractional digits. Defaults to `0`."
-            },
-            {
-              "name": "variant",
-              "type": "BarListPercentVariant | undefined",
-              "required": false,
-              "description": "Color treatment for the value and the `%` symbol.\n- `split` (default, matches Figma) — value uses `text-text-primary`, symbol uses `text-text-secondary`.\n- `muted` — both tokens use `text-text-secondary`.\n- `inherit` — both tokens inherit the parent's color (e.g. match `BarListValue`)."
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -55994,14 +57936,8 @@
           ]
         },
         {
-          "name": "BarList",
+          "name": "ChartTitle",
           "props": [
-            {
-              "name": "max",
-              "type": "number",
-              "required": true,
-              "description": "Value at which a bar reaches 100%. Required.\n- Percent inputs → `max={100}`.\n- Fractions → `max={1}`.\n- Raw counts → `Math.max(...values)` or the total.\n\nInvalid values (non-finite, zero, negative) render every row empty with a 0% label\nand log a single dev-only warning."
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -56275,13 +58211,37 @@
           ]
         },
         {
-          "name": "BarListSkeleton",
+          "name": "HorizontalBarStack",
           "props": [
             {
-              "name": "rows",
+              "name": "data",
+              "type": "HorizontalBarStackDatum[]",
+              "required": true,
+              "description": "Segments + legend. One array drives both, so colors stay in sync."
+            },
+            {
+              "name": "total",
               "type": "number | undefined",
               "required": false,
-              "description": "Number of skeleton rows to render. Defaults to `5`."
+              "description": "Bar denominator. `> sum(data.value)` → grey remainder tail. Default: `sum(data.value)`."
+            },
+            {
+              "name": "legend",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Show/hide the legend. Default: true."
+            },
+            {
+              "name": "activeName",
+              "type": "string | null | undefined",
+              "required": false,
+              "description": "Controlled hover target, joined by `name`. Omitted → managed internally. Set together\nwith `onActiveNameChange` to sync hover across charts (e.g. a sibling highlights the\nsame series). Mirrors `PieChart`."
+            },
+            {
+              "name": "selectedNames",
+              "type": "string[] | undefined",
+              "required": false,
+              "description": "Names to emphasise. When non-empty, non-selected segments + legend items fade. Hover\n(`activeName`) wins — while a series is hovered, only it stays bright. Names not in\n`data` are ignored."
             },
             {
               "name": "defaultChecked",
@@ -56556,8 +58516,14 @@
           ]
         },
         {
-          "name": "BarListValue",
+          "name": "HorizontalBarStackSkeleton",
           "props": [
+            {
+              "name": "legendItems",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Number of legend placeholder pills. Defaults to `3`."
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -56831,13 +58797,13 @@
           ]
         },
         {
-          "name": "ChartActions",
+          "name": "LineChartBody",
           "props": [
             {
-              "name": "alwaysVisible",
-              "type": "boolean | undefined",
+              "name": "height",
+              "type": "number | undefined",
               "required": false,
-              "description": "Keep actions visible regardless of card hover/focus.\nDefaults to `false` — the block fades in on card hover/focus-within."
+              "description": "Body height passed to recharts' `<ResponsiveContainer>`. Defaults to the\nFigma single-line plot height (`LINE_CARD_HEIGHT - LINE_HEADER_HEIGHT`)."
             },
             {
               "name": "defaultChecked",
@@ -57112,8 +59078,14 @@
           ]
         },
         {
-          "name": "ChartEmpty",
+          "name": "LineChartEmpty",
           "props": [
+            {
+              "name": "height",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Body height override. Defaults to the standard plot height."
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -57387,8 +59359,37 @@
           ]
         },
         {
-          "name": "ChartHeader",
+          "name": "LineChartGrid",
+          "props": [
+            {
+              "name": "vertical",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Render vertical grid lines in addition to the default horizontal ones."
+            },
+            {
+              "name": "keepTopLine",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Keep the topmost horizontal grid line unconditionally. By default the line\nis dropped only when it would visually crowd the chart's top edge — see\n{@link dropEdgeGridLines} for the threshold (Figma \"no top x-line\" rule)."
+            },
+            {
+              "name": "keepBottomLine",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Keep the bottommost horizontal grid line. By default the line is dropped\nbecause the solid `<LineChartXAxis>` axis line owns the bottom rail — set\nto `true` when the X-axis line is hidden and the grid should draw the\nbottom rail itself."
+            }
+          ]
+        },
+        {
+          "name": "LineChartHoverPopoverDot",
           "props": [
+            {
+              "name": "color",
+              "type": "ChartColor | (string & {}) | undefined",
+              "required": false,
+              "description": "Palette token or CSS colour. Omitted → no inline fill (lets a `className` bg win)."
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -57569,11 +59570,6 @@
               "type": "string | undefined",
               "required": false
             },
-            {
-              "name": "color",
-              "type": "string | undefined",
-              "required": false
-            },
             {
               "name": "itemProp",
               "type": "string | undefined",
@@ -57662,7 +59658,7 @@
           ]
         },
         {
-          "name": "Chart",
+          "name": "LineChartHoverPopover",
           "props": [
             {
               "name": "defaultChecked",
@@ -57937,8 +59933,26 @@
           ]
         },
         {
-          "name": "ChartTitle",
+          "name": "LineChartHoverPopoverRow",
           "props": [
+            {
+              "name": "series",
+              "type": "LineChartSeries<string>",
+              "required": true,
+              "description": "Series whose colour and label feed the row."
+            },
+            {
+              "name": "value",
+              "type": "string | number | null | undefined",
+              "required": false,
+              "description": "Raw datum value at the active index. `null`/`undefined` renders an em-dash."
+            },
+            {
+              "name": "formatValue",
+              "type": "((value: string | number | null | undefined) => ReactNode) | undefined",
+              "required": false,
+              "description": "Optional value formatter. Defaults to the shared locale formatting."
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -58212,38 +60226,8 @@
           ]
         },
         {
-          "name": "HorizontalBar",
+          "name": "LineChartHoverPopoverTimestamp",
           "props": [
-            {
-              "name": "data",
-              "type": "HorizontalBarDatum[]",
-              "required": true,
-              "description": "Segments + legend. One array drives both, so colors stay in sync."
-            },
-            {
-              "name": "value",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Headline number, rendered as `value.toLocaleString('en-US')`. Omitted → header hidden."
-            },
-            {
-              "name": "delta",
-              "type": "{ value: number; trend?: \"up\" | \"down\" | undefined; } | undefined",
-              "required": false,
-              "description": "Delta chip. Rendered as an internal Badge (arrow + number). Omitted → no chip."
-            },
-            {
-              "name": "total",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Bar denominator. `> sum(data.value)` → grey remainder tail. Default: `sum(data.value)`."
-            },
-            {
-              "name": "legend",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Show/hide the legend. Default: true."
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -58517,13 +60501,19 @@
           ]
         },
         {
-          "name": "LineChartBody",
+          "name": "LineChartLegendItem",
           "props": [
             {
-              "name": "height",
-              "type": "number | undefined",
+              "name": "seriesKey",
+              "type": "string",
+              "required": true,
+              "description": "Joins to `LineChartSeries.key`. Drives hover sync, dim, and `aria-current`."
+            },
+            {
+              "name": "selected",
+              "type": "boolean | undefined",
               "required": false,
-              "description": "Body height passed to recharts' `<ResponsiveContainer>`. Defaults to the\nFigma single-line plot height (`LINE_CARD_HEIGHT - LINE_HEADER_HEIGHT`)."
+              "description": "Explicit selection state. When omitted, falls back to \"not in `filteredKeys`\".\n`true` = row is on (line drawn); `false` = row is off (line hidden, dimmed).\nPassing this prop fully overrides the context — useful when the legend\nrenders rows that are not part of the chart's filter set."
             },
             {
               "name": "defaultChecked",
@@ -58798,13 +60788,19 @@
           ]
         },
         {
-          "name": "LineChartEmpty",
+          "name": "LineChartLegend",
           "props": [
             {
-              "name": "height",
-              "type": "number | undefined",
+              "name": "orientation",
+              "type": "LineChartLegendOrientation | undefined",
               "required": false,
-              "description": "Body height override. Defaults to the standard plot height."
+              "description": "How legend rows lay out inside the legend itself. Defaults to `'horizontal'`.\nUse `'vertical'` when the legend sits to the side of the chart (the consumer\ncontrols placement by JSX child order or by wrapping body+legend in an\n`<HStack>`). Layout-vs-orientation is the only knob the legend exposes."
+            },
+            {
+              "name": "align",
+              "type": "\"start\" | \"center\" | \"end\" | undefined",
+              "required": false,
+              "description": "Cross-axis alignment of the legend rows. Default `'start'`."
             },
             {
               "name": "defaultChecked",
@@ -59079,36 +61075,84 @@
           ]
         },
         {
-          "name": "LineChartGrid",
+          "name": "LineChartLine",
           "props": [
             {
-              "name": "vertical",
-              "type": "boolean | undefined",
+              "name": "seriesKey",
+              "type": "string",
+              "required": true,
+              "description": "Joins to `LineChartSeries.key` from the root `series` prop."
+            },
+            {
+              "name": "curve",
+              "type": "\"linear\" | \"monotone\" | undefined",
               "required": false,
-              "description": "Render vertical grid lines in addition to the default horizontal ones."
+              "description": "Recharts curve type. Defaults to `'monotone'`."
             },
             {
-              "name": "keepTopLine",
+              "name": "disableAnimation",
               "type": "boolean | undefined",
               "required": false,
-              "description": "Keep the topmost horizontal grid line unconditionally. By default the line\nis dropped only when it would visually crowd the chart's top edge — see\n{@link dropEdgeGridLines} for the threshold (Figma \"no top x-line\" rule)."
+              "description": "Force-disable the recharts mount animation."
             },
             {
-              "name": "keepBottomLine",
+              "name": "connectNulls",
               "type": "boolean | undefined",
               "required": false,
-              "description": "Keep the bottommost horizontal grid line. By default the line is dropped\nbecause the solid `<LineChartXAxis>` axis line owns the bottom rail — set\nto `true` when the X-axis line is hidden and the grid should draw the\nbottom rail itself."
+              "description": "Recharts pass-through — when `true`, the line bridges `null`/`undefined` gaps."
+            },
+            {
+              "name": "strokeWidth",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Stroke width override. Defaults to `LINE_STROKE_WIDTH`."
             }
           ]
         },
         {
-          "name": "LineChartHoverPopoverDot",
+          "name": "LineChart",
           "props": [
             {
-              "name": "color",
-              "type": "ChartColor | (string & {}) | undefined",
+              "name": "data",
+              "type": "T[]",
+              "required": true,
+              "description": "Long-form data array, one entry per X position."
+            },
+            {
+              "name": "series",
+              "type": "LineChartSeries<Extract<keyof T, string>>[]",
+              "required": true,
+              "description": "Schema describing each line drawn from `data`."
+            },
+            {
+              "name": "xKey",
+              "type": "Extract<keyof T, string>",
+              "required": true,
+              "description": "Key on each datum used as the X-axis value. Required — a silent fallback\nwould hide key-name typos until the chart renders empty."
+            },
+            {
+              "name": "activeKey",
+              "type": "string | null | undefined",
+              "required": false,
+              "description": "Controlled hover key — pass alongside `onActiveKeyChange` for cross-chart\nsync.\n\n**Heads-up:** if the controlled value points at a series key that no\nlonger exists in `series` (filter, schema change, refresh), the chart\npushes `null` back through `onActiveKeyChange` so sibling charts stop\nhighlighting a stale key. If you wire `activeKey` to external state, the\nsnap-to-null write will arrive as a normal state change — do not be\nsurprised when your value resets after a series disappears."
+            },
+            {
+              "name": "filteredKeys",
+              "type": "string[] | undefined",
+              "required": false,
+              "description": "Controlled set of `series.key` values to hide from the plot."
+            },
+            {
+              "name": "syncId",
+              "type": "string | number | undefined",
+              "required": false,
+              "description": "Charts that share a `syncId` synchronise their tooltip cursor and brush\nvia recharts' built-in middleware — hovering one chart highlights the\nmatching X on every sibling chart with the same id. Pair with `activeKey`\n+ `onActiveKeyChange` if you also want the *series* highlight to sync."
+            },
+            {
+              "name": "syncMethod",
+              "type": "complex",
               "required": false,
-              "description": "Dot colour. Either a built-in palette token (`'brand'`, `'red'`, …) or any\nCSS colour string (`'var(--color-violet-500)'`, `'#8b5cf6'`, `'oklch(…)'`).\nSame shape as `LineChartSeries.color`, so passing `color={series.color}`\nkeeps the dot in sync with its line. Consumer-supplied\n`style.backgroundColor` still wins when present."
+              "description": "How sibling `syncId` charts match X positions. Defaults to `'index'`\n(Recharts' default). Use `'value'` when the synced charts have different\ndataset lengths but share categorical X values."
             },
             {
               "name": "defaultChecked",
@@ -59290,6 +61334,11 @@
               "type": "string | undefined",
               "required": false
             },
+            {
+              "name": "color",
+              "type": "string | undefined",
+              "required": false
+            },
             {
               "name": "itemProp",
               "type": "string | undefined",
@@ -59378,8 +61427,216 @@
           ]
         },
         {
-          "name": "LineChartHoverPopover",
+          "name": "LineChartTooltip",
+          "props": [
+            {
+              "name": "xTickFormatter",
+              "type": "((value: unknown) => ReactNode) | undefined",
+              "required": false,
+              "description": "Custom formatter for the default popover timestamp slot."
+            }
+          ]
+        },
+        {
+          "name": "LineChartXAxis",
+          "props": [
+            {
+              "name": "tickFormatter",
+              "type": "((value: unknown, index: number) => string) | undefined",
+              "required": false,
+              "description": "Format the rendered tick label. Receives the raw datum value at the tick."
+            },
+            {
+              "name": "density",
+              "type": "LineChartXAxisDensity | undefined",
+              "required": false,
+              "description": "Curated tick-spacing preset (`'sparse' | 'normal' | 'dense'`). Sets\n`minTickGap` to 64/32/16px respectively. Explicit `minTickGap` overrides\nthe preset — reach for that escape hatch when no preset fits."
+            },
+            {
+              "name": "interval",
+              "type": "number | \"preserveStart\" | \"preserveEnd\" | \"preserveStartEnd\" | \"equidistantPreserveStart\" | undefined",
+              "required": false,
+              "description": "Recharts tick interval — `0` to render every tick, the literal strings to auto-pick."
+            },
+            {
+              "name": "tickCount",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Recharts target tick count."
+            },
+            {
+              "name": "ticks",
+              "type": "readonly (string | number)[] | undefined",
+              "required": false,
+              "description": "Explicit tick values. Overrides recharts' generator."
+            },
+            {
+              "name": "minTickGap",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Minimum gap (in pixels) between rendered tick labels. Overrides `density`."
+            },
+            {
+              "name": "domain",
+              "type": "[string | number, string | number] | undefined",
+              "required": false,
+              "description": "Recharts domain override — `['auto', 'auto']` by default."
+            },
+            {
+              "name": "padding",
+              "type": "{ left?: number | undefined; right?: number | undefined; } | \"gap\" | \"no-gap\" | undefined",
+              "required": false,
+              "description": "Padding between the plot edge and the first/last tick."
+            },
+            {
+              "name": "type",
+              "type": "\"number\" | \"category\" | undefined",
+              "required": false,
+              "description": "Recharts axis scale type — `'category'` (default for line charts) or `'number'` for continuous X."
+            },
+            {
+              "name": "hideTicks",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Render the axis area as a spacer (preserves layout, hides the labels)."
+            },
+            {
+              "name": "axisLine",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Render the solid bottom axis line. Defaults to `true` — the line owns the\nbottom rail of the plot (the `<LineChartGrid>` drops its bottom horizontal\ngrid line to avoid stacking on top of it). Pass `false` for sparkline-style\nplots; in that case set `<LineChartGrid keepBottomLine />` if a bottom rail\nis still wanted."
+            }
+          ]
+        },
+        {
+          "name": "LineChartYAxis",
+          "props": [
+            {
+              "name": "tickFormatter",
+              "type": "((value: unknown, index: number) => string) | undefined",
+              "required": false,
+              "description": "Format the rendered tick label."
+            },
+            {
+              "name": "tickCount",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Recharts target tick count."
+            },
+            {
+              "name": "ticks",
+              "type": "readonly (string | number)[] | undefined",
+              "required": false,
+              "description": "Explicit tick values. Overrides recharts' generator."
+            },
+            {
+              "name": "domain",
+              "type": "[string | number, string | number] | undefined",
+              "required": false,
+              "description": "Recharts domain override."
+            },
+            {
+              "name": "padding",
+              "type": "{ top?: number | undefined; bottom?: number | undefined; } | undefined",
+              "required": false,
+              "description": "Padding between the plot edge and the first/last tick."
+            },
+            {
+              "name": "width",
+              "type": "number | undefined",
+              "required": false,
+              "description": "Y-label gutter width. Defaults to the Figma-mandated `LINE_Y_LABEL_WIDTH` (38px)."
+            },
+            {
+              "name": "hideTicks",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "Render the axis area as a spacer (preserves layout, hides the labels)."
+            }
+          ]
+        },
+        {
+          "name": "LineChartZoomBrush",
           "props": [
+            {
+              "name": "disabled",
+              "type": "boolean | undefined",
+              "required": false,
+              "description": "When `true` the zoom interaction is removed entirely."
+            },
+            {
+              "name": "formatRange",
+              "type": "((range: LineChartZoomRange) => ReactNode) | undefined",
+              "required": false,
+              "description": "Override the default range text rendered inside the popover."
+            },
+            {
+              "name": "confirmLabel",
+              "type": "ReactNode",
+              "required": false,
+              "description": "Override the default \"Zoom in\" label on the confirm button."
+            },
+            {
+              "name": "container",
+              "type": "HTMLElement | null | undefined",
+              "required": false,
+              "description": "Portal target for the floating range/confirm popover. Defaults to\n`document.body`. Pass a dialog/modal node to keep the popover inside the\nfocus-trapped subtree — without this the portal escapes the focus context\nand tabbing from the confirm button lands outside the dialog."
+            }
+          ]
+        },
+        {
+          "name": "LineChartZoomPopoverConfirm",
+          "props": [
+            {
+              "name": "disabled",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "form",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formAction",
+              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
+              "required": false
+            },
+            {
+              "name": "formEncType",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formMethod",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "formNoValidate",
+              "type": "boolean | undefined",
+              "required": false
+            },
+            {
+              "name": "formTarget",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "name",
+              "type": "string | undefined",
+              "required": false
+            },
+            {
+              "name": "type",
+              "type": "\"button\" | \"submit\" | \"reset\" | undefined",
+              "required": false
+            },
+            {
+              "name": "value",
+              "type": "string | number | readonly string[] | undefined",
+              "required": false
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -59653,26 +61910,8 @@
           ]
         },
         {
-          "name": "LineChartHoverPopoverRow",
+          "name": "LineChartZoomPopover",
           "props": [
-            {
-              "name": "series",
-              "type": "LineChartSeries<string>",
-              "required": true,
-              "description": "Series whose colour and label feed the row."
-            },
-            {
-              "name": "value",
-              "type": "string | number | null | undefined",
-              "required": false,
-              "description": "Raw datum value at the active index. `null`/`undefined` renders an em-dash."
-            },
-            {
-              "name": "formatValue",
-              "type": "((value: string | number | null | undefined) => ReactNode) | undefined",
-              "required": false,
-              "description": "Optional value formatter. Defaults to `Number.toLocaleString` / `String`."
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -59946,7 +62185,7 @@
           ]
         },
         {
-          "name": "LineChartHoverPopoverTimestamp",
+          "name": "LineChartZoomPopoverRange",
           "props": [
             {
               "name": "defaultChecked",
@@ -60221,20 +62460,8 @@
           ]
         },
         {
-          "name": "LineChartLegendItem",
+          "name": "MetricCaption",
           "props": [
-            {
-              "name": "seriesKey",
-              "type": "string",
-              "required": true,
-              "description": "Joins to `LineChartSeries.key`. Drives hover sync, dim, and `aria-current`."
-            },
-            {
-              "name": "selected",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Explicit selection state. When omitted, falls back to \"not in `filteredKeys`\".\n`true` = row is on (line drawn); `false` = row is off (line hidden, dimmed).\nPassing this prop fully overrides the context — useful when the legend\nrenders rows that are not part of the chart's filter set."
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -60508,20 +62735,31 @@
           ]
         },
         {
-          "name": "LineChartLegend",
+          "name": "MetricDelta",
           "props": [
             {
-              "name": "orientation",
-              "type": "LineChartLegendOrientation | undefined",
-              "required": false,
-              "description": "How legend rows lay out inside the legend itself. Defaults to `'horizontal'`.\nUse `'vertical'` when the legend sits to the side of the chart (the consumer\ncontrols placement by JSX child order or by wrapping body+legend in an\n`<HStack>`). Layout-vs-orientation is the only knob the legend exposes."
+              "name": "value",
+              "type": "number",
+              "required": true,
+              "description": "Magnitude shown in the chip; rendered as `Math.abs(value).toLocaleString('en-US')`."
             },
             {
-              "name": "align",
-              "type": "\"start\" | \"center\" | \"end\" | undefined",
+              "name": "trend",
+              "type": "ChartDeltaTrend | undefined",
               "required": false,
-              "description": "Cross-axis alignment of the legend rows. Default `'start'`."
+              "description": "Arrow direction. Defaults to the sign of `value` (`>= 0` → up)."
             },
+            {
+              "name": "sentiment",
+              "type": "ChartDeltaSentiment | undefined",
+              "required": false,
+              "description": "Colour = meaning, and it is independent of the arrow: `positive` → green,\n`negative` → red, `neutral` → slate. Defaults to `neutral`. An increase\ncan therefore read as negative (red ↑) and a decrease as positive (green ↓)."
+            }
+          ]
+        },
+        {
+          "name": "MetricHeader",
+          "props": [
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -60795,85 +63033,8 @@
           ]
         },
         {
-          "name": "LineChartLine",
+          "name": "Metric",
           "props": [
-            {
-              "name": "seriesKey",
-              "type": "string",
-              "required": true,
-              "description": "Joins to `LineChartSeries.key` from the root `series` prop."
-            },
-            {
-              "name": "curve",
-              "type": "\"linear\" | \"monotone\" | undefined",
-              "required": false,
-              "description": "Recharts curve type. Defaults to `'monotone'`."
-            },
-            {
-              "name": "disableAnimation",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Force-disable the recharts mount animation."
-            },
-            {
-              "name": "connectNulls",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Recharts pass-through — when `true`, the line bridges `null`/`undefined` gaps."
-            },
-            {
-              "name": "strokeWidth",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Stroke width override. Defaults to `LINE_STROKE_WIDTH`."
-            }
-          ]
-        },
-        {
-          "name": "LineChart",
-          "props": [
-            {
-              "name": "data",
-              "type": "T[]",
-              "required": true,
-              "description": "Long-form data array, one entry per X position."
-            },
-            {
-              "name": "series",
-              "type": "LineChartSeries<Extract<keyof T, string>>[]",
-              "required": true,
-              "description": "Schema describing each line drawn from `data`."
-            },
-            {
-              "name": "xKey",
-              "type": "Extract<keyof T, string>",
-              "required": true,
-              "description": "Key on each datum used as the X-axis value. Required — a silent fallback\nwould hide key-name typos until the chart renders empty."
-            },
-            {
-              "name": "activeKey",
-              "type": "string | null | undefined",
-              "required": false,
-              "description": "Controlled hover key — pass alongside `onActiveKeyChange` for cross-chart\nsync.\n\n**Heads-up:** if the controlled value points at a series key that no\nlonger exists in `series` (filter, schema change, refresh), the chart\npushes `null` back through `onActiveKeyChange` so sibling charts stop\nhighlighting a stale key. If you wire `activeKey` to external state, the\nsnap-to-null write will arrive as a normal state change — do not be\nsurprised when your value resets after a series disappears."
-            },
-            {
-              "name": "filteredKeys",
-              "type": "string[] | undefined",
-              "required": false,
-              "description": "Controlled set of `series.key` values to hide from the plot."
-            },
-            {
-              "name": "syncId",
-              "type": "string | number | undefined",
-              "required": false,
-              "description": "Charts that share a `syncId` synchronise their tooltip cursor and brush\nvia recharts' built-in middleware — hovering one chart highlights the\nmatching X on every sibling chart with the same id. Pair with `activeKey`\n+ `onActiveKeyChange` if you also want the *series* highlight to sync."
-            },
-            {
-              "name": "syncMethod",
-              "type": "complex",
-              "required": false,
-              "description": "How sibling `syncId` charts match X positions. Defaults to `'index'`\n(Recharts' default). Use `'value'` when the synced charts have different\ndataset lengths but share categorical X values."
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -61147,216 +63308,8 @@
           ]
         },
         {
-          "name": "LineChartTooltip",
-          "props": [
-            {
-              "name": "xTickFormatter",
-              "type": "((value: unknown) => ReactNode) | undefined",
-              "required": false,
-              "description": "Custom formatter for the default popover timestamp slot."
-            }
-          ]
-        },
-        {
-          "name": "LineChartXAxis",
-          "props": [
-            {
-              "name": "tickFormatter",
-              "type": "((value: unknown, index: number) => string) | undefined",
-              "required": false,
-              "description": "Format the rendered tick label. Receives the raw datum value at the tick."
-            },
-            {
-              "name": "density",
-              "type": "LineChartXAxisDensity | undefined",
-              "required": false,
-              "description": "Curated tick-spacing preset (`'sparse' | 'normal' | 'dense'`). Sets\n`minTickGap` to 64/32/16px respectively. Explicit `minTickGap` overrides\nthe preset — reach for that escape hatch when no preset fits."
-            },
-            {
-              "name": "interval",
-              "type": "number | \"preserveStart\" | \"preserveEnd\" | \"preserveStartEnd\" | \"equidistantPreserveStart\" | undefined",
-              "required": false,
-              "description": "Recharts tick interval — `0` to render every tick, the literal strings to auto-pick."
-            },
-            {
-              "name": "tickCount",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Recharts target tick count."
-            },
-            {
-              "name": "ticks",
-              "type": "readonly (string | number)[] | undefined",
-              "required": false,
-              "description": "Explicit tick values. Overrides recharts' generator."
-            },
-            {
-              "name": "minTickGap",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Minimum gap (in pixels) between rendered tick labels. Overrides `density`."
-            },
-            {
-              "name": "domain",
-              "type": "[string | number, string | number] | undefined",
-              "required": false,
-              "description": "Recharts domain override — `['auto', 'auto']` by default."
-            },
-            {
-              "name": "padding",
-              "type": "{ left?: number | undefined; right?: number | undefined; } | \"gap\" | \"no-gap\" | undefined",
-              "required": false,
-              "description": "Padding between the plot edge and the first/last tick."
-            },
-            {
-              "name": "type",
-              "type": "\"number\" | \"category\" | undefined",
-              "required": false,
-              "description": "Recharts axis scale type — `'category'` (default for line charts) or `'number'` for continuous X."
-            },
-            {
-              "name": "hideTicks",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Render the axis area as a spacer (preserves layout, hides the labels)."
-            },
-            {
-              "name": "axisLine",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Render the solid bottom axis line. Defaults to `true` — the line owns the\nbottom rail of the plot (the `<LineChartGrid>` drops its bottom horizontal\ngrid line to avoid stacking on top of it). Pass `false` for sparkline-style\nplots; in that case set `<LineChartGrid keepBottomLine />` if a bottom rail\nis still wanted."
-            }
-          ]
-        },
-        {
-          "name": "LineChartYAxis",
-          "props": [
-            {
-              "name": "tickFormatter",
-              "type": "((value: unknown, index: number) => string) | undefined",
-              "required": false,
-              "description": "Format the rendered tick label."
-            },
-            {
-              "name": "tickCount",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Recharts target tick count."
-            },
-            {
-              "name": "ticks",
-              "type": "readonly (string | number)[] | undefined",
-              "required": false,
-              "description": "Explicit tick values. Overrides recharts' generator."
-            },
-            {
-              "name": "domain",
-              "type": "[string | number, string | number] | undefined",
-              "required": false,
-              "description": "Recharts domain override."
-            },
-            {
-              "name": "padding",
-              "type": "{ top?: number | undefined; bottom?: number | undefined; } | undefined",
-              "required": false,
-              "description": "Padding between the plot edge and the first/last tick."
-            },
-            {
-              "name": "width",
-              "type": "number | undefined",
-              "required": false,
-              "description": "Y-label gutter width. Defaults to the Figma-mandated `LINE_Y_LABEL_WIDTH` (38px)."
-            },
-            {
-              "name": "hideTicks",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "Render the axis area as a spacer (preserves layout, hides the labels)."
-            }
-          ]
-        },
-        {
-          "name": "LineChartZoomBrush",
+          "name": "MetricSkeleton",
           "props": [
-            {
-              "name": "disabled",
-              "type": "boolean | undefined",
-              "required": false,
-              "description": "When `true` the zoom interaction is removed entirely."
-            },
-            {
-              "name": "formatRange",
-              "type": "((range: LineChartZoomRange) => ReactNode) | undefined",
-              "required": false,
-              "description": "Override the default range text rendered inside the popover."
-            },
-            {
-              "name": "confirmLabel",
-              "type": "ReactNode",
-              "required": false,
-              "description": "Override the default \"Zoom in\" label on the confirm button."
-            },
-            {
-              "name": "container",
-              "type": "HTMLElement | null | undefined",
-              "required": false,
-              "description": "Portal target for the floating range/confirm popover. Defaults to\n`document.body`. Pass a dialog/modal node to keep the popover inside the\nfocus-trapped subtree — without this the portal escapes the focus context\nand tabbing from the confirm button lands outside the dialog."
-            }
-          ]
-        },
-        {
-          "name": "LineChartZoomPopoverConfirm",
-          "props": [
-            {
-              "name": "disabled",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "form",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "formAction",
-              "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
-              "required": false
-            },
-            {
-              "name": "formEncType",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "formMethod",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "formNoValidate",
-              "type": "boolean | undefined",
-              "required": false
-            },
-            {
-              "name": "formTarget",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "name",
-              "type": "string | undefined",
-              "required": false
-            },
-            {
-              "name": "type",
-              "type": "\"button\" | \"submit\" | \"reset\" | undefined",
-              "required": false
-            },
-            {
-              "name": "value",
-              "type": "string | number | readonly string[] | undefined",
-              "required": false
-            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -61630,8 +63583,14 @@
           ]
         },
         {
-          "name": "LineChartZoomPopover",
+          "name": "MetricTotal",
           "props": [
+            {
+              "name": "connector",
+              "type": "MetricTotalConnector | undefined",
+              "required": false,
+              "description": "How the denominator reads: `/120` (`slash`) · `of 120` (`of`) · `120 total` (`total`)."
+            },
             {
               "name": "defaultChecked",
               "type": "boolean | undefined",
@@ -61905,7 +63864,7 @@
           ]
         },
         {
-          "name": "LineChartZoomPopoverRange",
+          "name": "MetricValue",
           "props": [
             {
               "name": "defaultChecked",
@@ -76729,7 +78688,7 @@
         },
         {
           "name": "size",
-          "type": "{ small: string; medium: string; default: string; }",
+          "type": "{ small: string; medium: string; default: string; 'inline-edit': string; }",
           "required": false,
           "defaultValue": "default"
         },
@@ -76746,7 +78705,8 @@
           "options": [
             "small",
             "medium",
-            "default"
+            "default",
+            "inline-edit"
           ]
         }
       ],
@@ -77257,7 +79217,7 @@
         },
         {
           "name": "size",
-          "type": "{ small: string; medium: string; large: string; }",
+          "type": "{ small: string; medium: string; large: string; 'inline-edit': string; }",
           "required": false,
           "defaultValue": "large"
         },