@code-coaching/vuetiful 0.0.0

package/dist/types/components/atoms/VButton.vue.d.ts

@@ -0,0 +1,86 @@
+import { CssClasses } from "@/index";
+declare const _default: import("vue").DefineComponent<{
+    bgLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    bgDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    width: {
+        type: () => CssClasses;
+        default: string;
+    };
+    height: {
+        type: () => CssClasses;
+        default: string;
+    };
+    ring: {
+        type: () => CssClasses;
+        default: string;
+    };
+    rounded: {
+        type: () => CssClasses;
+        default: string;
+    };
+    msg: {
+        type: StringConstructor;
+    };
+}, {
+    classes: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bgLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    bgDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    width: {
+        type: () => CssClasses;
+        default: string;
+    };
+    height: {
+        type: () => CssClasses;
+        default: string;
+    };
+    ring: {
+        type: () => CssClasses;
+        default: string;
+    };
+    rounded: {
+        type: () => CssClasses;
+        default: string;
+    };
+    msg: {
+        type: StringConstructor;
+    };
+}>>, {
+    bgLight: string;
+    bgDark: string;
+    textOnLight: string;
+    textOnDark: string;
+    width: string;
+    height: string;
+    ring: string;
+    rounded: string;
+}>;
+export default _default;

package/dist/types/components/atoms/index.d.ts

@@ -0,0 +1,2 @@
+import VButton from "./VButton.vue";
+export { VButton };

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

@@ -0,0 +1,2 @@
+import { VButton } from "./atoms";
+export { VButton };

package/dist/types/constants/MyConstants.d.ts

@@ -0,0 +1 @@
+export declare const MAGIC_NUM = 100;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,2 @@
+import * as MyConstants from './MyConstants';
+export { MyConstants };

package/dist/types/index.d.ts

@@ -0,0 +1,12 @@
+declare function install(app: any): void;
+import "./assets/main.css";
+import "./styles/tailwind.css";
+import "./themes/theme-vuetiful.css";
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+export * from "./components";
+export * from "./constants";
+export * from "./utils";
+export declare type CssClasses = string;

package/dist/types/types/index.d.ts

@@ -0,0 +1 @@
+export * from './tailwind';

package/dist/types/types/tailwind.d.ts

@@ -0,0 +1,4 @@
+export declare const tailwindNumbers: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+export declare type TailwindNumbers = (typeof tailwindNumbers)[number];
+export declare const semanticNames: readonly ["primary", "secondary", "tertiary", "success", "warning", "error", "surface"];
+export declare type SemanticNames = (typeof semanticNames)[number];

package/dist/types/utils/MyUtil.d.ts

@@ -0,0 +1,5 @@
+declare function add(a: number, b: number): number;
+declare const _default: {
+    add: typeof add;
+};
+export default _default;

package/dist/types/utils/dark-mode/dark-mode.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from "vue";
+declare const useDarkMode: () => {
+    modeOsPrefers: Readonly<Ref<boolean>>;
+    modeUserPrefers: Readonly<Ref<boolean | undefined>>;
+    currentMode: Readonly<Ref<boolean>>;
+    getModeOsPrefers: () => boolean;
+    getModeUserPrefers: () => boolean | undefined;
+    getModeAutoPrefers: () => boolean;
+    setModeUserPrefers: (value: boolean) => void;
+    setModeCurrent: (value: boolean) => void;
+    autoModeWatcher: () => void;
+    initializeMode: () => void;
+    MODE: {
+        LIGHT: boolean;
+        DARK: boolean;
+    };
+};
+export { useDarkMode };

package/dist/types/utils/dark-mode/dark-mode.vue.d.ts

