@rocketui/vue 0.0.1 → 0.0.4

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

@@ -0,0 +1,159 @@
+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'];
+    /**
+     * 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'];
+    /**
+     * 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'];
+    /**
+     * 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;
+    /**
+     * Size of the checkbox
+     * @type 'small' | 'medium' | 'large'
+     * @default 'medium'
+     * @example
+     * <Checkbox size="small" />
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: any;
+        required: true;
+        default: string;
+    };
+    modelValue: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    label: {
+        type: any;
+        required: false;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    errorMsg: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, {
+    props: any;
+    emit: (event: "update:modelValue", ...args: any[]) => void;
+    state: {
+        checked: InputHTMLAttributes['checked'];
+    };
+    classes: import("vue").ComputedRef<{
+        [x: string]: string | boolean;
+        switch: boolean;
+        'switch--disabled': boolean | "true" | "false";
+        'switch--error': string;
+    }>;
+    onChange: (e: unknown) => void;
+}, 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;
+    };
+    disabled: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    label: {
+        type: any;
+        required: false;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    errorMsg: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: string;
+    disabled: any;
+    modelValue: any;
+    label: any;
+    hint: string;
+    errorMsg: string;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,220 @@
+import { type HTMLAttributes, type ButtonHTMLAttributes } from 'vue';
+import { TabItemVariants, type TabItemVariant } from './common';
+export interface IProps {
+    /**
+     * Id of the tab item
+     * @type string | number
+     * @default ''
+     * @example
+     * <TabItem id="1" />
+     */
+    id: string | number;
+    /**
+     * Variant of the tab item
+     * @type TabItemVariant
+     * @default TabItemVariants.DEFAULT
+     * @example
+     * <TabItem variant="default" />
+     */
+    variant?: TabItemVariant;
+    /**
+     * Label of the tab item
+     * @type string
+     * @default ''
+     * @example
+     * <TabItem label="Label" />
+     */
+    label?: string;
+    /**
+     * Icon of the tab item
+     * @type string
+     * @default ''
+     * @example
+     * <TabItem icon="icon" />
+     */
+    icon?: string;
+    /**
+     * Disabled state of the tab item
+     * @type ButtonHTMLAttributes['disabled']
+     * @default false
+     * @example
+     * <TabItem disabled />
+     */
+    disabled?: ButtonHTMLAttributes['disabled'];
+    /**
+     * Active state of the tab item
+     * @type HTMLAttributes['aria-selected']
+     * @default false
+     * @example
+     * <TabItem active />
+     */
+    active?: HTMLAttributes['aria-selected'];
+    /**
+     * Model value of the tab item
+     * @type string | number
+     * @default ''
+     * @example
+     * <TabItem v-model="model" />
+     */
+    modelValue?: string | number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    variant: {
+        type: any;
+        required: false;
+        default: TabItemVariants;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    active: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+}, {
+    props: any;
+    emit: (event: "update:modelValue", ...args: any[]) => void;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+        'tab-item': boolean;
+    }>;
+    onClick: (id: number | string) => 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;
+    }>;
+    TabItemVariants: typeof TabItemVariants;
+}, 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: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    variant: {
+        type: any;
+        required: false;
+        default: TabItemVariants;
+    };
+    label: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    icon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    active: {
+        type: any;
+        required: false;
+        default: boolean;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    variant: any;
+    disabled: any;
+    modelValue: string | number;
+    label: string;
+    icon: string;
+    active: any;
+}>;
+export default _sfc_main;

package/dist/types/TabItem/common.d.ts

@@ -0,0 +1,6 @@
+export declare type TabItemVariant = 'default' | 'text-only' | 'icon-only';
+export declare enum TabItemVariants {
+    DEFAULT = "default",
+    TEXT_ONLY = "text-only",
+    ICON_ONLY = "icon-only"
+}

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

@@ -0,0 +1,212 @@
+import type { Tab } from './types';
+export interface IProps {
+    /**
+     * Tabs of the tabs
+     * @type Tab[]
+     * @default []
+     * @example
+     * <Tabs :tabs="[]" />
+     */
+    tabs: Tab[];
+    /**
+     * Scrollable state of the tabs
+     * @type boolean
+     * @default false
+     * @example
+     * <Tabs scrollable />
+     */
+    scrollable?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    tabs: {
+        type: ArrayConstructor;
+        required: true;
+        default: () => any[];
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    props: any;
+    activeTab: import("vue").Ref<number>;
+    tabsClasses: import("vue").ComputedRef<{
+        tabs: boolean;
+        'tabs--scrollable': boolean;
+    }>;
+    TabItem: import("vue").DefineComponent<{
+        id: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        variant: {
+            type: any;
+            required: false;
+            default: import("../TabItem/common").TabItemVariants;
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        icon: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        disabled: {
+            type: any;
+            required: false;
+            default: boolean;
+        };
+        active: {
+            type: any;
+            required: false;
+            default: boolean;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+            default: string;
+        };
+    }, {
+        props: any;
+        emit: (event: "update:modelValue", ...args: any[]) => void;
+        classes: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'tab-item': boolean;
+        }>;
+        onClick: (id: string | number) => 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;
+        }>;
+        TabItemVariants: typeof import("../TabItem/common").TabItemVariants;
+    }, 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: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        variant: {
+            type: any;
+            required: false;
+            default: import("../TabItem/common").TabItemVariants;
+        };
+        label: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        icon: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+        disabled: {
+            type: any;
+            required: false;
+            default: boolean;
+        };
+        active: {
+            type: any;
+            required: false;
+            default: boolean;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    }, {
+        variant: any;
+        disabled: any;
+        modelValue: string | number;
+        label: string;
+        icon: string;
+        active: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabs: {
+        type: ArrayConstructor;
+        required: true;
+        default: () => any[];
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    tabs: unknown[];
+    scrollable: boolean;
+}>;
+export default _sfc_main;

package/dist/types/Tabs/types.d.ts

@@ -0,0 +1,9 @@
+import type { TabItemVariant } from '../TabItem/common';
+export declare type Tab = {
+    id: string | number;
+    variant?: TabItemVariant;
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    active?: boolean;
+};