@flux-ui/application 3.0.0-next.39

package/README.md

@@ -0,0 +1,16 @@
+# `@flux-ui/application`
+
+Contains Flux UI components for creating applications.
+
+## ⭐️ Prerequisites
+
+- Bun >= 1.2.13
+- Node >= 23
+
+## 🚀 Getting started
+
+1. Make sure that the monorepo of Flux is used.
+2. Run `bun install` in the root of the project.
+3. Run `bun --cwd packages/application build` to build the project.
+4. To link Flux Application globally, using Bun, run `bun link --cwd packages/application`.
+    - In another project, use `link:@flux-ui/application` as the dependency version in `package.json`.

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

@@ -0,0 +1,28 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly contextMenuName?: string;
+    readonly showDesktopMenuToggle?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): VNode[];
+        menu(): VNode[];
+        side(): VNode[];
+    }> & {
+        default(): VNode[];
+        menu(): VNode[];
+        side(): VNode[];
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+import { FluxApplicationLayout } from '../data';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly layout?: FluxApplicationLayout;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): any;
+    }> & {
+        default(): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+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/FluxApplicationHero.vue.d.ts

@@ -0,0 +1,26 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly title: string;
+    readonly subtitle?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        start?(): VNode;
+        end?(): VNode;
+    }> & {
+        start?(): VNode;
+        end?(): VNode;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+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/FluxApplicationMenu.vue.d.ts

@@ -0,0 +1,29 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly showPageIndicator?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): VNode;
+        context?(): VNode;
+        footer?(): VNode;
+        header?(): VNode;
+    }> & {
+        default(): VNode;
+        context?(): VNode;
+        footer?(): VNode;
+        header?(): VNode;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+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/FluxApplicationMenuAccount.vue.d.ts

@@ -0,0 +1,29 @@
+import { FluxIconName } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly icon?: FluxIconName;
+    readonly imageAlt?: string;
+    readonly imageSrc?: string;
+    readonly label: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        avatar?(): VNode;
+        switcher?(): VNode;
+    }> & {
+        avatar?(): VNode;
+        switcher?(): VNode;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { FluxPressableType, FluxTo } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly subtitle?: string;
+    readonly title: string;
+    readonly tabindex?: string | number;
+    readonly href?: string;
+    readonly rel?: string;
+    readonly target?: string;
+    readonly to?: FluxTo;
+    readonly entryTo?: FluxTo;
+    readonly type?: FluxPressableType;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly name?: string;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { FluxIconName } from '@flux-ui/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly icon?: FluxIconName;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,26 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly title?: string;
+    readonly info?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): VNode;
+        end?(): VNode;
+    }> & {
+        default(): VNode;
+        end?(): VNode;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+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/FluxApplicationSide.vue.d.ts

@@ -0,0 +1,20 @@
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): VNode;
+    }> & {
+        default(): VNode;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+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/FluxApplicationTop.vue.d.ts

@@ -0,0 +1,29 @@
+import { FluxIconName } from '@flux-ui/types';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    readonly icon?: FluxIconName;
+    readonly title?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        end?(): VNode;
+        start?(): VNode;
+        tabs?(): VNode;
+    }> & {
+        end?(): VNode;
+        start?(): VNode;
+        tabs?(): VNode;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLElement>;
+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/index.d.ts

@@ -0,0 +1,12 @@
+export { default as FluxApplication } from './FluxApplication.vue';
+export { default as FluxApplicationContent } from './FluxApplicationContent.vue';
+export { default as FluxApplicationHero } from './FluxApplicationHero.vue';
+export { default as FluxApplicationMenu } from './FluxApplicationMenu.vue';
+export { default as FluxApplicationMenuAccount } from './FluxApplicationMenuAccount.vue';
+export { default as FluxApplicationMenuContext } from './FluxApplicationMenuContext.vue';
+export { default as FluxApplicationMenuContextStack } from './FluxApplicationMenuContextStack.vue';
+export { default as FluxApplicationMenuPromo } from './FluxApplicationMenuPromo.vue';
+export { default as FluxApplicationMenuToggle } from './FluxApplicationMenuToggle.vue';
+export { default as FluxApplicationSection } from './FluxApplicationSection.vue';
+export { default as FluxApplicationSide } from './FluxApplicationSide.vue';
+export { default as FluxApplicationTop } from './FluxApplicationTop.vue';

package/dist/composable/index.d.ts

@@ -0,0 +1,3 @@
+export { default as useApplicationContextMenu } from './useApplicationContextMenu';
+export { default as useApplicationInjection } from './useApplicationInjection';
+export { default as useApplicationMenu } from './useApplicationMenu';

package/dist/composable/useApplicationContextMenu.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+export default function (name?: string): UseApplicationContextMenu;
+type UseApplicationContextMenu = {
+    readonly contextMenuKey: ComputedRef<string | undefined>;
+    readonly hasContextMenu: ComputedRef<boolean>;
+};
+export {};

package/dist/composable/useApplicationContextRegistration.d.ts

@@ -0,0 +1,2 @@
+import { FluxApplicationContextInfo } from '../data';
+export default function (info: () => Omit<FluxApplicationContextInfo, 'id'>): void;

package/dist/composable/useApplicationInjection.d.ts

@@ -0,0 +1,2 @@
+import { FluxApplicationInjection } from '../data';
+export default function (): FluxApplicationInjection;

package/dist/composable/useApplicationMenu.d.ts

@@ -0,0 +1,26 @@
+import { ComputedRef, Ref } from 'vue';
+import { FluxApplicationContextInfo, FluxApplicationLayout } from '../data';
+export default function (): UseApplicationMenu;
+type UseApplicationMenu = {
+    readonly activeContext: ComputedRef<FluxApplicationContextInfo | undefined>;
+    readonly canGoBack: ComputedRef<boolean>;
+    readonly canGoForward: ComputedRef<boolean>;
+    readonly contexts: ComputedRef<readonly FluxApplicationContextInfo[]>;
+    readonly isMainMenuVisible: ComputedRef<boolean>;
+    readonly isMenuCollapsed: Ref<boolean>;
+    readonly layout: Ref<FluxApplicationLayout>;
+    readonly totalLevels: ComputedRef<number>;
+    readonly viewIndex: Ref<number>;
+    close(): void;
+    goToChild(): void;
+    goToCurrent(): void;
+    goToLevel(index: number): void;
+    goToMain(): void;
+    goToParent(): void;
+    open(): void;
+    showContextMenu(): void;
+    showMainMenu(): void;
+    toggle(): void;
+    toggleMainMenu(): void;
+};
+export {};

package/dist/data/index.d.ts

@@ -0,0 +1,29 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { FluxPressableType, FluxTo } from '@flux-ui/types';
+export declare const FluxApplicationInjectionKey: InjectionKey<FluxApplicationInjection>;
+export type FluxApplicationContextInfo = {
+    readonly id: symbol;
+    readonly title: string;
+    readonly subtitle?: string;
+    readonly to?: FluxTo;
+    readonly entryTo?: FluxTo;
+    readonly href?: string;
+    readonly type?: FluxPressableType;
+};
+export type FluxApplicationInjection = {
+    readonly activeContext: ComputedRef<FluxApplicationContextInfo | undefined>;
+    readonly contexts: ComputedRef<readonly FluxApplicationContextInfo[]>;
+    readonly isMenuCollapsed: Ref<boolean>;
+    readonly layout: Ref<FluxApplicationLayout>;
+    readonly showDesktopMenuToggle: Ref<boolean>;
+    readonly totalLevels: ComputedRef<number>;
+    readonly viewIndex: Ref<number>;
+    goToChild(): void;
+    goToCurrent(): void;
+    goToLevel(index: number): void;
+    goToMain(): void;
+    goToParent(): void;
+    pushContext(info: FluxApplicationContextInfo): void;
+    removeContext(id: symbol): void;
+};
+export type FluxApplicationLayout = 'default' | 'dashboard' | 'full' | 'medium' | 'narrow';