@schwarzdavid/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.20

package/package.json

@@ -1,87 +1,120 @@
-{
-  "name": "@schwarzdavid/ui-kit",
-  "version": "0.0.1-alpha.2",
-  "type": "module",
-  "scripts": {
-    "preview": "vite preview",
-    "check": "vue-tsc --build --force",
-    "docs": "storybook dev -p 6006 --no-open",
-    "build:lib": "vue-tsc && vite build",
-    "build:docs": "storybook build",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "prepublishOnly": "npm run build:lib"
-  },
-  "author": "David Schwarz <david@ists-wurscht.at>",
-  "license": "Apache-2.0",
-  "files": [
-    "dist",
-    "lib/types/ui-kit.d.ts"
-  ],
-  "module": "./dist/ui-kit.js",
-  "exports": {
-    ".": {
-      "import": "./dist/ui-kit.js"
-    },
-    "./styles": {
-      "import": "./dist/style.css"
-    },
-    "./types": {
-      "import": "./lib/types/ui-kit.d.ts"
-    }
-  },
-  "peerDependencies": {
-    "pinia": ">=2",
-    "vue": ">=3",
-    "vue-i18n": ">=9",
-    "vuetify": ">=3"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@eslint/js": "^9.14.0",
-    "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@laynezh/vite-plugin-lib-assets": "^0.5.24",
-    "@mdi/font": "^7.4.47",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-links": "^8.4.5",
-    "@storybook/addon-onboarding": "^8.4.5",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/manager-api": "^8.4.5",
-    "@storybook/test": "^8.4.5",
-    "@storybook/theming": "^8.4.5",
-    "@storybook/vue3": "^8.4.5",
-    "@storybook/vue3-vite": "^8.4.5",
-    "@stylistic/eslint-plugin": "^2.10.1",
-    "@tsconfig/node20": "^20.1.4",
-    "@types/jsdom": "^21.1.7",
-    "@types/lodash": "^4.17.13",
-    "@types/node": "^22.9.0",
-    "@types/uuid": "^10.0.0",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "@vitest/eslint-plugin": "^1.1.7",
-    "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.5.1",
-    "eslint": "^9.14.0",
-    "eslint-plugin-vue": "^9.30.0",
-    "jsdom": "^25.0.1",
-    "pinia": "^2.2.6",
-    "sass": "^1.80.6",
-    "storybook": "^8.4.5",
-    "typescript": "~5.6.3",
-    "typescript-eslint": "^8.13.0",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.4",
-    "vue-component-type-helpers": "^2.1.10",
-    "vue-eslint-parser": "^9.4.3",
-    "vue-i18n": "^10.0.4",
-    "vue-tsc": "^2.1.10",
-    "vuetify": "^3.7.4"
-  },
-  "dependencies": {
-    "lodash": "^4.17.21",
-    "uuid": "^11.0.2"
-  }
-}
+{
+  "name": "@schwarzdavid/ui-kit",
+  "version": "0.0.1-alpha.20",
+  "description": "Vue 3 + Vuetify composables and components for dialogs, toasts, loading states and Vuelidate helpers",
+  "keywords": [
+    "vue",
+    "vue3",
+    "vuetify",
+    "composables",
+    "dialog",
+    "toast",
+    "vuelidate",
+    "ui-kit"
+  ],
+  "homepage": "https://github.com/schwarzdavid/ui-kit#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/schwarzdavid/ui-kit.git"
+  },
+  "bugs": {
+    "url": "https://github.com/schwarzdavid/ui-kit/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "check": "vue-tsc --build --force",
+    "docs": "storybook dev -p 6006 --no-open",
+    "build:lib": "vue-tsc --build --force && vite build",
+    "build:docs": "storybook build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "prepublishOnly": "npm run build:lib",
+    "update:version": "npm version prerelease --preid alpha"
+  },
+  "author": "David Schwarz <david@ists-wurscht.at>",
+  "license": "Apache-2.0",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js",
+      "default": "./dist/main.js"
+    },
+    "./validators": {
+      "types": "./dist/validators.d.ts",
+      "import": "./dist/validators.js",
+      "default": "./dist/validators.js"
+    },
+    "./vuetify": {
+      "types": "./dist/vuetify.d.ts",
+      "import": "./dist/vuetify.js",
+      "default": "./dist/vuetify.js"
+    },
+    "./vuetify/settings.scss": "./dist/vuetify/settings.scss",
+    "./vuetify/settings": "./dist/vuetify/settings.scss",
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/ui-kit.css"
+    }
+  },
+  "peerDependencies": {
+    "@vuelidate/core": "^2.0.0",
+    "vue": "^3.5.0",
+    "vue-i18n": "^9.0.0 || ^10.0.0 || ^11.0.0",
+    "vuetify": "^3.4.0 || ^4.0.0"
+  },
+  "dependencies": {
+    "@mdi/js": "^7.4.47",
+    "@vuelidate/validators": "^2.0.4",
+    "lodash-es": "^4.18.1",
+    "type-fest": "^5.10.0",
+    "vue-component-type-helpers": "^3.3.13"
+  },
+  "devDependencies": {
+    "@eslint/js": "10.0.1",
+    "@fontsource/jetbrains-mono": "^5.3.0",
+    "@fontsource/noto-sans": "^5.3.0",
+    "@intlify/unplugin-vue-i18n": "11.2.6",
+    "@microsoft/api-extractor": "7.59.4",
+    "@storybook/addon-docs": "10.6.5",
+    "@storybook/vue3-vite": "10.6.5",
+    "@stylistic/eslint-plugin": "5.10.0",
+    "@tsconfig/node24": "24.0.5",
+    "@types/jsdom": "30.0.0",
+    "@types/lodash-es": "4.17.12",
+    "@types/node": "26.6.5",
+    "@vitejs/plugin-vue": "6.0.10",
+    "@vitest/eslint-plugin": "1.6.27",
+    "@vue/test-utils": "2.5.1",
+    "@vue/tsconfig": "0.9.1",
+    "@vuelidate/core": "2.0.3",
+    "eslint": "10.12.0",
+    "eslint-plugin-storybook": "10.6.5",
+    "eslint-plugin-vue": "10.11.1",
+    "jsdom": "30.1.3",
+    "sass": "1.105.1",
+    "storybook": "10.6.5",
+    "typescript": "6.0.3",
+    "typescript-eslint": "8.71.2",
+    "vite": "8.3.4",
+    "vite-plugin-dts": "5.1.2",
+    "vite-plugin-vuetify": "^2.1.3",
+    "vitest": "5.0.5",
+    "vue": "3.5.44",
+    "vue-eslint-parser": "10.4.1",
+    "vue-i18n": "11.4.14",
+    "vue-tsc": "3.3.13",
+    "vuetify": "4.2.6"
+  },
+  "overrides": {
+    "vite": "8.3.4"
+  }
+}

