docs: remove Key Props

package.json

@@ -89,7 +89,7 @@
     "super-sitemap": "^1.0.5",
     "svelte": "^5.43.10",
     "svelte-check": "^4.3.4",
-    "svelte-doc-llm": "^0.5.1",
+    "svelte-doc-llm": "^0.6.0",
     "svelte-lib-helpers": "^0.4.31",
     "svelte-meta-tags": "^4.5.0",
     "svelte-rune-highlight": "^0.11.1",

src/routes/docs/components/alert.md

@@ -156,15 +156,6 @@ When using alerts, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-- `color`: Set the alert color variant (info, danger, success, warning, dark)
-- `dismissable`: Enable close button for dismissing the alert
-- `border`: Add border styling
-- `rounded`: Control border radius
-- `transition`: Custom Svelte transition function (default: fade)
-- `params`: Parameters for the transition (duration, easing, etc.)
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/avatar.md

@@ -208,15 +208,6 @@ When implementing avatars, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-- `src`: URL of the avatar image
-- `size`: Preset size (xs, sm, md, lg, xl) or custom classes
-- `rounded`: Enable rounded corners (default: true for circle)
-- `border`: Add border around avatar
-- `alt`: Alternative text for the image (important for accessibility)
-- `dot`: Status indicator configuration
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/badge.md

@@ -233,16 +233,6 @@ When using badges, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-- `color`: Set the badge color variant (default, dark, red, green, yellow, etc.)
-- `large`: Enable larger badge size
-- `border`: Add border styling
-- `rounded`: Enable pill-shaped rounded corners
-- `href`: Make badge a clickable link
-- `dismissable`: Add close button for dismissing badge
-- `icon`: Custom icon snippet
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/banner.md

@@ -190,15 +190,6 @@ When implementing sticky banners, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-- `position`: Position banner at top or bottom of viewport (default: 'top')
-- `dismissable`: Enable close button for dismissing banner (default: true)
-- `transition`: Custom Svelte transition function for appear/disappear effects
-- `params`: Parameters for the transition (duration, easing, etc.)
-- `bannerType`: Style variant for different banner types
-- `divClass`: Custom classes for the banner container
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/bottom-navigation.md

@@ -194,20 +194,6 @@ When implementing bottom navigation, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-**BottomNav:**
-- `activeUrl`: Current page URL for highlighting active items
-- `position`: Position of the navigation (default: 'fixed')
-- `navType`: Style variant for the navigation bar
-- `outerClass`: Custom classes for the outer container
-- `innerClass`: Custom classes for the inner container
-
-**BottomNavItem:**
-- `href`: Link destination for navigation items when it's only available via ...restProps
-- `activeClass`: Custom classes for active state
-- `btnName`: Accessible label for the button/link
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/breadcrumb.md

@@ -16,7 +16,7 @@ thumnailSize: w-64
     '/docs/components/navbar',
     '/docs/components/sidebar',
     '/docs/components/pagination',
-    'docs/typography/heading'
+    '/docs/typography/heading'
   ];
 </script>
 
@@ -178,21 +178,6 @@ For mobile devices, consider these patterns:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-**Breadcrumb:**
-- `solid`: Enable solid background style
-- `navClass`: Custom classes for the nav element
-- `olClass`: Custom classes for the ordered list
-- `ariaLabel`: ARIA label for the navigation (default: 'breadcrumb')
-
-**BreadcrumbItem:**
-- `home`: Mark this item as the home/root item
-- `href`: Link destination (omit for current page)
-- `linkClass`: Custom classes for the link element
-- `spanClass`: Custom classes for the span (non-linked current page)
-- `homeClass`: Custom classes specifically for home item
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/button-group.md

@@ -12,11 +12,11 @@ description: Button groups are a Tailwind CSS powered set of buttons sticked tog
   import { Badge, P, A } from '$lib'
   const dirName = 'buttongroup'
   const relatedLinks = [
-    'docs/extend/button-toggle',
+    '/docs/extend/button-toggle',
     '/docs/components/buttons',
     '/docs/components/list-group',
-    'docs/forms/radio#radiobutton',
-    'docs/forms/checkbox#checkboxbutton'
+    '/docs/forms/radio#radiobutton',
+    '/docs/forms/checkbox#checkboxbutton'
   ];
 </script>
 
