@skewedaspect/sleekspace-ui 0.7.0 → 0.8.0

package/dist/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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 {
     /**
@@ -50,6 +50,13 @@ export interface SkButtonComponentProps extends ComponentCustomColors {
      * @default false
      */
     pressed?: boolean;
+    /**
+     * Opts out of the coarse-pointer touch-target floor (44px minimum on touch devices).
+     * Use for tight toolbars, data tables, or other contexts where a compact size is preferable
+     * to the default touch-friendly floor. On fine-pointer devices (mouse) this has no effect.
+     * @default false
+     */
+    dense?: boolean;
     /**
      * URL for the button to navigate to. When provided, the button renders as an `<a>` element
      * instead of a `<button>`. Use for external links or simple navigation that doesn't require
@@ -87,6 +94,7 @@ declare const __VLS_component: import('vue').DefineComponent<SkButtonComponentPr
     variant: SkButtonVariant;
     loading: boolean;
     pressed: boolean;
+    dense: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/{components → src/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/{components → src/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/src/components/Card/types.d.ts

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

package/dist/{components → src/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/{components → src/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/{components → src/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/src/components/Collapsible/types.d.ts

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

package/dist/{components → src/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/{components → src/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/{components → src/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/src/components/ContextMenu/types.d.ts

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

package/dist/{components → src/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/{components → src/components}/Dropdown/SkDropdown.vue.d.ts

@@ -1,4 +1,4 @@
-import { ComponentCustomColors } from '../../types';
+import { ComponentCustomColors } from '../../../types';
 import { SkDropdownAlign, SkDropdownKind, SkDropdownSide } from './types';
 export interface SkDropdownComponentProps extends ComponentCustomColors {
     /**

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

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

package/dist/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/components}/NavBar/SkNavBar.vue.d.ts

@@ -1,5 +1,5 @@
 import { SkNavBarKind } from './types';
-import { ComponentCustomColors } 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
@@ -19,6 +19,7 @@ export interface SkNavBarComponentProps extends ComponentCustomColors {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        leading?(_: {}): any;
         brand?(_: {}): any;
         default?(_: {}): any;
         actions?(_: {}): any;

package/dist/src/components/NavBar/context.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ComponentKind } from '../../types';
+import { ComponentKind } from '../../../types';
 /**
  * Available kinds for the navbar component.
  * Supports both semantic kinds (themeable) and color kinds (direct palette access).

package/dist/{components → src/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/{components → src/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/Page/SkPage.vue.d.ts

@@ -0,0 +1,161 @@
+import { SkThemeName } from '../Theme/types';
+import { SkPagePanelMode } from './types';
+export interface SkPageComponentProps {
+    /**
+     * When true, the header remains sticky at the top of the viewport while the main content scrolls.
+     * @default false
+     */
+    fixedHeader?: boolean;
+    /**
+     * When true, the footer remains sticky at the bottom of the viewport while the main content scrolls.
+     * @default false
+     */
+    fixedFooter?: boolean;
+    /**
+     * Custom width for the sidebar (persistent and drawer). Accepts any CSS length. When not specified,
+     * uses the `--sk-page-sidebar-width` token default (16rem).
+     */
+    sidebarWidth?: string;
+    /**
+     * Custom width for the aside (persistent and drawer). Accepts any CSS length. When not specified,
+     * uses the `--sk-page-aside-width` token default (16rem).
+     */
+    asideWidth?: string;
+    /**
+     * Sidebar rendering mode.
+     * - `auto`: persistent above `sidebarBreakpoint`, drawer below. Default.
+     * - `persistent`: always inline.
+     * - `drawer`: always off-canvas.
+     * @default 'auto'
+     */
+    sidebarMode?: SkPagePanelMode;
+    /**
+     * Aside rendering mode. Mirror of `sidebarMode` for the right-side panel.
+     * @default 'auto'
+     */
+    asideMode?: SkPagePanelMode;
+    /**
+     * Viewport width below which the sidebar's `auto` mode switches to drawer. Accepts any CSS length.
+     * @default '1024px'
+     */
+    sidebarBreakpoint?: string;
+    /**
+     * Viewport width below which the aside's `auto` mode switches to drawer. Accepts any CSS length.
+     * @default '1024px'
+     */
+    asideBreakpoint?: string;
+    /**
+     * Controlled sidebar drawer open state. Bind via `v-model:sidebarOpen` to control programmatically.
+     * When omitted, SkPage manages state internally.
+     */
+    sidebarOpen?: boolean;
+    /**
+     * Controlled aside drawer open state. Bind via `v-model:asideOpen` to control programmatically.
+     * When omitted, SkPage manages state internally.
+     */
+    asideOpen?: boolean;
+    /**
+     * Optional theme name. When provided, SkPage acts as a theme provider -- setting `data-scheme`
+     * on the root element and providing theme context for descendant components (including portal
+     * components like dropdowns and modals).
+     */
+    theme?: SkThemeName;
+    /**
+     * When true, zeroes out `--sk-page-gap` and `--sk-page-content-padding` so panels and content
+     * sit flush against the header, footer, edges, and each other.
+     * @default false
+     */
+    flush?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => unknown;
+        header?: () => unknown;
+        subheader?: () => unknown;
+        sidebar?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'sidebar-header'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'sidebar-footer'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'main-header'?: () => unknown;
+        'main-footer'?: () => unknown;
+        aside?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'aside-header'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'aside-footer'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        footer?: () => unknown;
+    }> & {
+        default?: () => unknown;
+        header?: () => unknown;
+        subheader?: () => unknown;
+        sidebar?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'sidebar-header'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'sidebar-footer'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'main-header'?: () => unknown;
+        'main-footer'?: () => unknown;
+        aside?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'aside-header'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        'aside-footer'?: (props: {
+            isDrawer: boolean;
+        }) => unknown;
+        footer?: () => unknown;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        sidebarDrawerRef: HTMLElement;
+        asideDrawerRef: HTMLElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SkPageComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sidebarOpen": (value: boolean) => any;
+    "update:asideOpen": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<SkPageComponentProps> & Readonly<{
+    "onUpdate:sidebarOpen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:asideOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    theme: SkThemeName;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    sidebarWidth: string;
+    asideWidth: string;
+    sidebarMode: SkPagePanelMode;
+    asideMode: SkPagePanelMode;
+    sidebarBreakpoint: string;
+    asideBreakpoint: string;
+    sidebarOpen: boolean;
+    asideOpen: boolean;
+    flush: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    sidebarDrawerRef: HTMLElement;
+    asideDrawerRef: HTMLElement;
+}, HTMLDivElement>;
+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/Page/SkPageSidebarToggle.vue.d.ts

@@ -0,0 +1,41 @@
+import { SkButtonKind } from '../Button/types';
+import { SkPageDrawerSide } from './types';
+export interface SkPageSidebarToggleComponentProps {
+    /**
+     * Which drawer this toggle controls. `sidebar` binds to the left drawer; `aside` binds to the right.
+     * @default 'sidebar'
+     */
+    side?: SkPageDrawerSide;
+    /**
+     * Override the toggle's color kind. By default the toggle inherits the enclosing SkNavBar's
+     * kind (when placed inside one) and falls back to `neutral` otherwise. Pass a kind explicitly
+     * to force a specific color scheme.
+     */
+    kind?: SkButtonKind;
+    /**
+     * Accessible label for the toggle. Screen readers announce this; sighted users see only the glyph.
+     * Defaults to a label matching `side`.
+     */
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<SkPageSidebarToggleComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkPageSidebarToggleComponentProps> & Readonly<{}>, {
+    kind: SkButtonKind;
+    side: SkPageDrawerSide;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Page/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkPage } from './SkPage.vue';
+export { default as SkPageSidebarToggle } from './SkPageSidebarToggle.vue';
+export * from './types';

package/dist/src/components/Page/types.d.ts

@@ -0,0 +1,39 @@
+import { SkThemeName } from '../Theme/types';
+/**
+ * Sidebar / aside rendering mode.
+ * - `auto`: persistent above the matching breakpoint, drawer below. Default.
+ * - `persistent`: always inline, regardless of viewport size.
+ * - `drawer`: always off-canvas, opens over content.
+ */
+export type SkPagePanelMode = 'auto' | 'persistent' | 'drawer';
+/** @deprecated Use `SkPagePanelMode`. Retained as an alias. */
+export type SkPageSidebarMode = SkPagePanelMode;
+/** Which drawer a toggle button controls. */
+export type SkPageDrawerSide = 'sidebar' | 'aside';
+/** Page props interface */
+export interface SkPageProps {
+    /** Fixed header (stays at top when scrolling) */
+    fixedHeader?: boolean;
+    /** Fixed footer (stays at bottom when scrolling) */
+    fixedFooter?: boolean;
+    /** Custom sidebar width. CSS length. */
+    sidebarWidth?: string;
+    /** Custom aside width. CSS length. */
+    asideWidth?: string;
+    /** Sidebar rendering mode. Defaults to 'auto' (persistent above breakpoint, drawer below) */
+    sidebarMode?: SkPagePanelMode;
+    /** Aside rendering mode. Defaults to 'auto'. */
+    asideMode?: SkPagePanelMode;
+    /** Breakpoint below which sidebar `auto` mode switches to drawer. CSS length. Default: 1024px */
+    sidebarBreakpoint?: string;
+    /** Breakpoint below which aside `auto` mode switches to drawer. CSS length. Default: 1024px */
+    asideBreakpoint?: string;
+    /** Controlled sidebar drawer open state. When omitted, SkPage manages state internally */
+    sidebarOpen?: boolean;
+    /** Controlled aside drawer open state. When omitted, SkPage manages state internally */
+    asideOpen?: boolean;
+    /** Optional theme name — when provided, SkPage acts as a theme provider */
+    theme?: SkThemeName;
+    /** Flush layout (no default gap/padding around main area or inside content) */
+    flush?: boolean;
+}

package/dist/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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/{components → src/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 → src/components}/ScrollArea/SkScrollArea.vue.d.ts

@@ -5,6 +5,14 @@ export interface SkScrollAreaComponentProps {
     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. Applies to whichever axis (or both) is scrollable.
+     * Override the fade distance via the `--sk-scroll-area-fade` custom property
+     * (default 1.5rem).
+     * @default false
+     */
+    fade?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -21,6 +29,7 @@ declare const __VLS_component: import('vue').DefineComponent<SkScrollAreaCompone
     baseColor: string;
     textColor: string;
     orientation: SkScrollAreaOrientation;
+    fade: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/{components → src/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';