@sakoa/ui 0.1.0

package/dist/components/ui/card/SGlassCard.d.ts

@@ -0,0 +1,103 @@
+interface Props {
+    /** Size preset affecting padding and spacing */
+    size?: 'compact' | 'default' | 'comfortable';
+    /** Border radius */
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    /** Enable hover animation effects */
+    hoverable?: boolean;
+    /** Enable press/click effect */
+    pressable?: boolean;
+    /** Make entire card clickable */
+    clickable?: boolean;
+    /** Show loading skeleton state */
+    loading?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Enable spotlight/glow effect on hover */
+    spotlight?: boolean;
+    /** Spotlight color */
+    spotlightColor?: string;
+    /** Horizontal layout (media on side) */
+    horizontal?: boolean;
+    /** Flip media to right side in horizontal layout */
+    mediaRight?: boolean;
+    /** Card width */
+    width?: string;
+    /** Card height */
+    height?: string;
+    /** Card max-width */
+    maxWidth?: string;
+    /** Custom padding override */
+    padding?: string;
+    /** Enable 3D tilt effect on hover */
+    tilt?: boolean;
+    /** Tag element to render */
+    tag?: string;
+    /** href for link cards */
+    href?: string;
+    /** router-link to */
+    to?: string | object;
+    /** Glass tint mode */
+    tint?: 'auto' | 'light' | 'dark';
+    /** Backdrop blur amount in px */
+    blur?: number;
+    /** Backdrop saturation percentage */
+    saturation?: number;
+    /** Specular highlight intensity (0-1) */
+    highlightIntensity?: number;
+    /** Accent color for text */
+    color?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        cardRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    isHovered: import('vue').Ref<boolean, boolean>;
+    isPressed: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "compact" | "default" | "comfortable";
+    disabled: boolean;
+    width: string;
+    height: string;
+    color: string;
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    tag: string;
+    href: string;
+    to: string | object;
+    tint: "auto" | "light" | "dark";
+    blur: number;
+    saturation: number;
+    highlightIntensity: number;
+    maxWidth: string;
+    horizontal: boolean;
+    padding: string;
+    hoverable: boolean;
+    pressable: boolean;
+    clickable: boolean;
+    spotlight: boolean;
+    spotlightColor: string;
+    mediaRight: boolean;
+    tilt: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cardRef: unknown;
+}, 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/card/SMorphingCardContent.d.ts