package/dist/style.css

@@ -1 +0,0 @@
-.toast-entry[data-v-419b7d95]{pointer-events:all}.toast-outlet[data-v-93b5ec8a]{position:fixed;z-index:9999;bottom:8px;right:8px;left:8px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none}.fade-move[data-v-93b5ec8a],.fade-enter-active[data-v-93b5ec8a],.fade-leave-active[data-v-93b5ec8a]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-93b5ec8a],.fade-leave-to[data-v-93b5ec8a]{opacity:0;transform:translate(50%) scaleY(.5)}.fade-leave-active[data-v-93b5ec8a]{position:absolute}.info-dialog-card[data-v-ab153f63]>.v-card-text{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-card[data-v-1f5a0caf]>.v-card-item{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-toolbar-slot[data-v-1f5a0caf]{display:contents}.confirm-dialog-card[data-v-634f1f39]>.v-card-text{padding-left:16px!important;padding-right:16px!important}

package/dist/ui-kit.d.ts

@@ -1,150 +0,0 @@
-import { Component } from 'vue';
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProps } from 'vue-component-type-helpers';
-import { ComponentProvideOptions } from 'vue';
-import { ComponentPublicInstance } from 'vue';
-import { ComputedOptions } from 'vue';
-import { DefineComponent } from 'vue';
-import { MaybeRefOrGetter } from 'vue';
-import { MethodOptions } from 'vue';
-import { PublicProps } from 'vue';
-import { Ref } from 'vue';
-
-declare interface ConfirmDialogBaseProps {
-    title: string;
-    translateTitle?: boolean;
-    confirmCta?: Partial<ConfirmDialogCta>;
-    rejectCta?: Partial<ConfirmDialogCta>;
-    throwOnReject?: boolean;
-    permanent?: boolean;
-    maxWidth?: number | string;
-    highlightCta?: 'confirm' | 'reject' | false;
-    level?: ConfirmDialogLevel;
-}
-
-export declare interface ConfirmDialogComponentContent<C extends Component = Component> extends ConfirmDialogBaseProps {
-    component: C;
-    props: ComponentProps<C>;
-}
-
-export declare interface ConfirmDialogCta {
-    text: string;
-    translateText?: boolean;
-}
-
-export declare enum ConfirmDialogLevel {
-    DEFAULT = "primary",
-    WARNING = "warning",
-    DANGER = "error"
-}
-
-export declare type ConfirmDialogProps<C extends Component = Component> = ConfirmDialogComponentContent<C> | ConfirmDialogTextContent;
-
-export declare interface ConfirmDialogTextContent extends ConfirmDialogBaseProps {
-    content: string;
-    translateContent?: boolean;
-}
-
-export declare interface DialogComposable {
-    info(title: string, content: string): Promise<null>;
-    info<T = void, C extends Component = Component>(options: InfoDialogProps<T, C>): Promise<T extends void ? null : (T | null)>;
-    prompt<T, R extends boolean = false, C extends PromptDialogComponent<T> = PromptDialogComponent<T>>(options: PromptDialogProps<T, R, C>): Promise<R extends true ? T : T | null>;
-    confirm(title: string, content: string, level?: ConfirmDialogLevel): Promise<boolean>;
-    confirm<C extends Component = Component>(options: ConfirmDialogProps<C>): Promise<boolean>;
-}
-
-export declare interface InfoDialogActionCta extends InfoDialogBaseCta {
-    action(): unknown;
-}
-
-export declare interface InfoDialogBaseCta {
-    text: string;
-    translateText?: boolean;
-}
-
-declare interface InfoDialogBaseProps<T> {
-    title: string;
-    translateTitle?: boolean;
-    additionalCta?: InfoDialogCta<T>[];
-    defaultCta?: Partial<InfoDialogCta<T>> | false;
-    width?: number | string;
-}
-
-export declare interface InfoDialogComponentContent<T = void, C extends Component = Component> extends InfoDialogBaseProps<T> {
-    component: C;
-    props: ComponentProps<C>;
-}
-
-export declare type InfoDialogCta<T> = InfoDialogActionCta | InfoDialogValueCta<T>;
-
-export declare type InfoDialogProps<T = void, C extends Component = Component> = InfoDialogComponentContent<T, C> | InfoDialogTextContent<T>;
-
-export declare interface InfoDialogTextContent<T> extends InfoDialogBaseProps<T> {
-    content: string;
-    translateContent?: boolean;
-}
-
-export declare interface InfoDialogValueCta<T> extends InfoDialogBaseCta {
-    value: T;
-}
-
-export declare type LoadingAction = (...args: any) => any | Promise<any>;
-
-export declare interface LoadingComposable<A extends LoadingAction> {
-    loading: Readonly<Ref<boolean>>;
-    action(...args: Parameters<A>): Promise<Awaited<ReturnType<A>>>;
-}
-
-export declare interface LoadingOptions {
-    overlay: MaybeRefOrGetter<boolean>;
-}
-
-export declare type PromptDialogComponent<T> = ComponentPublicInstance<PromptDialogComponentProps<T>, any, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, PromptDialogComponentEmits<T>>;
-
-export declare type PromptDialogComponentEmits<T> = (name: 'update:modelValue', value: T | null) => unknown;
-
-export declare interface PromptDialogComponentProps<T> {
-    modelValue: T | null;
-    toolbar: HTMLElement;
-}
-
-export declare interface PromptDialogCta {
-    text: string;
-    translateText?: boolean;
-}
-
-export declare interface PromptDialogProps<T, R extends boolean = false, C extends PromptDialogComponent<T> = PromptDialogComponent<T>> {
-    title: string;
-    translateTitle?: boolean;
-    saveCta?: Partial<PromptDialogCta>;
-    abortCta?: Partial<PromptDialogCta>;
-    initialValue?: MaybeRefOrGetter<T>;
-    size?: PromptDialogSize;
-    required?: R;
-    component: C;
-    props: Omit<ComponentProps<C>, keyof PromptDialogComponentProps<T>>;
-}
-
-export declare enum PromptDialogSize {
-    SMALL = "sm",
-    LARGE = "lg"
-}
-
-export declare interface ToastComposable {
-    info(message: string): Promise<void>;
-    warn(message: string): Promise<void>;
-    error(message: string): Promise<void>;
-    success(message: string): Promise<void>;
-}
-
-export declare const UiKitOutlet: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-
-export declare function useDialog(): DialogComposable;
-
-export declare function useLoading<A extends LoadingAction>(actionCallback: A, { overlay }?: Partial<LoadingOptions>): LoadingComposable<A>;
-
-export declare function useLoadingOverlay(): Ref<boolean>;
-
-export declare function useToast(): ToastComposable;
-
-export { }