docs-ui: add missing component slugs and fix changelog sync

Add `badge`, `slider`, and `use-table` to the Component type so
the changelog sync script recognizes them. Add `useTable` special
case mapping in the sync script, and include `use-table` in the
Table docs page changelog.

Also fix CHANGELOG.md to use `Slider` instead of `RangeSlider`
as the affected component name.

Signed-off-by: Johan Persson <johanopersson@gmail.com>

docs-ui/scripts/sync-changelog.mjs

@@ -99,6 +99,7 @@ function pascalToKebab(str) {
     DataTable: 'datatable',
     ScrollArea: 'scrollarea',
     'Grid.Item': 'grid-item',
+    useTable: 'use-table',
   };
 
   if (specialCases[str]) {

docs-ui/src/app/components/table/page.mdx

@@ -325,5 +325,6 @@ A table body that renders animated skeleton rows as a loading placeholder. Usefu
     'cell-text',
     'cell-profile',
     'table-body-skeleton',
+    'use-table',
   ]}
 />

docs-ui/src/utils/types.ts

@@ -5,6 +5,7 @@ export type Component =
   | 'accordion-trigger'
   | 'alert'
   | 'avatar'
+  | 'badge'
   | 'box'
   | 'button'
   | 'button-icon'
@@ -61,6 +62,7 @@ export type Component =
   | 'searchfield'
   | 'select'
   | 'skeleton'
+  | 'slider'
   | 'submenu-trigger'
   | 'switch'
   | 'tab'
@@ -80,6 +82,7 @@ export type Component =
   | 'toggle-button-group'
   | 'tooltip'
   | 'tooltip-trigger'
+  | 'use-table'
   | 'visually-hidden';
 
 export type Hook = 'use-breakpoint';

packages/ui/CHANGELOG.md

@@ -54,7 +54,7 @@
 
 - 8d79835: Added RangeSlider component for selecting numeric ranges.
 
-  **Affected components:** RangeSlider
+  **Affected components:** Slider
 
 - bcbb6eb: Made `SearchAutocomplete` background-aware. The input now adapts its background color based on its parent container's background level.
 
@@ -146,7 +146,7 @@
 - 2e5c5f8: Bumped `glob` dependency from v7/v8/v11 to v13 to address security vulnerabilities in older versions. Bumped `rollup` from v4.27 to v4.59+ to fix a high severity path traversal vulnerability (GHSA-mw96-cpmx-2vgc).
 - 8d79835: Added RangeSlider component for selecting numeric ranges.
 
-  **Affected components:** RangeSlider
+  **Affected components:** Slider
 
 - 5081bcc: Fixed `Avatar` becoming elliptical in flex layouts by preventing it from shrinking.