@jasmine-ui/vue 0.6.0

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

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

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

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

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

@@ -0,0 +1,164 @@
+import { ExtractPropTypes, Ref } from 'vue';
+import { inputProps } from './input.props';
+type InputProps = ExtractPropTypes<typeof inputProps>;
+type ValidationState = 'error' | 'success' | undefined;
+type InputEmitFn = {
+    (event: 'update:modelValue', value: string | number): void;
+    (event: 'focus', e: FocusEvent): void;
+    (event: 'blur', e: FocusEvent): void;
+    (event: 'clear'): void;
+    (event: 'validation', result: {
+        valid: boolean;
+        errors: string[];
+    }): void;
+};
+/**
+ * Composable that handles Input component logic.
+ * Returns computed class bindings, state refs, and event handlers.
+ */
+export declare const useInput: (props: InputProps, emit: InputEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        wrapper: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        container: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        start: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        native: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        clear: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        end: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        message: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        wrapper: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        container: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        start: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        native: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        clear: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        toggle: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        end: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        message: (slotProps?: ({
+            variant?: "outline" | "filled" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            isLabelFloating?: boolean | undefined;
+            validationState?: "success" | "error" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    isFocused: Ref<boolean, boolean>;
+    isLabelFloating: import('vue').ComputedRef<boolean>;
+    isPasswordVisible: Ref<boolean, boolean>;
+    computedType: import('vue').ComputedRef<"number" | "text" | "search" | "email" | "password" | "tel" | "url">;
+    validationState: import('vue').ComputedRef<ValidationState>;
+    displayMessage: import('vue').ComputedRef<string | undefined>;
+    computedPlaceholder: import('vue').ComputedRef<string | undefined>;
+    inputId: import('vue').ComputedRef<string>;
+    handleInput: (event: Event) => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+    handleClear: () => void;
+    togglePassword: () => void;
+    validate: () => Promise<void>;
+};
+export {};

package/dist/components/input/input.d.ts

@@ -0,0 +1,213 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        startContent?(_: {}): any;
+        passwordToggle?(_: {
+            isVisible: boolean;
+        }): any;
+        endContent?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<"number" | "text" | "search" | "email" | "password" | "tel" | "url">;
+        default: "text";
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').InputVariant>;
+        default: "outline";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    schema: {
+        type: import('vue').PropType<import('@standard-schema/spec').StandardSchemaV1>;
+        default: undefined;
+    };
+    validateOn: {
+        type: import('vue').PropType<"blur" | "input" | "debounce">;
+        default: "blur";
+    };
+    debounceMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string | number) => any;
+    clear: () => any;
+    focus: (event: FocusEvent) => any;
+    validation: (result: {
+        valid: boolean;
+        errors: string[];
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: import('vue').PropType<string | number>;
+        default: string;
+    };
+    type: {
+        type: import('vue').PropType<"number" | "text" | "search" | "email" | "password" | "tel" | "url">;
+        default: "text";
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').InputVariant>;
+        default: "outline";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    schema: {
+        type: import('vue').PropType<import('@standard-schema/spec').StandardSchemaV1>;
+        default: undefined;
+    };
+    validateOn: {
+        type: import('vue').PropType<"blur" | "input" | "debounce">;
+        default: "blur";
+    };
+    debounceMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onValidation?: ((result: {
+        valid: boolean;
+        errors: string[];
+    }) => any) | undefined;
+}>, {
+    variant: import('../..').InputVariant;
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    success: boolean;
+    label: string;
+    modelValue: string | number;
+    type: "number" | "text" | "search" | "email" | "password" | "tel" | "url";
+    isDisabled: boolean;
+    placeholder: string;
+    name: string;
+    id: string;
+    isClearable: boolean;
+    autocomplete: string;
+    message: string;
+    error: boolean;
+    isReadonly: boolean;
+    schema: import('@standard-schema/spec').StandardSchemaV1<unknown, unknown>;
+    validateOn: "blur" | "input" | "debounce";
+    debounceMs: number;
+}, {}, {}, {}, 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/input/input.props.d.ts

@@ -0,0 +1,83 @@
+import { StandardSchemaV1 } from '@standard-schema/spec';
+import { PropType } from 'vue';
+type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+type ValidateOn = 'input' | 'blur' | 'debounce';
+export declare const inputProps: {
+    modelValue: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    type: {
+        type: PropType<InputType>;
+        default: "text";
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<import('../..').InputVariant>;
+        default: "outline";
+    };
+    size: {
+        type: PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        type: PropType<import('../..').Radius>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isReadonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isClearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    schema: {
+        type: PropType<StandardSchemaV1>;
+        default: undefined;
+    };
+    validateOn: {
+        type: PropType<ValidateOn>;
+        default: "blur";
+    };
+    debounceMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    success: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export {};

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

@@ -0,0 +1,187 @@
+export declare const inputVariants: 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;
+    toggle: 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;
+    toggle: 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;
+    toggle: string;
+    end: string;
+    message: string;
+}, undefined, unknown, unknown, undefined>>;

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

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