@flux-ui/components 3.0.0-next.5 → 3.0.0-next.52

package/README.md

@@ -1,45 +1,35 @@
-# Flux
+# `@flux-ui/components`
 
-This repository contains the source code for the basic components that are used throughout our front-end projects. It
-targets Vue 3+. Please read the following instructions and checks in order to proceed.
+The main component library of Flux UI — an opinionated set of UI components for [Vue 3](https://vuejs.org).
 
-## 📦 Registry
+Documentation lives at [flux-ui.dev](https://flux-ui.dev). This readme covers building the package locally.
 
-- The UI library package is available under `@flux-ui/components`.
-- The Dashboard library package is available under `@flux-ui/dashboard`.
-- The internal package is available under `@flux-ui/internals`.
+## Highlights
 
-## ⚠️ Requirements
+- 100+ Vue 3 components built with `<script setup lang="ts">`.
+- CSS Modules with shared design tokens (palette scales, semantic surfaces, focus rings).
+- Programmatic helpers: `showAlert`, `showConfirm`, `showPrompt`, `showSnackbar`.
+- Public composables: `useBreakpoints`, `useDisabled`.
+- FontAwesome Pro icons (registered through `fluxRegisterIcons`).
 
-- Install Node.js ^22
-- Install pnpm using `npm i -g pnpm`.
-- Configure a new environment variable `FONTAWESOME_NPM_AUTH_TOKEN`. This should be a valid Font Awesome private npm auth token.
-- Use `pnpm install` to install the required packages.
-- Use `pnpm dev` to start a build watcher for both targets.
-- Use `pnpm build` to build a production bundle.
-- Use `pnpm link` to link the dist folder of flux to your global node_modules.
+## ⭐️ Prerequisites
 
-## 🪵 Git
+- Bun >= 1.2.13
+- Node >= 23
+- A FontAwesome Pro npm token in `FONTAWESOME_NPM_AUTH_TOKEN` (see the root `.npmrc`).
 
-All commit messages and branches will be in English.
+## 🚀 Getting started
 
-### Branches
+1. Make sure the Flux monorepo is checked out.
+2. Run `bun install` in the project root.
+3. Run `bun run --cwd packages/components build` to build the package (runs `vue-tsc` then `vite build`).
+4. To link Flux globally with Bun, run `bun link --cwd packages/components`.
+    - In another project, use `link:@flux-ui/components` as the dependency version in `package.json`.
 
-- **Main** — Contains the latest stable release and is the exact source that is running in production.
-- **Develop** — Contains the latest staging release that is marked for deployment and is the exact source that is running on staging.
-- **Feature branches** — Any feature should have its own feature branch. Once complete, the branch should be merged into the _develop_ branch and the feature branch should be deleted.
-- **Bugfix branches** — When a bug is found, it should be fixed within a bugfix branch. Once complete the branch should be merged into the _develop_ branch and the feature branch should be deleted.
+## 📦 Sibling packages
 
-### Commit messages
-
-Commit messages are bound to the following templates:
-
-- `<type>: <message> `
-- `<type>(<feature>): <message>`
-- `<type>(<feature>): <message> [<issue-number>]`
-
-#### Examples
-
-- `feat(expandable): adds header slot to expandable.`
-- `feat(expandable): adds header slot to expandable. [FLUX-123]`
-- `chore: adds vue 3 build target.`
+- [`@flux-ui/types`](../types) — public TypeScript types.
+- [`@flux-ui/internals`](../internals) — shared composables, utilities, and directives.
+- [`@flux-ui/statistics`](../statistics) — chart components built on ApexCharts.
+- [`@flux-ui/dashboard`](../dashboard) — dashboard layout components.
+- [`@flux-ui/application`](../application) — application shell components.

package/dist/component/FluxAction.vue.d.ts

@@ -1,16 +1,16 @@
 import { FluxButtonProps, FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Omit<FluxButtonProps, 'iconLeading' | 'iconTrailing' | 'isFilled' | 'size'> & {
     readonly icon?: FluxIconName;
     readonly isDestructive?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;
     mouseenter: (args_0: MouseEvent) => any;
     mouseleave: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-    onMouseenter?: ((args_0: MouseEvent) => any) | undefined;
-    onMouseleave?: ((args_0: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (args_0: MouseEvent) => any;
+    onMouseenter?: (args_0: MouseEvent) => any;
+    onMouseleave?: (args_0: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=FluxAction.vue.d.ts.map

package/dist/component/FluxActionBar.vue.d.ts

@@ -1,56 +1,57 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly isResettable?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        primary?(): any;
-        actionsEnd?(): any;
-        actionsStart?(): any;
-        actionsAfterSearch?(): any;
-        actionsBeforeSearch?(): any;
-        search?(): any;
+        primary?(): VNode[];
+        actionsEnd?(): VNode[];
+        actionsStart?(): VNode[];
+        actionsAfterSearch?(): VNode[];
+        actionsBeforeSearch?(): VNode[];
+        search?(): VNode[];
         filter?(props: {
             close(): void;
             readonly paneX: number;
             readonly paneY: number;
             readonly openerWidth: number;
             readonly openerHeight: number;
-        }): any;
+        }): VNode[];
         filterOpener?(props: {
             close(): void;
             open(): void;
             toggle(): void;
-        }): any;
+        }): VNode[];
     }> & {
-        primary?(): any;
-        actionsEnd?(): any;
-        actionsStart?(): any;
-        actionsAfterSearch?(): any;
-        actionsBeforeSearch?(): any;
-        search?(): any;
+        primary?(): VNode[];
+        actionsEnd?(): VNode[];
+        actionsStart?(): VNode[];
+        actionsAfterSearch?(): VNode[];
+        actionsBeforeSearch?(): VNode[];
+        search?(): VNode[];
         filter?(props: {
             close(): void;
             readonly paneX: number;
             readonly paneY: number;
             readonly openerWidth: number;
             readonly openerHeight: number;
-        }): any;
+        }): VNode[];
         filterOpener?(props: {
             close(): void;
             open(): void;
             toggle(): void;
-        }): any;
+        }): VNode[];
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onReset?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: () => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -58,4 +59,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxActionBar.vue.d.ts.map

