@jasmine-ui/vue 0.6.0

package/dist/components/alert/alert.d.ts

@@ -0,0 +1,89 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+        action?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').AlertVariant>;
+        default: "solid";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    icon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').AlertVariant>;
+        default: "solid";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    icon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    variant: import('../..').AlertVariant;
+    color: import('../..').Color;
+    radius: import('../..').Radius;
+    title: string;
+    icon: boolean;
+    description: string;
+    isClosable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/components/alert/alert.props.d.ts

@@ -0,0 +1,30 @@
+export declare const alertProps: {
+    title: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    description: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').AlertVariant>;
+        default: "solid";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    icon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/components/alert/alert.style.d.ts

@@ -0,0 +1,154 @@
+export declare const alertVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    content: string;
+    title: string;
+    description: string;
+    action: string;
+    close: string;
+}, undefined, {
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    content: string;
+    title: string;
+    description: string;
+    action: string;
+    close: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    variant: {
+        solid: {
+            base: string;
+        };
+        outline: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    icon: string;
+    content: string;
+    title: string;
+    description: string;
+    action: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/alert/index.d.ts

@@ -0,0 +1 @@
+export { default as Alert } from './alert';

package/dist/components/avatar/avatar.composable.d.ts

@@ -0,0 +1,79 @@
+import { ComputedRef, ExtractPropTypes } from 'vue';
+import { avatarProps } from './avatar.props';
+type AvatarProps = ExtractPropTypes<typeof avatarProps>;
+type DisplayMode = 'slot' | 'image' | 'initials' | 'fallback-slot' | 'fallback-image' | 'fallback-content' | 'icon';
+interface SlotFlags {
+    /** Whether the default slot has content (full custom override) */
+    hasDefaultSlot: ComputedRef<boolean>;
+    /** Whether the fallback slot has content (custom fallback) */
+    hasFallbackSlot: ComputedRef<boolean>;
+}
+/**
+ * Extracts initials from a name string.
+ * Single name → first letter. Two+ words → first and last initials.
+ */
+export declare const getInitials: (name: string) => string;
+/**
+ * Composable that handles Avatar component logic.
+ * Manages the smart fallback chain: image → initials → fallback → icon.
+ */
+export declare const useAvatar: (props: AvatarProps, slotFlags: SlotFlags) => {
+    classes: ComputedRef<{
+        base: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        image: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        initials: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        fallback: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        icon: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        base: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        image: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        initials: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        fallback: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        icon: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    initials: ComputedRef<string>;
+    displayMode: ComputedRef<DisplayMode>;
+    handleImageError: () => void;
+    handleImageLoad: () => void;
+};
+export {};

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

@@ -0,0 +1,111 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        fallback?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    alt: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    fallbackSrc: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    fallbackContent: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFallback: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    alt: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    fallbackSrc: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    fallbackContent: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: import('vue').PropType<import('../..').Color>;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFallback: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    color: import('../..').Color;
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    alt: string;
+    isDisabled: boolean;
+    src: string;
+    name: string;
+    fallbackSrc: string;
+    fallbackContent: string;
+    showFallback: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+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/avatar/avatar.props.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+/** Props definition for the Avatar component */
+export declare const avatarProps: {
+    /** URL of the avatar image */
+    src: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /** Name used to compute initials (fallback when no image) */
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /** Alt text for the avatar image */
+    alt: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /** Fallback image URL shown when primary image fails and no name is set */
+    fallbackSrc: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /** Fallback text content shown when primary image fails and no name is set */
+    fallbackContent: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    color: {
+        default: "default";
+        type: PropType<import('../..').Color>;
+    };
+    size: {
+        type: PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: PropType<import('../..').Radius>;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Forces the fallback state, skipping image display */
+    showFallback: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/dist/components/avatar/avatar.style.d.ts

@@ -0,0 +1,158 @@
+/** Tailwind Variants definition for the Avatar component */
+export declare const avatarVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    image: string;
+    initials: string;
+    fallback: string;
+    icon: string;
+}, undefined, {
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    image: string;
+    initials: string;
+    fallback: string;
+    icon: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+    };
+    size: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    image: string;
+    initials: string;
+    fallback: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/components/avatar/index.d.ts

@@ -0,0 +1 @@
+export { default as Avatar } from './avatar';