@skewedaspect/sleekspace-ui 0.8.0 → 0.9.0

package/dist/{src/components → components}/Accordion/SkAccordion.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkAccordionKind, SkAccordionType } from './types';
 export interface SkAccordionComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Accordion/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkAccordionKind = ComponentKind;
 export type SkAccordionType = 'single' | 'multiple';

package/dist/{src/components → components}/Alert/SkAlert.vue.d.ts

@@ -1,5 +1,5 @@
 import { SkAlertKind } from './types';
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 export interface SkAlertComponentProps extends ComponentCustomColors {
     /**
      * Semantic kind that determines the alert's color scheme and default icon. Supports all

package/dist/{src/components → components}/Alert/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 /**
  * Alert kind - supports all semantic and color kinds
  */

package/dist/{src/components → components}/Avatar/SkAvatar.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 import { SkAvatarSize } from './types';
 export interface SkAvatarComponentProps {
     /**

package/dist/{src/components → components}/Avatar/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 /** Avatar size */
 export type SkAvatarSize = ComponentSize;
 /** Avatar props interface */

package/dist/{src/components → components}/Breadcrumbs/SkBreadcrumbs.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkBreadcrumbsProps } from './types';
 export interface SkBreadcrumbsComponentProps extends SkBreadcrumbsProps, ComponentCustomColors {
     /**
@@ -16,7 +16,7 @@ export interface SkBreadcrumbsComponentProps extends SkBreadcrumbsProps, Compone
     separator?: string;
 }
 declare const _default: import('vue').DefineComponent<SkBreadcrumbsComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkBreadcrumbsComponentProps> & Readonly<{}>, {
-    kind: import('../../../types').ComponentKind;
+    kind: import('../../types').ComponentKind;
     baseColor: string;
     textColor: string;
     separator: string;

package/dist/{src/components → components}/Breadcrumbs/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 import { RouteLocationRaw } from 'vue-router';
 export type SkBreadcrumbsKind = ComponentKind;
 export interface SkBreadcrumbsProps {

package/dist/{src/components → components}/Button/SkButton.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkButtonKind, SkButtonSize, SkButtonType, SkButtonVariant } from './types';
 export interface SkButtonComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Button/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize, ComponentVariant } from '../../../types';
+import { ComponentKind, ComponentSize, ComponentVariant } from '../../types';
 export type SkButtonType = 'button' | 'submit' | 'reset';
 export type SkButtonKind = ComponentKind;
 export type SkButtonVariant = ComponentVariant;

package/dist/{src/components → components}/Card/SkCard.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkCardKind } from './types';
 import { SkPanelCorner, SkPanelSize } from '../Panel/types';
 export interface SkCardComponentProps extends ComponentCustomColors {

package/dist/components/Card/types.d.ts

@@ -0,0 +1,2 @@
+import { ComponentKind } from '../../types';
+export type SkCardKind = ComponentKind;

package/dist/{src/components → components}/Checkbox/SkCheckbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkCheckboxKind, SkCheckboxSize } from './types';
 export interface SkCheckboxComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Checkbox/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkCheckboxKind = ComponentKind;
 export type SkCheckboxSize = ComponentSize;

package/dist/{src/components → components}/Collapsible/SkCollapsible.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkCollapsibleKind } from './types';
 export interface SkCollapsibleComponentProps extends ComponentCustomColors {
     /**

package/dist/components/Collapsible/types.d.ts

@@ -0,0 +1,2 @@
+import { ComponentKind } from '../../types';
+export type SkCollapsibleKind = ComponentKind;

package/dist/{src/components → components}/ColorPicker/SkColorPicker.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkColorPickerFormat, SkColorPickerKind, SkColorPickerSize } from './types';
 export interface SkColorPickerComponentProps extends ComponentCustomColors {
     kind?: SkColorPickerKind;

package/dist/{src/components → components}/ColorPicker/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkColorPickerKind = ComponentKind;
 export type SkColorPickerSize = ComponentSize;
 export type SkColorPickerFormat = 'hex' | 'hexa' | 'hsl' | 'hsla' | 'rgb' | 'rgba';

package/dist/{src/components → components}/ContextMenu/SkContextMenu.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkContextMenuKind } from './types';
 export interface SkContextMenuComponentProps extends ComponentCustomColors {
     kind?: SkContextMenuKind;

package/dist/components/ContextMenu/types.d.ts

@@ -0,0 +1,2 @@
+import { ComponentKind } from '../../types';
+export type SkContextMenuKind = ComponentKind;

package/dist/{src/components → components}/Divider/SkDivider.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 import { SkDividerOrientation, SkDividerVariant } from './types';
 export interface SkDividerComponentProps {
     /**

package/dist/{src/components → components}/Dropdown/SkDropdown.vue.d.ts

@@ -1,5 +1,5 @@
-import { ComponentCustomColors } from '../../../types';
-import { SkDropdownAlign, SkDropdownKind, SkDropdownSide } from './types';
+import { ComponentCustomColors } from '../../types';
+import { SkDropdownAlign, SkDropdownKind, SkDropdownSide, SkDropdownSize } from './types';
 export interface SkDropdownComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind that controls the menu's accent colors for hover states and
@@ -36,6 +36,13 @@ export interface SkDropdownComponentProps extends ComponentCustomColors {
      * @default 4
      */
     sideOffset?: number;
+    /**
+     * Size of the default trigger button. When omitted and the dropdown is rendered inside
+     * an SkNavBar, falls back to the navbar's `size` prop so the trigger naturally matches
+     * surrounding nav controls. Ignored when the `trigger` slot is used.
+     * @default 'md' (or navbar size when nested in an SkNavBar)
+     */
+    size?: SkDropdownSize;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -49,6 +56,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkDropdownComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkDropdownComponentProps> & Readonly<{}>, {
     kind: SkDropdownKind;
+    size: SkDropdownSize;
     triggerText: string;
     side: SkDropdownSide;
     sideOffset: number;

package/dist/{src/components → components}/Dropdown/types.d.ts

@@ -1,4 +1,5 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkDropdownKind = ComponentKind;
+export type SkDropdownSize = ComponentSize;
 export type SkDropdownSide = 'top' | 'right' | 'bottom' | 'left';
 export type SkDropdownAlign = 'start' | 'center' | 'end';

package/dist/{src/components → components}/Input/SkInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkInputKind, SkInputSize, SkInputType } from './types';
 export interface SkInputComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Input/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkInputKind = ComponentKind;
 export type SkInputSize = ComponentSize;
 export type SkInputType = 'text' | 'email' | 'password' | 'url' | 'tel' | 'search' | 'number';

package/dist/{src/components → components}/Listbox/SkListbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkListboxKind, SkListboxSize } from './types';
 export interface SkListboxComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Listbox/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkListboxKind = ComponentKind;
 export type SkListboxSize = ComponentSize;

package/dist/{src/components → components}/Modal/SkModal.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors, ComponentKind, ComponentSize } from '../../../types';
+import { ComponentCustomColors, ComponentKind, ComponentSize } from '../../types';
 export interface SkModalComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind that controls the modal's accent colors, including the header,

