@jasmine-ui/vue 0.6.0

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

@@ -0,0 +1,58 @@
+import { ComputedRef, ExtractPropTypes } from 'vue';
+import { badgeProps } from './badge.props';
+type BadgeProps = ExtractPropTypes<typeof badgeProps>;
+interface SlotFlags {
+    /** Whether the content slot has content (custom badge content) */
+    hasContentSlot: ComputedRef<boolean>;
+}
+/**
+ * Composable that handles Badge component logic.
+ * Returns computed class bindings and derived dot state.
+ */
+export declare const useBadge: (props: BadgeProps, slotFlags: SlotFlags) => {
+    classes: ComputedRef<{
+        wrapper: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | 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;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        ping: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        wrapper: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | 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;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        ping: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        content: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    isDot: ComputedRef<boolean>;
+};
+export {};

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,85 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+        content?(_: {}): 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 | number>;
+        default: undefined;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    placement: {
+        type: import('vue').PropType<import('../..').BadgePlacement>;
+        default: "top-right";
+    };
+    isIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOutline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: import('vue').PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    placement: {
+        type: import('vue').PropType<import('../..').BadgePlacement>;
+        default: "top-right";
+    };
+    isIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showOutline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    content: string | number;
+    color: import('../..').Color;
+    size: import('../..').Size;
+    isDisabled: boolean;
+    placement: import('../..').BadgePlacement;
+    isIndicator: boolean;
+    showOutline: boolean;
+}, {}, {}, {}, 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/badge/badge.props.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+/** Props definition for the Badge component */
+export declare const badgeProps: {
+    /** Text or numeric content displayed inside the badge */
+    content: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        type: PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: PropType<import('../..').Size>;
+        default: "md";
+    };
+    placement: {
+        type: PropType<import('../..').BadgePlacement>;
+        default: "top-right";
+    };
+    /** Enables pulsing ping animation on the badge */
+    isIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Shows a contrasting outline ring around the badge */
+    showOutline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

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

@@ -0,0 +1,146 @@
+/** Tailwind Variants definition for the Badge component */
+export declare const badgeVariants: 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;
+        };
+    };
+    placement: {
+        'top-right': {
+            base: string;
+        };
+        'top-left': {
+            base: string;
+        };
+        'bottom-right': {
+            base: string;
+        };
+        'bottom-left': {
+            base: string;
+        };
+    };
+}, {
+    wrapper: string;
+    base: string;
+    ping: string;
+    content: 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;
+        };
+    };
+    placement: {
+        'top-right': {
+            base: string;
+        };
+        'top-left': {
+            base: string;
+        };
+        'bottom-right': {
+            base: string;
+        };
+        'bottom-left': {
+            base: string;
+        };
+    };
+}, {
+    wrapper: string;
+    base: string;
+    ping: string;
+    content: 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;
+        };
+    };
+    placement: {
+        'top-right': {
+            base: string;
+        };
+        'top-left': {
+            base: string;
+        };
+        'bottom-right': {
+            base: string;
+        };
+        'bottom-left': {
+            base: string;
+        };
+    };
+}, {
+    wrapper: string;
+    base: string;
+    ping: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,14 @@
+import { ExtractPropTypes } from 'vue';
+import { Size } from '../../types/common';
+import { buttonProps } from './button.props';
+type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+/**
+ * Composable that handles Button component logic.
+ * Returns computed class bindings and event handlers.
+ */
+export declare const useButton: (props: ButtonProps, emit: (event: "click", payload: MouseEvent) => void) => {
+    classes: import('vue').ComputedRef<string>;
+    spinnerSize: import('vue').ComputedRef<Size>;
+    handleClick: (event: MouseEvent) => void;
+};
+export {};

package/dist/components/button/button.d.ts

@@ -0,0 +1,96 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').Variant>;
+        default: "solid";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: undefined;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isIconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import('vue').PropType<"button" | "submit" | "reset">;
+        default: "button";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    variant: {
+        type: import('vue').PropType<import('../..').Variant>;
+        default: "solid";
+    };
+    radius: {
+        type: import('vue').PropType<import('../..').Radius>;
+        default: undefined;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isIconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import('vue').PropType<"button" | "submit" | "reset">;
+        default: "button";
+    };
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    variant: import('../..').Variant;
+    color: import('../..').Color;
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    type: "button" | "submit" | "reset";
+    isDisabled: boolean;
+    isIconOnly: boolean;
+    isLoading: boolean;
+}, {}, {}, {}, 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/button/button.props.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { Radius } from '../../types/common';
+export declare const buttonProps: {
+    color: {
+        type: PropType<import('../../types/common').Color>;
+        default: "primary";
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+    variant: {
+        type: PropType<import('../../types/common').Variant>;
+        default: "solid";
+    };
+    radius: {
+        type: PropType<Radius>;
+        default: undefined;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isIconOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: "button";
+    };
+};

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

@@ -0,0 +1,88 @@
+export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        danger: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        text: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    isIconOnly: {
+        true: string;
+        false: string;
+    };
+}, undefined, "button", {
+    color: {
+        default: string;
+        primary: string;
+        danger: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        text: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    isIconOnly: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        danger: string;
+        success: string;
+        warning: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        text: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    isIconOnly: {
+        true: string;
+        false: string;
+    };
+}, undefined, "button", unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,56 @@
+import { ExtractPropTypes } from 'vue';
+import { checkboxProps } from './checkbox.props';
+type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+type CheckboxEmitFn = (event: 'update:modelValue', value: boolean) => void;
+/**
+ * Composable that handles Checkbox component logic.
+ * Returns computed class bindings and toggle handlers.
+ */
+export declare const useCheckbox: (props: CheckboxProps, emit: CheckboxEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        root: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        box: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        indicator: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | 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;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {
+        root: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        box: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        indicator: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | 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;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        label: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    toggle: () => void;
+    handleChange: (value: boolean) => void;
+};
+export {};

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: import('../..').Color;
+    size: import('../..').Size;
+    label: string;
+    modelValue: boolean;
+    isDisabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;