@jasmine-ui/vue 0.6.0

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

@@ -0,0 +1,184 @@
+export declare const textareaVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {
+            container: string;
+        };
+        filled: {
+            container: string;
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+        };
+        md: {
+            container: string;
+        };
+        lg: {
+            container: string;
+        };
+    };
+    radius: {
+        none: {
+            container: string;
+        };
+        sm: {
+            container: string;
+        };
+        md: {
+            container: string;
+        };
+        lg: {
+            container: string;
+        };
+        full: {
+            container: string;
+        };
+    };
+    validationState: {
+        error: {
+            container: string;
+            message: string;
+        };
+        success: {
+            container: string;
+            message: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    container: string;
+    start: string;
+    label: string;
+    native: string;
+    clear: string;
+    end: string;
+    message: string;
+}, undefined, {
+    variant: {
+        outline: {
+            container: string;
+        };
+        filled: {
+            container: string;
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+        };
+        md: {
+            container: string;
+        };
+        lg: {
+            container: string;
+        };
+    };
+    radius: {
+        none: {
+            container: string;
+        };
+        sm: {
+            container: string;
+        };
+        md: {
+            container: string;
+        };
+        lg: {
+            container: string;
+        };
+        full: {
+            container: string;
+        };
+    };
+    validationState: {
+        error: {
+            container: string;
+            message: string;
+        };
+        success: {
+            container: string;
+            message: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    container: string;
+    start: string;
+    label: string;
+    native: string;
+    clear: string;
+    end: string;
+    message: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {
+            container: string;
+        };
+        filled: {
+            container: string;
+        };
+    };
+    size: {
+        sm: {
+            container: string;
+        };
+        md: {
+            container: string;
+        };
+        lg: {
+            container: string;
+        };
+    };
+    radius: {
+        none: {
+            container: string;
+        };
+        sm: {
+            container: string;
+        };
+        md: {
+            container: string;
+        };
+        lg: {
+            container: string;
+        };
+        full: {
+            container: string;
+        };
+    };
+    validationState: {
+        error: {
+            container: string;
+            message: string;
+        };
+        success: {
+            container: string;
+            message: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    container: string;
+    start: string;
+    label: string;
+    native: string;
+    clear: string;
+    end: string;
+    message: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1,2 @@
+export { useToast } from './toast.composable';
+export { default as ToastProvider } from './toast-provider';

package/dist/components/toast/toast-provider.d.ts

@@ -0,0 +1,47 @@
+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').ExtractPropTypes<{
+    position: {
+        type: import('vue').PropType<import('../..').ToastPosition>;
+        default: "bottom-right";
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    position: {
+        type: import('vue').PropType<import('../..').ToastPosition>;
+        default: "bottom-right";
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    position: import('../..').ToastPosition;
+    duration: number;
+    max: number;
+}, {}, {}, {}, 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/toast/toast.composable.d.ts

@@ -0,0 +1,16 @@
+import { ToastOptions } from './toast.provider';
+type ShorthandOptions = Partial<Omit<ToastOptions, 'title' | 'color'>>;
+/**
+ * Composable that provides toast notification methods.
+ * Must be used inside a ToastProvider.
+ */
+export declare const useToast: () => {
+    create: (options: ToastOptions) => string;
+    success: (title: string, options?: ShorthandOptions) => string;
+    danger: (title: string, options?: ShorthandOptions) => string;
+    warning: (title: string, options?: ShorthandOptions) => string;
+    info: (title: string, options?: ShorthandOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+};
+export {};

package/dist/components/toast/toast.props.d.ts

@@ -0,0 +1,14 @@
+export declare const toastProviderProps: {
+    position: {
+        type: import('vue').PropType<import('../..').ToastPosition>;
+        default: "bottom-right";
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+};

package/dist/components/toast/toast.provider.d.ts

@@ -0,0 +1,48 @@
+import { InjectionKey } from 'vue';
+import { AlertVariant, Color } from '../../types/common';
+/** Action button configuration for a toast */
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+/** Options passed to toast.create() */
+export interface ToastOptions {
+    title: string;
+    description?: string;
+    color?: Color;
+    variant?: AlertVariant;
+    duration?: number;
+    isClosable?: boolean;
+    action?: ToastAction;
+}
+/** Internal resolved options with defaults applied */
+export interface ResolvedToastOptions {
+    title: string;
+    description?: string;
+    color: Color;
+    variant: AlertVariant;
+    duration: number;
+    isClosable: boolean;
+    action?: ToastAction;
+}
+/** Internal state for a single toast */
+export interface ToastState {
+    id: string;
+    options: ResolvedToastOptions;
+    remaining: number;
+    pausedAt: number | null;
+    startedAt: number;
+    timeoutId: ReturnType<typeof setTimeout> | null;
+}
+/** Methods provided by ToastProvider to descendants */
+export interface ToastContext {
+    add: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+    dismissAll: () => void;
+    defaultDuration: number;
+}
+/** Injection key for ToastProvider */
+export declare const TOAST_INJECTION_KEY: InjectionKey<ToastContext>;
+export declare const generateToastId: () => string;
+/** Resets counter -- for testing only */
+export declare const resetToastCounter: () => void;

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

@@ -0,0 +1,76 @@
+export declare const toastContainerVariants: import('tailwind-variants').TVReturnType<{
+    position: {
+        'top-left': {
+            container: string;
+        };
+        'top-right': {
+            container: string;
+        };
+        'bottom-left': {
+            container: string;
+        };
+        'bottom-right': {
+            container: string;
+        };
+        'top-center': {
+            container: string;
+        };
+        'bottom-center': {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    wrapper: string;
+    progress: string;
+}, undefined, {
+    position: {
+        'top-left': {
+            container: string;
+        };
+        'top-right': {
+            container: string;
+        };
+        'bottom-left': {
+            container: string;
+        };
+        'bottom-right': {
+            container: string;
+        };
+        'top-center': {
+            container: string;
+        };
+        'bottom-center': {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    wrapper: string;
+    progress: string;
+}, import('tailwind-variants').TVReturnType<{
+    position: {
+        'top-left': {
+            container: string;
+        };
+        'top-right': {
+            container: string;
+        };
+        'bottom-left': {
+            container: string;
+        };
+        'bottom-right': {
+            container: string;
+        };
+        'top-center': {
+            container: string;
+        };
+        'bottom-center': {
+            container: string;
+        };
+    };
+}, {
+    container: string;
+    wrapper: string;
+    progress: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,85 @@
+import { ExtractPropTypes } from 'vue';
+import { tooltipProps } from './tooltip.props';
+type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
+type TooltipEmitFn = {
+    (event: 'update:open', value: boolean): void;
+    (event: 'open'): void;
+    (event: 'close'): void;
+};
+/**
+ * Composable that handles Tooltip component logic.
+ * Manages controlled/uncontrolled open state, disabled guard,
+ * and TV class computation. Hover/delay is handled by reka-ui's TooltipRoot.
+ */
+export declare const useTooltip: (props: TooltipProps, emit: TooltipEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        content: (slotProps?: ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({} & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        arrow: (slotProps?: ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({} & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        content: (slotProps?: ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({} & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        arrow: (slotProps?: ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({
+            [x: string]: string | number | undefined;
+            [x: number]: string | number | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | ({} & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    resolvedOpen: import('vue').ComputedRef<boolean | undefined>;
+    handleOpenChange: (value: boolean) => void;
+};
+export {};

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,119 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "top";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "center";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    delayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hasArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    open: () => any;
+    close: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    side: {
+        type: import('vue').PropType<"top" | "right" | "bottom" | "left">;
+        default: "top";
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    align: {
+        type: import('vue').PropType<"start" | "center" | "end">;
+        default: "center";
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    delayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    hasArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    content: string;
+    isDisabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    side: "bottom" | "left" | "right" | "top";
+    sideOffset: number;
+    align: "center" | "start" | "end";
+    alignOffset: number;
+    hasArrow: boolean;
+    delayDuration: number;
+}, {}, {}, {}, 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/tooltip/tooltip.props.d.ts

@@ -0,0 +1,53 @@
+import { PropType } from 'vue';
+/** Props definition for the Tooltip component */
+export declare const tooltipProps: {
+    /** Text content displayed inside the tooltip */
+    content: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /** Controlled open state (v-model:open) */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Initial uncontrolled open state */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Which side of the trigger to position the tooltip */
+    side: {
+        type: PropType<"top" | "right" | "bottom" | "left">;
+        default: "top";
+    };
+    /** Gap between trigger and tooltip content in pixels */
+    sideOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Alignment along the perpendicular axis */
+    align: {
+        type: PropType<"start" | "center" | "end">;
+        default: "center";
+    };
+    /** Offset along the alignment axis in pixels */
+    alignOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Delay in ms before the tooltip opens on hover */
+    delayDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Shows an arrow pointing to the trigger */
+    hasArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,32 @@
+/** Tailwind Variants definition for the Tooltip component */
+export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            arrow?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            arrow?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            content?: import('tailwind-merge').ClassNameValue;
+            arrow?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    content: string;
+    arrow: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    content: string;
+    arrow: string;
+}, undefined, unknown, unknown, undefined>>;