@@ -229,17 +229,6 @@ When implementing button groups, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-**ButtonGroup:**
-- `size`: Set size for all buttons in group (xs, sm, md, lg, xl)
-- `divClass`: Custom classes for the container div
-- `class`: Additional CSS classes for the wrapper
-
-**Individual Buttons:**
-- All standard Button props apply to buttons within the group
-- Styling is automatically adjusted to create seamless group appearance
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/buttons.md

@@ -15,9 +15,9 @@ thumnailSize: w-24
 
   const relatedLinks = [
     '/docs/components/button-group',
-    'docs/utilities/close-button',
-    'docs/forms/radio#radiobutton',
-    'docs/forms/checkbox#checkboxbutton',
+    '/docs/utilities/close-button',
+    '/docs/forms/radio#radiobutton',
+    '/docs/forms/checkbox#checkboxbutton',
     '/docs/components/badge'
   ];
 </script>
@@ -335,19 +335,6 @@ Establish clear visual hierarchy with different button types:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-- `color`: Button color variant (primary, alternative, dark, red, green, etc.)
-- `size`: Button size (xs, sm, md, lg, xl)
-- `href`: Creates a link button (uses `<a>` tag)
-- `pill`: Enable fully rounded pill style
-- `outline`: Use outline style instead of filled
-- `gradient`: Enable gradient styling (monochrome or duotone)
-- `shadow`: Add colored shadow effect
-- `disabled`: Disable the button
-- `loading`: Show loading spinner and disable button
-- `type`: Button type attribute (button, submit, reset)
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/card.md

@@ -323,16 +323,6 @@ When implementing cards, consider these guidelines:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-- `href`: Makes entire card clickable link
-- `horizontal`: Enable horizontal layout
-- `reverse`: Reverse order of image and content
-- `img`: Image source URL
-- `padding`: Control internal padding (none, sm, md, lg, xl)
-- `size`: Control card width constraints
-- `class`: Custom classes for styling
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/components/carousel.md

@@ -350,30 +350,6 @@ Alternatives to consider:
 
 The component has the following props, type, and default values. See [types page](/docs/pages/typescript) for type information.
 
-### Key Props
-
-**Carousel:**
-- `images`: Array of image objects with src, alt, and optional title
-- `duration`: Auto-advance interval in milliseconds (0 = manual only)
-- `index`: Current slide index (bindable for external control)
-- `showControls`: Show/hide previous/next buttons
-- `showIndicators`: Show/hide position indicators
-- `showThumbnails`: Show/hide thumbnail navigation
-- `transition`: Custom transition function
-- `transitionParams`: Parameters for transition (duration, easing)
-
-**Controls:**
-- `class`: Custom classes for control buttons
-- Position customization through slots
-
-**Indicators:**
-- `class`: Custom classes for indicator dots
-- Active state styling
-
-**Thumbnails:**
-- `class`: Custom classes for thumbnail container
-- Active thumbnail highlighting
-
 <CompoAttributesViewer {dirName}/>
 
 ## References

src/routes/docs/extend/tags.md

@@ -12,7 +12,7 @@ description: A customizable tag input component that allows users to enter multi
   import { P, A } from '$lib'
   const components = 'Tags'
   const dirName = "forms/tags"
-  const relatedLinks = ['/docs/forms/input-field','/docs/forms/floating-label', '/docs/extend/tags' ]
+  const relatedLinks = ['/docs/forms/input-field','/docs/forms/floating-label' ]
 </script>
 
 The Tags.svelte component is a flexible tag input field that lets users add and manage multiple tags. It supports adding tags with Enter, removing them with Backspace or close buttons, and offers customizable styling options. The component handles keyboard navigation and maintains a reactive array of tag values that can be bound to a parent component.

src/routes/docs/forms/input-field.md

@@ -12,7 +12,7 @@ description: Get started with a collection of input fields built with Tailwind C
   import { A } from '$lib'
 
   const components = 'Input, InputAddon'