package/dist/component/FluxActionPane.vue.d.ts

@@ -1,22 +1,23 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly paneVariant?: 'default' | 'flat' | 'well';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        default?(): any;
-        buttons?(): any;
-        base?(): any;
+        default?(): VNode[];
+        buttons?(): VNode[];
+        base?(): VNode[];
     }> & {
-        default?(): any;
-        buttons?(): any;
-        base?(): any;
+        default?(): VNode[];
+        buttons?(): VNode[];
+        base?(): VNode[];
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -24,4 +25,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxActionPane.vue.d.ts.map

package/dist/component/FluxActionStack.vue.d.ts

@@ -0,0 +1,152 @@
+import { VNode, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { FluxDirection } from '@flux-ui/types';
+import { OnCleanup } from '@vue/reactivity';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): VNode[];
+    }> & {
+        default(): VNode[];
+    };
+    refs: {
+        element: {
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{
+                readonly direction?: FluxDirection;
+                readonly gap?: number;
+                readonly isCentered?: boolean;
+                readonly isFill?: boolean;
+                readonly isWrapping?: boolean;
+                readonly tag?: keyof HTMLElementTagNameMap;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+            $attrs: Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any>;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+                readonly direction?: FluxDirection;
+                readonly gap?: number;
+                readonly isCentered?: boolean;
+                readonly isFill?: boolean;
+                readonly isWrapping?: boolean;
+                readonly tag?: keyof HTMLElementTagNameMap;
+            }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            readonly direction?: FluxDirection;
+            readonly gap?: number;
+            readonly isCentered?: boolean;
+            readonly isFill?: boolean;
+            readonly isWrapping?: boolean;
+            readonly tag?: keyof HTMLElementTagNameMap;
+        }> & Readonly<{}>, never> & {} & ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                default(): VNode[];
+            }> & {
+                default(): VNode[];
+            };
+        };
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    element: {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly direction?: FluxDirection;
+            readonly gap?: number;
+            readonly isCentered?: boolean;
+            readonly isFill?: boolean;
+            readonly isWrapping?: boolean;
+            readonly tag?: keyof HTMLElementTagNameMap;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any>;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            readonly direction?: FluxDirection;
+            readonly gap?: number;
+            readonly isCentered?: boolean;
+            readonly isFill?: boolean;
+            readonly isWrapping?: boolean;
+            readonly tag?: keyof HTMLElementTagNameMap;
+        }> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends ((...args: any) => infer R) ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        readonly direction?: FluxDirection;
+        readonly gap?: number;
+        readonly isCentered?: boolean;
+        readonly isFill?: boolean;
+        readonly isWrapping?: boolean;
+        readonly tag?: keyof HTMLElementTagNameMap;
+    }> & Readonly<{}>, never> & {} & ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default(): VNode[];
+        }> & {
+            default(): VNode[];
+        };
+    };
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/{FluxAutoGrid.vue.d.ts → FluxAdaptiveGroup.vue.d.ts}

@@ -1,6 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly gap?: number;
-    readonly minColumnWidth: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -9,11 +9,15 @@ declare function __VLS_template(): {
     }> & {
         default(): any;
     };