package/dist/{src/components → components}/Modal/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkModalKind = ComponentKind;
 export type SkModalSize = ComponentSize;

package/dist/{src/components → components}/NavBar/SkNavBar.vue.d.ts

@@ -1,5 +1,5 @@
-import { SkNavBarKind } from './types';
-import { ComponentCustomColors } from '../../../types';
+import { SkNavBarKind, SkNavBarSize } from './types';
+import { ComponentCustomColors } from '../../types';
 export interface SkNavBarComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind that controls the navbar's background and text colors. Use semantic kinds
@@ -15,6 +15,13 @@ export interface SkNavBarComponentProps extends ComponentCustomColors {
      * @default true
      */
     sticky?: boolean;
+    /**
+     * Default size for descendant components (buttons, dropdowns, sidebar toggles, etc.) that
+     * read the navbar context. Picks a size that fits the navbar's 4rem height without
+     * overflowing. Descendants can still override with their own `size` prop.
+     * @default 'md'
+     */
+    size?: SkNavBarSize;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -30,6 +37,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<SkNavBarComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkNavBarComponentProps> & Readonly<{}>, {
     kind: SkNavBarKind;
+    size: SkNavBarSize;
     sticky: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/{src/components → components}/NavBar/context.d.ts

@@ -1,3 +1,5 @@
 import { InjectionKey, Ref } from 'vue';
+import { ComponentSize } from '../../types';
 import { SkNavBarKind } from './types';
 export declare const NAVBAR_KIND_KEY: InjectionKey<Ref<SkNavBarKind>>;
+export declare const NAVBAR_SIZE_KEY: InjectionKey<Ref<ComponentSize>>;

package/dist/components/NavBar/types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentKind, ComponentSize } from '../../types';
+/**
+ * Available kinds for the navbar component.
+ * Supports both semantic kinds (themeable) and color kinds (direct palette access).
+ */
+export type SkNavBarKind = ComponentKind;
+/**
+ * Size hint propagated to descendant controls (buttons, dropdowns, sidebar toggles).
+ */
+export type SkNavBarSize = ComponentSize;

package/dist/{src/components → components}/NumberInput/SkNumberInput.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkNumberInputKind, SkNumberInputSize } from './types';
 export interface SkNumberInputComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/NumberInput/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkNumberInputKind = ComponentKind;
 export type SkNumberInputSize = ComponentSize;