@@ -0,0 +1,91 @@
+import type { CssClasses } from "@/index";
+import { ComputedRef } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    bgLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    bgDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    width: {
+        type: () => CssClasses;
+        default: string;
+    };
+    height: {
+        type: () => CssClasses;
+        default: string;
+    };
+    ring: {
+        type: () => CssClasses;
+        default: string;
+    };
+    rounded: {
+        type: () => CssClasses;
+        default: string;
+    };
+}, {
+    classesTrack: ComputedRef<string>;
+    classesThumb: ComputedRef<string>;
+    classesIcon: ComputedRef<string>;
+    svgPath: {
+        sun: string;
+        moon: string;
+    };
+    onToggleHandler: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    currentMode: Readonly<import("vue").Ref<boolean>>;
+    iconFill: ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bgLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    bgDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    width: {
+        type: () => CssClasses;
+        default: string;
+    };
+    height: {
+        type: () => CssClasses;
+        default: string;
+    };
+    ring: {
+        type: () => CssClasses;
+        default: string;
+    };
+    rounded: {
+        type: () => CssClasses;
+        default: string;
+    };
+}>>, {
+    bgLight: string;
+    bgDark: string;
+    width: string;
+    height: string;
+    ring: string;
+    rounded: string;
+    textLight: string;
+    textDark: string;
+}>;
+export default _default;

package/dist/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+import { useDarkMode } from "./dark-mode/dark-mode";
+import DarkModeSwitch from "./dark-mode/dark-mode.vue";
+import MyUtil from "./MyUtil";
+import { useTheme } from "./theme/theme";
+import ThemeSwitcher from "./theme/theme-switcher.vue";
+export { MyUtil, DarkModeSwitch, ThemeSwitcher, useDarkMode, useTheme };

package/dist/types/utils/platform/platform.d.ts

@@ -0,0 +1,4 @@
+declare const usePlatform: () => {
+    isBrowser: boolean;
+};
+export { usePlatform, };

package/dist/types/utils/theme/theme-switcher.vue.d.ts

@@ -0,0 +1,106 @@
+import { CssClasses } from "@/index";
+declare const _default: import("vue").DefineComponent<{
+    bgLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    bgDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    width: {
+        type: () => CssClasses;
+        default: string;
+    };
+    height: {
+        type: () => CssClasses;
+        default: string;
+    };
+    ring: {
+        type: () => CssClasses;
+        default: string;
+    };
+    rounded: {
+        type: () => CssClasses;
+        default: string;
+    };
+    roundedContainer: {
+        type: () => CssClasses;
+        default: string;
+    };
+    buttonClasses: {
+        type: () => CssClasses;
+        default: string;
+    };
+}, {
+    onKeyDown: (event: KeyboardEvent) => void;
+    loadTheme: (theme: string, callback?: Function | undefined) => void;
+    currentMode: Readonly<import("vue").Ref<boolean>>;
+    classes: import("vue").ComputedRef<string>;
+    chosenTheme: Readonly<import("vue").Ref<string>>;
+    themes: readonly string[];
+    showPopup: import("vue").Ref<boolean>;
+    listClasses: import("vue").ComputedRef<string>;
+    listItemClasses: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bgLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    bgDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnLight: {
+        type: () => CssClasses;
+        default: string;
+    };
+    textOnDark: {
+        type: () => CssClasses;
+        default: string;
+    };
+    width: {
+        type: () => CssClasses;
+        default: string;
+    };
+    height: {
+        type: () => CssClasses;
+        default: string;
+    };
+    ring: {
+        type: () => CssClasses;
+        default: string;
+    };
+    rounded: {
+        type: () => CssClasses;
+        default: string;
+    };
+    roundedContainer: {
+        type: () => CssClasses;
+        default: string;
+    };
+    buttonClasses: {
+        type: () => CssClasses;
+        default: string;
+    };
+}>>, {
+    bgLight: string;
+    bgDark: string;
+    textOnLight: string;
+    textOnDark: string;
+    width: string;
+    height: string;
+    ring: string;
+    rounded: string;
+    roundedContainer: string;
+    buttonClasses: string;
+}>;
+export default _default;

package/dist/types/utils/theme/theme.d.ts

@@ -0,0 +1,9 @@
+declare const useTheme: () => {
+    theme: Readonly<import("vue").Ref<string>>;
+    themes: readonly string[];
+    chosenTheme: Readonly<import("vue").Ref<string>>;
+    setTheme: (name: string) => void;
+    initializeTheme: (callback?: Function | undefined) => void;
+    loadTheme: (theme: string, callback?: Function | undefined) => void;
+};
+export { useTheme };