-    refs: {};
+    refs: {
+        element: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    element: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -21,4 +25,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxAutoGrid.vue.d.ts.map

package/dist/component/FluxAdaptiveSlot.vue.d.ts

@@ -0,0 +1,35 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly priority?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): any;
+        fallback?(): any;
+    }> & {
+        default(): any;
+        fallback?(): any;
+    };
+    refs: {
+        element: HTMLDivElement;
+        defaultMeasurer: HTMLDivElement;
+        fallbackMeasurer: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    readonly priority: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    element: HTMLDivElement;
+    defaultMeasurer: HTMLDivElement;
+    fallbackMeasurer: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/component/FluxAlert.vue.d.ts

@@ -1,7 +1,7 @@
 import { FluxAlertObject } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly alert: FluxAlertObject;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=FluxAlert.vue.d.ts.map

package/dist/component/FluxAnimatedColors.vue.d.ts

@@ -1,11 +1,12 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly colors?: string[];
     readonly incrementor?: number;
     readonly opacity?: number;
     readonly seed?: number;
+    readonly static?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
     canvas: HTMLCanvasElement;
 }, HTMLCanvasElement>;
 export default _default;
-//# sourceMappingURL=FluxAnimatedColors.vue.d.ts.map

package/dist/component/FluxAspectRatio.vue.d.ts

@@ -1,18 +1,19 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     aspectRatio: number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        default(): any;
+        default(): VNode[];
     }> & {
-        default(): any;
+        default(): VNode[];
     };
     refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -20,4 +21,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxAspectRatio.vue.d.ts.map

package/dist/component/FluxAvatar.vue.d.ts

@@ -1,4 +1,5 @@
 import { FluxColor, FluxIconName, FluxPressableType, FluxTo } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly alt?: string;
     readonly fallback?: 'colorized' | 'neutral';
@@ -16,14 +17,13 @@ type __VLS_Props = {
     readonly target?: string;
     readonly to?: FluxTo;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;
     mouseenter: (args_0: MouseEvent) => any;
     mouseleave: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-    onMouseenter?: ((args_0: MouseEvent) => any) | undefined;
-    onMouseleave?: ((args_0: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (args_0: MouseEvent) => any;
+    onMouseenter?: (args_0: MouseEvent) => any;
+    onMouseleave?: (args_0: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=FluxAvatar.vue.d.ts.map

package/dist/component/FluxBadge.vue.d.ts

@@ -1,4 +1,5 @@
 import { FluxColor, FluxIconName, FluxPressableType, FluxTo } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly color?: FluxColor;
     readonly dot?: boolean;
@@ -13,16 +14,15 @@ type __VLS_Props = {
     readonly target?: string;
     readonly to?: FluxTo;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     delete: () => any;
     click: (args_0: MouseEvent) => any;
     mouseenter: (args_0: MouseEvent) => any;
     mouseleave: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDelete?: (() => any) | undefined;
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-    onMouseenter?: ((args_0: MouseEvent) => any) | undefined;
-    onMouseleave?: ((args_0: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: () => any;
+    onClick?: (args_0: MouseEvent) => any;
+    onMouseenter?: (args_0: MouseEvent) => any;
+    onMouseleave?: (args_0: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=FluxBadge.vue.d.ts.map

package/dist/component/FluxBadgeStack.vue.d.ts

@@ -1,15 +1,16 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        default(): any;
+        default(): VNode[];
     }> & {
-        default(): any;
+        default(): VNode[];
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -17,4 +18,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxBadgeStack.vue.d.ts.map

package/dist/component/FluxBorderShine.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { PropType, DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     colors: {
         default: string[];
         type: PropType<string[]>;
@@ -13,16 +13,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
     };
     radius: {
-        default: undefined;
+        default: any;
         type: PropType<string | number>;
     };
     width: {
         default: number;
         type: NumberConstructor;
     };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}>, () => VNode<RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     colors: {
         default: string[];
         type: PropType<string[]>;
@@ -36,7 +36,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
     };
     radius: {
-        default: undefined;
+        default: any;
         type: PropType<string | number>;
     };
     width: {
@@ -44,11 +44,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
     };
 }>> & Readonly<{}>, {
-    colors: string[];
     duration: number;
     width: number;
+    colors: string[];
     offset: number;
     radius: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
-//# sourceMappingURL=FluxBorderShine.vue.d.ts.map

package/dist/component/FluxBoxedIcon.vue.d.ts

@@ -1,13 +1,9 @@
 import { FluxColor, FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly color?: FluxColor;
     readonly name: FluxIconName;
     readonly size?: number;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=FluxBoxedIcon.vue.d.ts.map