package/dist/{src/components → components}/Page/SkPage.vue.d.ts

@@ -66,6 +66,14 @@ export interface SkPageComponentProps {
      * @default false
      */
     flush?: boolean;
+    /**
+     * When true, disables the bouncy overscroll / rubber-band effect on the page's scroll
+     * containers (main content, sidebar body, aside body). Applies `overscroll-behavior: none`
+     * to every scrollable region owned by SkPage. Note: the document-level bounce from scrolling
+     * the page itself (outside SkPage's containers) can only be killed on `html`/`body`.
+     * @default false
+     */
+    noBounce?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -147,6 +155,7 @@ declare const __VLS_component: import('vue').DefineComponent<SkPageComponentProp
     sidebarOpen: boolean;
     asideOpen: boolean;
     flush: boolean;
+    noBounce: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     rootRef: HTMLDivElement;
     sidebarDrawerRef: HTMLElement;

package/dist/{src/components → components}/Pagination/SkPagination.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkPaginationProps } from './types';
 export interface SkPaginationComponentProps extends SkPaginationProps, ComponentCustomColors {
     /**
@@ -66,11 +66,11 @@ declare const _default: import('vue').DefineComponent<SkPaginationComponentProps
     "onUpdate:modelValue"?: ((page: number) => any) | undefined;
 }>, {
     modelValue: number;
-    kind: import('../../../types').ComponentKind;
+    kind: import('../../types').ComponentKind;
     disabled: boolean;
     baseColor: string;
     textColor: string;
-    size: import('../../../types').ComponentSize;
+    size: import('../../types').ComponentSize;
     variant: import('./types').SkPaginationVariant;
     siblingCount: number;
     showFirstLast: boolean;

package/dist/{src/components → components}/Pagination/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkPaginationKind = ComponentKind;
 export type SkPaginationSize = ComponentSize;
 export type SkPaginationVariant = 'solid' | 'outline' | 'subtle' | 'ghost';

package/dist/{src/components → components}/Panel/SkPanel.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkPanelCorner, SkPanelKind, SkPanelSize } from './types';
 export interface SkPanelComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Panel/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkPanelKind = ComponentKind;
 export type SkPanelSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type SkPanelCorner = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';

package/dist/{src/components → components}/Popover/SkPopover.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors, ComponentKind } from '../../../types';
+import { ComponentCustomColors, ComponentKind } from '../../types';
 import { SkPopoverAlign, SkPopoverSide } from './types';
 export interface SkPopoverComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Progress/SkProgress.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 import { SkProgressSize, SkProgressValuePosition } from './types';
 export interface SkProgressComponentProps {
     /**

package/dist/{src/components → components}/Progress/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 /** Progress bar size */
 export type SkProgressSize = ComponentSize;
 /** Progress value label position */

package/dist/{src/components → components}/Radio/SkRadio.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkRadioKind, SkRadioSize } from './types';
 export interface SkRadioComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Radio/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkRadioKind = ComponentKind;
 export type SkRadioSize = ComponentSize;
 export type SkRadioGroupOrientation = 'horizontal' | 'vertical';

