@skewedaspect/sleekspace-ui 0.5.1 → 0.7.0

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@skewedaspect/sleekspace-ui",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -590,6 +590,26 @@
                 "type": "boolean"
               },
               "default": "false"
+            },
+            {
+              "name": "corners",
+              "required": false,
+              "description": "Which corners receive the beveled cut. Passed through to the underlying SkPanel.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => [ 'bottom-right' ]"
+            },
+            {
+              "name": "decorationCorner",
+              "required": false,
+              "description": "Which corner displays the decorative accent stripe. Passed through to SkPanel.",
+              "value": {
+                "kind": "expression",
+                "type": "SkPanelCorner"
+              },
+              "default": "'bottom-right'"
             }
           ],
           "slots": [
@@ -760,131 +780,229 @@
           }
         },
         {
-          "name": "SkDivider",
+          "name": "SkColorPicker",
           "description": "",
           "attributes": [
             {
-              "name": "orientation",
+              "name": "kind",
               "required": false,
-              "description": "Controls the direction of the divider line. Use 'horizontal' for separating\nvertically stacked content (the divider spans width), or 'vertical' for\nseparating horizontally arranged elements (the divider spans height).",
               "value": {
                 "kind": "expression",
-                "type": "SkDividerOrientation"
+                "type": "SkColorPickerKind"
               },
-              "default": "'horizontal'"
+              "default": "undefined"
             },
             {
-              "name": "kind",
+              "name": "size",
               "required": false,
-              "description": "Semantic color kind that controls the divider's line color. Semantic kinds\n(neutral, primary, accent, etc.) adapt to your theme. Use colored dividers\nsparingly to draw attention to important content boundaries.",
               "value": {
                 "kind": "expression",
-                "type": "ComponentKind"
+                "type": "SkColorPickerSize"
               },
-              "default": "'neutral'"
+              "default": "'md'"
             },
             {
-              "name": "variant",
+              "name": "format",
               "required": false,
-              "description": "Visual intensity variant for the divider. The default variant provides a\nclearly visible line, while 'subtle' reduces opacity for a softer, less\nprominent separation that doesn't compete with content for attention.",
               "value": {
                 "kind": "expression",
-                "type": "SkDividerVariant"
+                "type": "SkColorPickerFormat"
               },
-              "default": "undefined"
+              "default": "'hexa'"
             },
             {
-              "name": "size",
+              "name": "showAlpha",
               "required": false,
-              "description": "Controls the thickness of the divider line and the spacing (margin) around it.\nLarger sizes create bolder visual breaks between content sections, while smaller\nsizes provide minimal separation. Available: 'sm', 'md', 'lg', 'xl'.",
               "value": {
                 "kind": "expression",
-                "type": "ComponentSize"
+                "type": "boolean"
               },
-              "default": "'md'"
+              "default": "true"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "placeholder",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'Pick a color'"
+            },
+            {
+              "name": "defaultValue",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'#B63DDAFF'"
             }
           ],
           "source": {
-            "module": "./src/components/Divider/SkDivider.vue",
+            "module": "./src/components/ColorPicker/SkColorPicker.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkDropdown",
+          "name": "SkContextMenu",
           "description": "",
           "attributes": [
             {
               "name": "kind",
               "required": false,
-              "description": "Semantic color kind that controls the menu's accent colors for hover states and\nfocus indicators. The kind is inherited by nested SkDropdownSubmenu components\nunless they specify their own kind.",
               "value": {
                 "kind": "expression",
-                "type": "SkDropdownKind"
+                "type": "SkContextMenuKind"
               },
               "default": "'neutral'"
+            }
+          ],
+          "slots": [
+            {
+              "name": "trigger"
             },
             {
-              "name": "triggerText",
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenu.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuCheckboxItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "modelValue",
               "required": false,
-              "description": "Text displayed on the default trigger button. Only used when the trigger slot\nis not provided. For custom trigger elements (icons, avatar buttons, etc.),\nuse the trigger slot instead.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "boolean"
               },
-              "default": "'Menu'"
+              "default": "false"
             },
             {
-              "name": "side",
+              "name": "disabled",
               "required": false,
-              "description": "Which side of the trigger element to position the dropdown menu. The menu\nwill automatically flip to the opposite side if there isn't enough space.\nThe caret icon on the default trigger rotates to match this direction.",
               "value": {
                 "kind": "expression",
-                "type": "SkDropdownSide"
+                "type": "boolean"
               },
-              "default": "'bottom'"
-            },
+              "default": "false"
+            }
+          ],
+          "events": [
             {
-              "name": "align",
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenuCheckboxItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
               "required": false,
-              "description": "Horizontal alignment of the dropdown menu relative to the trigger. 'start'\naligns the menu's left edge with the trigger's left edge, 'center' centers\nthe menu, and 'end' aligns right edges.",
               "value": {
                 "kind": "expression",
-                "type": "SkDropdownAlign"
+                "type": "boolean"
               },
-              "default": "'start'"
-            },
+              "default": "false"
+            }
+          ],
+          "events": [
             {
-              "name": "sideOffset",
+              "name": "click"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenuItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuLabel",
+          "description": "",
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenuLabel.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuRadioGroup",
+          "description": "",
+          "attributes": [
+            {
+              "name": "modelValue",
               "required": false,
-              "description": "Distance in pixels between the trigger element and the dropdown menu.\nIncrease for more visual separation or decrease for a tighter connection\nto the trigger element.",
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "string"
               },
-              "default": "4"
+              "default": "''"
             }
           ],
-          "slots": [
+          "events": [
             {
-              "name": "trigger"
-            },
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
             {
               "name": "default"
             }
           ],
           "source": {
-            "module": "./src/components/Dropdown/SkDropdown.vue",
+            "module": "./src/components/ContextMenu/SkContextMenuRadioGroup.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkDropdownMenuItem",
+          "name": "SkContextMenuRadioItem",
           "description": "",
           "attributes": [
+            {
+              "name": "value",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
             {
               "name": "disabled",
               "required": false,
-              "description": "When true, the menu item is visually dimmed and cannot be interacted with.\nDisabled items are skipped during keyboard navigation. Use for actions that\nare temporarily unavailable based on application state.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
@@ -892,37 +1010,31 @@
               "default": "false"
             }
           ],
-          "events": [
-            {
-              "name": "click"
-            }
-          ],
           "slots": [
             {
               "name": "default"
             }
           ],
           "source": {
-            "module": "./src/components/Dropdown/SkDropdownMenuItem.vue",
+            "module": "./src/components/ContextMenu/SkContextMenuRadioItem.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkDropdownMenuSeparator",
+          "name": "SkContextMenuSeparator",
           "description": "",
           "source": {
-            "module": "./src/components/Dropdown/SkDropdownMenuSeparator.vue",
+            "module": "./src/components/ContextMenu/SkContextMenuSeparator.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkDropdownSubmenu",
+          "name": "SkContextMenuSubmenu",
           "description": "",
           "attributes": [
             {
               "name": "triggerText",
               "required": true,
-              "description": "The label text displayed on the submenu trigger item. This appears as a menu\nitem in the parent menu with a right-pointing caret indicating it opens a submenu.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -931,10 +1043,9 @@
             {
               "name": "kind",
               "required": false,
-              "description": "Semantic color kind for the submenu content. When not specified, the submenu\nautomatically inherits the kind from its parent SkDropdown, ensuring visual\nconsistency throughout nested menu structures.",
               "value": {
                 "kind": "expression",
-                "type": "SkDropdownKind"
+                "type": "SkContextMenuKind"
               },
               "default": "undefined"
             }
@@ -945,81 +1056,383 @@
             }
           ],
           "source": {
-            "module": "./src/components/Dropdown/SkDropdownSubmenu.vue",
+            "module": "./src/components/ContextMenu/SkContextMenuSubmenu.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkField",
+          "name": "SkDivider",
           "description": "",
           "attributes": [
             {
-              "name": "label",
+              "name": "orientation",
               "required": false,
-              "description": "Label text displayed above or beside the input. The label is automatically associated\nwith the input via the `for` attribute using the generated or provided ID. Leave empty\nfor inputs that don't need a visible label (use aria-label on the input instead).",
+              "description": "Controls the direction of the divider line. Use 'horizontal' for separating\nvertically stacked content (the divider spans width), or 'vertical' for\nseparating horizontally arranged elements (the divider spans height).",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "SkDividerOrientation"
               },
-              "default": "undefined"
+              "default": "'horizontal'"
             },
             {
-              "name": "description",
+              "name": "kind",
               "required": false,
-              "description": "Help text displayed below the input providing additional context or instructions.\nWhen an error message is present, the description is hidden and replaced by the error.\nConnected to the input via aria-describedby for screen reader accessibility.",
+              "description": "Semantic color kind that controls the divider's line color. Semantic kinds\n(neutral, primary, accent, etc.) adapt to your theme. Use colored dividers\nsparingly to draw attention to important content boundaries.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "ComponentKind"
               },
-              "default": "undefined"
+              "default": "'neutral'"
             },
             {
-              "name": "error",
+              "name": "variant",
               "required": false,
-              "description": "Error message displayed below the input in a danger/red color. When present, replaces\nthe description text and sets aria-invalid=\"true\" on the input. Typically populated\nfrom form validation results.",
+              "description": "Visual intensity variant for the divider. The default variant provides a\nclearly visible line, while 'subtle' reduces opacity for a softer, less\nprominent separation that doesn't compete with content for attention.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "SkDividerVariant"
               },
               "default": "undefined"
             },
             {
-              "name": "required",
+              "name": "size",
               "required": false,
-              "description": "When true, displays a red asterisk (*) after the label to indicate the field is required.\nThis is a visual indicator only—you must also set the `required` attribute on the input\nitself for form validation.",
+              "description": "Controls the thickness of the divider line and the spacing (margin) around it.\nLarger sizes create bolder visual breaks between content sections, while smaller\nsizes provide minimal separation. Available: 'sm', 'md', 'lg', 'xl'.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "ComponentSize"
               },
-              "default": "false"
-            },
+              "default": "'md'"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Divider/SkDivider.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdown",
+          "description": "",
+          "attributes": [
             {
-              "name": "labelPosition",
+              "name": "kind",
               "required": false,
-              "description": "Position of the label relative to the input. 'top' places the label above the input\n(default, best for most forms). 'left' places the label to the left of the input\n(useful for horizontal form layouts or settings panels).",
+              "description": "Semantic color kind that controls the menu's accent colors for hover states and\nfocus indicators. The kind is inherited by nested SkDropdownSubmenu components\nunless they specify their own kind.",
               "value": {
                 "kind": "expression",
-                "type": "SkFieldLabelPosition"
+                "type": "SkDropdownKind"
               },
-              "default": "'top'"
+              "default": "'neutral'"
             },
             {
-              "name": "id",
+              "name": "triggerText",
               "required": false,
-              "description": "Custom ID for the field. When provided, this ID is passed to the slotted input and\nused for label association. When not provided, a unique ID is auto-generated. Use\ncustom IDs when you need to reference the input from elsewhere in your code.",
+              "description": "Text displayed on the default trigger button. Only used when the trigger slot\nis not provided. For custom trigger elements (icons, avatar buttons, etc.),\nuse the trigger slot instead.",
               "value": {
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "undefined"
+              "default": "'Menu'"
             },
             {
-              "name": "state",
+              "name": "side",
               "required": false,
-              "description": "Validation state that controls the visual kind of the child input. `true` applies the\n`validKind` (default: 'success'), `false` applies the `invalidKind` (default: 'danger'),\nand `null`/`undefined` lets the input use its own kind prop. Child inputs automatically\ninherit this via provide/inject.",
+              "description": "Which side of the trigger element to position the dropdown menu. The menu\nwill automatically flip to the opposite side if there isn't enough space.\nThe caret icon on the default trigger rotates to match this direction.",
               "value": {
                 "kind": "expression",
-                "type": "union"
+                "type": "SkDropdownSide"
+              },
+              "default": "'bottom'"
+            },
+            {
+              "name": "align",
+              "required": false,
+              "description": "Horizontal alignment of the dropdown menu relative to the trigger. 'start'\naligns the menu's left edge with the trigger's left edge, 'center' centers\nthe menu, and 'end' aligns right edges.",
+              "value": {
+                "kind": "expression",
+                "type": "SkDropdownAlign"
+              },
+              "default": "'start'"
+            },
+            {
+              "name": "sideOffset",
+              "required": false,
+              "description": "Distance in pixels between the trigger element and the dropdown menu.\nIncrease for more visual separation or decrease for a tighter connection\nto the trigger element.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "4"
+            }
+          ],
+          "slots": [
+            {
+              "name": "trigger"
+            },
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdown.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownCheckboxItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "modelValue",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownCheckboxItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownMenuItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "When true, the menu item is visually dimmed and cannot be interacted with.\nDisabled items are skipped during keyboard navigation. Use for actions that\nare temporarily unavailable based on application state.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "name": "click"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownMenuItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownMenuLabel",
+          "description": "",
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownMenuLabel.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownMenuSeparator",
+          "description": "",
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownMenuSeparator.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownRadioGroup",
+          "description": "",
+          "attributes": [
+            {
+              "name": "modelValue",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownRadioGroup.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownRadioItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "value",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownRadioItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkDropdownSubmenu",
+          "description": "",
+          "attributes": [
+            {
+              "name": "triggerText",
+              "required": true,
+              "description": "The label text displayed on the submenu trigger item. This appears as a menu\nitem in the parent menu with a right-pointing caret indicating it opens a submenu.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "kind",
+              "required": false,
+              "description": "Semantic color kind for the submenu content. When not specified, the submenu\nautomatically inherits the kind from its parent SkDropdown, ensuring visual\nconsistency throughout nested menu structures.",
+              "value": {
+                "kind": "expression",
+                "type": "SkDropdownKind"
+              },
+              "default": "undefined"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownSubmenu.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkField",
+          "description": "",
+          "attributes": [
+            {
+              "name": "label",
+              "required": false,
+              "description": "Label text displayed above or beside the input. The label is automatically associated\nwith the input via the `for` attribute using the generated or provided ID. Leave empty\nfor inputs that don't need a visible label (use aria-label on the input instead).",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "description",
+              "required": false,
+              "description": "Help text displayed below the input providing additional context or instructions.\nWhen an error message is present, the description is hidden and replaced by the error.\nConnected to the input via aria-describedby for screen reader accessibility.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "error",
+              "required": false,
+              "description": "Error message displayed below the input in a danger/red color. When present, replaces\nthe description text and sets aria-invalid=\"true\" on the input. Typically populated\nfrom form validation results.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "required",
+              "required": false,
+              "description": "When true, displays a red asterisk (*) after the label to indicate the field is required.\nThis is a visual indicator only—you must also set the `required` attribute on the input\nitself for form validation.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "labelPosition",
+              "required": false,
+              "description": "Position of the label relative to the input. 'top' places the label above the input\n(default, best for most forms). 'left' places the label to the left of the input\n(useful for horizontal form layouts or settings panels).",
+              "value": {
+                "kind": "expression",
+                "type": "SkFieldLabelPosition"
+              },
+              "default": "'top'"
+            },
+            {
+              "name": "id",
+              "required": false,
+              "description": "Custom ID for the field. When provided, this ID is passed to the slotted input and\nused for label association. When not provided, a unique ID is auto-generated. Use\ncustom IDs when you need to reference the input from elsewhere in your code.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "state",
+              "required": false,
+              "description": "Validation state that controls the visual kind of the child input. `true` applies the\n`validKind` (default: 'success'), `false` applies the `invalidKind` (default: 'danger'),\nand `null`/`undefined` lets the input use its own kind prop. Child inputs automatically\ninherit this via provide/inject.",
+              "value": {
+                "kind": "expression",
+                "type": "union"
               },
               "default": "null"
             },
@@ -1837,9 +2250,29 @@
               "description": "When true, removes the border entirely from the panel, creating a borderless container.\nUseful for nested panels or when you want the panel background without visual boundaries.\nNote: Setting this to true automatically disables the decoration stripe.",
               "value": {
                 "kind": "expression",
-                "type": "boolean"
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "corners",
+              "required": false,
+              "description": "Which corners receive the beveled cut. Any combination of the four corners can be\nspecified. Pass an empty array for no cut corners.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => [ 'bottom-right' ]"
+            },
+            {
+              "name": "decorationCorner",
+              "required": false,
+              "description": "Which corner displays the decorative accent stripe. Must be one of the active\n`corners` for the decoration to be visible.",
+              "value": {
+                "kind": "expression",
+                "type": "SkPanelCorner"
               },
-              "default": "false"
+              "default": "'bottom-right'"
             }
           ],
           "slots": [
@@ -2200,6 +2633,163 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "SkScrollArea",
+          "description": "",
+          "attributes": [
+            {
+              "name": "type",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkScrollAreaType"
+              },
+              "default": "'hover'"
+            },
+            {
+              "name": "orientation",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkScrollAreaOrientation"
+              },
+              "default": "'vertical'"
+            },
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkScrollAreaKind"
+              },
+              "default": "'neutral'"
+            },
+            {
+              "name": "baseColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "textColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ScrollArea/SkScrollArea.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkSelect",
+          "description": "",
+          "attributes": [
+            {
+              "name": "kind",
+              "required": false,
+              "description": "Semantic color kind that controls the trigger border, focus ring, and selected\nitem highlight appearance. When used inside SkField, inherits the field's\nkind if not explicitly set.",
+              "value": {
+                "kind": "expression",
+                "type": "SkSelectKind"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "size",
+              "required": false,
+              "description": "Size of the trigger and dropdown content. Controls the trigger height,\ntext size, and option item dimensions. Available sizes: 'sm' (small),\n'md' (medium), 'lg' (large).",
+              "value": {
+                "kind": "expression",
+                "type": "SkSelectSize"
+              },
+              "default": "'md'"
+            },
+            {
+              "name": "placeholder",
+              "required": false,
+              "description": "Placeholder text displayed in the trigger when no option is selected.\nUse to guide users on what type of selection to make.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'Select...'"
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "When true, the select is disabled and cannot be interacted with. The trigger\nis non-clickable and the dropdown cannot be opened. The component appears\nwith reduced opacity and the cursor changes to not-allowed.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Select/SkSelect.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkSelectItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "value",
+              "required": true,
+              "description": "The value this option represents. When selected, the parent SkSelect's v-model\nwill be set to this value. Must be a string and unique within the select.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "description": "When true, this option is disabled and cannot be selected. The item appears\nwith reduced opacity and is skipped during keyboard navigation.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Select/SkSelectItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkSelectSeparator",
+          "description": "",
+          "source": {
+            "module": "./src/components/Select/SkSelectSeparator.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "SkSidebar",
           "description": "",
@@ -2223,6 +2813,16 @@
                 "type": "string"
               },
               "default": "'180px'"
+            },
+            {
+              "name": "side",
+              "required": false,
+              "description": "Which side of the layout the sidebar is placed on. Controls the direction of the\npanel bevel and the sidebar-item clip-path cuts so they mirror appropriately.",
+              "value": {
+                "kind": "expression",
+                "type": "SkSidebarSide"
+              },
+              "default": "'left'"
             }
           ],
           "slots": [
@@ -2494,57 +3094,187 @@
             }
           ],
           "source": {
-            "module": "./src/components/Slider/SkSlider.vue",
+            "module": "./src/components/Slider/SkSlider.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkSpinner",
+          "description": "",
+          "attributes": [
+            {
+              "name": "kind",
+              "required": false,
+              "description": "Semantic color kind that controls the spinner color. Semantic kinds (neutral, primary,\naccent, etc.) adapt to your theme. Use 'primary' for general loading states, or match\nthe kind to the context (e.g., 'danger' when loading after an error action).",
+              "value": {
+                "kind": "expression",
+                "type": "ComponentKind"
+              },
+              "default": "'primary'"
+            },
+            {
+              "name": "size",
+              "required": false,
+              "description": "Size of the spinner. Controls both the spinner dimensions and animation scale.\nUse 'sm' for inline loading indicators (e.g., inside buttons), 'md' for standard\nloading states, and 'lg' or 'xl' for full-page or section loading overlays.",
+              "value": {
+                "kind": "expression",
+                "type": "SkSpinnerSize"
+              },
+              "default": "'md'"
+            },
+            {
+              "name": "variant",
+              "required": false,
+              "description": "Animation variant that determines the spinner's visual style:\n- 'circular': Two concentric spinning arcs (default, most common)\n- 'dots': Three bouncing dots in sequence\n- 'crosshair': Rotating crosshair pattern (fits cyberpunk aesthetic)",
+              "value": {
+                "kind": "expression",
+                "type": "SkSpinnerVariant"
+              },
+              "default": "'circular'"
+            },
+            {
+              "name": "color",
+              "required": false,
+              "description": "Custom color for the spinner, overriding the `kind` color. Accepts any valid CSS\ncolor value. Use \"currentColor\" to inherit the text color from the parent element,\nwhich is useful for spinners inside buttons or other colored containers.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Spinner/SkSpinner.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkSplitter",
+          "description": "",
+          "attributes": [
+            {
+              "name": "direction",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkSplitterDirection"
+              },
+              "default": "'horizontal'"
+            },
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkSplitterKind"
+              },
+              "default": "'neutral'"
+            },
+            {
+              "name": "baseColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "textColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Splitter/SkSplitter.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkSplitterHandle",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Splitter/SkSplitterHandle.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkSpinner",
+          "name": "SkSplitterPanel",
           "description": "",
           "attributes": [
             {
-              "name": "kind",
+              "name": "defaultSize",
               "required": false,
-              "description": "Semantic color kind that controls the spinner color. Semantic kinds (neutral, primary,\naccent, etc.) adapt to your theme. Use 'primary' for general loading states, or match\nthe kind to the context (e.g., 'danger' when loading after an error action).",
               "value": {
                 "kind": "expression",
-                "type": "ComponentKind"
+                "type": "number"
               },
-              "default": "'primary'"
+              "default": "undefined"
             },
             {
-              "name": "size",
+              "name": "minSize",
               "required": false,
-              "description": "Size of the spinner. Controls both the spinner dimensions and animation scale.\nUse 'sm' for inline loading indicators (e.g., inside buttons), 'md' for standard\nloading states, and 'lg' or 'xl' for full-page or section loading overlays.",
               "value": {
                 "kind": "expression",
-                "type": "SkSpinnerSize"
+                "type": "number"
               },
-              "default": "'md'"
+              "default": "undefined"
             },
             {
-              "name": "variant",
+              "name": "maxSize",
               "required": false,
-              "description": "Animation variant that determines the spinner's visual style:\n- 'circular': Two concentric spinning arcs (default, most common)\n- 'dots': Three bouncing dots in sequence\n- 'crosshair': Rotating crosshair pattern (fits cyberpunk aesthetic)",
               "value": {
                 "kind": "expression",
-                "type": "SkSpinnerVariant"
+                "type": "number"
               },
-              "default": "'circular'"
+              "default": "undefined"
             },
             {
-              "name": "color",
+              "name": "collapsible",
               "required": false,
-              "description": "Custom color for the spinner, overriding the `kind` color. Accepts any valid CSS\ncolor value. Use \"currentColor\" to inherit the text color from the parent element,\nwhich is useful for spinners inside buttons or other colored containers.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "collapsedSize",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "number"
               },
               "default": "undefined"
             }
           ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
           "source": {
-            "module": "./src/components/Spinner/SkSpinner.vue",
+            "module": "./src/components/Splitter/SkSplitterPanel.vue",
             "symbol": "default"
           }
         },
@@ -3232,23 +3962,241 @@
             }
           ],
           "source": {
-            "module": "./src/components/Textarea/SkTextarea.vue",
+            "module": "./src/components/Textarea/SkTextarea.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkTheme",
+          "description": "",
+          "attributes": [
+            {
+              "name": "theme",
+              "required": false,
+              "description": "The active theme name that controls the color scheme for all child components.\nChanging this prop reactively updates the theme across the entire subtree.\nPortal components (dropdowns, modals, tooltips) automatically inherit this\ntheme even though they render outside the DOM hierarchy.",
+              "value": {
+                "kind": "expression",
+                "type": "SkThemeName"
+              },
+              "default": "'greyscale'"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Theme/SkTheme.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkToast",
+          "description": "",
+          "attributes": [
+            {
+              "name": "id",
+              "required": true,
+              "description": "Unique identifier for this toast instance. Used internally for tracking and dismissing\nspecific toasts. Generated automatically by SkToastProvider when using useToast().",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "kind",
+              "required": true,
+              "description": "Semantic color kind that determines the toast's visual appearance and icon. Each kind\ndisplays a contextually appropriate icon: info (circle-i), success (checkmark),\nwarning (triangle), danger (x-circle). The kind also sets the background and text colors.",
+              "value": {
+                "kind": "expression",
+                "type": "SkToastKind"
+              }
+            },
+            {
+              "name": "title",
+              "required": false,
+              "description": "Optional bold title text displayed above the message. Use for brief headings like\n\"Success!\", \"Error\", or \"Warning\". When omitted, only the message is displayed.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "message",
+              "required": true,
+              "description": "The main toast message content. This is the primary text users will read, describing\nwhat happened or what action was taken. Keep messages concise and actionable.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "duration",
+              "required": false,
+              "description": "Time in milliseconds before the toast automatically dismisses. Set to 0 or undefined\nto disable auto-dismiss and require manual closure. When set, a progress indicator\nmay show remaining time. Overrides the provider's default duration.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              }
+            },
+            {
+              "name": "closable",
+              "required": true,
+              "description": "When true, displays an X button allowing users to manually dismiss the toast before\nthe duration expires. Essential for toasts with important information users may need\nmore time to read, or when auto-dismiss is disabled.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "dismiss"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Toast/SkToast.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkToastProvider",
+          "description": "",
+          "attributes": [
+            {
+              "name": "position",
+              "required": false,
+              "description": "Preset position for the toast viewport on the screen. Controls where toasts appear\nand stack. Choose a position that doesn't obstruct important UI elements. Common\nchoices are 'bottom-right' for desktop apps and 'top-center' for mobile-first designs.\nWhen omitted, you can position the viewport via custom CSS instead.",
+              "value": {
+                "kind": "expression",
+                "type": "SkToastPosition"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "duration",
+              "required": false,
+              "description": "Default duration in milliseconds before toasts automatically dismiss. Individual\ntoasts can override this value. Set to 0 to disable auto-dismiss by default,\nrequiring users to manually close each toast. Recommended range: 3000-7000ms.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "5000"
+            },
+            {
+              "name": "swipeDirection",
+              "required": false,
+              "description": "Direction users can swipe to dismiss toasts on touch devices. The natural direction\noften matches the toast position - 'right' for right-positioned toasts, 'up' for\ntop-positioned, etc. Set to the direction that feels like \"dismissing\" the toast.",
+              "value": {
+                "kind": "expression",
+                "type": "SkToastSwipeDirection"
+              },
+              "default": "'right'"
+            },
+            {
+              "name": "swipeThreshold",
+              "required": false,
+              "description": "Minimum distance in pixels a user must swipe before the toast dismisses. Lower values\nmake dismissal easier but may cause accidental dismissals. Higher values require more\nintentional swipes. Balance based on your target devices and user needs.",
+              "value": {
+                "kind": "expression",
+                "type": "number"
+              },
+              "default": "50"
+            },
+            {
+              "name": "hotkey",
+              "required": false,
+              "description": "Keyboard shortcut(s) to focus the toast region for screen reader users and keyboard\nnavigation. When pressed, focus moves to the toast viewport. Use an array to define\nmultiple shortcuts. Keys use standard keyboard event key names.",
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => [ 'F8' ]"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Toast/SkToastProvider.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkToolbar",
+          "description": "",
+          "attributes": [
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkToolbarKind"
+              },
+              "default": "'neutral'"
+            },
+            {
+              "name": "orientation",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkToolbarOrientation"
+              },
+              "default": "'horizontal'"
+            },
+            {
+              "name": "corners",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              },
+              "default": "() => [ 'top-left', 'top-right', 'bottom-right', 'bottom-left' ]"
+            },
+            {
+              "name": "baseColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "textColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Toolbar/SkToolbar.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkTheme",
+          "name": "SkToolbarButton",
           "description": "",
           "attributes": [
             {
-              "name": "theme",
+              "name": "disabled",
               "required": false,
-              "description": "The active theme name that controls the color scheme for all child components.\nChanging this prop reactively updates the theme across the entire subtree.\nPortal components (dropdowns, modals, tooltips) automatically inherit this\ntheme even though they render outside the DOM hierarchy.",
               "value": {
                 "kind": "expression",
-                "type": "SkThemeName"
+                "type": "boolean"
               },
-              "default": "'greyscale'"
+              "default": "false"
             }
           ],
           "slots": [
@@ -3257,132 +4205,85 @@
             }
           ],
           "source": {
-            "module": "./src/components/Theme/SkTheme.vue",
+            "module": "./src/components/Toolbar/SkToolbarButton.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkToast",
+          "name": "SkToolbarSeparator",
+          "description": "",
+          "source": {
+            "module": "./src/components/Toolbar/SkToolbarSeparator.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkToolbarToggleGroup",
           "description": "",
           "attributes": [
             {
-              "name": "id",
-              "required": true,
-              "description": "Unique identifier for this toast instance. Used internally for tracking and dismissing\nspecific toasts. Generated automatically by SkToastProvider when using useToast().",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "kind",
-              "required": true,
-              "description": "Semantic color kind that determines the toast's visual appearance and icon. Each kind\ndisplays a contextually appropriate icon: info (circle-i), success (checkmark),\nwarning (triangle), danger (x-circle). The kind also sets the background and text colors.",
-              "value": {
-                "kind": "expression",
-                "type": "SkToastKind"
-              }
-            },
-            {
-              "name": "title",
+              "name": "modelValue",
               "required": false,
-              "description": "Optional bold title text displayed above the message. Use for brief headings like\n\"Success!\", \"Error\", or \"Warning\". When omitted, only the message is displayed.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "message",
-              "required": true,
-              "description": "The main toast message content. This is the primary text users will read, describing\nwhat happened or what action was taken. Keep messages concise and actionable.",
               "value": {
                 "kind": "expression",
-                "type": "string"
-              }
+                "type": "union"
+              },
+              "default": "undefined"
             },
             {
-              "name": "duration",
+              "name": "type",
               "required": false,
-              "description": "Time in milliseconds before the toast automatically dismisses. Set to 0 or undefined\nto disable auto-dismiss and require manual closure. When set, a progress indicator\nmay show remaining time. Overrides the provider's default duration.",
               "value": {
                 "kind": "expression",
-                "type": "number"
-              }
+                "type": "SkToolbarToggleType"
+              },
+              "default": "'single'"
             },
             {
-              "name": "closable",
-              "required": true,
-              "description": "When true, displays an X button allowing users to manually dismiss the toast before\nthe duration expires. Essential for toasts with important information users may need\nmore time to read, or when auto-dismiss is disabled.",
+              "name": "disabled",
+              "required": false,
               "value": {
                 "kind": "expression",
                 "type": "boolean"
-              }
+              },
+              "default": "false"
             }
           ],
           "events": [
             {
-              "name": "dismiss"
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
             }
           ],
           "source": {
-            "module": "./src/components/Toast/SkToast.vue",
+            "module": "./src/components/Toolbar/SkToolbarToggleGroup.vue",
             "symbol": "default"
           }
         },
         {
-          "name": "SkToastProvider",
+          "name": "SkToolbarToggleItem",
           "description": "",
           "attributes": [
             {
-              "name": "position",
-              "required": false,
-              "description": "Preset position for the toast viewport on the screen. Controls where toasts appear\nand stack. Choose a position that doesn't obstruct important UI elements. Common\nchoices are 'bottom-right' for desktop apps and 'top-center' for mobile-first designs.\nWhen omitted, you can position the viewport via custom CSS instead.",
-              "value": {
-                "kind": "expression",
-                "type": "SkToastPosition"
-              },
-              "default": "undefined"
-            },
-            {
-              "name": "duration",
-              "required": false,
-              "description": "Default duration in milliseconds before toasts automatically dismiss. Individual\ntoasts can override this value. Set to 0 to disable auto-dismiss by default,\nrequiring users to manually close each toast. Recommended range: 3000-7000ms.",
-              "value": {
-                "kind": "expression",
-                "type": "number"
-              },
-              "default": "5000"
-            },
-            {
-              "name": "swipeDirection",
-              "required": false,
-              "description": "Direction users can swipe to dismiss toasts on touch devices. The natural direction\noften matches the toast position - 'right' for right-positioned toasts, 'up' for\ntop-positioned, etc. Set to the direction that feels like \"dismissing\" the toast.",
-              "value": {
-                "kind": "expression",
-                "type": "SkToastSwipeDirection"
-              },
-              "default": "'right'"
-            },
-            {
-              "name": "swipeThreshold",
-              "required": false,
-              "description": "Minimum distance in pixels a user must swipe before the toast dismisses. Lower values\nmake dismissal easier but may cause accidental dismissals. Higher values require more\nintentional swipes. Balance based on your target devices and user needs.",
+              "name": "value",
+              "required": true,
               "value": {
                 "kind": "expression",
-                "type": "number"
-              },
-              "default": "50"
+                "type": "string"
+              }
             },
             {
-              "name": "hotkey",
+              "name": "disabled",
               "required": false,
-              "description": "Keyboard shortcut(s) to focus the toast region for screen reader users and keyboard\nnavigation. When pressed, focus moves to the toast viewport. Use an array to define\nmultiple shortcuts. Keys use standard keyboard event key names.",
               "value": {
                 "kind": "expression",
-                "type": "Array"
+                "type": "boolean"
               },
-              "default": "() => [ 'F8' ]"
+              "default": "false"
             }
           ],
           "slots": [
@@ -3391,7 +4292,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/Toast/SkToastProvider.vue",
+            "module": "./src/components/Toolbar/SkToolbarToggleItem.vue",
             "symbol": "default"
           }
         },
@@ -3557,6 +4458,152 @@
             "module": "./src/components/Tooltip/SkTooltipProvider.vue",
             "symbol": "default"
           }
+        },
+        {
+          "name": "SkTreeItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "item",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "FlattenedItem"
+              }
+            },
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "showChevron",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "true"
+            }
+          ],
+          "slots": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "trailing"
+            }
+          ],
+          "source": {
+            "module": "./src/components/TreeView/SkTreeItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkTreeView",
+          "description": "",
+          "attributes": [
+            {
+              "name": "items",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "Array"
+              }
+            },
+            {
+              "name": "getKey",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "TSFunctionType"
+              }
+            },
+            {
+              "name": "modelValue",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "union"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "multiple",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "propagateSelect",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkTreeViewKind"
+              },
+              "default": "'neutral'"
+            },
+            {
+              "name": "defaultExpanded",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkTreeViewDefaultExpanded"
+              },
+              "default": "'none'"
+            },
+            {
+              "name": "baseColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "textColor",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "undefined"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/TreeView/SkTreeView.vue",
+            "symbol": "default"
+          }
         }
       ]
     }