vue-lib-exo-corrected 1.0.0

package/README.md

@@ -0,0 +1,12 @@
+## Part 1: Project Architecture
+
+### Component Architecture
+Our project follows a strict component architecture based on Atomic Design principles. This architecture emphasizes:
+- Pure, stateless components for better maintainability
+- Clear separation of concerns
+- Predictable component behavior
+- Easy testing and debugging
+
+For detailed information about our component architecture and guidelines, please refer to the [Component Architecture Guide](./src/components/README.md).
+
+By following these instructions, you can efficiently set up and run the project in both production and development environments. Feel free to explore the scripts for more details on what each command does.

package/dist/components/Molecules/MarkdownText/MarkdownText.vue.d.ts

@@ -0,0 +1,26 @@
+import type { PropType as __PropType } from 'vue';
+import type { MarkdownTextSize } from "../../../types/sizes.ts";
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    contentMd: {
+        type: __PropType<string>;
+        required: true;
+    };
+    size: {
+        type: __PropType<MarkdownTextSize | undefined>;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    contentMd: {
+        type: __PropType<string>;
+        required: true;
+    };
+    size: {
+        type: __PropType<MarkdownTextSize | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: MarkdownTextSize | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/components/Organisms/Layout/Layout.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import MarkdownText from "./components/Molecules/MarkdownText/MarkdownText.vue";
+import Layout from "./components/Organisms/Layout/Layout.vue";
+import { DEFAULT_VUETIFY_CONFIG } from "./lidinAppKitConfig/vuetifyConfig/defaultVuetifyConfig";
+import { createLidinAppKit } from "./lidinAppKitConfig/createLidinAppKit.ts";
+import { useLanguage } from "./modules/globalAppData/composables/useLanguage.ts";
+import { useTheme } from "./modules/globalAppData/composables/useTheme.ts";
+import { generateRandomUuid } from "./services/utils/randomId.ts";
+export { useLanguage, useTheme, createLidinAppKit, DEFAULT_VUETIFY_CONFIG, MarkdownText, Layout, generateRandomUuid, };
+
+import type { DefineComponent } from 'vue';
+
+export declare const MarkdownText: DefineComponent<{}, {}, any>;
+export declare const Layout: DefineComponent<{}, {}, any>;

package/dist/lidinAppKitConfig/createLidinAppKit.d.ts

@@ -0,0 +1,85 @@
+import { type VuetifyOptions } from "vuetify";
+export declare function createLidinAppKit(vuetify: VuetifyOptions): {
+    install: (app: import("vue").App<any>) => void;
+    unmount: () => void;
+    defaults: import("vue").Ref<import("vuetify").DefaultsInstance, import("vuetify").DefaultsInstance>;
+    display: import("vuetify").DisplayInstance;
+    theme: import("vuetify").ThemeInstance & {
+        install: (app: import("vue").App<any>) => void;
+    };
+    icons: {
+        defaultSet: string;
+        aliases: Partial<import("vuetify").IconAliases>;
+        sets: Record<string, import("vuetify").IconSet>;
+    };
+    locale: {
+        name: string;
+        decimalSeparator: import("vue").ShallowRef<string>;
+        messages: import("vue").Ref<import("vuetify").LocaleMessages, import("vuetify").LocaleMessages>;
+        current: import("vue").Ref<string, string>;
+        fallback: import("vue").Ref<string, string>;
+        t: (key: string, ...params: unknown[]) => string;
+        n: (value: number) => string;
+        provide: (props: import("vuetify").LocaleOptions) => import("vuetify").LocaleInstance;
+        isRtl: import("vue").Ref<boolean, boolean>;
+        rtl: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
+        rtlClasses: import("vue").Ref<string, string>;
+    };
+    date: {
+        options: {
+            adapter: (new (options: {
+                locale: any;
+                formats?: any;
+            }) => import("vuetify").DateInstance) | import("vuetify").DateInstance;
+            formats?: Record<string, any> | undefined;
+            locale: Record<string, any>;
+        };
+        instance: {
+            date: (value?: any) => unknown;
+            format: (date: unknown, formatString: string) => string;
+            toJsDate: (value: unknown) => Date;
+            parseISO: (date: string) => unknown;
+            toISO: (date: unknown) => string;
+            startOfDay: (date: unknown) => unknown;
+            endOfDay: (date: unknown) => unknown;
+            startOfWeek: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown;
+            endOfWeek: (date: unknown) => unknown;
+            startOfMonth: (date: unknown) => unknown;
+            endOfMonth: (date: unknown) => unknown;
+            startOfYear: (date: unknown) => unknown;
+            endOfYear: (date: unknown) => unknown;
+            isAfter: (date: unknown, comparing: unknown) => boolean;
+            isAfterDay: (date: unknown, comparing: unknown) => boolean;
+            isSameDay: (date: unknown, comparing: unknown) => boolean;
+            isSameMonth: (date: unknown, comparing: unknown) => boolean;
+            isSameYear: (date: unknown, comparing: unknown) => boolean;
+            isBefore: (date: unknown, comparing: unknown) => boolean;
+            isEqual: (date: unknown, comparing: unknown) => boolean;
+            isValid: (date: any) => boolean;
+            isWithinRange: (date: unknown, range: [unknown, unknown]) => boolean;
+            addMinutes: (date: unknown, amount: number) => unknown;
+            addHours: (date: unknown, amount: number) => unknown;
+            addDays: (date: unknown, amount: number) => unknown;
+            addWeeks: (date: unknown, amount: number) => unknown;
+            addMonths: (date: unknown, amount: number) => unknown;
+            getYear: (date: unknown) => number;
+            setYear: (date: unknown, year: number) => unknown;
+            getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
+            getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
+            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "narrow" | "short" | undefined) => string[];
+            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstDayOfYear?: string | number | undefined) => number;
+            getMonth: (date: unknown) => number;
+            setMonth: (date: unknown, month: number) => unknown;
+            getDate: (date: unknown) => number;
+            setDate: (date: unknown, day: number) => unknown;
+            getNextMonth: (date: unknown) => unknown;
+            getPreviousMonth: (date: unknown) => unknown;
+            getHours: (date: unknown) => number;
+            setHours: (date: unknown, hours: number) => unknown;
+            getMinutes: (date: unknown) => number;
+            setMinutes: (date: unknown, minutes: number) => unknown;
+            locale?: any;
+        };
+    };
+    goTo: import("vuetify").GoToInstance;
+};

