@skewedaspect/sleekspace-ui 0.6.0 → 0.7.1

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@skewedaspect/sleekspace-ui",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -779,6 +779,287 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "SkColorPicker",
+          "description": "",
+          "attributes": [
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkColorPickerKind"
+              },
+              "default": "undefined"
+            },
+            {
+              "name": "size",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkColorPickerSize"
+              },
+              "default": "'md'"
+            },
+            {
+              "name": "format",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkColorPickerFormat"
+              },
+              "default": "'hexa'"
+            },
+            {
+              "name": "showAlpha",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "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/ColorPicker/SkColorPicker.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenu",
+          "description": "",
+          "attributes": [
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkContextMenuKind"
+              },
+              "default": "'neutral'"
+            }
+          ],
+          "slots": [
+            {
+              "name": "trigger"
+            },
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenu.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuCheckboxItem",
+          "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/ContextMenu/SkContextMenuCheckboxItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuItem",
+          "description": "",
+          "attributes": [
+            {
+              "name": "disabled",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            }
+          ],
+          "events": [
+            {
+              "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,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "''"
+            }
+          ],
+          "events": [
+            {
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenuRadioGroup.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuRadioItem",
+          "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/ContextMenu/SkContextMenuRadioItem.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuSeparator",
+          "description": "",
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenuSeparator.vue",
+            "symbol": "default"
+          }
+        },
+        {
+          "name": "SkContextMenuSubmenu",
+          "description": "",
+          "attributes": [
+            {
+              "name": "triggerText",
+              "required": true,
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
+            },
+            {
+              "name": "kind",
+              "required": false,
+              "value": {
+                "kind": "expression",
+                "type": "SkContextMenuKind"
+              },
+              "default": "undefined"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/ContextMenu/SkContextMenuSubmenu.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "SkDivider",
           "description": "",
@@ -864,36 +1145,74 @@
               "default": "'bottom'"
             },
             {
-              "name": "align",
+              "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,
-              "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"
             },
             {
-              "name": "sideOffset",
+              "name": "disabled",
               "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": "boolean"
               },
-              "default": "4"
+              "default": "false"
             }
           ],
-          "slots": [
+          "events": [
             {
-              "name": "trigger"
-            },
+              "name": "update:modelValue"
+            }
+          ],
+          "slots": [
             {
               "name": "default"
             }
           ],
           "source": {
-            "module": "./src/components/Dropdown/SkDropdown.vue",
+            "module": "./src/components/Dropdown/SkDropdownCheckboxItem.vue",
             "symbol": "default"
           }
         },
@@ -927,6 +1246,19 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "SkDropdownMenuLabel",
+          "description": "",
+          "slots": [
+            {
+              "name": "default"
+            }
+          ],
+          "source": {
+            "module": "./src/components/Dropdown/SkDropdownMenuLabel.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "SkDropdownMenuSeparator",
           "description": "",
@@ -935,6 +1267,67 @@
             "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": "",
@@ -2240,6 +2633,66 @@
             "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": "",
@@ -2641,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"
           }
         },
@@ -3379,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": [
@@ -3404,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": [
@@ -3538,7 +4292,7 @@
             }
           ],
           "source": {
-            "module": "./src/components/Toast/SkToastProvider.vue",
+            "module": "./src/components/Toolbar/SkToolbarToggleItem.vue",
             "symbol": "default"
           }
         },
@@ -3704,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"
+          }
         }
       ]
     }