@jasmine-ui/vue 0.6.0

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

@@ -0,0 +1,199 @@
+export declare const selectVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {
+            trigger: string;
+        };
+        filled: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+    radius: {
+        none: {
+            trigger: string;
+        };
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+        full: {
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+        };
+        primary: {
+            trigger: string;
+        };
+        danger: {
+            trigger: string;
+        };
+        success: {
+            trigger: string;
+        };
+        warning: {
+            trigger: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string;
+    label: string;
+    value: string;
+    icon: string;
+    clear: string;
+}, undefined, {
+    variant: {
+        outline: {
+            trigger: string;
+        };
+        filled: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+    radius: {
+        none: {
+            trigger: string;
+        };
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+        full: {
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+        };
+        primary: {
+            trigger: string;
+        };
+        danger: {
+            trigger: string;
+        };
+        success: {
+            trigger: string;
+        };
+        warning: {
+            trigger: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string;
+    label: string;
+    value: string;
+    icon: string;
+    clear: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        outline: {
+            trigger: string;
+        };
+        filled: {
+            trigger: string;
+        };
+    };
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+    radius: {
+        none: {
+            trigger: string;
+        };
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+        full: {
+            trigger: string;
+        };
+    };
+    color: {
+        default: {
+            trigger: string;
+        };
+        primary: {
+            trigger: string;
+        };
+        danger: {
+            trigger: string;
+        };
+        success: {
+            trigger: string;
+        };
+        warning: {
+            trigger: string;
+        };
+    };
+    isLabelFloating: {
+        true: {
+            label: string;
+        };
+    };
+}, {
+    wrapper: string;
+    trigger: string;
+    label: string;
+    value: string;
+    icon: string;
+    clear: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,29 @@
+import { ExtractPropTypes } from 'vue';
+import { spinnerProps } from './spinner.props';
+type SpinnerProps = ExtractPropTypes<typeof spinnerProps>;
+/**
+ * Composable that handles Spinner component logic.
+ * Returns computed class bindings for the spinner and its circle element.
+ */
+export declare const useSpinner: (props: SpinnerProps) => {
+    classes: import('vue').ComputedRef<{
+        base: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        circle: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | 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;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        circle: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+};
+export {};

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    color: {
+        type: import('vue').PropType<import('../..').Color>;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<import('../..').Size>;
+        default: "md";
+    };
+}>> & Readonly<{}>, {
+    color: import('../..').Color;
+    size: import('../..').Size;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,12 @@
+import { PropType } from 'vue';
+import { Color } from '../../types/common';
+export declare const spinnerProps: {
+    color: {
+        type: PropType<Color>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<import('../../types/common').Size>;
+        default: "md";
+    };
+};

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

@@ -0,0 +1,97 @@
+export declare const spinnerVariants: 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;
+        };
+    };
+}, {
+    base: string;
+    circle: 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;
+        };
+    };
+}, {
+    base: string;
+    circle: 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;
+        };
+    };
+}, {
+    base: string;
+    circle: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

@@ -0,0 +1,76 @@
+import { ExtractPropTypes } from 'vue';
+import { switchProps } from './switch.props';
+type SwitchProps = ExtractPropTypes<typeof switchProps>;
+type SwitchEmitFn = (event: 'update:modelValue', value: boolean) => void;
+/**
+ * Composable that handles Switch component logic.
+ * Returns computed class bindings, toggle handler, and change handler.
+ */
+export declare const useSwitch: (props: SwitchProps, emit: SwitchEmitFn) => {
+    classes: import('vue').ComputedRef<{
+        root: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        track: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        thumb: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | 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;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        iconWrapper: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | 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;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        track: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        thumb: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | 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;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+        iconWrapper: (slotProps?: ({
+            color?: "default" | "primary" | "danger" | "success" | "warning" | undefined;
+            size?: "md" | "sm" | "lg" | undefined;
+            radius?: "md" | "sm" | "lg" | "none" | "full" | undefined;
+            iconPlacement?: "track" | "thumb" | undefined;
+        } & import('tailwind-variants').ClassProp<import('tailwind-merge').ClassNameValue>) | undefined) => string;
+    } & {}>;
+    toggle: () => void;
+    handleChange: (value: boolean) => void;
+};
+export {};

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,100 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        'checked-icon'?: () => unknown;
+        'unchecked-icon'?: () => unknown;
+    }> & {
+        'checked-icon'?: () => unknown;
+        'unchecked-icon'?: () => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: 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";
+    };
+    radius: {
+        default: "full";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    iconPlacement: {
+        type: import('vue').PropType<"track" | "thumb">;
+        default: "track";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    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";
+    };
+    radius: {
+        default: "full";
+        type: import('vue').PropType<import('../..').Radius>;
+    };
+    iconPlacement: {
+        type: import('vue').PropType<"track" | "thumb">;
+        default: "track";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: import('../..').Color;
+    size: import('../..').Size;
+    radius: import('../..').Radius;
+    label: string;
+    modelValue: boolean;
+    isDisabled: boolean;
+    name: string;
+    iconPlacement: "track" | "thumb";
+}, {}, {}, {}, 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/switch/switch.props.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+type IconPlacement = 'track' | 'thumb';
+export declare const switchProps: {
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: PropType<import('../..').Color>;
+        default: "primary";
+    };
+    size: {
+        type: PropType<import('../..').Size>;
+        default: "md";
+    };
+    radius: {
+        default: "full";
+        type: PropType<import('../..').Radius>;
+    };
+    iconPlacement: {
+        type: PropType<IconPlacement>;
+        default: "track";
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+};
+export {};