@rocketui/vue 0.0.1 → 0.0.4

package/dist/types/Button/Button.vue.d.ts

@@ -0,0 +1,287 @@
+import { type CSSProperties } from 'vue';
+export declare type ButtonType = 'primary' | 'secondary' | 'text' | 'outline' | 'ghost' | 'link' | 'danger';
+export declare type ButtonSize = 'small' | 'medium' | 'large';
+export interface Props {
+    /**
+     * Variant of the Button
+     * @type 'primary' | 'secondary' | 'text' | 'outline' | 'ghost' | 'link' | 'danger'
+     * @default 'primary'
+     * @example
+     * <Button variant="primary" />
+     */
+    variant: ButtonType;
+    /**
+     * Loading state of the Button
+     * @type boolean
+     * @default false
+     * @example
+     * <Button loading />
+     */
+    loading?: boolean;
+    /**
+     * Disabled state of the Button
+     * @type boolean
+     * @default false
+     * @example
+     * <Button disabled />
+     */
+    disabled?: boolean;
+    /**
+     * Prepend icon of the Button
+     * @type string
+     * @default ''
+     * @example
+     * <Button prependIcon="icon" />
+     */
+    prependIcon?: string;
+    /**
+     * Append icon of the Button
+     * @type string
+     * @default ''
+     * @example
+     * <Button appendIcon="icon" />
+     */
+    appendIcon?: string;
+    /**
+     * Only icon state of the Button
+     * @type boolean
+     * @default false
+     * @example
+     * <Button onlyIcon />
+     */
+    onlyIcon?: boolean;
+    /**
+     * Size of the Button
+     * @type 'small' | 'medium' | 'large'
+     * @default 'medium'
+     * @example
+     * <Button size="small" />
+     */
+    size?: ButtonSize;
+    /**
+     * Height of the Button
+     * @type string
+     * @default ''
+     * @example
+     * <Button height="40" />
+     */
+    height?: string;
+    /**
+     * Block state of the Button
+     * @type boolean
+     * @default false
+     * @example
+     * <Button block />
+     * @link https://tailwindcss.com/docs/display#block
+     */
+    block?: boolean;
+    /**
+     * Background color of the Button
+     * @type CSSProperties['backgroundColor']
+     * @default ''
+     * @example
+     * <Button backgroundColor="red" />
+     */
+    backgroundColor?: CSSProperties['backgroundColor'];
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    variant: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    prependIcon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    appendIcon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    block: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: any;
+        required: false;
+        default: string;
+    };
+}, {
+    props: any;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        button: boolean;
+        "button--loading": boolean;
+        "button--only-icon": boolean;
+        "button--block": boolean;
+    }>;
+    iconSize: import("vue").ComputedRef<16 | 20>;
+    style: import("vue").ComputedRef<{
+        backgroundColor: string;
+        height: string;
+    }>;
+    Icon: import("vue").DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        kind: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        fontSize: {
+            type: any;
+            required: false;
+            default: number;
+        };
+        color: {
+            type: any;
+            required: false;
+            default: string;
+        };
+        fontWeight: {
+            type: any;
+            required: false;
+            default: string;
+        };
+    }, {
+        props: any;
+        styles: import("vue").ComputedRef<{
+            fontSize: string;
+            fontWeight: import("csstype").FontWeightProperty;
+            color: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+        }>;
+        classes: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        kind: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        fontSize: {
+            type: any;
+            required: false;
+            default: number;
+        };
+        color: {
+            type: any;
+            required: false;
+            default: string;
+        };
+        fontWeight: {
+            type: any;
+            required: false;
+            default: string;
+        };
+    }>>, {
+        name: string;
+        kind: string;
+        fontSize: any;
+        color: any;
+        fontWeight: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    prependIcon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    appendIcon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    onlyIcon: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    block: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    backgroundColor: {
+        type: any;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onClick?: (...args: any[]) => any;
+}, {
+    size: string;
+    variant: string;
+    backgroundColor: any;
+    loading: boolean;
+    disabled: boolean;
+    prependIcon: string;
+    appendIcon: string;
+    onlyIcon: boolean;
+    height: string;
+    block: boolean;
+}>;
+export default _sfc_main;

package/dist/types/Checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,238 @@
+import { type HTMLAttributes, type InputHTMLAttributes, type LabelHTMLAttributes } from 'vue';
+export interface Props {
+    /**
+     * id of the checkbox
+     * @type HTMLAttributes['id']
+     * @default ''
+     * @example
+     * <Checkbox id="checkbox" />
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     */
+    id: HTMLAttributes['id'];
+    /**
+     * Input checked state
+     * @type InputHTMLAttributes['checked']
+     * @default false
+     * @example
+     * <Checkbox :modelValue="true" />
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#checked
+     */
+    modelValue?: InputHTMLAttributes['checked'];
+    /**
+     * label of the checkbox
+     * @type LabelHTMLAttributes['label']
+     * @default ''
+     * @example
+     * <Checkbox label="Checkbox" />
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label
+     */
+    label?: LabelHTMLAttributes['for'];
+    /**
+     * Input indeterminate state
+     * @type InputHTMLAttributes['indeterminate']
+     * @default false
+     * @example
+     * <Checkbox indeterminate="true" />
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate
+     */
+    indeterminate?: InputHTMLAttributes['indeterminate'];
+    /**
+     * Input disabled state
+     * @type InputHTMLAttributes['disabled']
+     * @default false
+     * @example
+     * <Checkbox disabled="true" />
+     * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#disabled
+     */
+    disabled?: InputHTMLAttributes['disabled'];
+    /**
+     * Hint text
+     * @type string
+     * @default ''
+     * @example
+     * <Checkbox hint="This is a hint" />
+     */
+    hint?: string;
+    /**
+     * Error message
+     * @type string
+     * @default ''
+     * @example
+     * <Checkbox errorMsg="This is an error" />
+     */
+    errorMsg?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: any;
+        required: true;
+        default: string;
+    };
+    modelValue: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    label: {
+        type: any;
+        required: false;
+        default: string;
+    };
+    indeterminate: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    errorMsg: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, {
+    props: any;
+    emit: (event: "update:modelValue", ...args: any[]) => void;
+    state: {
+        checked: InputHTMLAttributes['checked'];
+        indeterminate: InputHTMLAttributes['indeterminate'];
+    };
+    icons: {
+        checked: string;
+        unchecked: string;
+        indeterminate: string;
+    };
+    icon: import("vue").ComputedRef<string>;
+    classes: import("vue").ComputedRef<{
+        checkbox: boolean;
+        'checkbox--checked': any[] | Set<any> | (boolean | "true" | "false");
+        'checkbox--disabled': boolean | "true" | "false";
+        'checkbox--indeterminate': boolean;
+        'checkbox--error': boolean;
+    }>;
+    onChange: (e: unknown) => void;
+    Icon: import("vue").DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        kind: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        fontSize: {
+            type: any;
+            required: false;
+            default: number;
+        };
+        color: {
+            type: any;
+            required: false;
+            default: string;
+        };
+        fontWeight: {
+            type: any;
+            required: false;
+            default: string;
+        };
+    }, {
+        props: any;
+        styles: import("vue").ComputedRef<{
+            fontSize: string;
+            fontWeight: import("csstype").FontWeightProperty;
+            color: string;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+        }>;
+        classes: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+        kind: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        fontSize: {
+            type: any;
+            required: false;
+            default: number;
+        };
+        color: {
+            type: any;
+            required: false;
+            default: string;
+        };
+        fontWeight: {
+            type: any;
+            required: false;
+            default: string;
+        };
+    }>>, {
+        name: string;
+        kind: string;
+        fontSize: any;
+        color: any;
+        fontWeight: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: any;
+        required: true;
+        default: string;
+    };
+    modelValue: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    label: {
+        type: any;
+        required: false;
+        default: string;
+    };
+    indeterminate: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    errorMsg: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    disabled: any;
+    indeterminate: any;
+    modelValue: any;
+    label: any;
+    hint: string;
+    errorMsg: string;
+}>;
+export default _sfc_main;