@flux-ui/components 3.0.0-next.7 → 3.0.0-next.70

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 Apache ECharts.
+- [`@flux-ui/dashboard`](../dashboard) — dashboard layout components.
+- [`@flux-ui/application`](../application) — application shell components.

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

@@ -1,16 +1,17 @@
 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 __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=FluxAction.vue.d.ts.map

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

@@ -1,61 +1,37 @@
+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;
-        filter?(props: {
-            close(): void;
-            readonly paneX: number;
-            readonly paneY: number;
-            readonly openerWidth: number;
-            readonly openerHeight: number;
-        }): any;
-        filterOpener?(props: {
-            close(): void;
-            open(): void;
-            toggle(): void;
-        }): any;
-    }> & {
-        primary?(): any;
-        actionsEnd?(): any;
-        actionsStart?(): any;
-        actionsAfterSearch?(): any;
-        actionsBeforeSearch?(): any;
-        search?(): any;
-        filter?(props: {
-            close(): void;
-            readonly paneX: number;
-            readonly paneY: number;
-            readonly openerWidth: number;
-            readonly openerHeight: number;
-        }): any;
-        filterOpener?(props: {
-            close(): void;
-            open(): void;
-            toggle(): void;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    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;
+    }): VNode[];
+    filterOpener?(props: {
+        close(): void;
+        open(): void;
+        toggle(): void;
+    }): VNode[];
 };
-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_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     reset: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onReset?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: () => any;
+}>, {}, {}, {}, {}, string, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxActionBar.vue.d.ts.map

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

@@ -1,27 +1,18 @@
+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?(): any;
-        buttons?(): any;
-        base?(): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    default?(): VNode[];
+    buttons?(): VNode[];
+    base?(): VNode[];
 };
-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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxActionPane.vue.d.ts.map

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

@@ -0,0 +1,13 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = {
+    default(): VNode[];
+};
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, 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/component/FluxAdaptiveGroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly gap?: number;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, 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/component/FluxAdaptiveSlot.vue.d.ts

@@ -0,0 +1,19 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly priority?: number;
+};
+type __VLS_Slots = {
+    default(): any;
+    fallback?(): any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    readonly priority: number;
+}, {}, {}, {}, string, 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/component/FluxAlert.vue.d.ts

@@ -1,7 +1,8 @@
 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 __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=FluxAlert.vue.d.ts.map

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

@@ -1,11 +1,11 @@
+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, {
-    canvas: HTMLCanvasElement;
-}, HTMLCanvasElement>;
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=FluxAnimatedColors.vue.d.ts.map

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

@@ -1,23 +1,17 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
-    aspectRatio: number;
+    readonly aspectRatio: number;
+    readonly tag?: keyof HTMLElementTagNameMap;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): any;
-    }> & {
-        default(): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $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,14 @@ 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 __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 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,16 @@ 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 __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=FluxBadge.vue.d.ts.map

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

@@ -1,20 +1,13 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): any;
-    }> & {
-        default(): any;
-    };
-    refs: {};
-    rootEl: any;
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = {
+    default(): VNode[];
 };
-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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxBadgeStack.vue.d.ts.map

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

@@ -1,5 +1,7 @@
-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: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: DefineComponent<ExtractPropTypes<{
     colors: {
         default: string[];
         type: PropType<string[]>;
@@ -13,16 +15,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 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
     };
     radius: {
-        default: undefined;
+        default: any;
         type: PropType<string | number>;
     };
     width: {
@@ -44,11 +46,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: NumberConstructor;
     };
 }>> & Readonly<{}>, {
-    colors: string[];
     duration: number;
     width: number;
     offset: number;
+    colors: string[];
     radius: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=FluxBorderShine.vue.d.ts.map
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

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

@@ -1,13 +1,10 @@
 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 __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
-//# sourceMappingURL=FluxBoxedIcon.vue.d.ts.map

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

@@ -1,26 +1,27 @@
 import { FluxButtonProps, FluxButtonSlots } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const SLOTS: readonly ["default", "after", "before", "iconLeading", "iconTrailing", "label"];
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FluxButtonProps & {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots< DefineComponent<FluxButtonProps & {
     readonly cssClass: string;
     readonly cssClassIcon: string;
     readonly cssClassLabel: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;
     mouseenter: (args_0: MouseEvent) => any;
     mouseleave: (args_0: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<FluxButtonProps & {
+}, string, PublicProps, Readonly<FluxButtonProps & {
     readonly cssClass: string;
     readonly cssClassIcon: string;
     readonly cssClassLabel: string;
 }> & 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>, Readonly<FluxButtonSlots> & FluxButtonSlots>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+    onClick?: (args_0: MouseEvent) => any;
+    onMouseenter?: (args_0: MouseEvent) => any;
+    onMouseleave?: (args_0: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, FluxButtonSlots>;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxButton.vue.d.ts.map

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

@@ -1,20 +1,13 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): any;
-    }> & {
-        default(): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Slots = {
+    default(): VNode[];
 };
-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, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxButtonGroup.vue.d.ts.map

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

@@ -1,26 +1,19 @@
 import { FluxDirection } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     readonly direction?: FluxDirection;
     readonly gap?: number;
     readonly isFill?: boolean;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): any;
-    }> & {
-        default(): any;
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    default(): VNode[];
 };
-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, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-//# sourceMappingURL=FluxButtonStack.vue.d.ts.map