@surgeui/ds-vue 1.2.0 → 2.1.0

package/README.md

@@ -8,13 +8,6 @@ A modern **Vue.js 3** component library with Composition API, designed to create
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-3178C6.svg)](https://www.typescriptlang.org/)
 
 
-> This release is intended entirely for testing and solution optimization.
-> The goal is to explore different technical approaches in order to identify the best way to build and structure the design system.
-> 
-> Therefore, this is not a stable release.
-> The first officially stable version will be 2.0.
-
-
 ## ✨ Features
 
 - 🎨 **Modern Design** - Polished and professional components
@@ -65,43 +58,203 @@ app.use(SurgeUpDS)
 app.mount('#app')
 ```
 
+## 🎨 Customization & Theming
+
+SurgeUI provides a **declarative, CSS-based theming system** that allows you to customize colors and styles by defining custom CSS variables.
+
+### How It Works
+
+The customization system automatically converts theme properties into CSS variables with the `--su-custom-` prefix. These variables can override the default theme tokens when defined.
+
 ### Global Configuration
 
-Customize default component behavior when installing:
+Configure the design system when installing:
 
 ```ts
-import type { SurgeuiTheme } from '@surgeui/ds-vue'
+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)
 
-const options: SurgeuiTheme = {
+const themeConfig = {
   // Component prefix (default: 'Su')
   prefix: 'My', // Components become MyButton, MyInput, etc.
 
-  // custom text color
-  textPrimaryColor: '#213222',
-  textSecondaryColor: '#454344',
-  textTeriaryColor: '#676965',
-
-  // Custom Button style
-  button: {
-    bg: '#101010',
-    color: '#FFFFFF',
-    border: 'none',
-    hoverBackground: '#383838',
-    hoverShadow: '0 0'
+  // Theme customization via CSS variables
+  theme: {
+    // Text colors
+    textPrimary: '#1f2937',
+    textSecondary: '#6b7280',
+    textTertiary: '#9ca3af',
+    textDisabled: '#d1d5db',
+    
+    // Background colors
+    bgCanvas: '#ffffff',
+    bgSurface: '#f9fafb',
+    bgOverlay: 'rgba(0, 0, 0, 0.5)',
+    
+    // Border colors
+    borderDefault: '#e5e7eb',
+    borderFocus: '#3b82f6',
+    
+    // Action colors
+    primaryDefault: '#3b82f6',
+    primaryHover: '#2563eb',
+    primaryText: '#ffffff',
+    
+    // State colors
+    stateSuccess: '#10b981',
+    stateWarning: '#f59e0b',
+    stateError: '#ef4444',
   }
+}
+
+app.use(SurgeUpDS, themeConfig)
+app.mount('#app')
+```
+
+### CSS Variable Generation
+
+All theme properties are automatically converted to CSS custom properties with the `--su-custom-` prefix:
 
-  // custom link style
-  link?: {
-    color: '#2563eb',
-    hoverColor: '#1e40af',
-    hoverBackground: 'none',
-    activeColor: '#1e3a8a',
+```ts
+theme: {
+  textPrimary: '#1f2937'        // → --su-custom-text-primary
+  bgSurface: '#f9fafb'          // → --su-custom-bg-surface
+  primaryDefault: '#3b82f6'     // → --su-custom-primary-default
+  stateSuccessBg: '#d1fae5'     // → --su-custom-state-success-bg
+}
+```
+
+### Using Custom Variables in CSS
+
+Define custom variables in your CSS and they will automatically take precedence over default theme tokens:
+
+```css
+/* In your global CSS file */
+:root {
+  /* Text customization */
+  --su-custom-text-primary: #1f2937;
+  --su-custom-text-secondary: #6b7280;
+  
+  /* Background customization */
+  --su-custom-bg-canvas: #ffffff;
+  --su-custom-bg-surface: #f9fafb;
+  
+  /* Button customization */
+  --su-custom-primary-default: #3b82f6;
+  --su-custom-primary-hover: #2563eb;
+  --su-custom-primary-text: #ffffff;
+  
+  /* State customization */
+  --su-custom-state-success: #10b981;
+  --su-custom-state-error: #ef4444;
+}
+
+/* Dark mode example */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --su-custom-text-primary: #f3f4f6;
+    --su-custom-bg-canvas: #111827;
+    --su-custom-bg-surface: #1f2937;
   }
+}
+```
 
-  // Other options are currently under development.
+### Available Theme Tokens
+
+#### Text Tokens
+- `textPrimary` - Primary text color
+- `textSecondary` - Secondary text color
+- `textTertiary` - Tertiary text color
+- `textDisabled` - Disabled text color
+- `textInverse` - Inverse text color (for contrast backgrounds)
+
+#### Background Tokens
+- `bgCanvas` - Canvas/page background
+- `bgSurface` - Card and modal backgrounds
+- `bgSurfaceElevated` - Elevated surface backgrounds
+- `bgHover` - Hover state background
+- `bgActive` - Active state background
+- `bgSelected` - Selected state background
+- `bgOverlay` - Overlay/backdrop background
+
+#### Border Tokens
+- `borderDefault` - Default border color
+- `borderSubtle` - Subtle border color
+- `borderStrong` - Strong border color
+- `borderFocus` - Focus state border
+- `borderDisabled` - Disabled border
+
+#### Action Tokens
+- `primaryDefault` - Primary action default
+- `primaryHover` - Primary action hover
+- `primaryActive` - Primary action active
+- `primaryDisabled` - Primary action disabled
+- `primaryText` - Primary action text
+- `secondaryDefault` - Secondary action default
+- `secondaryHover` - Secondary action hover
+- `secondaryText` - Secondary action text
+
+#### State Tokens
+- `stateSuccess` - Success state color
+- `stateSuccessBg` - Success background
+- `stateWarning` - Warning state color
+- `stateWarningBg` - Warning background
+- `stateError` - Error state color
+- `stateErrorBg` - Error background
+- `stateInfo` - Info state color
+- `stateInfoBg` - Info background
+
+#### Link Tokens (legacy configuration)
+- `linkVariant` - Default link variant
+- `linkSize` - Default link size
+- `linkUnderline` - Default underline style
+- `dialogDisplay` - Default dialog display mode
+
+### Variable Priority & Fallback
+
+Variables follow this priority order:
+
+1. **Custom CSS variables** (`--su-custom-*`) - Highest priority
+2. **Theme configuration** - Applied during plugin initialization
+3. **Default theme tokens** - Fallbacks from theme definitions
+
+This means:
+- CSS variables defined in `:root` or element styles always take precedence
+- Variables not defined in the theme config fall back to default tokens
+- You can override specific tokens without defining the entire theme
+
+### Scoped Customization
+
+Apply different themes to different parts of your application:
+
+```vue
+<template>
+  <!-- Light theme section -->
+  <section class="light-section">
+    <SuButton>Light Button</SuButton>
+  </section>
+
+  <!-- Dark theme section -->
+  <section class="dark-section">
+    <SuButton>Dark Button</SuButton>
+  </section>
+</template>
+
+<style scoped>
+.light-section {
+  --su-custom-text-primary: #1f2937;
+  --su-custom-bg-surface: #ffffff;
 }
 
