@surgeui/ds-vue 1.0.0

package/LICENSE.md

@@ -0,0 +1,23 @@
+# License
+
+## MIT License
+
+Copyright (c) 2024
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,185 @@
+# SurgeUp Design System
+
+A modern Vue.js 3 component library with Composition API, designed to create beautiful and consistent user interfaces.
+
+[![npm version](https://badge.fury.io/js/%40surgeup%2Fds-vue.svg)](https://badge.fury.io/js/%40surgeup%2Fds-vue)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Vue 3](https://img.shields.io/badge/Vue-3.x-4FC08D.svg)](https://vuejs.org/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Ready-3178C6.svg)](https://www.typescriptlang.org/)
+
+## ✨ Features
+
+- 🎨 **Modern Design** - Polished and professional components
+- 🎯 **Composition API** - Built with Vue 3 Composition API
+- 🔧 **TypeScript** - Full TypeScript support for better developer experience
+- 🎨 **Customizable** - Global configuration and theming support
+- 📱 **Responsive** - Components adapted to all screen sizes
+- ♿ **Accessible** - WCAG 2.1 AA compliant with complete accessibility support
+- 🌙 **Dark Mode** - Native dark mode support
+- ⚡ **Performance** - Optimized for best performance
+
+## 🚀 Quick Start
+
+### Installation
+
+```bash
+npm install @surgeui/ds-vue
+```
+
+### Basic Usage
+
+```vue
+<script setup>
+import '@surgeui/ds-vue/style.css'
+import { SuButton } from '@surgeui/ds-vue'
+import type { ButtonProps } from '@surgeui/ds-vue/types'
+</script>
+
+<template>
+  <SuButton variant="primary">
+    My first button
+  </SuButton>
+</template>
+```
+
+### Global Installation
+
+```js
+// main.js
+import { createApp } from 'vue'
+import SurgeUpDS from '@surgeui/ds-vue'
+import '@surgeui/ds-vue/style.css'
+import App from './App.vue'
+
+const app = createApp(App)
+app.use(SurgeUpDS)
+app.mount('#app')
+```
+
+## 🎨 Global Configuration
+
+Customize default component behavior when installing:
+
+```js
+app.use(SurgeUpDS, {
+  // Component prefix (default: 'Su')
+  prefix: 'My', // Components become MyButton, MyInput, etc.
+
+  // Text color
+  textPrimaryColor: '#213222',
+  textSecondaryColor: '#454344'
+  textTeriaryColor: '#676965'
+})
+```
+
+### With Icons
+
+SurgeUI use **Heroicons** for add and display icons
+
+```vue
+<script setup>
+import { informationCircleIcon, HeartIcon } from '@heroicons/vue/24/outline'
+</script>
+
+<template>
+  <SuHeading>
+    <informationCircleIcon /> User informations
+  </SuHeading>
+  <SuButton variant="primary" :icon="HeartIcon" iconDisplay="left">
+    I like it
+  </SuButton>
+</template>
+```
+
+## ♿ Accessibility
+
+All components follow WCAG 2.1 AA standards:
+
+- **Focus Management** - Clear focus indicators and logical tab order
+- **Keyboard Navigation** - Full keyboard support
+- **Screen Readers** - Proper ARIA attributes and announcements
+- **Color Contrast** - WCAG AA compliant contrast ratios (4.5:1 minimum)
+- **Touch Targets** - Minimum 44px touch targets
+- **Reduced Motion** - Respects `prefers-reduced-motion`
+- **High Contrast** - Supports `prefers-contrast: high`
+- **RTL Support** - Right-to-left language support
+
+## 🌙 Dark Mode
+
+Dark mode is automatically supported through CSS media queries:
+
+```css
+@media (prefers-color-scheme: dark) {
+  /* Dark mode styles are automatically applied */
+}
+```
+
+## 📱 Responsive Design
+
+All components are responsive by default:
+
+- **Mobile-first** approach
+- **Flexible layouts** that adapt to screen size
+- **Touch-friendly** interactions
+- **Automatic responsive behavior** (e.g., FormFields switches to vertical on mobile)
+
+## 🎭 Storybook
+
+Explore all components interactively in Storybook:
+
+```bash
+npm run storybook
+```
+
+## 🛠️ Development
+
+### Prerequisites
+
+- Node.js 16+
+- Vue.js 3.3+
+
+### Build the library
+
+```bash
+npm run build
+```
+
+### Development mode
+
+```bash
+npm run dev
+```
+
+### Run Storybook
+
+```bash
+npm run storybook
+```
+
+## 📖 Documentation
+
+Visit our [complete documentation](https://mahmoud-nb.github.io/surge.ui/) for:
+
+- **Component API** - Detailed props, events, and slots
+- **Usage examples** - Real-world implementation examples
+- **Accessibility guide** - Best practices for inclusive design
+- **Customization** - Theming and configuration options
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+## 📄 License
+
+MIT License - see the [LICENSE](LICENSE) file for details.
+
+## 🔗 Links
+
+- [Documentation](https://mahmoud-nb.github.io/surge.ui/)
+- [Storybook](https://mahmoud-nb.github.io/surge.ui/storybook/)
+- [GitHub Repository](https://github.com/mahmoud-nb/surge.ui)
+- [npm Package](https://www.npmjs.com/package/@surgeui/ds-vue)
+
+---
+
+Made with ❤️ by the SurgeUp team

package/dist/components/atoms/Avatar.vue.d.ts

@@ -0,0 +1,22 @@
+import { AvatarProps } from '../../types';
+declare const _default: import('vue').DefineComponent<AvatarProps, {
+    focus: () => void;
+    avatarRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => any;
+    click: (event: MouseEvent) => any;
+    load: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {
+    variant: import('../../types').AvatarVariant;
+    size: import('../../types').AvatarSize;
+    loading: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    avatarRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=Avatar.vue.d.ts.map

package/dist/components/atoms/Avatar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Avatar.vue"],"names":[],"mappings":"AA+cA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;AAgT1C,wBAWG"}

package/dist/components/atoms/Badge.vue.d.ts

@@ -0,0 +1,26 @@
+import { BadgeProps } from '../../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?(): any;
+    }> & {
+        default?(): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    variant: import('../../types').BadgeVariant;
+    size: import('../../types').Size;
+    radius: import('../../types').Radius;
+    iconDisplay: "left" | "right" | "only";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Badge.vue.d.ts.map

package/dist/components/atoms/Badge.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Badge.vue"],"names":[],"mappings":"AAmbA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA8FzC,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;oBA/IpC,GAAG;;oBAAH,GAAG;;;;EAoJhB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;yFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/Button.vue.d.ts

@@ -0,0 +1,38 @@
+import { ButtonProps } from '../../types';
+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<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    variant: import('../../types').ButtonVariant;
+    size: import('../../types').ButtonSize;
+    loading: boolean;
+    radius: import('../../types').ButtonRadius;
+    iconDisplay: "left" | "right" | "only";
+    disabled: boolean;
+    block: boolean;
+    tabIndex: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Button.vue.d.ts.map

package/dist/components/atoms/Button.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Button.vue"],"names":[],"mappings":"AA8YA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA4G1C,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;2FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/CheckboxGroup.vue.d.ts

@@ -0,0 +1,42 @@
+import { CheckboxGroupProps } from '../../types';
+type __VLS_Props = CheckboxGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: (string | number)[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        before?(_: {}): any;
+        after?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: (string | number)[]) => any;
+    "update:modelValue": (value: (string | number)[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: (string | number)[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    size: import('../../types').Size;
+    disabled: boolean;
+    options: import('../../types').CheckboxOption[];
+    state: import('../../types').State;
+    required: boolean;
+    displayType: import('../../types').CheckboxDisplayType;
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CheckboxGroup.vue.d.ts.map

package/dist/components/atoms/CheckboxGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/CheckboxGroup.vue"],"names":[],"mappings":"AA6sBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAIjD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAqItC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAChC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2GT,OAAO,IAA6B;;wBAXtB,GAAG;uBACH,GAAG;;;;EAe9B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/FileUpload.vue.d.ts

@@ -0,0 +1,49 @@
+import { BaseFileUploadProps, UploadedFile } from '../../types';
+type __VLS_Props = BaseFileUploadProps;
+type __VLS_PublicProps = {
+    modelValue?: UploadedFile[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void;
+    clear: () => void;
+    fileInputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    dropZoneRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (error: string, file?: File | undefined) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (files: UploadedFile[]) => any;
+    "update:modelValue": (value: UploadedFile[]) => any;
+    upload: (file: UploadedFile) => any;
+    remove: (file: UploadedFile) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onError?: ((error: string, file?: File | undefined) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((files: UploadedFile[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: UploadedFile[]) => any) | undefined;
+    onUpload?: ((file: UploadedFile) => any) | undefined;
+    onRemove?: ((file: UploadedFile) => any) | undefined;
+}>, {
+    variant: import('../../types').FileUploadVariant;
+    size: import('../../types').FileUploadSize;
+    loading: boolean;
+    disabled: boolean;
+    state: import('../../types').FileUploadState;
+    required: boolean;
+    multiple: boolean;
+    maxSize: number;
+    maxFiles: number;
+    readonly: boolean;
+    placeholder: string;
+    dragText: string;
+    browseText: string;
+    allowPreview: boolean;
+    showFileList: boolean;
+    showProgress: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInputRef: HTMLInputElement;
+    dropZoneRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=FileUpload.vue.d.ts.map

package/dist/components/atoms/FileUpload.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FileUpload.vue"],"names":[],"mappings":"AA6/BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGhE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAoWvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+ThB,wBAWG"}

package/dist/components/atoms/FormField.vue.d.ts

@@ -0,0 +1,27 @@
+import { FormFieldProps } from '../../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            fieldId: string;
+            messageId: string | undefined;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FormFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {
+    disabled: boolean;
+    state: import('../../types').State;
+    required: boolean;
+    message: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FormField.vue.d.ts.map

package/dist/components/atoms/FormField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FormField.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAoD7C,iBAAS,cAAc;WAiDT,OAAO,IAA6B;;;;;YAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/Heading.vue.d.ts

@@ -0,0 +1,54 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        before?(_: {}): any;
+        default?(_: {}): any;
+        after?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    level: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (value: number | string) => boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    level: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (value: number | string) => boolean;
+    };
+    variant: {
+        type: StringConstructor;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    level: string | number;
+    variant: string;
+    truncate: 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;
+    };
+};
+//# sourceMappingURL=Heading.vue.d.ts.map

package/dist/components/atoms/Heading.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Heading.vue"],"names":[],"mappings":"AAgIA,iBAAS,cAAc;WA6DT,OAAO,IAA6B;;wBAZtB,GAAG;yBACF,GAAG;uBACL,GAAG;;;;EAe7B;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;2BASE,MAAM,GAAG,MAAM;;;;;yBAQjB,MAAM;;;;;;;;;;2BARJ,MAAM,GAAG,MAAM;;;;;yBAQjB,MAAM;;;;;;;;;;4EAQzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/Image.vue.d.ts

@@ -0,0 +1,23 @@
+import { ImageProps } from '../../types';
+declare const _default: import('vue').DefineComponent<ImageProps, {
+    reload: () => void;
+    imageRef: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => any;
+    load: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<ImageProps> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {
+    loading: "eager" | "lazy";
+    placeholder: boolean;
+    ratio: import('../../types').ImageRatio;
+    fit: import('../../types').ImageFit;
+    position: import('../../types').ImagePosition;
+    lazy: boolean;
+    placeholderColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    imageRef: HTMLImageElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=Image.vue.d.ts.map

package/dist/components/atoms/Image.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Image.vue"],"names":[],"mappings":"AAmZA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;AA8RzC,wBAWG"}

package/dist/components/atoms/Input.vue.d.ts

@@ -0,0 +1,68 @@
+import { InputProps } from '../../types';
+type __VLS_Props = InputProps;
+type __VLS_PublicProps = {
+    modelValue?: string | number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {
+            class: string;
+        }): any;
+        suffix?(_: {
+            class: string;
+        }): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void | undefined;
+    select: () => void | undefined;
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    change: (event: Event) => any;
+    keyup: (event: KeyboardEvent) => any;
+    "update:modelValue": (value: string | number) => any;
+    "prefix-click": (event: MouseEvent) => any;
+    "prefix-icon-click": (event: MouseEvent) => any;
+    "suffix-click": (event: MouseEvent) => any;
+    "suffix-icon-click": (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onInput?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    "onPrefix-click"?: ((event: MouseEvent) => any) | undefined;
+    "onPrefix-icon-click"?: ((event: MouseEvent) => any) | undefined;
+    "onSuffix-click"?: ((event: MouseEvent) => any) | undefined;
+    "onSuffix-icon-click"?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: import('../../types').InputType;
+    size: import('../../types').Size;
+    disabled: boolean;
+    state: import('../../types').State;
+    required: boolean;
+    readonly: boolean;
+    textAlign: import('../../types').TextAlign;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Input.vue.d.ts.map

package/dist/components/atoms/Input.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Input.vue"],"names":[],"mappings":"AAoZA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,KAAK,WAAW,GAAG,UAAU,CAAC;AAqJ9B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;;;;;;EAgB/B;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/atoms/Link.vue.d.ts

@@ -0,0 +1,37 @@
+import { LinkProps } from '../../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<LinkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<LinkProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    variant: import('../../types').LinkVariant;
+    size: import('../../types').LinkSize;
+    iconDisplay: "left" | "right" | "only";
+    disabled: boolean;
+    underline: import('../../types').LinkUnderline;
+    external: boolean;
+    tabIndex: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Link.vue.d.ts.map

package/dist/components/atoms/Link.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"AAmbA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA0HxC,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}