package/dist/components/ScrollArea/SkScrollArea.vue.d.ts

@@ -0,0 +1,141 @@
+import { SkScrollAreaKind, SkScrollAreaOrientation, SkScrollAreaType } from './types';
+export interface SkScrollAreaComponentProps {
+    type?: SkScrollAreaType;
+    orientation?: SkScrollAreaOrientation;
+    kind?: SkScrollAreaKind;
+    baseColor?: string;
+    textColor?: string;
+    /**
+     * When true, fade the scrollable edges with a CSS mask so content visibly tapers
+     * into/out of the viewport. Only edges with more content to scroll toward get the
+     * fade -- the top fade disappears at scrollTop=0, bottom fade at scroll end, etc.
+     * Override the fade distance via the `--sk-scroll-area-fade` custom property
+     * (default 1rem).
+     * @default false
+     */
+    fade?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        viewportRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly nonce?: string | undefined;
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, {
+                viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & {
+            viewportElement: HTMLElement | undefined;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SkScrollAreaComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkScrollAreaComponentProps> & Readonly<{}>, {
+    type: SkScrollAreaType;
+    kind: SkScrollAreaKind;
+    baseColor: string;
+    textColor: string;
+    orientation: SkScrollAreaOrientation;
+    fade: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    viewportRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly nonce?: string | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, {
+            viewportElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<import('reka-ui').ScrollAreaViewportProps> & Readonly<{}>, "viewportElement"> & {
+        viewportElement: HTMLElement | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/{src/components → components}/ScrollArea/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkScrollAreaKind = ComponentKind;
 export type SkScrollAreaType = 'auto' | 'always' | 'scroll' | 'hover';
 export type SkScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';

package/dist/{src/components → components}/Select/SkSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 import { SkSelectKind, SkSelectSize } from './types';
 export interface SkSelectComponentProps extends ComponentCustomColors {
     /**

package/dist/{src/components → components}/Select/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 export type SkSelectKind = ComponentKind;
 export type SkSelectSize = ComponentSize;

package/dist/{src/components → components}/Sidebar/SkSidebar.vue.d.ts

@@ -1,5 +1,5 @@
 import { SkSidebarKind, SkSidebarSide } from './types';
-import { ComponentCustomColors } from '../../../types';
+import { ComponentCustomColors } from '../../types';
 export interface SkSidebarComponentProps extends ComponentCustomColors {
     /**
      * Semantic color kind that controls the sidebar panel's background, border, and text colors.

package/dist/{src/components → components}/Sidebar/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkSidebarKind = ComponentKind;
 export type SkSidebarSide = 'left' | 'right';

package/dist/{src/components → components}/Slider/SkSlider.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 import { SkSliderOrientation, SkSliderSize } from './types';
 export interface SkSliderComponentProps {
     /**

package/dist/{src/components → components}/Slider/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 /** Slider size */
 export type SkSliderSize = ComponentSize;
 /** Slider orientation */

package/dist/{src/components → components}/Spinner/SkSpinner.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 import { SkSpinnerSize, SkSpinnerVariant } from './types';
 export interface SkSpinnerComponentProps {
     /**

package/dist/{src/components → components}/Spinner/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentKind, ComponentSize } from '../../../types';
+import { ComponentKind, ComponentSize } from '../../types';
 /** Spinner animation variant */
 export type SkSpinnerVariant = 'circular' | 'dots' | 'crosshair';
 /** Spinner size */

package/dist/{src/components → components}/Splitter/types.d.ts

@@ -1,3 +1,3 @@
-import { ComponentKind } from '../../../types';
+import { ComponentKind } from '../../types';
 export type SkSplitterKind = ComponentKind;
 export type SkSplitterDirection = 'horizontal' | 'vertical';