-app.use(SurgeUpDS, options)
+.dark-section {
+  --su-custom-text-primary: #f3f4f6;
+  --su-custom-bg-surface: #1f2937;
+}
+</style>
 ```
 
 ### With Icons

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

@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<AvatarProps, {
     size: import('../../types').AvatarSize;
     variant: import('../../types').AvatarVariant;
     loading: boolean;
+    loadingLabel: string;
     clickable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     avatarRef: HTMLDivElement;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;AA6S1C,wBAWG"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Badge.vue"],"names":[],"mappings":"AAuRA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAwFzC,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;oBAvHpC,GAAG;;oBAAH,GAAG;;;;EA4HhB;AAaD,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"}
+{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Badge.vue"],"names":[],"mappings":"AAoRA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAwFzC,iBAAS,cAAc;WA0CT,OAAO,IAA6B;;oBAvHpC,GAAG;;oBAAH,GAAG;;;;EA4HhB;AAaD,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

@@ -22,6 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     size: import('../../types').ButtonSize;
     variant: import('../../types').ButtonVariant;
     loading: boolean;
+    loadingLabel: string;
     radius: import('../../types').ButtonRadius;
     iconDisplay: "left" | "right" | "only";
     disabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Button.vue"],"names":[],"mappings":"AAkYA,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"}
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Button.vue"],"names":[],"mappings":"AA0VA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA8G1C,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.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/CheckboxGroup.vue"],"names":[],"mappings":"AA4sBA,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"}
+{"version":3,"file":"CheckboxGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/CheckboxGroup.vue"],"names":[],"mappings":"AAqpBA,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

@@ -38,6 +38,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     placeholder: string;
     dragText: string;
     browseText: string;
+    loadingText: string;
+    loadingSubText: string;
     allowPreview: boolean;
     showFileList: boolean;
     showProgress: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FileUpload.vue"],"names":[],"mappings":"AA8/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"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FileUpload.vue"],"names":[],"mappings":"AAkgCA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGhE,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAwWvC,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

@@ -35,6 +35,7 @@ declare const __VLS_component: import('vue').DefineComponent<FormFieldProps, {},
     state: import('../../types').State;
     required: boolean;
     message: string;
+    requiredText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FormField.vue"],"names":[],"mappings":"AA4OA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAsD7C,iBAAS,cAAc;WAqET,OAAO,IAA6B;;;;;;;;;YAZvB,GAAG;;;;;;;;YACD,GAAG;;;;;;YACH,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"}
+{"version":3,"file":"FormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/FormField.vue"],"names":[],"mappings":"AAwMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAwD7C,iBAAS,cAAc;WAqET,OAAO,IAA6B;;;;;;;;;YAZvB,GAAG;;;;;;;;YACD,GAAG;;;;;;YACH,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.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Heading.vue"],"names":[],"mappings":"AAwJA,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"}
+{"version":3,"file":"Heading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Heading.vue"],"names":[],"mappings":"AAsKA,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

@@ -16,6 +16,9 @@ declare const _default: import('vue').DefineComponent<ImageProps, {
     position: import('../../types').ImagePosition;
     lazy: boolean;
     placeholderColor: string;
+    loadingAriaLabel: string;
+    errorAriaLabel: string;
+    errorText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     imageRef: HTMLImageElement;
 }, HTMLDivElement>;

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

@@ -1 +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"}
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Image.vue"],"names":[],"mappings":"AAuZA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAqSzC,wBAWG"}

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

@@ -24,8 +24,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     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;
+    input: (event: Event) => any;
     blur: (event: FocusEvent) => any;
     keydown: (event: KeyboardEvent) => any;
     change: (event: Event) => any;
@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "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;
+    onInput?: ((event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Input.vue"],"names":[],"mappings":"AAyZA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,KAAK,WAAW,GAAG,UAAU,CAAC;AAuJ9B,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"}
+{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Input.vue"],"names":[],"mappings":"AAmXA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,KAAK,WAAW,GAAG,UAAU,CAAC;AA8I9B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;;;;;;EAgB/B;AA+BD,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.map

@@ -1 +1 @@
-{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"AAwbA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA2HxC,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"}
+{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Link.vue"],"names":[],"mappings":"AAybA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA2HxC,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Panel.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAoBzC,iBAAS,cAAc;WAiET,OAAO,IAA6B;;sBAZxB,GAAG;yBACA,GAAG;wBACJ,GAAG;;;;EAe9B;AASD,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"}
+{"version":3,"file":"Panel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Panel.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAoBzC,iBAAS,cAAc;WAiET,OAAO,IAA6B;;sBAZxB,GAAG;yBACA,GAAG;wBACJ,GAAG;;;;EAe9B;AASD,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/Progress.vue.d.ts

@@ -9,12 +9,12 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ProgressProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
-    max: number;
     size: "sm" | "md" | "lg";
     color: string;
     backgroundColor: string;
     state: "default" | "error" | "success" | "warning";
     min: number;
+    max: number;
     formatValue: (value: number) => string;
     modelValue: number;
     showLabel: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Progress.vue"],"names":[],"mappings":"AAyOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoF5C,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,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"}
+{"version":3,"file":"Progress.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Progress.vue"],"names":[],"mappings":"AA0OA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoF5C,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,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/RadioGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/RadioGroup.vue"],"names":[],"mappings":"AAoqBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAmGnC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoGT,OAAO,IAA6B;;wBAXtB,GAAG;uBACJ,GAAG;;;;EAe7B;AAmBD,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"}
+{"version":3,"file":"RadioGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/RadioGroup.vue"],"names":[],"mappings":"AAqqBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAmGnC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoGT,OAAO,IAA6B;;wBAXtB,GAAG;uBACJ,GAAG;;;;EAe7B;AAmBD,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/SelectBox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/SelectBox.vue"],"names":[],"mappings":"AA4tCA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,WAAW,GAAG,cAAc,CAAC;AAublC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0YhB,wBAUG"}
+{"version":3,"file":"SelectBox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/SelectBox.vue"],"names":[],"mappings":"AA0tCA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI3D,KAAK,WAAW,GAAG,cAAc,CAAC;AAublC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9D,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0YhB,wBAUG"}

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

@@ -19,32 +19,32 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
-    focus: () => void;
+    focus: () => void | undefined;
     sliderRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     thumb1Ref: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     thumb2Ref: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (value: number | [number, number]) => any;
     focus: (event: FocusEvent) => any;
+    input: (value: number | [number, number]) => any;
     blur: (event: FocusEvent) => any;
     keydown: (event: KeyboardEvent) => any;
     change: (value: number | [number, number]) => any;
     "update:modelValue": (value: number | [number, number]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onInput?: ((value: number | [number, number]) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onInput?: ((value: number | [number, number]) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onChange?: ((value: number | [number, number]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
 }>, {
-    max: number;
     size: import('../../types').Size;
     disabled: boolean;
     state: import('../../types').State;
     required: boolean;
     readonly: boolean;
     min: number;
+    max: number;
     step: number;
     orientation: import('../../types').Orientation;
     tooltip: "none" | "top" | "bottom";

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Slider.vue"],"names":[],"mappings":"AA6kCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,WAAW,GAAG,WAAW,CAAC;AAkY/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsOT,OAAO,IAA6B;;wBAftB,GAAG;uBACJ,GAAG;;;;;;;;;EAmB7B;AAsCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAWnB,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"}
+{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Slider.vue"],"names":[],"mappings":"AAykCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,WAAW,GAAG,WAAW,CAAC;AAiY/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8OT,OAAO,IAA6B;;wBAftB,GAAG;uBACJ,GAAG;;;;;;;;;EAmB7B;AAuCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAWnB,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/Switch.vue.d.ts

@@ -24,7 +24,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     state: import('../../types').State;
     required: boolean;
     readonly: boolean;
-    modelValue: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     switchRef: HTMLDivElement;
 }, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Switch.vue"],"names":[],"mappings":"AA2VA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,WAAW,GAAG,WAAW,CAAC;AA0G/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;gBADH,OAAO;;;;AA8GpB,wBAUG"}
+{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Switch.vue"],"names":[],"mappings":"AAmWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,WAAW,GAAG,WAAW,CAAC;AA6G/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AA+GhB,wBAUG"}

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

@@ -8,16 +8,16 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     select: () => void;
     textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (event: Event) => any;
     focus: (event: FocusEvent) => any;
+    input: (event: Event) => any;
     blur: (event: FocusEvent) => any;
     keydown: (event: KeyboardEvent) => any;
     change: (event: Event) => any;
     keyup: (event: KeyboardEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onInput?: ((event: Event) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onInput?: ((event: Event) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Textarea.vue"],"names":[],"mappings":"AA4UA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAiNjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGhB,wBAUG"}
+{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/Textarea.vue"],"names":[],"mappings":"AAgVA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAiNjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGhB,wBAUG"}

package/dist/components/molecules/AccordionItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/AccordionItem.vue"],"names":[],"mappings":"AAoZA,OAAO,KAAK,EAAoB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+GpE,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;;;;;;;;;YAZtB,GAAG;;;;;;;;;YACD,GAAG;;;;;;EAgBhC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBAUnB,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"}
+{"version":3,"file":"AccordionItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/AccordionItem.vue"],"names":[],"mappings":"AAwZA,OAAO,KAAK,EAAoB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA8GpE,iBAAS,cAAc;WAoGT,OAAO,IAA6B;;;;;;;;;;YAZtB,GAAG;;;;;;;;;YACD,GAAG;;;;;;EAgBhC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;kBAUnB,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/molecules/AvatarGroup.vue.d.ts

@@ -17,10 +17,10 @@ declare const __VLS_component: import('vue').DefineComponent<AvatarGroupProps, {
 }, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{
     "onAvatar-click"?: ((avatar: any, index: number, event: MouseEvent) => any) | undefined;
 }>, {
-    max: number;
     size: import('../../types').AvatarSize;
     variant: import('../../types').AvatarVariant;
     clickable: boolean;
+    max: number;
     avatars: import('../../types').AvatarProps[];
     spacing: "none" | "sm" | "md" | "lg";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/molecules/AvatarGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/AvatarGroup.vue"],"names":[],"mappings":"AAyQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAuF/C,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;mBAtKrC,GAAG;kBACJ,GAAG;;mBADF,GAAG;kBACJ,GAAG;;;;EA0Kd;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;wFASnB,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"}
+{"version":3,"file":"AvatarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/AvatarGroup.vue"],"names":[],"mappings":"AAkQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAuF/C,iBAAS,cAAc;WAyGT,OAAO,IAA6B;;mBA9KrC,GAAG;kBACJ,GAAG;;mBADF,GAAG;kBACJ,GAAG;;;;EAkLd;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;wFASnB,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/molecules/ButtonGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/ButtonGroup.vue"],"names":[],"mappings":"AAiHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAgF/C,iBAAS,cAAc;WA+BT,OAAO,IAA6B;;mBAvGrC,GAAG;;mBAAH,GAAG;;;;EA4Gf;AAYD,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"}
+{"version":3,"file":"ButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/ButtonGroup.vue"],"names":[],"mappings":"AAgJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAgF/C,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;mBAzGrC,GAAG;;mBAAH,GAAG;;;;EA8Gf;AAYD,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/molecules/CheckboxGroupField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/CheckboxGroupField.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC;CAAG;AAExE,KAAK,WAAW,GAAG,KAAK,CAAC;AA8CzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAChC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AA2GhB,wBASG"}
+{"version":3,"file":"CheckboxGroupField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/CheckboxGroupField.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD,MAAM,WAAW,KAAM,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,CAAC;CAAG;AAExE,KAAK,WAAW,GAAG,KAAK,CAAC;AA8CzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;CAChC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;AA6GhB,wBASG"}

package/dist/components/molecules/Dropdown.vue.d.ts

@@ -6,14 +6,14 @@ declare const _default: import('vue').DefineComponent<DropdownProps, {
     dropdownRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     triggerRef: import('vue').Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (option: any) => any;
     focus: (event: FocusEvent) => any;
+    select: (option: any) => any;
     blur: (event: FocusEvent) => any;
     close: () => any;
     open: () => any;
 }, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
-    onSelect?: ((option: any) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onSelect?: ((option: any) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -21,6 +21,7 @@ declare const _default: import('vue').DefineComponent<DropdownProps, {
     size: import('../../types').ButtonSize;
     variant: import('../../types').ButtonVariant;
     loading: boolean;
+    loadingLabel: string;
     iconDisplay: "left" | "right" | "only";
     disabled: boolean;
     options: import('../../types').DropdownOption[];

package/dist/components/molecules/Dropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/Dropdown.vue"],"names":[],"mappings":"AA65BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyjB5C,wBAWG"}
+{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/Dropdown.vue"],"names":[],"mappings":"AA85BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAilB5C,wBAWG"}

package/dist/components/molecules/FileUploadField.vue.d.ts

@@ -40,6 +40,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     placeholder: string;
     dragText: string;
     browseText: string;
+    loadingText: string;
+    loadingSubText: string;
     allowPreview: boolean;
     showFileList: boolean;
     showProgress: boolean;

package/dist/components/molecules/FileUploadField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/FileUploadField.vue"],"names":[],"mappings":"AAghCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,UAAU,KAAM,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;CAAG;AAE9D,KAAK,WAAW,GAAG,KAAK,CAAC;AAqWzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4VhB,wBAWG"}
+{"version":3,"file":"FileUploadField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/FileUploadField.vue"],"names":[],"mappings":"AAwhCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEjE,UAAU,KAAM,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;CAAG;AAE9D,KAAK,WAAW,GAAG,KAAK,CAAC;AAyWzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8VhB,wBAWG"}