@aures5g/vue-component-library 0.1.0

package/README.md

@@ -0,0 +1,45 @@
+# vue-component-library
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Run Unit Tests with [Vitest](https://vitest.dev/)
+
+```sh
+npm run test:unit
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```

package/dist/components/HelloWorld/HelloWorld.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    msg: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    msg: string;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,266 @@
+import { type VNode } from 'vue';
+import { type ButtonPassThroughOptions } from 'primevue/button';
+import type { PassThroughOptions } from 'primevue/passthrough';
+import type { PassThrough, HintedString } from 'primevue/ts-helpers';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    /**
+     * Text of the button.
+     */
+    label?: string;
+    /**
+     * Name of the icon.
+     */
+    icon?: string;
+    /**
+     * Position of the icon.
+     * @defaultValue left
+     */
+    iconPos?: "left" | "top" | "bottom" | "right";
+    /**
+     * Style class of the icon.
+     */
+    iconClass?: string;
+    /**
+     * Value of the badge.
+     */
+    badge?: string;
+    /**
+     * Style class of the badge.
+     */
+    badgeClass?: string;
+    /**
+     * Severity type of the badge.
+     */
+    badgeSeverity?: HintedString<"success" | "secondary" | "info" | "warning" | "danger" | "contrast">;
+    /**
+     * Whether the button is in loading state.
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * Icon to display in loading state.
+     */
+    loadingIcon?: string;
+    /**
+     *  Add a link style to the button.
+     * @defaultValue false
+     */
+    link?: boolean;
+    /**
+     * Defines the style of the button.
+     */
+    severity?: HintedString<"success" | "help" | "secondary" | "info" | "warning" | "danger" | "contrast">;
+    /**
+     * Add a shadow to indicate elevation.
+     * @defaultValue false
+     */
+    raised?: boolean;
+    /**
+     * Add a circular border radius to the button.
+     * @defaultValue false
+     */
+    rounded?: boolean;
+    /**
+     * Add a textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    text?: boolean;
+    /**
+     * Add a border class without a background initially.
+     * @defaultValue false
+     */
+    outlined?: boolean;
+    /**
+     * Defines the size of the button.
+     */
+    size?: "small" | "large";
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    plain?: boolean;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {ButtonPassThroughOptions}
+     */
+    pt?: PassThrough<ButtonPassThroughOptions<any>>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    /**
+     * Text of the button.
+     */
+    label?: string;
+    /**
+     * Name of the icon.
+     */
+    icon?: string;
+    /**
+     * Position of the icon.
+     * @defaultValue left
+     */
+    iconPos?: "left" | "top" | "bottom" | "right";
+    /**
+     * Style class of the icon.
+     */
+    iconClass?: string;
+    /**
+     * Value of the badge.
+     */
+    badge?: string;
+    /**
+     * Style class of the badge.
+     */
+    badgeClass?: string;
+    /**
+     * Severity type of the badge.
+     */
+    badgeSeverity?: HintedString<"success" | "secondary" | "info" | "warning" | "danger" | "contrast">;
+    /**
+     * Whether the button is in loading state.
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * Icon to display in loading state.
+     */
+    loadingIcon?: string;
+    /**
+     *  Add a link style to the button.
+     * @defaultValue false
+     */
+    link?: boolean;
+    /**
+     * Defines the style of the button.
+     */
+    severity?: HintedString<"success" | "help" | "secondary" | "info" | "warning" | "danger" | "contrast">;
+    /**
+     * Add a shadow to indicate elevation.
+     * @defaultValue false
+     */
+    raised?: boolean;
+    /**
+     * Add a circular border radius to the button.
+     * @defaultValue false
+     */
+    rounded?: boolean;
+    /**
+     * Add a textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    text?: boolean;
+    /**
+     * Add a border class without a background initially.
+     * @defaultValue false
+     */
+    outlined?: boolean;
+    /**
+     * Defines the size of the button.
+     */
+    size?: "small" | "large";
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    plain?: boolean;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {ButtonPassThroughOptions}
+     */
+    pt?: PassThrough<ButtonPassThroughOptions<any>>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}>>>, {}, {}>, Readonly<{
+    /**
+     * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
+     */
+    default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Custom icon template.
+     * @param {Object} scope - icon slot's params.
+     */
+    icon(scope: {
+        /**
+         * Style class of the icon.
+         */
+        class: string;
+    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Custom loading icon template.
+     * @param {Object} scope - loading icon slot's params.
+     */
+    loadingicon(scope: {
+        /**
+         * Style class of the loading icon.
+         */
+        class: string;
+    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+}> & {
+    /**
+     * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
+     */
+    default(): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Custom icon template.
+     * @param {Object} scope - icon slot's params.
+     */
+    icon(scope: {
+        /**
+         * Style class of the icon.
+         */
+        class: string;
+    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Custom loading icon template.
+     * @param {Object} scope - loading icon slot's params.
+     */
+    loadingicon(scope: {
+        /**
+         * Style class of the loading icon.
+         */
+        class: string;
+    }): VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/config/primevue.d.ts

@@ -0,0 +1,2 @@
+import PrimeVue from 'primevue/config';
+export default PrimeVue;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import './assets/primevue/themes/acbs/theme.scss';
+import HelloWorld from './components/HelloWorld/HelloWorld.vue';
+import PrimeVue from './config/primevue';
+import UIButton from './components/button/UIButton.vue';
+export { HelloWorld, PrimeVue, UIButton };