kumo-svelte 0.1.7 → 0.2.0

package/ai/component-registry.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.7",
+  "version": "0.2.0",
   "components": {
     "Autocomplete": {
       "name": "Autocomplete",
@@ -9,16 +9,6 @@
       "importPath": "kumo-svelte/components/autocomplete",
       "sourceFile": "components/autocomplete",
       "props": {
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Child snippet rendered by the component."
-        },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
         "items": {
           "type": "unknown[]",
           "optional": false,
@@ -30,22 +20,32 @@
           "optional": true,
           "description": "Controlled input value."
         },
-        "defaultValue": {
-          "type": "string | number | string[]",
-          "optional": true,
-          "description": "Uncontrolled default input value."
-        },
         "open": {
           "type": "boolean",
           "optional": true,
           "default": "false",
           "description": "Controlled open state."
         },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Child snippet rendered by the component."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
         "label": {
           "type": "string | Snippet",
           "optional": true,
           "description": "Visible label content."
         },
+        "required": {
+          "type": "boolean",
+          "optional": true,
+          "description": "Marks the field as required."
+        },
         "labelTooltip": {
           "type": "string | Snippet",
           "optional": true,
@@ -61,10 +61,10 @@
           "optional": true,
           "description": "Validation error message or matcher."
         },
-        "required": {
-          "type": "boolean",
+        "defaultValue": {
+          "type": "string | number | string[]",
           "optional": true,
-          "description": "Marks the field as required."
+          "description": "Uncontrolled default input value."
         },
         "onValueChange": {
           "type": "(value: string | number | string[]) => void",
@@ -200,11 +200,6 @@
               "optional": true,
               "description": "Additional classes merged onto the root element."
             },
-            "placeholder": {
-              "type": "string",
-              "optional": true,
-              "description": "Placeholder text."
-            },
             "size": {
               "type": "enum",
               "optional": true,
@@ -216,6 +211,11 @@
               ],
               "default": "base",
               "description": "Size of the autocomplete input. Matches Input component sizes."
+            },
+            "placeholder": {
+              "type": "string",
+              "optional": true,
+              "description": "Placeholder text."
             }
           }
         },
@@ -340,6 +340,7 @@
         "bg-kumo-danger-tint",
         "bg-kumo-fill",
         "bg-kumo-info-tint",
+        "bg-kumo-success",
         "bg-kumo-success-tint",
         "bg-kumo-warning-tint",
         "border-kumo-brand",
@@ -412,14 +413,13 @@
         }
       },
       "colors": [
+        "bg-kumo-banner-info",
+        "bg-kumo-banner-warning",
+        "bg-kumo-contrast",
         "bg-kumo-danger-tint",
-        "bg-kumo-info-tint",
-        "bg-kumo-warning-tint",
-        "border-kumo-danger",
-        "border-kumo-info",
-        "border-kumo-warning",
         "text-kumo-danger",
         "text-kumo-info",
+        "text-kumo-subtle",
         "text-kumo-warning"
       ]
     },
@@ -525,32 +525,6 @@
       "importPath": "kumo-svelte/components/button",
       "sourceFile": "components/button",
       "props": {
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Child snippet rendered by the component."
-        },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "icon": {
-          "type": "Component",
-          "optional": true,
-          "description": "Icon rendered by the component."
-        },
-        "loading": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Loading state."
-        },
-        "title": {
-          "type": "string",
-          "optional": true,
-          "description": "Tooltip content shown when hovering the button."
-        },
         "shape": {
           "type": "enum",
           "optional": true,
@@ -588,6 +562,32 @@
           "default": "secondary",
           "description": "Visual variant."
         },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Child snippet rendered by the component."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
+        "icon": {
+          "type": "Component",
+          "optional": true,
+          "description": "Icon rendered by the component."
+        },
+        "loading": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Loading state."
+        },
+        "title": {
+          "type": "string",
+          "optional": true,
+          "description": "Tooltip content shown when hovering the button."
+        },
         "disabled": {
           "type": "boolean",
           "optional": true,
@@ -703,34 +703,6 @@
       "importPath": "kumo-svelte/components/checkbox",
       "sourceFile": "components/checkbox",
       "props": {
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Child snippet rendered by the component."
-        },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "checked": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Checked state."
-        },
-        "indeterminate": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Indeterminate checked state."
-        },
-        "disabled": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Disables the component."
-        },
         "variant": {
           "type": "enum",
           "optional": true,
@@ -757,16 +729,39 @@
           "default": "true",
           "description": "Renders the control before label content."
         },
-        "required": {
+        "checked": {
           "type": "boolean",
           "optional": true,
-          "description": "Marks the field as required."
+          "default": "false",
+          "description": "Checked state."
+        },
+        "indeterminate": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Indeterminate checked state."
+        },
+        "disabled": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Disables the component."
         },
         "name": {
           "type": "string",
           "optional": true,
           "description": "Form field name."
         },
