vuesp-components 1.3.1 → 1.3.3

package/README.md

@@ -1,7 +1,191 @@
 # Vuesp components
 
-Component library for  [Vuesp](https://github.com/bondrogeen/vuesp) - Template for your arduino projects with a web interface.
+Component library for [Vuesp](https://github.com/bondrogeen/vuesp) - Template for your arduino projects with a web interface.
 
+## Installation
+
+### npm
+
+```bash
+npm install vuesp-components
+```
+
+### yarn
+
+```bash
+yarn add vuesp-components
+```
+
+### pnpm
+
+```bash
+pnpm add vuesp-components
+```
+
+## Usage
+
+### Basic Setup
+
+Import the components and styles in your Vue app:
+
+```typescript
+import { createApp } from 'vue'
+import App from './App.vue'
+import * as components from 'vuesp-components'
+import 'vuesp-components/dist/style.css'
+
+const app = createApp(App)
+
+// Register all components globally
+Object.entries(components).forEach(([name, component]) => {
+  if (typeof component === 'object' && component.name) {
+    app.component(component.name, component)
+  }
+})
+
+app.mount('#app')
+```
+
+### Using Components
+
+#### UI Components
+
+```vue
+<template>
+  <div>
+    <VButton color="primary" @click="handleClick">Click me</VButton>
+    <VTextField v-model="text" label="Input text" />
+    <VSelect v-model="selected" :list="options" />
+    <VCheckbox v-model="checked" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const text = ref('')
+const selected = ref('')
+const checked = ref(false)
+const options = [
+  { label: 'Option 1', value: 1 },
+  { label: 'Option 2', value: 2 },
+]
+
+const handleClick = () => {
+  console.log('Button clicked')
+}
+</script>
+```
+
+#### App Layout Components
+
+```vue
+<template>
+  <div class="app">
+    <AppHeader :changeTheme="toggleTheme" :notifications="notifications" />
+    <AppNav :menu="menuItems" :fullPath="route.path" />
+    <div class="app-content">
+      <RouterView />
+    </div>
+    <AppNotification ref="notification" />
+  </div>
+</template>
+```
+
+#### Dashboard Components
+
+```vue
+<template>
+  <div class="dashboard">
+    <CardBase label="Temperature" icon="thermometer">
+      <CardInput :value="temperature" @input="updateTemp" />
+    </CardBase>
+    <CardBase label="Status" icon="info">
+      <CardButton label="Toggle" @click="toggleStatus" />
+    </CardBase>
+  </div>
+</template>
+```
+
+### Composables
+
+```typescript
+import { useForms } from 'vuesp-components/composables'
+
+const { formData, submitForm, resetForm } = useForms()
+```
+
+### Helpers
+
+```typescript
+import { someHelper } from 'vuesp-components/helpers'
+```
+
+### Plugins
+
+```typescript
+import { i18nPlugin } from 'vuesp-components/plugins'
+
+app.use(i18nPlugin, {
+  locale: 'en',
+})
+```
+
+## Features
+
+- ✅ Vue 3 with TypeScript support
+- ✅ Tailwind CSS styling
+- ✅ Fully typed components
+- ✅ Accessible UI components
+- ✅ Responsive design
+- ✅ Dark mode support
+- ✅ Dashboard components for IoT interfaces
+- ✅ Form utilities and composables
+- ✅ i18n integration
+
+## Components
+
+### UI Components
+- `VButton` - Button component
+- `VCheckbox` - Checkbox component
+- `VTextField` - Text input field
+- `VSelect` - Select dropdown
+- `VAutocomplete` - Autocomplete input
+- `VTable` - Data table
+- `VTabs` - Tabs component
+- `VAccordion` - Accordion component
+- `VDropdown` - Dropdown menu
+- `VLoader` - Loading spinner
+- `VIcon` - Icon component
+- `VFile` - File upload
+- `VDragDrop` - Drag and drop
+- `VExpansion` - Expansion panel
+- `VList` - List component
+
+### App Components
+- `AppHeader` - Header with theme toggle
+- `AppNav` - Navigation menu
+- `AppAside` - Sidebar
+- `AppDialog` - Modal dialog
+- `AppNotification` - Toast notifications
+- `AppProgress` - Progress bar
+
+### Dashboard Components
+- `CardBase` - Base card
+- `CardButton` - Button card
+- `CardDate` - Date card
+- `CardDimmer` - Dimmer control
+- `CardInfo` - Info card
+- `CardInput` - Input card
+- `CardList` - List card
+- `ItemEdit` - Edit item component
+- `ItemOptions` - Options component
+
+## License
+
+## 1.3.1 (2026-06-22)
+
+- (bondrogeen) Build fixes and documentation updates
 
 ## 1.3.0 (2025-10-09)
 

package/dist/components/app/AppAside.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppAside.vue.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppAside.vue"],"names":[],"mappings":"AAmBA;AAsCA,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,wBAAwB,CAAC;AAoB7E,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AppAside.vue.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppAside.vue"],"names":[],"mappings":"AAmBA;AAqCA,OAAO,KAAK,EAAE,cAAc,EAAkB,MAAM,wBAAwB,CAAC;AAmB7E,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/drag-drop/VDragDrop.vue.d.ts

@@ -1,10 +1,10 @@
-import { IVDragDropProps } from './types';
+import { IVDragDropProps, IVDragDropItem } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {
-            item: any;
-            key: any;
+            item: IVDragDropItem;
+            key: number;
             index: number;
             isDragging: boolean;
         }): any;
@@ -14,20 +14,20 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IVDragDropProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:items": (items: any[]) => any;
+    "update:items": (items: IVDragDropItem[]) => any;
     "order-change": (payload: {
         fromIndex: number;
         toIndex: number;
-        movedItem: unknown;
-        newOrder: unknown[];
+        movedItem: IVDragDropItem;
+        newOrder: IVDragDropItem[];
     }) => any;
 }, string, import('vue').PublicProps, Readonly<IVDragDropProps & {
-    "onUpdate:items"?: ((items: any[]) => any) | undefined;
+    "onUpdate:items"?: ((items: IVDragDropItem[]) => any) | undefined;
     "onOrder-change"?: ((payload: {
         fromIndex: number;
         toIndex: number;
-        movedItem: unknown;
-        newOrder: unknown[];
+        movedItem: IVDragDropItem;
+        newOrder: IVDragDropItem[];
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/ui/drag-drop/VDragDrop.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VDragDrop.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drag-drop/VDragDrop.vue"],"names":[],"mappings":"AA6BA;AAmFA,OAAO,EAAE,eAAe,EAAmC,MAAM,iCAAiC,CAAC;AAwDnG,iBAAS,cAAc;WAyET,OAAO,IAA6B;;;;;;;YAVrB,GAAG;;;;EAe/B;AAgBD,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;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"VDragDrop.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drag-drop/VDragDrop.vue"],"names":[],"mappings":"AA6BA;AAmFA,OAAO,EAAE,eAAe,EAAmB,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAwDnG,iBAAS,cAAc;WAyET,OAAO,IAA6B;;;;;;;YAVrB,GAAG;;;;EAe/B;AAgBD,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;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/drag-drop/types.d.ts

@@ -2,16 +2,16 @@ export interface IVDragDropItem {
     id: number;
 }
 export interface IVDragDropProps {
-    items: any[];
+    items: IVDragDropItem[];
     itemKey?: 'id';
 }
 export interface IVDragDropEmits {
-    (e: 'update:items', items: any[]): void;
+    (e: 'update:items', items: IVDragDropItem[]): void;
     (e: 'order-change', payload: {
         fromIndex: number;
         toIndex: number;
-        movedItem: unknown;
-        newOrder: unknown[];
+        movedItem: IVDragDropItem;
+        newOrder: IVDragDropItem[];
     }): void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ui/drag-drop/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drag-drop/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AACD,MAAM,WAAW,eAAe;IAC9B,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACxC,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;CACrH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drag-drop/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AACD,MAAM,WAAW,eAAe;IAC9B,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;IACnD,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,cAAc,CAAC;QAAC,QAAQ,EAAE,cAAc,EAAE,CAAA;KAAE,GAAG,IAAI,CAAC;CACnI"}

package/dist/composables/index.es.js

@@ -2,7 +2,7 @@ import { reactive as h, computed as F } from "vue";
 function S(d) {
   const { validationSchema: n, initialValues: f = {} } = d, s = h({}), e = h({}), u = h({}), l = h({}), E = () => {
     Object.keys(n).forEach((t) => {
-      s[t] = f[t] || "", e[t] = [], u[t] = !1, l[t] = !1;
+      s[t] = f[t] ?? "", e[t] = [], u[t] = !1, l[t] = !1;
     });
   }, v = (t, r) => {
     const a = n[t] || [], c = [];

package/dist/composables/types.d.ts

@@ -1,5 +1,5 @@
 import { Ref, ComputedRef } from 'vue';
-export type Validator = (value: string, values?: Record<string, any>) => true | string;
+export type Validator = (value: string, values?: Record<string, unknown>) => true | string;
 export type ValidationSchema = Record<string, Validator[]>;
 export interface FieldState {
     value: string | number;
@@ -8,13 +8,13 @@ export interface FieldState {
     dirty: boolean;
 }
 export interface FormState {
-    values: Record<string, any>;
+    values: Record<string, unknown>;
     errors: Record<string, string[]>;
     touched: Record<string, boolean>;
     dirty: Record<string, boolean>;
 }
 export interface DefineFieldOptions {
-    props?: (context: FieldContext) => Record<string, any>;
+    props?: (context: FieldContext) => Record<string, unknown>;
 }
 export interface FieldContext {
     errors: string[];
@@ -23,13 +23,13 @@ export interface FieldContext {
 }
 export interface UseFormOptions {
     validationSchema: ValidationSchema;
-    initialValues?: Record<string, any>;
+    initialValues?: Record<string, unknown>;
 }
 export interface UseFormReturn {
-    values: Record<string, any>;
+    values: Record<string, unknown>;
     errors: Record<string, string[]>;
-    defineField: <T = any>(name: string, options?: DefineFieldOptions) => [Ref<T>, ComputedRef<Record<string, any>>];
-    handleSubmit: (callback: (values: Record<string, any>) => void | Promise<void>) => (event?: Event) => Promise<void>;
+    defineField: <T = unknown>(name: string, options?: DefineFieldOptions) => [Ref<T>, ComputedRef<Record<string, unknown>>];
+    handleSubmit: (callback: (values: Record<string, unknown>) => void | Promise<void>) => (event?: Event) => Promise<void>;
     resetForm: () => void;
     validate: () => boolean;
 }

package/dist/composables/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/composables/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,MAAM,CAAC;AACvF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACjH,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/composables/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,MAAM,CAAC;AAC3F,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAE3D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC5D;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACjC,WAAW,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzH,YAAY,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,OAAO,CAAC;CACzB"}

package/dist/dashboard/index.d.ts

@@ -1,11 +1,11 @@
-import { TypeGetDataValue, TypeGetParamsData, IDashboardItem } from '../types/types';
+import { TypeGetDataValue, TypeGetParamsData, IDashboardItem, GetTypeByPath } from '../types/types';
 export declare const getDataValue: TypeGetDataValue;
 export declare const getParamsData: TypeGetParamsData;
 export declare const getFunction: (body: string | undefined) => Function | null;
 export declare const setStateItem: <T>(item: IDashboardItem, value: unknown, object: T) => any;
 export declare const getStateItem: <T>(item: IDashboardItem, object: T) => {
-    value: string | NonNullable<import('../types/types').GetTypeByPath<T, string>>;
-    valueTo: string | NonNullable<import('../types/types').GetTypeByPath<T, string>>;
+    value: string | NonNullable<GetTypeByPath<T, string>>;
+    valueTo: string | NonNullable<GetTypeByPath<T, string>>;
     id: string;
     name: string;
     type: string;

package/dist/dashboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEzF,eAAO,MAAM,YAAY,EAAE,gBAY1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAE3B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,GAAG,SAAS,oBAInD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,MAAM,cAAc,EAAE,OAAO,OAAO,EAAE,QAAQ,CAAC,QAU9E,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,MAAM,cAAc,EAAE,QAAQ,CAAC;;;;;;;;;;;;CAkB9D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAExG,eAAO,MAAM,YAAY,EAAE,gBAY1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAE3B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,GAAG,SAAS,oBAInD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,MAAM,cAAc,EAAE,OAAO,OAAO,EAAE,QAAQ,CAAC,QAU9E,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,MAAM,cAAc,EAAE,QAAQ,CAAC;;;;;;;;;;;;CAkB9D,CAAC"}

package/dist/dashboard/index.es.js

@@ -1,38 +1,38 @@
-const v = (t, n) => {
-  const r = t.split(".");
-  let e = n;
-  for (const c of r)
-    if (e !== null && typeof e == "object" && c in e)
-      e = e[c];
+const v = (t, r) => {
+  const c = t.split(".");
+  let e = r;
+  for (const n of c)
+    if (e !== null && typeof e == "object" && n in e)
+      e = e[n];
     else
       return;
   return e;
-}, i = ({ args: t }, n) => t.map((r) => v(r, n)), l = (t) => t ? (t = t.includes("return") ? t : `return ${t}`, new Function("v", "a", "b", "c", t)) : null, F = (t, n, r) => {
-  const [e, ...c] = i(t, r);
-  let s = null;
+}, i = ({ args: t }, r) => t.map((c) => v(c, r)), u = (t) => t ? (t = t.includes("return") ? t : `return ${t}`, new Function("v", "a", "b", "c", t)) : null, F = (t, r, c) => {
+  const [, ...e] = i(t, c);
+  let n = null;
   try {
-    const o = l(t.set);
-    o && (s = o(n, ...c));
+    const o = u(t.set);
+    o && (n = o(r, ...e));
   } catch (o) {
     console.warn(o);
   }
-  return s;
-}, p = (t, n) => {
-  const r = i(t, n), [e, c, s, o] = r;
-  let a = e ?? "", g = a;
+  return n;
+}, p = (t, r) => {
+  const c = i(t, r), [e, n, o, l] = c;
+  let s = e ?? "", g = s;
   try {
-    const u = l(t.get);
-    u && (a = u(a, c, s, o));
-    const f = l(t.getTo);
-    f && (g = f(a, c, s, o));
-  } catch (u) {
-    console.warn(u);
+    const a = u(t.get);
+    a && (s = a(s, n, o, l));
+    const f = u(t.getTo);
+    f && (g = f(s, n, o, l));
+  } catch (a) {
+    console.warn(a);
   }
-  return { ...t, value: a, valueTo: g };
+  return { ...t, value: s, valueTo: g };
 };
 export {
   v as getDataValue,
-  l as getFunction,
+  u as getFunction,
   i as getParamsData,
   p as getStateItem,
   F as setStateItem

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { ObjectPlugin } from 'node_modules/@vue/runtime-core/dist/runtime-core';
+import { Plugin } from 'vue';
 export * from './components';
-declare const _default: ObjectPlugin;
+declare const _default: Plugin;
 export default _default;
 export * from './dashboard';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAShF,OAAO,uBAAuB,CAAC;AAM/B,cAAc,eAAe,CAAC;wBASzB,YAAY;AAPjB,wBAOkB;AAElB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,MAAM,EAAa,MAAM,KAAK,CAAC;AAS7C,OAAO,uBAAuB,CAAC;AAI/B,cAAc,eAAe,CAAC;wBASzB,MAAM;AAPX,wBAOY;AAEZ,cAAc,aAAa,CAAC"}

package/dist/plugins/i18n/index.d.ts

@@ -1,4 +1,4 @@
-import { ObjectPlugin } from 'node_modules/@vue/runtime-core/dist/runtime-core';
-declare const i18nPlugin: ObjectPlugin;
+import { Plugin } from 'vue';
+declare const i18nPlugin: Plugin;
 export default i18nPlugin;
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/i18n/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAKhF,QAAA,MAAM,UAAU,EA6CX,YAAY,CAAC;AAElB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,MAAM,EAAE,MAAM,KAAK,CAAC;AAMtD,QAAA,MAAM,UAAU,EAAE,MAiDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/plugins/index.es.js

@@ -1,19 +1,24 @@
-import { reactive as L, readonly as g } from "vue";
-const d = { en: {} }, $ = "en", y = {
-  install(o, e = {}) {
-    const a = (e == null ? void 0 : e.locales) || d, s = (e == null ? void 0 : e.defaultLocale) || $, t = L({
+import { reactive as g, readonly as L } from "vue";
+const b = { en: {} }, d = "en", y = {
+  install(a, l = {}) {
+    const r = (l == null ? void 0 : l.locales) || b, s = (l == null ? void 0 : l.defaultLocale) || d, t = g({
       locale: s
-    }), r = {
-      state: g(t),
+    }), n = {
+      state: L(t),
       $t(c, f = {}) {
         const i = c.split(".");
-        let l = a[t.locale];
-        for (const n of i)
-          l = l == null ? void 0 : l[n];
-        return typeof l != "string" ? c : l.replace(/{(\w+)}/g, (n, u) => f[u] || n);
+        let e = r[t.locale];
+        for (const o of i)
+          if (typeof e == "object" && e !== null)
+            e = e[o];
+          else {
+            e = void 0;
+            break;
+          }
+        return typeof e != "string" ? c : e.replace(/{(\w+)}/g, (o, u) => f[u] || o);
       },
       setLocale(c) {
-        if (a[c]) {
+        if (r[c]) {
           t.locale = c;
           return;
         }
@@ -23,10 +28,10 @@ const d = { en: {} }, $ = "en", y = {
         return t.locale;
       },
       getListLocales() {
-        return Object.keys(a);
+        return Object.keys(r);
       }
     };
-    o.config.globalProperties.$t = r.$t, o.provide("i18n", r), window.$i18n = r;
+    a.config.globalProperties.$t = n.$t, a.config.globalProperties.$i18n = n, a.provide("i18n", n);
   }
 };
 export {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.1",
+  "version": "1.3.3",
   "name": "vuesp-components",
   "type": "module",
   "main": "./dist/index.js",
@@ -61,12 +61,11 @@
   "author": "bondrogeen",
   "license": "MIT",
   "dependencies": {
-    "@tailwindcss/vite": "4.1.6",
     "@vueuse/core": "^13.9.0",
-    "tailwindcss": "4.1.6",
-    "vue": "3.5.0"
+    "tslib": "^2.3.0"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "4.1.6",
     "@eslint/js": "^9.39.1",
     "@types/node": "^18.11.18",
     "@typescript-eslint/parser": "^8.46.3",
@@ -77,16 +76,17 @@
     "eslint-plugin-vue": "^10.5.1",
     "globals": "^16.5.0",
     "tsconfig-paths": "^4.2.0",
-    "tslib": "^2.3.0",
+    "tailwindcss": "4.1.6",
     "typescript": "~5.9.2",
     "typescript-eslint": "^8.46.3",
     "vite": "^5.0.0",
     "vite-plugin-dts": "~4.5.0",
     "vite-svg-loader": "^5.1.0",
     "vite-svg-sprite-wrapper": "^1.5.0",
+    "vue": "3.5.0",
     "vue-tsc": "^2.2.8"
   },
   "peerDependencies": {
-    "vue": "3.5.0"
+    "vue": "^3.5.0"
   }
 }