@sakoa/ui 0.1.0

package/dist/components/ui/SInput.d.ts

@@ -0,0 +1,129 @@
+export interface Props {
+    modelValue?: string | number;
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'textarea';
+    variant?: 'outlined' | 'filled' | 'underlined' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    label?: string;
+    placeholder?: string;
+    labelPlacement?: 'top' | 'top-left' | 'top-center' | 'top-right' | 'bottom' | 'left' | 'right' | 'floating' | 'inside';
+    labelAnimation?: 'morph' | 'slide' | 'fade' | 'none';
+    iconLeft?: string;
+    iconRight?: string;
+    iconColor?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    loading?: boolean;
+    error?: string | boolean;
+    success?: string | boolean;
+    warning?: string | boolean;
+    hint?: string;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string | RegExp;
+    validator?: (value: string | number) => string | boolean | Promise<string | boolean>;
+    validateOn?: 'blur' | 'input' | 'submit' | 'never';
+    autocomplete?: string;
+    autofocus?: boolean;
+    spellcheck?: boolean;
+    inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    max?: number | string;
+    min?: number | string;
+    step?: number | string;
+    clearable?: boolean;
+    showPasswordToggle?: boolean;
+    counter?: boolean;
+    prefix?: string;
+    suffix?: string;
+    rows?: number;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    suggestions?: string[];
+    showSuggestionsOnFocus?: boolean;
+    allowOnly?: 'digits' | 'letters' | 'alphanumeric' | RegExp | ((char: string) => boolean);
+    decimalPlaces?: number;
+    name?: string;
+    id?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    inputClass?: string;
+    labelClass?: string;
+    wrapperClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLTextAreaElement;
+        suggestionsRef: HTMLUListElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    focus: () => void;
+    blur: () => void;
+    validate: () => Promise<void>;
+    inputElement: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | null, HTMLInputElement | HTMLTextAreaElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+    clear: () => any;
+    input: (event: Event) => any;
+    change: (value: string | number, event: Event) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    "update:error": (error: string | null) => any;
+    enter: (event: KeyboardEvent) => any;
+    validate: (isValid: boolean, error: string | null) => any;
+    "select-suggestion": (suggestion: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
+    onChange?: ((value: string | number, event: Event) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:error"?: ((error: string | null) => any) | undefined;
+    onEnter?: ((event: KeyboardEvent) => any) | undefined;
+    onValidate?: ((isValid: boolean, error: string | null) => any) | undefined;
+    "onSelect-suggestion"?: ((suggestion: string) => any) | undefined;
+}>, {
+    modelValue: string | number;
+    type: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | "textarea";
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    required: boolean;
+    color: string;
+    variant: "outlined" | "filled" | "underlined" | "ghost";
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "full";
+    resize: "none" | "vertical" | "horizontal" | "both";
+    clearable: boolean;
+    labelPlacement: "top" | "top-left" | "top-center" | "top-right" | "bottom" | "left" | "right" | "floating" | "inside";
+    readonly: boolean;
+    labelAnimation: "morph" | "slide" | "fade" | "none";
+    validateOn: "blur" | "input" | "submit" | "never";
+    autofocus: boolean;
+    spellcheck: boolean;
+    showPasswordToggle: boolean;
+    counter: boolean;
+    rows: number;
+    suggestions: string[];
+    showSuggestionsOnFocus: boolean;
+    allowOnly: "digits" | "letters" | "alphanumeric" | RegExp | ((char: string) => boolean);
+    decimalPlaces: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLTextAreaElement;
+    suggestionsRef: HTMLUListElement;
+}, 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/components/ui/SKbd.d.ts

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const kbdVariants: (props?: ({
+    variant?: "default" | "flat" | "outlined" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type KbdVariants = VariantProps<typeof kbdVariants>;
+export interface Props {
+    variant?: 'default' | 'outlined' | 'flat' | 'ghost';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    color?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg";
+    color: string;
+    variant: "default" | "outlined" | "flat" | "ghost";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/SKbdShortcut.d.ts

@@ -0,0 +1,14 @@
+interface Props {
+    keys: string[];
+    separator?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'outlined' | 'flat' | 'ghost';
+    color?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg";
+    color: string;
+    variant: "default" | "outlined" | "flat" | "ghost";
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui/SSelect.d.ts

@@ -0,0 +1,148 @@
+export interface SelectOption {
+    value: any;
+    label?: string;
+    disabled?: boolean;
+    icon?: string;
+    image?: string;
+    description?: string;
+    color?: string;
+    group?: string;
+}
+export interface Props {
+    modelValue?: any | any[];
+    options?: SelectOption[];
+    multiple?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    variant?: 'outlined' | 'filled' | 'underlined';
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    maxHeight?: string;
+    closeOnSelect?: boolean;
+    tagLimit?: number;
+    noOptionsText?: string;
+    noResultsText?: string;
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    teleport?: boolean | string;
+    placement?: 'bottom' | 'top' | 'auto';
+    arrowIcon?: string;
+    menuWidth?: string | number;
+    menuAlign?: 'start' | 'end' | 'center';
+    creatable?: boolean;
+    createText?: string;
+    labelPlacement?: 'top' | 'top-left' | 'top-center' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'left-top' | 'left-center' | 'left-bottom' | 'right' | 'right-top' | 'right-center' | 'right-bottom';
+    labelPlaceholder?: string;
+    filter?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        tag?(_: {
+            key: any;
+            option: SelectOption;
+            remove: () => void;
+        }): any;
+        selected?(_: {
+            option: SelectOption;
+        }): any;
+        suffix?(_: {}): any;
+        arrow?(_: {
+            isOpen: boolean;
+        }): any;
+        header?(_: {}): any;
+        option?(_: {
+            option: SelectOption;
+            selected: boolean;
+        }): any;
+        option?(_: {
+            option: SelectOption;
+            selected: boolean;
+            highlighted: boolean;
+        }): any;
+        empty?(_: {}): any;
+        empty?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        loading?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLDivElement;
+        filterInputRef: HTMLInputElement;
+        dropdownRef: HTMLDivElement;
+        searchInputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+    close: () => any;
+    search: (query: string) => any;
+    change: (value: any, event?: Event | undefined) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    open: () => any;
+    create: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSearch?: ((query: string) => any) | undefined;
+    onChange?: ((value: any, event?: Event | undefined) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onCreate?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: any | any[];
+    size: "small" | "medium" | "large";
+    placement: "bottom" | "top" | "auto";
+    filter: boolean;
+    disabled: boolean;
+    label: string;
+    placeholder: string;
+    required: boolean;
+    color: string;
+    variant: "outlined" | "filled" | "underlined";
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "full";
+    teleport: boolean | string;
+    error: string;
+    multiple: boolean;
+    maxHeight: string;
+    options: SelectOption[];
+    searchable: boolean;
+    clearable: boolean;
+    closeOnSelect: boolean;
+    tagLimit: number;
+    noOptionsText: string;
+    noResultsText: string;
+    hint: string;
+    arrowIcon: string;
+    menuWidth: string | number;
+    menuAlign: "start" | "end" | "center";
+    creatable: boolean;
+    createText: string;
+    labelPlacement: "top" | "top-left" | "top-center" | "top-right" | "bottom" | "bottom-left" | "bottom-center" | "bottom-right" | "left" | "left-top" | "left-center" | "left-bottom" | "right" | "right-top" | "right-center" | "right-bottom";
+    labelPlaceholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLDivElement;
+    filterInputRef: HTMLInputElement;
+    dropdownRef: HTMLDivElement;
+    searchInputRef: HTMLInputElement;
+}, 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/components/ui/SSkeleton.d.ts

@@ -0,0 +1,37 @@
+import { VariantProps } from 'class-variance-authority';
+declare const skeletonVariants: (props?: ({
+    shape?: "rounded" | "rectangular" | "circular" | null | undefined;
+    animation?: "none" | "pulse" | "wave" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type SkeletonVariants = VariantProps<typeof skeletonVariants>;
+export interface Props {
+    /** Shape variant */
+    shape?: 'rectangular' | 'circular' | 'rounded';
+    /** Animation type */
+    animation?: 'wave' | 'pulse' | 'none';
+    /** Width (CSS value) */
+    width?: string;
+    /** Height (CSS value) */
+    height?: string;
+    /** Shorthand for equal width and height */
+    size?: string;
+    /** Custom border radius override */
+    borderRadius?: string;
+    /** Number of lines to render (for text-like skeletons) */
+    lines?: number;
+    /** Gap between lines */
+    lineGap?: string;
+    /** Additional class */
+    skeletonClass?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: string;
+    width: string;
+    borderRadius: string;
+    height: string;
+    animation: "wave" | "pulse" | "none";
+    shape: "rectangular" | "circular" | "rounded";
+    lines: number;
+    lineGap: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui/SSwitch.d.ts

@@ -0,0 +1,61 @@
+export interface Props {
+    modelValue?: boolean | string | number;
+    type?: 'inset' | 'outset';
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    checkedValue?: boolean | string | number;
+    uncheckedValue?: boolean | string | number;
+    labelBefore?: string;
+    labelAfter?: string;
+    checkedIcon?: string;
+    uncheckedIcon?: string;
+    checkedText?: string;
+    uncheckedText?: string;
+    trackClass?: string;
+    thumbClass?: string;
+    labelClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'checked-icon'?(_: {}): any;
+        'unchecked-icon'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+    change: (value: string | number | boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    modelValue: boolean | string | number;
+    type: "inset" | "outset";
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    color: string;
+    loading: boolean;
+    checkedValue: boolean | string | number;
+    uncheckedValue: boolean | string | number;
+    labelBefore: string;
+    labelAfter: string;
+    checkedIcon: string;
+    uncheckedIcon: string;
+    checkedText: string;
+    uncheckedText: string;
+    trackClass: string;
+    thumbClass: string;
+    labelClass: 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/components/ui/STooltip.d.ts

@@ -0,0 +1,82 @@
+export interface Props {
+    placement?: 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    trigger?: 'hover' | 'click' | 'focus' | 'manual';
+    content?: string;
+    showDelay?: number;
+    hideDelay?: number;
+    offset?: number;
+    arrow?: boolean;
+    arrowSize?: number;
+    theme?: 'dark' | 'light' | 'custom';
+    color?: string;
+    textColor?: string;
+    maxWidth?: string;
+    disabled?: boolean;
+    visible?: boolean;
+    teleport?: string;
+    zIndex?: number;
+    interactive?: boolean;
+    transition?: string;
+    tooltipClass?: string;
+}
+declare function show(): void;
+declare function hide(): void;
+declare function toggle(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLDivElement;
+        tooltipRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    show: typeof show;
+    hide: typeof hide;
+    toggle: typeof toggle;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (visible: boolean) => any;
+    show: () => any;
+    hide: () => any;
+    "update:visible": (visible: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onToggle?: ((visible: boolean) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+    placement: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+    trigger: "hover" | "click" | "focus" | "manual";
+    disabled: boolean;
+    transition: string;
+    color: string;
+    zIndex: number;
+    theme: "dark" | "light" | "custom";
+    content: string;
+    showDelay: number;
+    hideDelay: number;
+    offset: number;
+    arrow: boolean;
+    arrowSize: number;
+    textColor: string;
+    maxWidth: string;
+    visible: boolean;
+    teleport: string;
+    interactive: boolean;
+    tooltipClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLDivElement;
+    tooltipRef: HTMLDivElement;
+}, 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/components/ui/accordion/SAccordionContent.d.ts

@@ -0,0 +1,23 @@
+export interface Props {
+    /** Custom content classes */
+    contentClass?: 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<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    contentClass: 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/components/ui/accordion/SAccordionItem.d.ts

@@ -0,0 +1,70 @@
+export interface Props {
+    /** Unique identifier for this item */
+    name: string | number;
+    /** Header title text */
+    title?: string;
+    /** Optional subtitle text */
+    subtitle?: string;
+    /** MDI icon name for header */
+    icon?: string;
+    /** Custom expand icon (MDI icon name, replaces default chevron) */
+    expandIcon?: string;
+    /** Disable this item */
+    disabled?: boolean;
+    /** Lazy render content */
+    lazy?: boolean;
+    /** Custom header classes */
+    headerClass?: string;
+    /** Custom content classes */
+    contentClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            expanded: boolean;
+            toggle: () => void;
+            disabled: boolean;
+        }): any;
+        default?(_: {}): any;
+        header?(_: {
+            expanded: boolean;
+            toggle: () => void;
+            disabled: boolean;
+        }): any;
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        extra?(_: {}): any;
+        icon?(_: {
+            expanded: boolean;
+        }): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (expanded: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onToggle?: ((expanded: boolean) => any) | undefined;
+}>, {
+    icon: string;
+    disabled: boolean;
+    title: string;
+    contentClass: string;
+    lazy: boolean;
+    subtitle: string;
+    expandIcon: string;
+    headerClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: HTMLDivElement;
+}, 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/components/ui/accordion/SAccordionTrigger.d.ts

@@ -0,0 +1,37 @@
+export interface Props {
+    /** Hide the default arrow indicator */
+    hideArrow?: boolean;
+    /** Custom classes for the trigger button */
+    triggerClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {
+            expanded: boolean;
+            disabled: boolean;
+        }): any;
+        default?(_: {
+            expanded: boolean;
+            disabled: boolean;
+        }): any;
+        arrow?(_: {
+            expanded: boolean;
+            disabled: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    hideArrow: boolean;
+    triggerClass: 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/components/ui/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SAccordion } from './SAccordion';
+export { default as SAccordionItem } from './SAccordionItem';
+export { default as SAccordionTrigger } from './SAccordionTrigger';
+export { default as SAccordionContent } from './SAccordionContent';

package/dist/components/ui/avatar/SAvatar.d.ts

@@ -0,0 +1,36 @@
+export interface AvatarProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
+    shape?: 'circle' | 'square' | 'rounded';
+    bordered?: boolean;
+    borderColor?: string;
+    ring?: boolean;
+    ringColor?: string;
+    status?: 'online' | 'offline' | 'busy' | 'away' | null;
+    statusPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+}
+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<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | number;
+    borderColor: string;
+    bordered: boolean;
+    shape: "circle" | "square" | "rounded";
+    ring: boolean;
+    ringColor: string;
+    status: "online" | "offline" | "busy" | "away" | null;
+    statusPosition: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+}, {}, {}, {}, 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;
+    };
+};