-  const relatedLinks = ['/docs/forms/input-field','/docs/forms/floating-label', '/docs/extend/tags' ]
+  const relatedLinks = ['/docs/forms/floating-label', '/docs/extend/tags' ]
 </script>
 
 The input field is an important part of the form element that can be used to create interactive controls to accept data from the user based on multiple input types, such as text, email, number, password, URL, phone number, and more.

static/llm/components/accordion.md

@@ -576,7 +576,10 @@ The Accordion component is built with accessibility in mind:
 
 ## See also
 
-<Seealso links={relatedLinks} />
+- [Tabs](https://flowbite-svelte.com/llm/components/tabs.md)
+- [Dropdown](https://flowbite-svelte.com/llm/components/dropdown.md)
+- [Modal](https://flowbite-svelte.com/llm/components/modal.md)
+
 
 ## Component data
 

static/llm/components/alert.md

@@ -367,7 +367,11 @@ When using alerts, consider these guidelines:
 
 ## See also
 
-<Seealso links={relatedLinks} />
+- [Toast](https://flowbite-svelte.com/llm/components/toast.md)
+- [Modal](https://flowbite-svelte.com/llm/components/modal.md)
+- [Banner](https://flowbite-svelte.com/llm/components/banner.md)
+- [Badge](https://flowbite-svelte.com/llm/components/badge.md)
+
 
 ## Component data
 
@@ -392,17 +396,6 @@ When using alerts, consider these guidelines:
 - params
 
 
-### Key Props
-
-- `color`: Set the alert color variant (info, danger, success, warning, dark)
-- `dismissable`: Enable close button for dismissing the alert
-- `border`: Add border styling
-- `rounded`: Control border radius
-- `transition`: Custom Svelte transition function (default: fade)
-- `params`: Parameters for the transition (duration, easing, etc.)
-
-<CompoAttributesViewer {dirName}/>
-
 ## References
 
 - [Flowbite Alerts](https://flowbite.com/docs/components/alerts/)

static/llm/components/avatar.md

@@ -296,7 +296,11 @@ When implementing avatars, consider these guidelines:
 
 ## See also
 
-<Seealso links={relatedLinks} />
+- [Badge](https://flowbite-svelte.com/llm/components/badge.md)
+- [Dropdown](https://flowbite-svelte.com/llm/components/dropdown.md)
+- [Tooltip](https://flowbite-svelte.com/llm/components/tooltip.md)
+- [Indicators](https://flowbite-svelte.com/llm/components/indicators.md)
+
 
 ## Component data
 
@@ -323,17 +327,6 @@ When implementing avatars, consider these guidelines:
 - onclick
 
 
-### Key Props
-
-- `src`: URL of the avatar image
-- `size`: Preset size (xs, sm, md, lg, xl) or custom classes
-- `rounded`: Enable rounded corners (default: true for circle)
-- `border`: Add border around avatar
-- `alt`: Alternative text for the image (important for accessibility)
-- `dot`: Status indicator configuration
-
-<CompoAttributesViewer {dirName}/>
-
 ## References
 
 - [Flowbite Avatar](https://flowbite.com/docs/components/avatar/)

static/llm/components/badge.md

@@ -368,7 +368,11 @@ When using badges, consider these guidelines:
 
 ## See also
 
-<Seealso links={relatedLinks} />
+- [Avatar](https://flowbite-svelte.com/llm/components/avatar.md)
+- [Buttons](https://flowbite-svelte.com/llm/components/buttons.md)
+- [Indicators](https://flowbite-svelte.com/llm/components/indicators.md)
+- [Alert](https://flowbite-svelte.com/llm/components/alert.md)
+
 
 ## Component data
 
@@ -397,18 +401,6 @@ When using badges, consider these guidelines:
 - aClass
 
 
-### Key Props
-
-- `color`: Set the badge color variant (default, dark, red, green, yellow, etc.)
-- `large`: Enable larger badge size
-- `border`: Add border styling
-- `rounded`: Enable pill-shaped rounded corners
-- `href`: Make badge a clickable link
-- `dismissable`: Add close button for dismissing badge
-- `icon`: Custom icon snippet
-
-<CompoAttributesViewer {dirName}/>
-
 ## References
 
 - [Flowbite Badge](https://flowbite.com/docs/components/badge/)