+        "required": {
+          "type": "boolean",
+          "optional": true,
+          "description": "Marks the field as required."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
         "value": {
           "type": "string",
           "optional": true,
@@ -796,6 +791,11 @@
           "type": "(indeterminate: boolean) => void",
           "optional": true,
           "description": "Called when indeterminate changes."
+        },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Child snippet rendered by the component."
         }
       },
       "colors": [
@@ -815,26 +815,21 @@
         "Group": {
           "description": "Checkbox.Group",
           "props": {
-            "children": {
-              "type": "Snippet",
-              "optional": true,
-              "description": "Child snippet rendered by the component."
-            },
             "legend": {
               "type": "string",
               "optional": true,
               "description": "legend prop."
             },
-            "description": {
-              "type": "string | Snippet",
-              "optional": true,
-              "description": "Supporting description text."
-            },
             "error": {
               "type": "string",
               "optional": true,
               "description": "Validation error message or matcher."
             },
+            "description": {
+              "type": "string | Snippet",
+              "optional": true,
+              "description": "Supporting description text."
+            },
             "value": {
               "type": "string[]",
               "optional": true,
@@ -847,31 +842,36 @@
               "default": "false",
               "description": "Disables the component."
             },
-            "required": {
+            "controlFirst": {
               "type": "boolean",
               "optional": true,
-              "description": "Marks the field as required."
+              "default": "true",
+              "description": "Renders the control before label content."
             },
-            "name": {
+            "class": {
               "type": "string",
               "optional": true,
-              "description": "Form field name."
+              "description": "Additional classes merged onto the root element."
             },
-            "controlFirst": {
+            "required": {
               "type": "boolean",
               "optional": true,
-              "default": "true",
-              "description": "Renders the control before label content."
+              "description": "Marks the field as required."
             },
-            "class": {
+            "name": {
               "type": "string",
               "optional": true,
-              "description": "Additional classes merged onto the root element."
+              "description": "Form field name."
             },
             "onValueChange": {
               "type": "(value: string[]) => void",
               "optional": true,
               "description": "Called when the value changes."
+            },
+            "children": {
+              "type": "Snippet",
+              "optional": true,
+              "description": "Child snippet rendered by the component."
             }
           }
         },
@@ -963,10 +963,16 @@
       "importPath": "kumo-svelte/components/clipboard-text",
       "sourceFile": "components/clipboard-text",
       "props": {
-        "class": {
-          "type": "string",
+        "size": {
+          "type": "enum",
           "optional": true,
-          "description": "Additional classes merged onto the root element."
+          "values": [
+            "sm",
+            "base",
+            "lg"
+          ],
+          "default": "lg",
+          "description": "Size preset."
         },
         "text": {
           "type": "string",
@@ -979,21 +985,10 @@
           "optional": true,
           "description": "Alternate text copied to the clipboard."
         },
-        "size": {
-          "type": "enum",
-          "optional": true,
-          "values": [
-            "sm",
-            "base",
-            "lg"
-          ],
-          "default": "lg",
-          "description": "Size preset."
-        },
-        "onCopy": {
-          "type": "() => void",
+        "class": {
+          "type": "string",
           "optional": true,
-          "description": "Called after copying succeeds."
+          "description": "Additional classes merged onto the root element."
         },
         "tooltip": {
           "type": "{ text?: string; copiedText?: string; side?: TooltipSide; }",
@@ -1004,6 +999,11 @@
           "type": "{ copyAction?: string; }",
           "optional": true,
           "description": "Accessible labels for internationalization."
+        },
+        "onCopy": {
+          "type": "() => void",
+          "optional": true,
+          "description": "Called after copying succeeds."
         }
       },
       "colors": [
@@ -1206,6 +1206,12 @@
           "optional": true,
           "description": "Called when open state changes."
         },
+        "autoScrollOnOpen": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Scrolls newly expanded sidebar content into view after opening."
+        },
         "onOpenChangeComplete": {
           "type": "(open: boolean) => void",
           "optional": true,
@@ -1307,16 +1313,6 @@
         "Root": {
           "description": "Collapsible.Root",
           "props": {
-            "children": {
-              "type": "Snippet",
-              "optional": true,
-              "description": "Child snippet rendered by the component."
-            },
-            "class": {
-              "type": "string",
-              "optional": true,
-              "description": "Additional classes merged onto the root element."
-            },
             "open": {
               "type": "boolean",
               "optional": true,
@@ -1328,21 +1324,31 @@
               "default": "false",
               "description": "Initial uncontrolled open state."
             },
+            "onOpenChange": {
+              "type": "(open: boolean) => void",
+              "optional": true,
+              "description": "Called when open state changes."
+            },
             "disabled": {
               "type": "boolean",
               "optional": true,
               "default": "false",
               "description": "Disables the component."
             },
-            "onOpenChange": {
+            "onOpenChangeComplete": {
               "type": "(open: boolean) => void",
               "optional": true,
-              "description": "Called when open state changes."
+              "description": "Called after the open-state transition completes."
             },
-            "onOpenChangeComplete": {
-              "type": "(open: boolean) => void",
+            "children": {
+              "type": "Snippet",
               "optional": true,
-              "description": "Called after the open-state transition completes."
+              "description": "Child snippet rendered by the component."
+            },
+            "class": {
+              "type": "string",
+              "optional": true,
+              "description": "Additional classes merged onto the root element."
             }
           }
         },
@@ -1388,15 +1394,17 @@
       "importPath": "kumo-svelte/components/combobox",
       "sourceFile": "components/combobox",
       "props": {
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Child snippet rendered by the component."
-        },
-        "class": {
-          "type": "string",
+        "size": {
+          "type": "enum",
           "optional": true,
-          "description": "Additional classes merged onto the root element."
+          "values": [
+            "xs",
+            "sm",
+            "base",
+            "lg"
+          ],
+          "default": "base",
+          "description": "Size preset."
         },
         "items": {
           "type": "unknown[]",
@@ -1409,29 +1417,26 @@
           "optional": true,
           "description": "Controlled value."
         },
-        "multiple": {
-          "type": "boolean",
+        "children": {
+          "type": "Snippet",
           "optional": true,
-          "default": "false",
-          "description": "Enables multiple selection."
+          "description": "Child snippet rendered by the component."
         },
-        "size": {
-          "type": "enum",
+        "class": {
+          "type": "string",
           "optional": true,
-          "values": [
-            "xs",
-            "sm",
-            "base",
-            "lg"
-          ],
-          "default": "base",
-          "description": "Size preset."
+          "description": "Additional classes merged onto the root element."
         },
         "label": {
           "type": "string | Snippet",
           "optional": true,
           "description": "Visible label content."
         },
+        "required": {
+          "type": "boolean",
+          "optional": true,
+          "description": "Marks the field as required."
+        },
         "labelTooltip": {
           "type": "string | Snippet",
           "optional": true,
@@ -1447,16 +1452,17 @@
           "optional": true,
           "description": "Validation error message or matcher."
         },
-        "required": {
-          "type": "boolean",
-          "optional": true,
-          "description": "Marks the field as required."
-        },
         "onValueChange": {
           "type": "(value: unknown) => void",
           "optional": true,
           "description": "Called when the value changes."
         },
+        "multiple": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Enables multiple selection."
+        },
         "onOpenChange": {
           "type": "(open: boolean) => void",
           "optional": true,
@@ -1477,6 +1483,7 @@
         "ring-kumo-line",
         "text-kumo-default",
         "text-kumo-disabled",
+        "text-kumo-muted",
         "text-kumo-placeholder",
         "text-kumo-subtle"
       ],
@@ -2021,18 +2028,6 @@
       "importPath": "kumo-svelte/components/dialog",
       "sourceFile": "components/dialog",
       "props": {
-        "size": {
-          "type": "enum",
-          "optional": true,
-          "values": [
-            "sm",
-            "base",
-            "lg",
-            "xl"
-          ],
-          "default": "base",
-          "description": "Dialog width preset."
-        },
         "class": {
           "type": "string",
           "optional": true,
@@ -2044,16 +2039,28 @@
           "required": true,
           "description": "Dialog content, typically title, description, close, and action buttons."
         },
-        "style": {
-          "type": "string",
-          "optional": true,
-          "description": "Inline styles for the dialog content."
-        },
         "container": {
           "type": "HTMLElement | string",
           "optional": true,
           "default": "document.body",
           "description": "Portal container for custom roots or Shadow DOM."
+        },
+        "size": {
+          "type": "enum",
+          "optional": true,
+          "values": [
+            "sm",
+            "base",
+            "lg",
+            "xl"
+          ],
+          "default": "base",
+          "description": "Dialog width preset."
+        },
+        "style": {
+          "type": "string",
+          "optional": true,
+          "description": "Inline styles for the dialog content."
         }
       },
       "colors": [
@@ -2263,33 +2270,16 @@
         "Item": {
           "description": "DropdownMenu.Item",
           "props": {
-            "children": {
-              "type": "Snippet",
-              "optional": true,
-              "description": "Child snippet rendered by the component."
-            },
-            "class": {
+            "href": {
               "type": "string",
               "optional": true,
-              "description": "Additional classes merged onto the root element."
-            },
-            "inset": {
-              "type": "boolean",
-              "optional": true,
-              "default": "false",
-              "description": "Indents the item content."
+              "description": "Deprecated destination URL for legacy link items."
             },
             "icon": {
               "type": "Component",
               "optional": true,
               "description": "Icon rendered by the component."
             },
-            "selected": {
-              "type": "boolean",
-              "optional": true,
-              "default": "false",
-              "description": "Shows a trailing selected check indicator."
-            },
             "variant": {
               "type": "enum",
               "optional": true,
@@ -2300,21 +2290,23 @@
               "default": "default",
               "description": "Visual variant."
             },
-            "href": {
-              "type": "string",
+            "selected": {
+              "type": "boolean",
               "optional": true,
-              "description": "Deprecated destination URL for legacy link items."
+              "default": "false",
+              "description": "Shows a trailing selected check indicator."
+            },
+            "inset": {
+              "type": "boolean",
+              "optional": true,
+              "default": "false",
+              "description": "Indents the item content."
             },
             "disabled": {
               "type": "boolean",
               "optional": true,
               "description": "Disables the component."
-            }
-          }
-        },
-        "RadioItem": {
-          "description": "DropdownMenu.RadioItem",
-          "props": {
+            },
             "children": {
               "type": "Snippet",
               "optional": true,
@@ -2324,6 +2316,22 @@
               "type": "string",
               "optional": true,
               "description": "Additional classes merged onto the root element."
+            }
+          }
+        },
+        "RadioItem": {
+          "description": "DropdownMenu.RadioItem",
+          "props": {
+            "value": {
+              "type": "string",
+              "optional": false,
+              "required": true,
+              "description": "Controlled value."
+            },
+            "icon": {
+              "type": "Component",
+              "optional": true,
+              "description": "Icon rendered by the component."
             },
             "inset": {
               "type": "boolean",
@@ -2331,16 +2339,15 @@
               "default": "false",
               "description": "Indents the item content."
             },
-            "icon": {
-              "type": "Component",
+            "children": {
+              "type": "Snippet",
               "optional": true,
-              "description": "Icon rendered by the component."
+              "description": "Child snippet rendered by the component."
             },
-            "value": {
+            "class": {
               "type": "string",
-              "optional": false,
-              "required": true,
-              "description": "Controlled value."
+              "optional": true,
+              "description": "Additional classes merged onto the root element."
             }
           }
         },
@@ -2420,15 +2427,10 @@
         "SubTrigger": {
           "description": "DropdownMenu.SubTrigger",
           "props": {
-            "children": {
-              "type": "Snippet",
-              "optional": true,
-              "description": "Child snippet rendered by the component."
-            },
-            "class": {
-              "type": "string",
+            "icon": {
+              "type": "Component",
               "optional": true,
-              "description": "Additional classes merged onto the root element."
+              "description": "Icon rendered by the component."
             },
             "inset": {
               "type": "boolean",
@@ -2436,10 +2438,15 @@
               "default": "false",
               "description": "Indents the item content."
             },
-            "icon": {
-              "type": "Component",
+            "children": {
+              "type": "Snippet",
               "optional": true,
-              "description": "Icon rendered by the component."
+              "description": "Child snippet rendered by the component."
+            },
+            "class": {
+              "type": "string",
+              "optional": true,
+              "description": "Additional classes merged onto the root element."
             }
           }
         },
@@ -2495,16 +2502,6 @@
           "default": "base",
           "description": "Size preset."
         },
-        "contents": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Custom empty-state content."
-        },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
         "icon": {
           "type": "Snippet",
           "optional": true,
@@ -2525,6 +2522,16 @@
           "type": "string",
           "optional": true,
           "description": "Shell command displayed in a copyable code block."
+        },
+        "contents": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Custom empty-state content."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
         }
       },
       "colors": [
@@ -2592,6 +2599,8 @@
       },
       "colors": [
         "bg-kumo-base",
+        "bg-kumo-fill",
+        "bg-kumo-hairline",
         "ring-kumo-line",
         "text-kumo-inactive"
       ],
@@ -2691,6 +2700,21 @@
       "importPath": "kumo-svelte/components/grid",
       "sourceFile": "components/grid",
       "props": {
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Grid items to render."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
+        "mobileDivider": {
+          "type": "boolean",
+          "optional": true,
+          "description": "Show dividers between grid items on mobile. Only applies with the 4up variant."
+        },
         "gap": {
           "type": "enum",
           "optional": true,
@@ -2718,21 +2742,6 @@
             "1-2-4up"
           ],
           "description": "Responsive column layout variant."
-        },
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Grid items to render."
-        },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "mobileDivider": {
-          "type": "boolean",
-          "optional": true,
-          "description": "Show dividers between grid items on mobile. Only applies with the 4up variant."
         }
       },
       "colors": [
@@ -2764,13 +2773,28 @@
       "importPath": "kumo-svelte/components/input",
       "sourceFile": "components/input",
       "props": {
-        "class": {
-          "type": "string",
+        "label": {
+          "type": "string | Snippet",
           "optional": true,
-          "description": "Additional classes merged onto the root element."
+          "description": "Visible label content."
         },
-        "size": {
-          "type": "enum",
+        "labelTooltip": {
+          "type": "string | Snippet",
+          "optional": true,
+          "description": "Optional help content for the label."
+        },
+        "description": {
+          "type": "string | Snippet",
+          "optional": true,
+          "description": "Supporting description text."
+        },
+        "error": {
+          "type": "FieldError",
+          "optional": true,
+          "description": "Validation error message or matcher."
+        },
+        "size": {
+          "type": "enum",
           "optional": true,
           "values": [
             "xs",
@@ -2791,25 +2815,10 @@
           "default": "default",
           "description": "Visual variant."
         },
-        "label": {
-          "type": "string | Snippet",
-          "optional": true,
-          "description": "Visible label content."
-        },
-        "labelTooltip": {
-          "type": "string | Snippet",
-          "optional": true,
-          "description": "Optional help content for the label."
-        },
-        "description": {
-          "type": "string | Snippet",
-          "optional": true,
-          "description": "Supporting description text."
-        },
-        "error": {
-          "type": "FieldError",
+        "class": {
+          "type": "string",
           "optional": true,
-          "description": "Validation error message or matcher."
+          "description": "Additional classes merged onto the root element."
         },
         "passwordManagerIgnore": {
           "type": "boolean",
@@ -2921,6 +2930,31 @@
       "importPath": "kumo-svelte/components/input-group",
       "sourceFile": "components/input-group",
       "props": {
+        "label": {
+          "type": "string | Snippet",
+          "optional": true,
+          "description": "Visible label content."
+        },
+        "description": {
+          "type": "string",
+          "optional": true,
+          "description": "Supporting description text."
+        },
+        "error": {
+          "type": "FieldError",
+          "optional": true,
+          "description": "Validation error message or matcher."
+        },
+        "required": {
+          "type": "boolean",
+          "optional": true,
+          "description": "Marks the field as required."
+        },
+        "labelTooltip": {
+          "type": "string | Snippet",
+          "optional": true,
+          "description": "Optional help content for the label."
+        },
         "children": {
           "type": "Snippet",
           "optional": true,
@@ -2931,6 +2965,11 @@
           "optional": true,
           "description": "Additional classes merged onto the root element."
         },
+        "id": {
+          "type": "string",
+          "optional": true,
+          "description": "Element id."
+        },
         "size": {
           "type": "enum",
           "optional": true,
@@ -2943,52 +2982,23 @@
           "default": "base",
           "description": "Size preset."
         },
-        "focusMode": {
-          "type": "InputGroupFocusMode",
-          "optional": true,
-          "default": "container",
-          "description": "focusMode prop."
-        },
         "disabled": {
           "type": "boolean",
           "optional": true,
           "default": "false",
           "description": "Disables the component."
         },
-        "label": {
-          "type": "string | Snippet",
-          "optional": true,
-          "description": "Visible label content."
-        },
-        "labelTooltip": {
-          "type": "string | Snippet",
-          "optional": true,
-          "description": "Optional help content for the label."
-        },
-        "description": {
-          "type": "string",
-          "optional": true,
-          "description": "Supporting description text."
-        },
-        "error": {
-          "type": "FieldError",
-          "optional": true,
-          "description": "Validation error message or matcher."
-        },
-        "required": {
-          "type": "boolean",
-          "optional": true,
-          "description": "Marks the field as required."
-        },
-        "id": {
-          "type": "string",
+        "focusMode": {
+          "type": "InputGroupFocusMode",
           "optional": true,
-          "description": "Element id."
+          "default": "container",
+          "description": "focusMode prop."
         }
       },
       "colors": [
         "bg-kumo-control",
         "bg-kumo-overlay",
+        "border-kumo-focus",
         "border-kumo-line",
         "ring-kumo-danger",
         "ring-kumo-focus",
@@ -3015,16 +3025,6 @@
           "required": true,
           "description": "The label content."
         },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "htmlFor": {
-          "type": "string",
-          "optional": true,
-          "description": "The id of the form element this label is associated with."
-        },
         "showOptional": {
           "type": "boolean",
           "optional": true,
@@ -3036,6 +3036,16 @@
           "optional": true,
           "description": "Tooltip content displayed next to the label."
         },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
+        "htmlFor": {
+          "type": "string",
+          "optional": true,
+          "description": "The id of the form element this label is associated with."
+        },
         "asContent": {
           "type": "boolean",
           "optional": true,
@@ -3111,15 +3121,15 @@
           "optional": true,
           "description": "Deprecated routing destination. Use href instead."
         },
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Content rendered inside the link."
-        },
         "class": {
           "type": "string",
           "optional": true,
           "description": "Additional classes merged onto the root element."
+        },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Content rendered inside the link."
         }
       },
       "colors": [
@@ -3201,29 +3211,6 @@
       "importPath": "kumo-svelte/components/meter",
       "sourceFile": "components/meter",
       "props": {
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "value": {
-          "type": "number",
-          "optional": true,
-          "default": "0",
-          "description": "Controlled value."
-        },
-        "min": {
-          "type": "number",
-          "optional": true,
-          "default": "0",
-          "description": "Minimum value."
-        },
-        "max": {
-          "type": "number",
-          "optional": true,
-          "default": "100",
-          "description": "Maximum value."
-        },
         "customValue": {
           "type": "string",
           "optional": true,
@@ -3250,6 +3237,29 @@
           "type": "string",
           "optional": true,
           "description": "Class for the meter indicator."
+        },
+        "value": {
+          "type": "number",
+          "optional": true,
+          "default": "0",
+          "description": "Controlled value."
+        },
+        "max": {
+          "type": "number",
+          "optional": true,
+          "default": "100",
+          "description": "Maximum value."
+        },
+        "min": {
+          "type": "number",
+          "optional": true,
+          "default": "0",
+          "description": "Minimum value."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
         }
       },
       "colors": [
@@ -3266,15 +3276,10 @@
       "importPath": "kumo-svelte/components/pagination",
       "sourceFile": "components/pagination",
       "props": {
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Compound component children for custom layouts."
-        },
-        "class": {
-          "type": "string",
+        "setPage": {
+          "type": "(page: number) => void",
           "optional": true,
-          "description": "Additional classes merged onto the root element."
+          "description": "Callback fired when the current page changes. In Svelte, bind:page can be used instead."
         },
         "page": {
           "type": "number",
@@ -3282,11 +3287,6 @@
           "default": "1",
           "description": "Current page number (1-indexed)."
         },
-        "setPage": {
-          "type": "(page: number) => void",
-          "optional": true,
-          "description": "Callback fired when the current page changes. In Svelte, bind:page can be used instead."
-        },
         "perPage": {
           "type": "number",
           "optional": true,
@@ -3297,6 +3297,21 @@
           "optional": true,
           "description": "Total number of items across all pages."
         },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
+        "labels": {
+          "type": "PaginationLabels",
+          "optional": true,
+          "description": "Labels for internationalization of aria-labels."
+        },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Compound component children for custom layouts."
+        },
         "controls": {
           "type": "enum",
           "optional": true,
@@ -3311,20 +3326,11 @@
           "type": "(props: { page?: number; perPage?: number; totalCount?: number; pageShowingRange: string }) => unknown",
           "optional": true,
           "description": "Deprecated legacy render function for the info text. Prefer Pagination.Info children."
-        },
-        "labels": {
-          "type": "PaginationLabels",
-          "optional": true,
-          "description": "Labels for internationalization of aria-labels."
         }
       },
       "colors": [
-        "bg-kumo-base",
         "border-kumo-hairline",
-        "ring-kumo-focus",
         "ring-kumo-hairline",
-        "ring-kumo-line",
-        "text-kumo-default",
         "text-kumo-subtle"
       ],
       "subComponents": {
@@ -3588,16 +3594,16 @@
         "Group": {
           "description": "Radio.Group",
           "props": {
-            "children": {
-              "type": "Snippet",
-              "optional": true,
-              "description": "Child snippet rendered by the component."
-            },
             "legend": {
               "type": "string",
               "optional": true,
               "description": "legend prop."
             },
+            "children": {
+              "type": "Snippet",
+              "optional": true,
+              "description": "Child snippet rendered by the component."
+            },
             "orientation": {
               "type": "enum",
               "optional": true,
@@ -3633,22 +3639,12 @@
               "optional": true,
               "description": "Controlled value."
             },
-            "defaultValue": {
-              "type": "string",
-              "optional": true,
-              "description": "Initial uncontrolled value."
-            },
             "disabled": {
               "type": "boolean",
               "optional": true,
               "default": "false",
               "description": "Disables the component."
             },
-            "required": {
-              "type": "boolean",
-              "optional": true,
-              "description": "Marks the field as required."
-            },
             "controlPosition": {
               "type": "enum",
               "optional": true,
@@ -3668,6 +3664,16 @@
               "optional": true,
               "description": "Additional classes merged onto the root element."
             },
+            "defaultValue": {
+              "type": "string",
+              "optional": true,
+              "description": "Initial uncontrolled value."
+            },
+            "required": {
+              "type": "boolean",
+              "optional": true,
+              "description": "Marks the field as required."
+            },
             "onValueChange": {
               "type": "(value: string) => void",
               "optional": true,
@@ -3762,26 +3768,28 @@
           "optional": true,
           "description": "Additional classes merged onto the root element."
         },
-        "options": {
-          "type": "Option[]",
-          "optional": true,
-          "default": "[]",
-          "description": "Options rendered by the component."
-        },
-        "items": {
-          "type": "Record<string, SelectItemValue> | { label: Snippet | string; value: Value }[]",
+        "size": {
+          "type": "enum",
           "optional": true,
-          "description": "Items rendered by the component."
+          "values": [
+            "xs",
+            "sm",
+            "base",
+            "lg"
+          ],
+          "default": "base",
+          "description": "Size preset."
         },
-        "value": {
-          "type": "Value",
+        "label": {
+          "type": "string | Snippet",
           "optional": true,
-          "description": "Controlled value."
+          "description": "Visible label content."
         },
-        "defaultValue": {
-          "type": "Value",
+        "hideLabel": {
+          "type": "boolean",
           "optional": true,
-          "description": "Initial uncontrolled value."
+          "default": "false",
+          "description": "hideLabel prop."
         },
         "placeholder": {
           "type": "string",
@@ -3789,52 +3797,39 @@
           "default": "Select...",
           "description": "Placeholder text."
         },
-        "disabled": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Disables the component."
-        },
         "loading": {
           "type": "boolean",
           "optional": true,
           "default": "false",
           "description": "Loading state."
         },
-        "multiple": {
+        "disabled": {
           "type": "boolean",
           "optional": true,
           "default": "false",
-          "description": "Enables multiple selection."
-        },
-        "size": {
-          "type": "enum",
-          "optional": true,
-          "values": [
-            "xs",
-            "sm",
-            "base",
-            "lg"
-          ],
-          "default": "base",
-          "description": "Size preset."
-        },
-        "label": {
-          "type": "string | Snippet",
-          "optional": true,
-          "description": "Visible label content."
+          "description": "Disables the component."
         },
-        "hideLabel": {
+        "required": {
           "type": "boolean",
           "optional": true,
           "default": "false",
-          "description": "hideLabel prop."
+          "description": "Marks the field as required."
         },
         "labelTooltip": {
           "type": "string | Snippet",
           "optional": true,
           "description": "Optional help content for the label."
         },
+        "value": {
+          "type": "Value",
+          "optional": true,
+          "description": "Controlled value."
+        },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Child snippet rendered by the component."
+        },
         "description": {
           "type": "string | Snippet",
           "optional": true,
@@ -3845,26 +3840,37 @@
           "optional": true,
           "description": "Validation error message or matcher."
         },
-        "name": {
-          "type": "string",
+        "defaultValue": {
+          "type": "Value",
+          "optional": true,
+          "description": "Initial uncontrolled value."
+        },
+        "renderValue": {
+          "type": "(value: Value) => unknown",
+          "optional": true,
+          "description": "Custom selected-value renderer."
+        },
+        "items": {
+          "type": "Record<string, SelectItemValue> | { label: Snippet | string; value: Value }[]",
+          "optional": true,
+          "description": "Items rendered by the component."
+        },
+        "options": {
+          "type": "Option[]",
           "optional": true,
-          "description": "Form field name."
+          "default": "[]",
+          "description": "Options rendered by the component."
         },
-        "required": {
+        "multiple": {
           "type": "boolean",
           "optional": true,
           "default": "false",
-          "description": "Marks the field as required."
-        },
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Child snippet rendered by the component."
+          "description": "Enables multiple selection."
         },
-        "renderValue": {
-          "type": "(value: Value) => unknown",
+        "name": {
+          "type": "string",
           "optional": true,
-          "description": "Custom selected-value renderer."
+          "description": "Form field name."
         },
         "container": {
           "type": "HTMLElement | string",
@@ -3892,26 +3898,43 @@
       "importPath": "kumo-svelte/components/sensitive-input",
       "sourceFile": "components/sensitive-input",
       "props": {
-        "value": {
+        "autoComplete": {
           "type": "string",
           "optional": true,
-          "description": "Controlled value."
+          "default": "off",
+          "description": "Autocomplete attribute."
         },
-        "defaultValue": {
+        "disabled": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Disables the component."
+        },
+        "readOnly": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Makes the input read-only."
+        },
+        "required": {
+          "type": "boolean",
+          "optional": true,
+          "description": "Marks the field as required."
+        },
+        "class": {
           "type": "string",
           "optional": true,
-          "default": "",
-          "description": "Initial uncontrolled value."
+          "description": "Additional classes merged onto the root element."
         },
-        "onValueChange": {
-          "type": "(value: string) => void",
+        "id": {
+          "type": "string",
           "optional": true,
-          "description": "Called when the value changes."
+          "description": "Element id."
         },
-        "onCopy": {
-          "type": "() => void",
+        "value": {
+          "type": "string",
           "optional": true,
-          "description": "Called after copying succeeds."
+          "description": "Controlled value."
         },
         "size": {
           "type": "enum",
@@ -3955,27 +3978,21 @@
           "optional": true,
           "description": "Validation error message or matcher."
         },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "id": {
+        "defaultValue": {
           "type": "string",
           "optional": true,
-          "description": "Element id."
+          "default": "",
+          "description": "Initial uncontrolled value."
         },
-        "disabled": {
-          "type": "boolean",
+        "onValueChange": {
+          "type": "(value: string) => void",
           "optional": true,
-          "default": "false",
-          "description": "Disables the component."
+          "description": "Called when the value changes."
         },
-        "readOnly": {
-          "type": "boolean",
+        "onCopy": {
+          "type": "() => void",
           "optional": true,
-          "default": "false",
-          "description": "Makes the input read-only."
+          "description": "Called after copying succeeds."
         },
         "readonly": {
           "type": "boolean",
@@ -3983,22 +4000,11 @@
           "default": "false",
           "description": "Makes the input read-only."
         },
-        "required": {
-          "type": "boolean",
-          "optional": true,
-          "description": "Marks the field as required."
-        },
         "autocomplete": {
           "type": "string",
           "optional": true,
           "description": "Autocomplete attribute."
         },
-        "autoComplete": {
-          "type": "string",
-          "optional": true,
-          "default": "off",
-          "description": "Autocomplete attribute."
-        },
         "oninput": {
           "type": "(event: Event) => void",
           "optional": true,
@@ -4035,21 +4041,10 @@
       "name": "Sidebar",
       "type": "component",
       "category": "Navigation",
-      "description": "A composable sidebar navigation component with collapsible groups, icon-only mode, and responsive mobile support.",
+      "description": "A composable sidebar navigation component with contained layouts, peeking, sliding views, resizing, icon-only mode, and responsive mobile support.",
       "importPath": "kumo-svelte/components/sidebar",
       "sourceFile": "components/sidebar",
       "props": {
-        "children": {
-          "type": "Snippet",
-          "optional": false,
-          "required": true,
-          "description": "Sidebar content — Header, Content, Footer, groups, menus, and related slots."
-        },
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes for the sidebar element."
-        },
         "variant": {
           "type": "enum",
           "optional": true,
@@ -4081,14 +4076,35 @@
           ],
           "default": "icon",
           "description": "Collapse behavior inherited from Provider."
+        },
+        "children": {
+          "type": "Snippet",
+          "optional": false,
+          "required": true,
+          "description": "Sidebar content — Header, Content, Footer, groups, menus, and related slots."
+        },
+        "contentClass": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes for the desktop content container."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes for the sidebar element."
         }
       },
       "colors": [
-        "bg-kumo-fill",
-        "bg-kumo-surface",
+        "bg-kumo-brand",
+        "bg-kumo-hairline",
+        "bg-kumo-line",
+        "bg-kumo-recessed",
         "bg-kumo-tint",
         "border-kumo-line",
-        "text-kumo-default"
+        "ring-kumo-brand",
+        "text-kumo-default",
+        "text-kumo-strong",
+        "text-kumo-subtle"
       ],
       "subComponents": {
         "Input": {
@@ -4269,6 +4285,30 @@
               "optional": true,
               "description": "Callback when width changes during resize."
             },
+            "contained": {
+              "type": "boolean",
+              "optional": true,
+              "default": "false",
+              "description": "Keeps the provider scoped to its parent container instead of using full viewport height."
+            },
+            "peekable": {
+              "type": "boolean",
+              "optional": true,
+              "default": "false",
+              "description": "Allows collapsed sidebars to temporarily reveal full content while hovered or focused."
+            },
+            "animationDuration": {
+              "type": "number",
+              "optional": true,
+              "default": "250",
+              "description": "Transition duration in milliseconds for width and peek animations."
+            },
+            "mobileBreakpoint": {
+              "type": "number",
+              "optional": true,
+              "default": "768",
+              "description": "Viewport width below which the sidebar renders as a mobile navigation drawer."
+            },
             "children": {
               "type": "Snippet",
               "optional": false,
@@ -4349,34 +4389,6 @@
       "importPath": "kumo-svelte/components/switch",
       "sourceFile": "components/switch",
       "props": {
-        "class": {
-          "type": "string",
-          "optional": true,
-          "description": "Additional classes merged onto the root element."
-        },
-        "checked": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Checked state."
-        },
-        "disabled": {
-          "type": "boolean",
-          "optional": true,
-          "default": "false",
-          "description": "Disables the component."
-        },
-        "size": {
-          "type": "enum",
-          "optional": true,
-          "values": [
-            "sm",
-            "base",
-            "lg"
-          ],
-          "default": "base",
-          "description": "Size preset."
-        },
         "variant": {
           "type": "enum",
           "optional": true,
@@ -4408,11 +4420,39 @@
           "default": "true",
           "description": "Renders the control before label content."
         },
+        "size": {
+          "type": "enum",
+          "optional": true,
+          "values": [
+            "sm",
+            "base",
+            "lg"
+          ],
+          "default": "base",
+          "description": "Size preset."
+        },
+        "checked": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Checked state."
+        },
+        "disabled": {
+          "type": "boolean",
+          "optional": true,
+          "default": "false",
+          "description": "Disables the component."
+        },
         "transitioning": {
           "type": "boolean",
           "optional": true,
           "description": "transitioning prop."
         },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the root element."
+        },
         "id": {
           "type": "string",
           "optional": true,
@@ -4423,11 +4463,6 @@
           "optional": true,
           "description": "Accessible label."
         },
-        "children": {
-          "type": "Snippet",
-          "optional": true,
-          "description": "Child snippet rendered by the component."
-        },
         "onchange": {
           "type": "(checked: boolean) => void",
           "optional": true,
@@ -4437,6 +4472,11 @@
           "type": "(checked: boolean) => void",
           "optional": true,
           "description": "Called when checked changes."
+        },
+        "children": {
+          "type": "Snippet",
+          "optional": true,
+          "description": "Child snippet rendered by the component."
         }
       },
       "colors": [
@@ -4453,26 +4493,26 @@
         "Group": {
           "description": "Switch.Group",
           "props": {
+            "legend": {
+              "type": "string",
+              "optional": true,
+              "description": "legend prop."
+            },
             "children": {
               "type": "Snippet",
               "optional": true,
               "description": "Child snippet rendered by the component."
             },
-            "legend": {
+            "error": {
               "type": "string",
               "optional": true,
-              "description": "legend prop."
+              "description": "Validation error message or matcher."
             },
             "description": {
               "type": "string",
               "optional": true,
               "description": "Supporting description text."
             },
-            "error": {
-              "type": "string",
-              "optional": true,
-              "description": "Validation error message or matcher."
-            },
             "disabled": {
               "type": "boolean",
               "optional": true,
@@ -5157,10 +5197,22 @@
       "importPath": "kumo-svelte/components/tooltip",
       "sourceFile": "components/tooltip",
       "props": {
-        "trigger": {
-          "type": "Snippet<[Record<string, unknown>]>",
+        "side": {
+          "type": "enum",
           "optional": true,
-          "description": "trigger prop."
+          "values": [
+            "top",
+            "right",
+            "bottom",
+            "left"
+          ],
+          "default": "top",
+          "description": "Preferred floating side."
+        },
+        "class": {
+          "type": "string",
+          "optional": true,
+          "description": "Additional classes merged onto the tooltip popup."
         },
         "children": {
           "type": "Snippet",
@@ -5173,10 +5225,10 @@
           "required": true,
           "description": "Content to display inside the tooltip popup."
         },
-        "class": {
-          "type": "string",
+        "trigger": {
+          "type": "Snippet<[Record<string, unknown>]>",
           "optional": true,
-          "description": "Additional classes merged onto the tooltip popup."
+          "description": "trigger prop."
         },
         "open": {
           "type": "boolean",
@@ -5188,18 +5240,6 @@
           "optional": true,
           "description": "Called when open state changes."
         },
-        "side": {
-          "type": "enum",
-          "optional": true,
-          "values": [
-            "top",
-            "right",
-            "bottom",
-            "left"
-          ],
-          "default": "top",
-          "description": "Preferred floating side."
-        },
         "align": {
           "type": "enum",
           "optional": true,