@@ -0,0 +1,18 @@
+export interface Props {
+    /** Padding size */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Additional class */
+    contentClass?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    contentClass: string;
+    padding: "none" | "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/card/index.d.ts

@@ -0,0 +1,24 @@
+import { InjectionKey } from 'vue';
+export interface CardContext {
+    variant: 'elevated' | 'outlined' | 'filled' | 'ghost' | 'glass';
+    hoverable: boolean;
+    loading: boolean;
+    horizontal: boolean;
+}
+export declare const cardContextKey: InjectionKey<CardContext>;
+export { default as SCard } from './SCard';
+export { default as SCardHeader } from './SCardHeader';
+export { default as SCardContent } from './SCardContent';
+export { default as SCardFooter } from './SCardFooter';
+export { default as SCardMedia } from './SCardMedia';
+export { default as SCardActions } from './SCardActions';
+export { default as SGlassCard } from './SGlassCard';
+export { default as SMorphingCard } from './SMorphingCard';
+export { default as SMorphingCardTrigger } from './SMorphingCardTrigger';
+export { default as SMorphingCardContent } from './SMorphingCardContent';
+export { default as SMorphingCardImage } from './SMorphingCardImage';
+export { default as SMorphingCardTitle } from './SMorphingCardTitle';
+export { default as SMorphingCardDescription } from './SMorphingCardDescription';
+export { default as SMorphingCardClose } from './SMorphingCardClose';
+export type { SMorphingCardContext } from './SMorphingCard';
+export { SMorphingCardContextKey } from './SMorphingCard';

package/dist/components/ui/carousel/SCarousel.d.ts

@@ -0,0 +1,166 @@
+export type CarouselEffect = 'slide' | 'fade' | 'cube' | 'flip' | 'coverflow' | 'cards' | 'zoom' | 'creative' | 'parallax' | 'stack' | 'swirl' | 'kenburns';
+export type CarouselDirection = 'horizontal' | 'vertical';
+export type DotsPosition = 'bottom' | 'top' | 'left' | 'right';
+export type DotsStyle = 'dots' | 'bars' | 'numbers' | 'fraction';
+export type ArrowStyle = 'default' | 'minimal' | 'rounded' | 'square';
+export type ArrowPlacement = 'sides' | 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'top-center';
+export interface Props {
+    modelValue?: number;
+    effect?: CarouselEffect;
+    direction?: CarouselDirection;
+    loop?: boolean;
+    rewind?: boolean;
+    autoplay?: boolean;
+    autoplayDelay?: number;
+    pauseOnHover?: boolean;
+    pauseOnInteraction?: boolean;
+    speed?: number;
+    easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'spring' | 'bounce';
+    showArrows?: boolean;
+    showDots?: boolean;
+    showProgress?: boolean;
+    showThumbnails?: boolean;
+    showCounter?: boolean;
+    arrowsInside?: boolean;
+    arrowStyle?: ArrowStyle;
+    arrowPlacement?: ArrowPlacement;
+    dotsPosition?: DotsPosition;
+    dotsStyle?: DotsStyle;
+    gap?: number;
+    slidesPerView?: number;
+    slidesPerGroup?: number;
+    centeredSlides?: boolean;
+    height?: string;
+    aspectRatio?: string;
+    borderRadius?: string;
+    arrowSize?: 'small' | 'medium' | 'large';
+    mousewheel?: boolean;
+    grabCursor?: boolean;
+    watchSlidesProgress?: boolean;
+    virtualSlides?: boolean;
+    freeMode?: boolean;
+    freeModeSticky?: boolean;
+    resistance?: boolean;
+    resistanceRatio?: number;
+    touchSensitivity?: number;
+    preventClicks?: boolean;
+    slideVisibleClass?: string;
+    slideActiveClass?: string;
+    containerClass?: string;
+    a11y?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        thumbnail?(_: {
+            index: number;
+            isActive: boolean;
+        }): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    next: () => void;
+    prev: () => void;
+    goTo: (index: number, skipTransition?: boolean) => void;
+    start: () => void;
+    stop: () => void;
+    pause: () => void;
+    resume: () => void;
+    activeIndex: import('vue').Ref<number, number>;
+    totalSlides: import('vue').ComputedRef<number>;
+    isTransitioning: import('vue').Ref<boolean, boolean>;
+    slideProgress: import('vue').Ref<Map<number, number> & Omit<Map<number, number>, keyof Map<any, any>>, Map<number, number> | (Map<number, number> & Omit<Map<number, number>, keyof Map<any, any>>)>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (index: number) => any;
+    "update:modelValue": (index: number) => any;
+    change: (index: number) => any;
+    slideStart: (index: number) => any;
+    slideEnd: (index: number) => any;
+    autoplayStart: () => any;
+    autoplayStop: () => any;
+    autoplayPause: () => any;
+    autoplayResume: () => any;
+    reachStart: () => any;
+    reachEnd: () => any;
+    touchStart: (event: MouseEvent | TouchEvent) => any;
+    touchMove: (event: MouseEvent | TouchEvent) => any;
+    touchEnd: () => any;
+    doubleClick: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((index: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((index: number) => any) | undefined;
+    onChange?: ((index: number) => any) | undefined;
+    onSlideStart?: ((index: number) => any) | undefined;
+    onSlideEnd?: ((index: number) => any) | undefined;
+    onAutoplayStart?: (() => any) | undefined;
+    onAutoplayStop?: (() => any) | undefined;
+    onAutoplayPause?: (() => any) | undefined;
+    onAutoplayResume?: (() => any) | undefined;
+    onReachStart?: (() => any) | undefined;
+    onReachEnd?: (() => any) | undefined;
+    onTouchStart?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchMove?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    onTouchEnd?: (() => any) | undefined;
+    onDoubleClick?: ((index: number) => any) | undefined;
+}>, {
+    modelValue: number;
+    borderRadius: string;
+    height: string;
+    arrowSize: "small" | "medium" | "large";
+    arrowStyle: ArrowStyle;
+    showProgress: boolean;
+    aspectRatio: string;
+    direction: CarouselDirection;
+    gap: number;
+    slidesPerView: number;
+    effect: CarouselEffect;
+    loop: boolean;
+    rewind: boolean;
+    autoplay: boolean;
+    autoplayDelay: number;
+    pauseOnHover: boolean;
+    pauseOnInteraction: boolean;
+    speed: number;
+    easing: "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "spring" | "bounce";
+    showArrows: boolean;
+    showDots: boolean;
+    showThumbnails: boolean;
+    showCounter: boolean;
+    arrowsInside: boolean;
+    arrowPlacement: ArrowPlacement;
+    dotsPosition: DotsPosition;
+    dotsStyle: DotsStyle;
+    slidesPerGroup: number;
+    centeredSlides: boolean;
+    mousewheel: boolean;
+    grabCursor: boolean;
+    watchSlidesProgress: boolean;
+    virtualSlides: boolean;
+    freeMode: boolean;
+    freeModeSticky: boolean;
+    resistance: boolean;
+    resistanceRatio: number;
+    touchSensitivity: number;
+    preventClicks: boolean;
+    slideVisibleClass: string;
+    slideActiveClass: string;
+    containerClass: string;
+    a11y: boolean;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: 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/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SCarousel } from './SCarousel';
+export { default as SCarouselSlide } from './SCarouselSlide';

package/dist/components/ui/color-picker/SColorPickerAlphaSlider.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    sliderRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/color-picker/SColorPickerCopy.d.ts

@@ -0,0 +1,19 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            copied: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+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/color-picker/SColorPickerEyeDropper.d.ts

@@ -0,0 +1,17 @@
+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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/color-picker/SColorPickerHueSlider.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    sliderRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/color-picker/SColorPickerInputs.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ui/color-picker/SColorPickerPresets.d.ts

@@ -0,0 +1,9 @@
+export interface Props {
+    presets?: string[];
+    label?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+    presets: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui/color-picker/SColorPickerPreview.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/color-picker/SColorPickerRecent.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    label?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui/color-picker/SColorPickerSpectrum.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    spectrumRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/ui/color-picker/index.d.ts

@@ -0,0 +1,11 @@
+export { default as SColorPicker } from './SColorPicker';
+export { default as SColorPickerSpectrum } from './SColorPickerSpectrum';
+export { default as SColorPickerHueSlider } from './SColorPickerHueSlider';
+export { default as SColorPickerAlphaSlider } from './SColorPickerAlphaSlider';
+export { default as SColorPickerPreview } from './SColorPickerPreview';
+export { default as SColorPickerEyeDropper } from './SColorPickerEyeDropper';
+export { default as SColorPickerCopy } from './SColorPickerCopy';
+export { default as SColorPickerInputs } from './SColorPickerInputs';
+export { default as SColorPickerPresets } from './SColorPickerPresets';
+export { default as SColorPickerRecent } from './SColorPickerRecent';
+export { SColorPickerContextKey, type SColorPickerContext } from './SColorPicker';

package/dist/components/ui/drawer/index.d.ts

@@ -0,0 +1,11 @@
+export { default as SDrawer } from './SDrawer';
+export { default as SDrawerHeader } from './SDrawerHeader';
+export { default as SDrawerContent } from './SDrawerContent';
+export { default as SDrawerFooter } from './SDrawerFooter';
+export { default as SDrawerTitle } from './SDrawerTitle';
+export { default as SDrawerDescription } from './SDrawerDescription';
+export { default as SDrawerClose } from './SDrawerClose';
+export { default as SDrawerTrigger } from './SDrawerTrigger';
+export { default as SDrawerHandle } from './SDrawerHandle';
+export type { DrawerSide, DrawerSize, DrawerVariant, SDrawerContext } from './SDrawer';
+export { SDrawerContextKey } from './SDrawer';

package/dist/components/ui/dropdown/SDropdownDivider.d.ts

@@ -0,0 +1,8 @@
+export interface Props {
+    /** Custom margin */
+    margin?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    margin: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui/dropdown/SDropdownGroup.d.ts

@@ -0,0 +1,25 @@
+export interface Props {
+    /** Group header label */
+    label: string;
+    /** Icon for the header */
+    icon?: 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<{}>, {
+    icon: 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/dropdown/SDropdownItem.d.ts

@@ -0,0 +1,56 @@
+export interface Props {
+    /** Unique key for the item */
+    itemKey: string;
+    /** Item label text */
+    label?: string;
+    /** Leading icon (MDI icon name) */
+    icon?: string;
+    /** Trailing icon */
+    trailingIcon?: string;
+    /** Description text below label */
+    description?: string;
+    /** Keyboard shortcut display */
+    shortcut?: string;
+    /** Disable the item */
+    disabled?: boolean;
+    /** Danger/destructive styling */
+    danger?: boolean;
+    /** Checkable state (undefined = not checkable) */
+    checked?: boolean;
+    /** Custom color for this item */
+    color?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        trailing?(_: {}): 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, {
+    click: (event: MouseEvent) => any;
+    "update:checked": (checked: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+}>, {
+    icon: string;
+    disabled: boolean;
+    label: string;
+    color: string;
+    description: string;
+    checked: boolean;
+    trailingIcon: string;
+    shortcut: string;
+    danger: boolean;
+}, {}, {}, {}, 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/dropdown/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SDropdown } from './SDropdown';
+export { default as SDropdownDivider } from './SDropdownDivider';
+export { default as SDropdownGroup } from './SDropdownGroup';
+export { default as SDropdownItem } from './SDropdownItem';

package/dist/components/ui/form/SForm.d.ts

@@ -0,0 +1,38 @@
+import { FormState } from '../../../composables/useForm';
+export interface Props {
+    /** Form state from useForm */
+    form: FormState<any>;
+    /** Whether the form is disabled */
+    disabled?: boolean;
+    /** Gap between form fields */
+    gap?: 'none' | 'sm' | 'md' | 'lg';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isSubmitting: boolean;
+            isValid: boolean;
+            isDirty: boolean;
+            errors: Record<string, string>;
+        }): 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, {
+    submit: (values: Record<string, unknown>) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSubmit?: ((values: Record<string, unknown>) => any) | undefined;
+}>, {
+    disabled: boolean;
+    gap: "none" | "sm" | "md" | "lg";
+}, {}, {}, {}, 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/form/SFormField.d.ts

@@ -0,0 +1,31 @@
+import { FieldState } from '../../../composables/useForm';
+export interface Props {
+    /** Field name matching the key in useFormValidation config */
+    name: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            field: FieldState<unknown> | null;
+            value: unknown;
+            error: string | undefined;
+            validationState: "error" | "success" | null;
+            modelValue: unknown;
+            onUpdate: (val: unknown) => void;
+            onBlur: () => void;
+            onInput: () => void;
+        }): 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<{}>, {}, {}, {}, {}, 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/form/index.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey } from 'vue';
+import { FormState } from '../../../composables/useForm';
+export declare const FORM_CONTEXT_KEY: InjectionKey<FormState>;
+export { default as SForm } from './SForm';
+export { default as SFormField } from './SFormField';

package/dist/components/ui/modal/index.d.ts

@@ -0,0 +1,19 @@
+export { default as SModal } from './SModal';
+export { default as SModalHeader } from './SModalHeader';
+export { default as SModalContent } from './SModalContent';
+export { default as SModalFooter } from './SModalFooter';
+export { default as SModalTrigger } from './SModalTrigger';
+export { default as SModalTitle } from './SModalTitle';
+export { default as SModalDescription } from './SModalDescription';
+export { default as SModalClose } from './SModalClose';
+export { default as SMorphingModal } from './SMorphingModal';
+export { default as SMorphingModalTrigger } from './SMorphingModalTrigger';
+export { default as SMorphingModalClose } from './SMorphingModalClose';
+export { default as SMorphingModalTitle } from './SMorphingModalTitle';
+export { default as SMorphingModalSubtitle } from './SMorphingModalSubtitle';
+export { default as SMorphingModalDescription } from './SMorphingModalDescription';
+export { default as SMorphingModalImage } from './SMorphingModalImage';
+export type { ModalSize, ModalVariant, ModalAnimation, ModalPosition, SModalContext } from './SModal';
+export { SModalContextKey } from './SModal';
+export type { SMorphingModalContext } from './SMorphingModal';
+export { SMorphingModalContextKey } from './SMorphingModal';

package/dist/components/ui/option/SOption.d.ts

@@ -0,0 +1,32 @@
+export interface Props {
+    value: any;
+    label?: string;
+    disabled?: boolean;
+    icon?: string;
+    description?: string;
+    color?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        suffix?(_: {}): 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<{}>, {
+    icon: string;
+    disabled: boolean;
+    label: string;
+    color: string;
+    description: 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;
+    };
+};