package/dist/lidinAppKitConfig/vuetifyConfig/defaultVuetifyConfig.d.ts

@@ -0,0 +1,62 @@
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+export declare const DEFAULT_VUETIFY_CONFIG: {
+    ssr: boolean;
+    theme: {
+        defaultTheme: string;
+        themes: {
+            light: {
+                dark?: boolean | undefined;
+                colors?: {
+                    [x: string]: string | undefined;
+                    background?: string | undefined;
+                    surface?: string | undefined;
+                    primary?: string | undefined;
+                    secondary?: string | undefined;
+                    success?: string | undefined;
+                    warning?: string | undefined;
+                    error?: string | undefined;
+                    info?: string | undefined;
+                    'on-background'?: string | undefined;
+                    'on-surface'?: string | undefined;
+                    'on-primary'?: string | undefined;
+                    'on-secondary'?: string | undefined;
+                    'on-success'?: string | undefined;
+                    'on-warning'?: string | undefined;
+                    'on-error'?: string | undefined;
+                    'on-info'?: string | undefined;
+                } | undefined;
+                variables?: {
+                    [x: string]: string | number | undefined;
+                } | undefined;
+            };
+            dark: {
+                dark?: boolean | undefined;
+                colors?: {
+                    [x: string]: string | undefined;
+                    background?: string | undefined;
+                    surface?: string | undefined;
+                    primary?: string | undefined;
+                    secondary?: string | undefined;
+                    success?: string | undefined;
+                    warning?: string | undefined;
+                    error?: string | undefined;
+                    info?: string | undefined;
+                    'on-background'?: string | undefined;
+                    'on-surface'?: string | undefined;
+                    'on-primary'?: string | undefined;
+                    'on-secondary'?: string | undefined;
+                    'on-success'?: string | undefined;
+                    'on-warning'?: string | undefined;
+                    'on-error'?: string | undefined;
+                    'on-info'?: string | undefined;
+                } | undefined;
+                variables?: {
+                    [x: string]: string | number | undefined;
+                } | undefined;
+            };
+        };
+    };
+    components: typeof components;
+    directives: typeof directives;
+};

package/dist/lidinAppKitConfig/vuetifyConfig/themes.d.ts

@@ -0,0 +1,5 @@
+import type { ThemeDefinition } from "vuetify";
+export declare const LIGHT_THEME = "light";
+export declare const light: ThemeDefinition;
+export declare const DARK_THEME = "dark";
+export declare const dark: ThemeDefinition;

package/dist/lidinAppKitConfig/vuetifyConfig/tw-colors.d.ts

@@ -0,0 +1,290 @@
+export declare const twColors: {
+    black: string;
+    white: string;
+    slate: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    gray: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    zinc: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    neutral: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    stone: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    amber: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    lime: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    emerald: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    teal: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    cyan: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    sky: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    indigo: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    violet: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    fuchsia: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    rose: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+};

package/dist/modules/globalAppData/composables/useLanguage.d.ts

@@ -0,0 +1,4 @@
+export declare function useLanguage(): {
+    languageRef: import("vue").WritableComputedRef<string, string>;
+    isEnglishRef: import("vue").WritableComputedRef<boolean, boolean>;
+};

package/dist/modules/globalAppData/composables/useTheme.d.ts

@@ -0,0 +1,6 @@
+import { type ColorMode } from "../store/globalAppDataStore.ts";
+export declare function useTheme(): {
+    isDarkRef: import("vue").WritableComputedRef<boolean, boolean>;
+    colorRef: import("vue").WritableComputedRef<ColorMode, ColorMode>;
+    initTheme: () => void;
+};

package/dist/modules/globalAppData/store/globalAppDataStore.d.ts

@@ -0,0 +1,20 @@
+export type ColorMode = "dark" | "light" | "red";
+export declare const useGlobalAppDataStore: import("pinia").StoreDefinition<"globalAppData", Pick<{
+    colorMode: import("vue").Ref<ColorMode, ColorMode>;
+    isDark: import("vue").ComputedRef<boolean>;
+    color: import("vue").ComputedRef<ColorMode>;
+    toggleTheme: () => void;
+    manuallySwitchThemeColor: (mode: ColorMode) => void;
+}, "colorMode">, Pick<{
+    colorMode: import("vue").Ref<ColorMode, ColorMode>;
+    isDark: import("vue").ComputedRef<boolean>;
+    color: import("vue").ComputedRef<ColorMode>;
+    toggleTheme: () => void;
+    manuallySwitchThemeColor: (mode: ColorMode) => void;
+}, "color" | "isDark">, Pick<{
+    colorMode: import("vue").Ref<ColorMode, ColorMode>;
+    isDark: import("vue").ComputedRef<boolean>;
+    color: import("vue").ComputedRef<ColorMode>;
+    toggleTheme: () => void;
+    manuallySwitchThemeColor: (mode: ColorMode) => void;
+}, "toggleTheme" | "manuallySwitchThemeColor">>;

package/dist/services/utils/randomId.d.ts

@@ -0,0 +1 @@
+export declare function generateRandomUuid(): string;