@ertugrulozcan97/apexui 0.1.0 → 0.1.2

package/README.md

@@ -1,38 +1,147 @@
-# .
+# ApexUI
 
-This template should help get you started developing with Vue 3 in Vite.
+A Vue 3 UI component library built with Tailwind CSS v4 and TypeScript.
 
-## Recommended IDE Setup
+## Requirements
 
-[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+- Vue ≥ 3.4
+- Tailwind CSS ≥ 4.0 (with `@tailwindcss/vite`)
+- `@lucide/vue` ≥ 1.0
 
-## Recommended Browser Setup
+## Installation
 
-- Chromium-based browsers (Chrome, Edge, Brave, etc.):
-  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
-- Firefox:
-  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
-  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+```bash
+npm install @ertugrulozcan97/apexui
+```
+
+## Setup
+
+### 1. Import styles
+
+In your `main.css` (or equivalent), import the library's design tokens and your Tailwind base **before** your own styles:
+
+```css
+@import "tailwindcss";
+@import "@ertugrulozcan97/apexui/style";
+```
+
+### 2. Register the plugin
+
+```ts
+// main.ts
+import { createApp } from "vue"
+import App from "./App.vue"
+import ApexUI from "@ertugrulozcan97/apexui"
+
+const app = createApp(App)
+app.use(ApexUI)
+app.mount("#app")
+```
+
+### 3. Add providers
+
+Place these once in your root `App.vue` template. They are required for toasts and dialogs to work:
+
+```vue
+<template>
+	<UToastProvider />
+	<UDialogProvider />
+	<RouterView />
+</template>
+```
 
-## Customize configuration
+## À la carte usage
 
-See [Vite Configuration Reference](https://vite.dev/config/).
+Import only what you need instead of registering the full plugin:
 
-## Project Setup
+```ts
+import { UButton, UInput, useToast, useDialog } from "@ertugrulozcan97/apexui"
+```
+
+## Components
+
+| Component            | Description                                                                         |
+| -------------------- | ----------------------------------------------------------------------------------- |
+| `UBadge`             | Status badge with variants: `success`, `warning`, `danger`, `info`, `neutral`       |
+| `UButton`            | Button with variants `primary`, `secondary`, `danger`, `ghost` and sizes `md`, `sm` |
+| `UCheckbox`          | Checkbox with label and v-model support                                             |
+| `UDialog`            | Programmatic confirmation dialog (used with `useDialog`)                            |
+| `UDialogProvider`    | Required provider — mount once in root                                              |
+| `UDrawer`            | Slide-over panel, supports `left`, `right`, `top`, `bottom` sides                   |
+| `UDropzone`          | File drag-and-drop upload area                                                      |
+| `UEmptyState`        | Empty state placeholder with icon, title, and description                           |
+| `UFormRow`           | Form field wrapper with label and hint                                              |
+| `UIcon`              | Lucide icon wrapper with color and size props                                       |
+| `UIconButton`        | Square icon-only button                                                             |
+| `UInput`             | Text input, textarea, or select — controlled via `v-model`                          |
+| `UListCard`          | Card container for list items                                                       |
+| `UListCardCell`      | Cell inside a `UListCard`                                                           |
+| `ULogoMark`          | Brand logo mark                                                                     |
+| `UModal`             | Modal dialog with slot-based content                                                |
+| `UPageLayout`        | Two-column page layout (sidebar + content)                                          |
+| `URadio`             | Radio button with label                                                             |
+| `USelect`            | Dropdown select with `v-model`                                                      |
+| `USidebar`           | Navigation sidebar with sections, items, and nested children                        |
+| `UStatCard`          | Statistic card with label, value, and trend                                         |
+| `USwitch`            | Toggle switch with sizes `md`, `sm`                                                 |
+| `UTabs`              | Tab bar with active tab tracking                                                    |
+| `UTable`             | Data table with sorting, pagination, and column toggling                            |
+| `UTableColumnToggle` | Popover to show/hide table columns                                                  |
+| `UTablePager`        | Pagination controls for `UTable`                                                    |
+| `UTableRow`          | Row wrapper for `UTable`                                                            |
+| `UToastProvider`     | Required provider — mount once in root                                              |
+| `UTopBar`            | Top navigation bar                                                                  |
+
+## Composables
+
+### `useToast`
+
+```ts
+import { useToast } from "@ertugrulozcan97/apexui"
+
+const toast = useToast()
 
-```sh
-npm install
+toast.success("Saved successfully")
+toast.error("Something went wrong")
+toast.warning("Check your input")
+toast.info("New update available")
 ```
 
-### Compile and Hot-Reload for Development
+### `useDialog`
 
-```sh
-npm run dev
+```ts
+import { useDialog } from "@ertugrulozcan97/apexui"
+
+const dialog = useDialog()
+
+const confirmed = await dialog.confirm({
+	title: "Delete item",
+	message: "This action cannot be undone.",
+	variant: "danger",
+})
 ```
 
-### Compile and Minify for Production
+## Example
+
+```vue
+<script setup lang="ts">
+import { ref } from "vue"
+import { UButton, UInput, useToast } from "@ertugrulozcan97/apexui"
+
+const name = ref("")
+const toast = useToast()
 
-```sh
-npm run build
+function submit() {
+	toast.success(`Hello, ${name.value}!`)
+}
+</script>
+
+<template>
+	<UInput v-model="name" label="Name" placeholder="Enter your name" />
+	<UButton @click="submit">Submit</UButton>
+</template>
 ```
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './src/components/index'
+export {}
+import ApexUI from './src/components/index'
+export default ApexUI
+export * from './src/components/index'
+export {}

package/dist/src/components/UBadge.vue.d.ts

@@ -0,0 +1,21 @@
+export type BadgeVariant = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+type __VLS_Props = {
+    variant?: BadgeVariant;
+    dot?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: BadgeVariant;
+    dot: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UButton.vue.d.ts

@@ -0,0 +1,30 @@
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type ButtonSize = 'md' | 'sm';
+type __VLS_Props = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    variant: ButtonVariant;
+    type: "button" | "submit" | "reset";
+    size: ButtonSize;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UCheckbox.vue.d.ts

@@ -0,0 +1,23 @@
+type ModelValue = boolean | unknown[];
+type __VLS_Props = {
+    modelValue?: ModelValue;
+    value?: unknown;
+    label?: string;
+    hint?: string;
+    disabled?: boolean;
+    indeterminate?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: ModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ModelValue) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    modelValue: ModelValue;
+    value: undefined;
+    hint: string;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UDialog.vue.d.ts

@@ -0,0 +1,47 @@
+import { DialogVariant } from '../composables/useDialog.ts';
+type __VLS_Props = {
+    modelValue?: boolean;
+    title?: string;
+    message?: string;
+    variant?: DialogVariant;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    hideCancelButton?: boolean;
+    loading?: boolean;
+    width?: string;
+};
+declare var __VLS_19: {}, __VLS_26: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_26) => any;
+} & {
+    footer?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    confirm: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    variant: DialogVariant;
+    title: string;
+    modelValue: boolean;
+    width: string;
+    message: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    hideCancelButton: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UDialogProvider.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UDrawer.vue.d.ts

@@ -0,0 +1,33 @@
+export type DrawerSide = 'left' | 'right';
+type __VLS_Props = {
+    modelValue?: boolean;
+    title?: string;
+    /** CSS width of the drawer panel */
+    width?: string;
+    /** Which edge the drawer slides in from */
+    side?: DrawerSide;
+};
+declare var __VLS_24: {}, __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_24) => any;
+} & {
+    footer?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    modelValue: boolean;
+    width: string;
+    side: DrawerSide;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UDropzone.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label?: string;
+    subtext?: string;
+    accept?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (files: FileList | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((files: FileList | null) => any) | undefined;
+}>, {
+    label: string;
+    subtext: string;
+    accept: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UEmptyState.vue.d.ts

@@ -0,0 +1,27 @@
+import { Component } from 'vue';
+type __VLS_Props = {
+    icon?: Component;
+    iconColor?: string;
+    title?: string;
+    message?: string;
+    noBorder?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    action?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    message: string;
+    icon: Component;
+    iconColor: string;
+    noBorder: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UFormRow.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UIcon.vue.d.ts

@@ -0,0 +1,15 @@
+import { Component } from 'vue';
+export type IconColor = 'neutral' | 'primary' | 'success' | 'warning' | 'error';
+type __VLS_Props = {
+    icon: Component;
+    iconColor?: IconColor;
+    size?: number;
+    strokeWidth?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    strokeWidth: number;
+    iconColor: IconColor;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UIconButton.vue.d.ts

@@ -0,0 +1,31 @@
+export type IconButtonSize = 'md' | 'sm';
+type __VLS_Props = {
+    ariaLabel?: string;
+    dot?: boolean;
+    danger?: boolean;
+    filled?: boolean;
+    size?: IconButtonSize;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    danger: boolean;
+    dot: boolean;
+    size: IconButtonSize;
+    ariaLabel: string;
+    filled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UInput.vue.d.ts

@@ -0,0 +1,36 @@
+type __VLS_Props = {
+    modelValue?: string | number;
+    label?: string;
+    hint?: string;
+    type?: string;
+    as?: 'input' | 'textarea' | 'select';
+    placeholder?: string;
+    disabled?: boolean;
+    rows?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    options?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    label: string;
+    type: string;
+    disabled: boolean;
+    modelValue: string | number;
+    hint: string;
+    as: "input" | "textarea" | "select";
+    placeholder: string;
+    rows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UListCard.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    columns?: string;
+    header?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    header: boolean;
+    columns: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UListCardCell.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    label?: string;
+    value?: string;
+    align?: 'left' | 'right';
+    color?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    value: string;
+    color: string;
+    align: "left" | "right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/ULogoMark.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UModal.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    title?: string;
+    width?: string;
+};
+declare var __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    footer?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    modelValue: boolean;
+    width: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UPageLayout.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    active?: string;
+    pageTitle?: string;
+    pageSubtitle?: string;
+    userName?: string;
+    userInitials?: string;
+    notification?: boolean;
+};
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (query: string) => any;
+    navigate: (key: string) => any;
+    "notification-click": () => any;
+    "user-click": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    onNavigate?: ((key: string) => any) | undefined;
+    "onNotification-click"?: (() => any) | undefined;
+    "onUser-click"?: (() => any) | undefined;
+}>, {
+    active: string;
+    userName: string;
+    userInitials: string;
+    notification: boolean;
+    pageTitle: string;
+    pageSubtitle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/URadio.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    modelValue?: unknown;
+    value?: unknown;
+    label?: string;
+    hint?: string;
+    disabled?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    modelValue: undefined;
+    value: undefined;
+    hint: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/USelect.vue.d.ts

@@ -0,0 +1,64 @@
+type SelectOption = Record<string, unknown> | string | number | null;
+type __VLS_Props = {
+    modelValue?: unknown;
+    options?: SelectOption[];
+    /** Key to use as display label when options are objects */
+    labelKey?: string | null;
+    /** Key to use for value comparison when options are objects */
+    valueKey?: string | null;
+    searchable?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    label?: string;
+    hint?: string;
+    noResultsText?: string;
+};
+declare var __VLS_1: {
+    selected: unknown;
+    placeholder: string;
+}, __VLS_24: {}, __VLS_26: {
+    option: SelectOption;
+    active: boolean;
+    selected: boolean;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    'no-results'?: (props: typeof __VLS_24) => any;
+} & {
+    option?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (query: string) => any;
+    "update:modelValue": (value: unknown) => any;
+    open: () => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    label: string;
+    disabled: boolean;
+    modelValue: undefined;
+    hint: string;
+    placeholder: string;
+    searchPlaceholder: string;
+    options: SelectOption[];
+    labelKey: string | null;
+    valueKey: string | null;
+    searchable: boolean;
+    clearable: boolean;
+    noResultsText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/USidebar.vue.d.ts

@@ -0,0 +1,48 @@
+import { Component } from 'vue';
+export interface SidebarChildItem {
+    key: string;
+    label: string;
+    icon?: Component;
+}
+export interface SidebarItem {
+    key: string;
+    label: string;
+    icon?: Component;
+    children?: SidebarChildItem[];
+}
+export interface SidebarSection {
+    group?: string;
+    key?: string;
+    items?: SidebarItem[];
+    label?: string;
+    icon?: Component;
+    children?: SidebarChildItem[];
+}
+type __VLS_Props = {
+    active?: string;
+    items?: SidebarSection[];
+};
+declare var __VLS_1: {}, __VLS_43: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_1) => any;
+} & {
+    cta?: (props: typeof __VLS_43) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    navigate: (key: string) => any;
+    "cta-click": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((key: string) => any) | undefined;
+    "onCta-click"?: (() => any) | undefined;
+}>, {
+    active: string;
+    items: SidebarSection[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UStatCard.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    eyebrow?: string;
+    metric?: string;
+    delta?: string;
+    deltaDown?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    eyebrow: string;
+    metric: string;
+    delta: string;
+    deltaDown: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/USwitch.vue.d.ts

@@ -0,0 +1,21 @@
+export type SwitchSize = 'md' | 'sm';
+type __VLS_Props = {
+    modelValue?: boolean;
+    label?: string;
+    hint?: string;
+    disabled?: boolean;
+    size?: SwitchSize;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    label: string;
+    size: SwitchSize;
+    disabled: boolean;
+    modelValue: boolean;
+    hint: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UTable.vue.d.ts

@@ -0,0 +1,120 @@
+import { Component } from 'vue';
+export type ColumnFixed = 'left' | 'right';
+export type ColumnAlign = 'left' | 'center' | 'right';
+export type SortDir = 'asc' | 'desc';
+export interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    fixed?: ColumnFixed;
+    align?: ColumnAlign;
+    sortable?: boolean;
+    sortFn?: (a: Record<string, unknown>, b: Record<string, unknown>) => number;
+}
+export interface FetchParams {
+    page: number;
+    pageSize: number;
+    sort: {
+        key: string;
+        dir: SortDir;
+    } | null;
+    search?: string;
+}
+export interface FetchResult {
+    items: Record<string, unknown>[];
+    total: number;
+}
+type __VLS_Props = {
+    columns: TableColumn[];
+    columnToggle?: boolean;
+    hiddenColumns?: string[] | null;
+    items?: Record<string, unknown>[];
+    rowKey?: string;
+    modelValue?: unknown[];
+    selectable?: boolean;
+    expandable?: boolean;
+    remote?: boolean;
+    fetch?: ((params: FetchParams) => Promise<FetchResult>) | null;
+    total?: number | null;
+    pager?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    loading?: boolean;
+    striped?: boolean;
+    search?: string;
+    emptyIcon?: Component;
+    emptyTitle?: string;
+    emptyMessage?: string;
+};
+declare var __VLS_59: `cell-${string}`, __VLS_60: {
+    value: unknown;
+    row: Record<string, unknown>;
+    index: number;
+}, __VLS_62: {
+    row: Record<string, unknown>;
+    index: number;
+}, __VLS_65: `cell-${string}`, __VLS_66: {
+    value: never;
+    row: never;
+    index: never;
+}, __VLS_68: {
+    row: Record<string, unknown>;
+    index: number;
+    collapse: () => void;
+}, __VLS_70: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_59>]?: (props: typeof __VLS_60) => any;
+} & {
+    [K in NonNullable<typeof __VLS_65>]?: (props: typeof __VLS_66) => any;
+} & {
+    'row-actions'?: (props: typeof __VLS_62) => any;
+} & {
+    expand?: (props: typeof __VLS_68) => any;
+} & {
+    empty?: (props: typeof __VLS_70) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sort: (sort: {
+        key: string;
+        dir: SortDir;
+    }) => any;
+    "update:modelValue": (value: unknown[]) => any;
+    fetch: (params: FetchParams) => any;
+    "row-click": (row: Record<string, unknown>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: ((sort: {
+        key: string;
+        dir: SortDir;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
+    onFetch?: ((params: FetchParams) => any) | undefined;
+    "onRow-click"?: ((row: Record<string, unknown>) => any) | undefined;
+}>, {
+    search: string;
+    modelValue: unknown[];
+    loading: boolean;
+    items: Record<string, unknown>[];
+    pageSize: number;
+    total: number | null;
+    pageSizeOptions: number[];
+    columnToggle: boolean;
+    hiddenColumns: string[] | null;
+    rowKey: string;
+    selectable: boolean;
+    expandable: boolean;
+    remote: boolean;
+    fetch: ((params: FetchParams) => Promise<FetchResult>) | null;
+    pager: boolean;
+    striped: boolean;
+    emptyIcon: Component;
+    emptyTitle: string;
+    emptyMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UTableColumnToggle.vue.d.ts

@@ -0,0 +1,18 @@
+export interface TableColumn {
+    key: string;
+    label: string;
+    [key: string]: unknown;
+}
+type __VLS_Props = {
+    columns: TableColumn[];
+    modelValue?: string[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    modelValue: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UTablePager.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    page?: number;
+    pageSize?: number;
+    total?: number;
+    pageSizeOptions?: number[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:page": (page: number) => any;
+    "update:pageSize": (size: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:page"?: ((page: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((size: number) => any) | undefined;
+}>, {
+    page: number;
+    pageSize: number;
+    total: number;
+    pageSizeOptions: number[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UTableRow.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    gridTemplate: string;
+    selected?: boolean;
+    header?: boolean;
+    clickable?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    header: boolean;
+    selected: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/UTabs.vue.d.ts

@@ -0,0 +1,17 @@
+export interface Tab {
+    key: string;
+    label: string;
+}
+type __VLS_Props = {
+    modelValue?: string;
+    tabs: Tab[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UToastProvider.vue.d.ts

@@ -0,0 +1,13 @@
+export type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right';
+type __VLS_Props = {
+    /**
+     * top-left | top | top-right
+     * bottom-left | bottom | bottom-right
+     */
+    position?: ToastPosition;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    position: ToastPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/UTopBar.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    title?: string;
+    subtitle?: string;
+    userName?: string;
+    userInitials?: string;
+    notification?: boolean;
+    searchPlaceholder?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (query: string) => any;
+    "notification-click": () => any;
+    "user-click": () => any;
+    "menu-click": () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    "onNotification-click"?: (() => any) | undefined;
+    "onUser-click"?: (() => any) | undefined;
+    "onMenu-click"?: (() => any) | undefined;
+}>, {
+    title: string;
+    subtitle: string;
+    userName: string;
+    userInitials: string;
+    notification: boolean;
+    searchPlaceholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/index.d.ts

@@ -0,0 +1,48 @@
+import { App } from 'vue';
+export { default as UBadge } from './UBadge.vue';
+export { default as UButton } from './UButton.vue';
+export { default as UCheckbox } from './UCheckbox.vue';
+export { default as UDialog } from './UDialog.vue';
+export { default as UDrawer } from './UDrawer.vue';
+export { default as UDialogProvider } from './UDialogProvider.vue';
+export { default as UDropzone } from './UDropzone.vue';
+export { default as UEmptyState } from './UEmptyState.vue';
+export { default as UFormRow } from './UFormRow.vue';
+export { default as UIcon } from './UIcon.vue';
+export { default as UIconButton } from './UIconButton.vue';
+export { default as UInput } from './UInput.vue';
+export { default as UListCard } from './UListCard.vue';
+export { default as UListCardCell } from './UListCardCell.vue';
+export { default as ULogoMark } from './ULogoMark.vue';
+export { default as UModal } from './UModal.vue';
+export { default as UPageLayout } from './UPageLayout.vue';
+export { default as URadio } from './URadio.vue';
+export { default as USelect } from './USelect.vue';
+export { default as USidebar } from './USidebar.vue';
+export { default as UStatCard } from './UStatCard.vue';
+export { default as USwitch } from './USwitch.vue';
+export { default as UTabs } from './UTabs.vue';
+export { default as UTable } from './UTable.vue';
+export { default as UTableColumnToggle } from './UTableColumnToggle.vue';
+export { default as UTableRow } from './UTableRow.vue';
+export { default as UTablePager } from './UTablePager.vue';
+export { default as UToastProvider } from './UToastProvider.vue';
+export { default as UTopBar } from './UTopBar.vue';
+export { useToast } from '../composables/useToast.ts';
+export { useDialog } from '../composables/useDialog.ts';
+export type { BadgeVariant } from './UBadge.vue';
+export type { ButtonVariant, ButtonSize } from './UButton.vue';
+export type { DrawerSide } from './UDrawer.vue';
+export type { IconColor } from './UIcon.vue';
+export type { IconButtonSize } from './UIconButton.vue';
+export type { SwitchSize } from './USwitch.vue';
+export type { Tab } from './UTabs.vue';
+export type { SidebarSection, SidebarItem, SidebarChildItem } from './USidebar.vue';
+export type { TableColumn, ColumnFixed, ColumnAlign, SortDir, FetchParams, FetchResult } from './UTable.vue';
+export type { TableColumn as ToggleTableColumn } from './UTableColumnToggle.vue';
+export type { ToastVariant, ToastOptions, Toast } from '../composables/useToast.ts';
+export type { DialogVariant, DialogOptions } from '../composables/useDialog.ts';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/src/composables/useDialog.d.ts

@@ -0,0 +1,35 @@
+export type DialogVariant = 'default' | 'danger' | 'warning' | 'success';
+export interface DialogOptions {
+    title?: string;
+    message?: string;
+    variant?: DialogVariant;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    hideCancelButton?: boolean;
+}
+export interface DialogState {
+    open: boolean;
+    title: string;
+    message: string;
+    variant: DialogVariant;
+    confirmLabel: string;
+    cancelLabel: string;
+    hideCancelButton: boolean;
+    loading: boolean;
+    _resolve: ((value: boolean) => void) | null;
+}
+export declare const dialogState: {
+    open: boolean;
+    title: string;
+    message: string;
+    variant: DialogVariant;
+    confirmLabel: string;
+    cancelLabel: string;
+    hideCancelButton: boolean;
+    loading: boolean;
+    _resolve: ((value: boolean) => void) | null;
+};
+export declare function useDialog(): {
+    confirm: (opts?: DialogOptions) => Promise<boolean>;
+    alert: (opts?: DialogOptions) => Promise<boolean>;
+};

package/dist/src/composables/useToast.d.ts

@@ -0,0 +1,33 @@
+export interface ToastAction {
+    label: string;
+    onClick: () => void;
+}
+export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+export interface Toast {
+    id: number;
+    message: string;
+    variant: ToastVariant;
+    title: string | null;
+    action: ToastAction | null;
+    _timeout?: ReturnType<typeof setTimeout>;
+    _remaining?: number;
+    _start?: number;
+}
+export interface ToastOptions {
+    variant?: ToastVariant;
+    duration?: number;
+    title?: string;
+    action?: ToastAction;
+    message?: string;
+}
+export declare function useToast(): {
+    toasts: import('vue').Reactive<Toast[]>;
+    show: (message: string | ToastOptions, opts?: ToastOptions) => number;
+    dismiss: (id: number) => void;
+    pause: (id: number) => void;
+    resume: (id: number) => void;
+    success: (msg: string, opts?: ToastOptions) => number;
+    error: (msg: string, opts?: ToastOptions) => number;
+    warning: (msg: string, opts?: ToastOptions) => number;
+    info: (msg: string, opts?: ToastOptions) => number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ertugrulozcan97/apexui",
-	"version": "0.1.0",
+	"version": "0.1.2",
 	"private": false,
 	"type": "module",
 	"files": [
@@ -9,6 +9,7 @@
 	],
 	"main": "./dist/apexui.umd.js",
 	"module": "./dist/apexui.es.js",
+	"types": "./dist/index.d.ts",
 	"exports": {
 		".": {
 			"import": "./dist/apexui.es.js",
@@ -27,7 +28,6 @@
 		"tailwindcss": ">=4.0.0",
 		"vue": ">=3.4.0"
 	},
-	"dependencies": {},
 	"devDependencies": {
 		"@lucide/vue": "^1.14.0",
 		"@tailwindcss/vite": "^4.3.0",
@@ -36,7 +36,7 @@
 		"tailwindcss": "^4.3.0",
 		"typescript": "^6.0.3",
 		"vite": "^8.0.8",
-		"vite-plugin-vue-devtools": "^8.1.1",
+		"vite-plugin-dts": "^5.0.0",
 		"vue": "^3.5.32",
 		"vue-tsc": "^3.2.8"
 	},