@hywax/cms 1.10.1 → 2.0.1

package/dist/module.mjs

@@ -1,12 +1,13 @@
-import { createResolver, addComponentsDir, addPlugin, addImports, addImportsDir, addServerImports, addServerImportsDir, addServerHandler, addTypeTemplate, addTemplate, addServerTemplate, defineNuxtModule } from '@nuxt/kit';
+import { createResolver, addComponentsDir, addPlugin, addImports, addImportsDir, addServerImports, addServerImportsDir, addServerHandler, addTypeTemplate, addTemplate, addServerTemplate, updateTemplates, getLayerDirectories, logger, defineNuxtModule } from '@nuxt/kit';
 import { fileURLToPath } from 'node:url';
 import { dirname, join } from 'pathe';
-import { defu } from 'defu';
-import { snakeCase, kebabCase } from 'scule';
+import { snakeCase, pascalCase, kebabCase } from 'scule';
 import { readFile, writeFile } from 'node:fs/promises';
+import { defu } from 'defu';
+import { globSync } from 'tinyglobby';
 
 const name = "@hywax/cms";
-const version = "1.10.1";
+const version = "2.0.1";
 
 function createContext(options, nuxt) {
   const { resolve } = createResolver(import.meta.url);
@@ -21,17 +22,14 @@ function createContext(options, nuxt) {
   };
 }
 
-function defaultCMSConfig(options) {
-  return {
-    features: options.features
-  };
-}
 const defaultModuleOptions = {
   name: "cms",
   componentsPrefix: "C",
   uploraUrl: "http://uplora.ru",
   fluxorUrl: "https://fluxor.uplora.ru",
   envPrefix: "APP_",
+  unovis: false,
+  componentDetection: true,
   httpCodes: {
     badRequest: "400: \u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0437\u0430\u043F\u0440\u043E\u0441",
     unauthorized: "401: \u041D\u0435 \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D",
@@ -42,9 +40,14 @@ const defaultModuleOptions = {
     badGateway: "502: \u041E\u0448\u0438\u0431\u043A\u0430 \u0448\u043B\u044E\u0437\u0430",
     serviceUnavailable: "503: \u0421\u0435\u0440\u0432\u0438\u0441 \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D"
   },
-  features: {},
   formats: {
     serverDateTime: "YYYY-MM-DD HH:mm:ss"
+  },
+  prose: {
+    uploraImage: {
+      formats: [],
+      sizes: []
+    }
   }
 };
 
@@ -59,25 +62,23 @@ function prepareAutoImports({ resolve, options, nuxt }) {
   const cmsConfigPath = resolve(nuxt.options.buildDir, "cms/config");
   const httpCodesPath = resolve(nuxt.options.buildDir, "cms/http-codes");
   const httpCodesImports = transformHttpCodes(options.httpCodes).map(({ code }) => ({ name: code, from: httpCodesPath }));
-  addComponentsDir({
-    path: resolve("./runtime/components"),
-    pathPrefix: false,
-    prefix: options.componentsPrefix,
-    ignore: ["prose/**"]
-  });
   addComponentsDir({
     path: resolve("./runtime/components/prose"),
     prefix: "Prose",
     pathPrefix: false,
     global: true
   });
+  addComponentsDir({
+    path: resolve("./runtime/components"),
+    pathPrefix: false,
+    prefix: options.componentsPrefix,
+    ignore: ["prose/**"]
+  });
   addPlugin(resolve("./runtime/plugins/api"));
   addPlugin(resolve("./runtime/plugins/zod"));
   addImports([
     ...httpCodesImports,
     { name: "getCmsConfig", from: cmsConfigPath }
-    // { name: 'docToMarkdown', from: resolve('./runtime/editor/markdown') },
-    // { name: 'markdownToDoc', from: resolve('./runtime/editor/markdown') },
   ]);
   addImportsDir([
     resolve("./runtime/utils"),
@@ -86,8 +87,6 @@ function prepareAutoImports({ resolve, options, nuxt }) {
   addServerImports([
     ...httpCodesImports,
     { name: "getCmsConfig", from: cmsConfigPath }
-    // { name: 'docToMarkdown', from: resolve('./runtime/editor/markdown') },
-    // { name: 'markdownToDoc', from: resolve('./runtime/editor/markdown') },
   ]);
   addServerImportsDir([
     resolve("./runtime/utils"),
@@ -96,7 +95,6 @@ function prepareAutoImports({ resolve, options, nuxt }) {
   nuxt.options.nitro.alias ||= {};
   nuxt.options.nitro.alias["#cms/http-codes"] = httpCodesPath;
   nuxt.options.alias["#cms"] = resolve("./runtime");
-  nuxt.options.appConfig.cms = defu(nuxt.options.appConfig.cms || {}, defaultCMSConfig(options));
 }
 
 async function prepareGenerateEnv({ nuxt }) {
@@ -117,35 +115,38 @@ async function prepareGenerateEnv({ nuxt }) {
 }
 
 const icons = {
-  calendar: "lucide:calendar",
-  sort: "lucide:arrow-down-up",
-  sortAsc: "lucide:arrow-up-wide-narrow",
-  sortDesc: "lucide:arrow-down-wide-narrow",
-  columns: "lucide:columns-3-cog",
-  filter: "lucide:filter",
-  ellipsisVertical: "lucide:ellipsis-vertical",
-  repeat: "lucide:repeat-2",
-  clipboard: "lucide:clipboard",
-  trash: "lucide:trash",
-  paragraph: "lucide:type",
-  heading1: "lucide:heading-1",
-  heading2: "lucide:heading-2",
-  heading3: "lucide:heading-3",
-  heading4: "lucide:heading-4",
-  list: "lucide:list",
-  listOrdered: "lucide:list-ordered",
-  blockquote: "lucide:text-quote",
-  codeBlock: "lucide:square-code",
-  horizontalRule: "lucide:separator-horizontal",
-  enter: "lucide:corner-down-left",
-  link: "lucide:link",
-  download: "lucide:download",
-  bold: "lucide:bold",
-  italic: "lucide:italic",
-  underline: "lucide:underline",
-  strikethrough: "lucide:strikethrough",
-  code: "lucide:code",
-  image: "lucide:image"
+  loading: "i-lucide-loader",
+  refresh: "i-lucide-refresh-cw",
+  calendar: "i-lucide-calendar",
+  sort: "i-lucide-arrow-down-up",
+  sortAsc: "i-lucide-arrow-up-wide-narrow",
+  sortDesc: "i-lucide-arrow-down-wide-narrow",
+  columns: "i-lucide-columns-3-cog",
+  filter: "i-lucide-filter",
+  ellipsisVertical: "i-lucide-ellipsis-vertical",
+  repeat: "i-lucide-repeat-2",
+  clipboard: "i-lucide-clipboard",
+  trash: "i-lucide-trash",
+  paragraph: "i-lucide-type",
+  heading1: "i-lucide-heading-1",
+  heading2: "i-lucide-heading-2",
+  heading3: "i-lucide-heading-3",
+  heading4: "i-lucide-heading-4",
+  list: "i-lucide-list",
+  listOrdered: "i-lucide-list-ordered",
+  blockquote: "i-lucide-text-quote",
+  codeBlock: "i-lucide-square-code",
+  horizontalRule: "i-lucide-separator-horizontal",
+  enter: "i-lucide-corner-down-left",
+  link: "i-lucide-link",
+  download: "i-lucide-download",
+  bold: "i-lucide-bold",
+  italic: "i-lucide-italic",
+  underline: "i-lucide-underline",
+  strikethrough: "i-lucide-strikethrough",
+  code: "i-lucide-code",
+  image: "i-lucide-image",
+  editLine: "i-lucide-pen-line"
 };
 
 function prepareMergeConfigs({ nuxt, options }) {
@@ -212,7 +213,7 @@ function prepareMergeConfigs({ nuxt, options }) {
         pinned: {
           true: {
             th: "bg-unset",
-            td: "bg-unset"
+            td: "bg-default"
           }
         }
       }
@@ -220,7 +221,11 @@ function prepareMergeConfigs({ nuxt, options }) {
   });
   nuxt.options.ui = defu(nuxt.options.ui || {}, {
     colorMode: true,
-    fonts: true
+    fonts: true,
+    mdc: true,
+    experimental: {
+      componentDetection: true
+    }
   });
   nuxt.options.colorMode = defu(nuxt.options.colorMode || {}, {
     storageKey: `${options.name}:color-mode`
@@ -242,17 +247,33 @@ function prepareMergeConfigs({ nuxt, options }) {
   nuxt.options.vite = defu(nuxt.options.vite || {}, {
     optimizeDeps: {
       include: [
+        "@unovis/vue",
+        "@tanstack/vue-table",
+        "@uplora/formats",
+        "@nuxt/ui/utils/editor",
         "@vue/devtools-core",
         "@vue/devtools-kit",
         "@nuxt/ui/locale",
-        "@uplora/formats",
+        "@tiptap/core",
+        "@tiptap/vue-3",
+        "@sindresorhus/slugify",
+        "@vueuse/integrations/useSortable",
+        "@dicebear/collection",
+        "@dicebear/core",
         "@uplora/serializer",
-        "@unovis/ts",
-        "@unovis/vue",
+        "@internationalized/date",
+        "tailwind-variants",
         "plural-ru",
         "object-to-formdata",
+        "fast-equals",
+        "fast-copy",
+        "reka-ui",
         "zod",
-        "zod/locales"
+        "zod/locales",
+        "prosemirror-state",
+        "prosemirror-model",
+        "prosemirror-view",
+        "prosemirror-transform"
       ]
     }
   });
@@ -332,6 +353,46 @@ const formPanelSection = {
   }
 };
 
+const inputSeo = {
+  slots: {
+    root: "flex flex-col gap-4"
+  }
+};
+
+const inputSlug = {
+  slots: {
+    root: "flex flex-col gap-4"
+  }
+};
+
+const inputUploraImage = {
+  slots: {
+    root: "relative w-full rounded-md overflow-hidden border-1 border-default aspect-3/2 text-sm bg-default",
+    image: "",
+    imageActions: "absolute top-4 right-4 flex gap-2",
+    imageActionsWarning: "absolute top-0 right-0 size-6 bg-linear-to-bl from-error/90 to-transparent rounded-bl-lg text-error flex items-center justify-center",
+    uploader: "flex flex-col items-center justify-center w-full h-full",
+    uploaderPendingIcon: "size-6 animate-spin",
+    uploaderIdleButton: "cursor-pointer h-full w-full",
+    uploaderIdleText: "mt-2 font-medium",
+    uploaderIdleExtensions: "mt-2 text-xs text-muted uppercase",
+    uploaderErrorText: "text-center font-medium p-2",
+    uploaderErrorActions: "flex gap-2 mt-4"
+  },
+  variants: {
+    disabled: {
+      true: {
+        root: "cursor-not-allowed opacity-75"
+      }
+    },
+    uploaded: {
+      false: {
+        root: "border-dashed"
+      }
+    }
+  }
+};
+
 const modalConfirm = {
   slots: {
     root: ""
@@ -370,10 +431,13 @@ const theme = {
   FormPanel: formPanel,
   FormPanelAsideSection: formPanelAsideSection,
   FormPanelSection: formPanelSection,
+  InputSeo: inputSeo,
+  InputUploraImage: inputUploraImage,
   ModalConfirm: modalConfirm,
   TablePanel: tablePanel,
   TableSearchInput: tableSearchInput,
-  UploraImage: uploraImage$1
+  UploraImage: uploraImage$1,
+  inputSlug: inputSlug
 };
 
 const themeEditor = {
@@ -391,8 +455,88 @@ const themeProse = {
   uploraImage: uploraImage
 };
 
-function getAppTemplates({ options }) {
+async function buildComponentDependencyGraph(componentDir, componentPattern) {
+  const dependencyGraph = /* @__PURE__ */ new Map();
+  const componentFiles = globSync(["**/*.vue"], {
+    cwd: componentDir,
+    absolute: true
+  });
+  for (const componentFile of componentFiles) {
+    try {
+      const content = await readFile(componentFile, "utf-8");
+      const componentName = pascalCase(componentFile.split("/").pop().replace(".vue", ""));
+      const dependencies = /* @__PURE__ */ new Set();
+      const matches = content.matchAll(componentPattern);
+      for (const match of matches) {
+        const depName = match[1] || match[2];
+        if (depName && depName !== componentName) {
+          dependencies.add(depName);
+        }
+      }
+      dependencyGraph.set(componentName, dependencies);
+    } catch {
+    }
+  }
+  return dependencyGraph;
+}
+function resolveComponentDependencies(component, dependencyGraph, resolved = /* @__PURE__ */ new Set()) {
+  if (resolved.has(component)) {
+    return resolved;
+  }
+  resolved.add(component);
+  const dependencies = dependencyGraph.get(component);
+  if (dependencies) {
+    for (const dep of dependencies) {
+      resolveComponentDependencies(dep, dependencyGraph, resolved);
+    }
+  }
+  return resolved;
+}
+async function detectUsedComponents(dirs, prefix, componentDir, includeComponents) {
+  const detectedComponents = /* @__PURE__ */ new Set();
+  if (includeComponents && includeComponents.length > 0) {
+    for (const component of includeComponents) {
+      detectedComponents.add(component);
+    }
+  }
+  const componentPattern = new RegExp(`<(?:Lazy)?${prefix}([A-Z][a-zA-Z]+)|\\b(?:Lazy)?${prefix}([A-Z][a-zA-Z]+)\\b`, "g");
+  for (const dir of dirs) {
+    const appFiles = globSync(["**/*.{vue,ts,js,tsx,jsx}"], {
+      cwd: dir,
+      ignore: ["node_modules/**", ".nuxt/**", "dist/**"]
+    });
+    for (const file of appFiles) {
+      try {
+        const filePath = join(dir, file);
+        const content = await readFile(filePath, "utf-8");
+        const matches = content.matchAll(componentPattern);
+        for (const match of matches) {
+          const componentName = match[1] || match[2];
+          if (componentName) {
+            detectedComponents.add(componentName);
+          }
+        }
+      } catch {
+      }
+    }
+  }
+  if (detectedComponents.size === 0) {
+    return void 0;
+  }
+  const dependencyGraph = await buildComponentDependencyGraph(componentDir, componentPattern);
+  const allComponents = /* @__PURE__ */ new Set();
+  for (const component of detectedComponents) {
+    const resolved = resolveComponentDependencies(component, dependencyGraph);
+    for (const resolvedComponent of resolved) {
+      allComponents.add(resolvedComponent);
+    }
+  }
+  return allComponents;
+}
+
+function getAppTemplates({ options, resolve, nuxt }) {
   const templates = [];
+  let previousDetectedComponents;
   function writeThemeTemplate(theme2, path) {
     for (const component in theme2) {
       templates.push({
@@ -427,8 +571,46 @@ function getAppTemplates({ options }) {
       });
     }
   }
+  async function generateSources() {
+    const sources = [];
+    const layers = getLayerDirectories(nuxt).map((layer) => layer.app);
+    if (options.componentDetection) {
+      const detectedComponents = await detectUsedComponents(
+        layers,
+        options.componentsPrefix,
+        resolve("./runtime/components"),
+        Array.isArray(options.componentDetection) ? options.componentDetection : void 0
+      );
+      if (detectedComponents && detectedComponents.size > 0) {
+        if (previousDetectedComponents) {
+          const newComponents = Array.from(detectedComponents).filter(
+            (component) => !previousDetectedComponents.has(component)
+          );
+          if (newComponents.length > 0) {
+            logger.success(`CMS detected new components: ${newComponents.join(", ")}`);
+          }
+        } else {
+          logger.success(`CMS detected ${detectedComponents.size} components in use (including dependencies)`);
+        }
+        previousDetectedComponents = detectedComponents;
+        for (const component of detectedComponents) {
+          const kebabComponent = kebabCase(component);
+          sources.push(`@source "./cms/${kebabComponent}.ts";`);
+        }
+      } else {
+        if (!previousDetectedComponents || previousDetectedComponents.size > 0) {
+          logger.info("CMS detected no components in use, including all components");
+        }
+        previousDetectedComponents = /* @__PURE__ */ new Set();
+        sources.push('@source "./cms";');
+      }
+    } else {
+      sources.push('@source "./cms";');
+    }
+    return sources.join("\n");
+  }
   writeThemeTemplate(themeProse, "prose");
-  writeThemeTemplate(themeEditor, "editor");
+  writeThemeTemplate(themeProse, "editor");
   writeThemeTemplate(theme);
   templates.push({
     filename: `cms/prose/index.ts`,
@@ -443,37 +625,41 @@ function getAppTemplates({ options }) {
   templates.push({
     filename: "cms.css",
     write: true,
-    getContents: () => `@source "./cms";
-
-@layer components {
-  .unvois {
-    --vis-crosshair-line-stroke-color: var(--ui-bg-elevated);
-    --vis-crosshair-circle-stroke-color: transparent;
-
-    --vis-axis-grid-color: var(--ui-border);
-    --vis-axis-tick-color: var(--ui-border);
-    --vis-axis-tick-label-color: var(--ui-text-dimmed);
-
-    --vis-tooltip-background-color: var(--ui-bg);
-    --vis-tooltip-border-color: var(--ui-border);
-    --vis-tooltip-text-color: var(--ui-text-highlighted);
-
-    --vis-color0: var(--ui-primary);
-    --vis-color1: var(--ui-secondary);
-    --vis-color2: var(--ui-info);
-    --vis-color3: var(--ui-warning);
-    --vis-color4: var(--ui-error);
-    --vis-color5: var(--ui-success);
-
-    --vis-dark-color0: var(--ui-primary);
-    --vis-dark-color1: var(--ui-secondary);
-    --vis-dark-color2: var(--ui-info);
-    --vis-dark-color3: var(--ui-warning);
-    --vis-dark-color4: var(--ui-error);
-    --vis-dark-color5: var(--ui-success);
-  }
-}
-  `
+    getContents: async () => {
+      const sources = await generateSources();
+      return `${sources}
+${options.unovis ? `
+    @layer components {
+      .unvois {
+        --vis-crosshair-line-stroke-color: var(--ui-bg-elevated);
+        --vis-crosshair-circle-stroke-color: transparent;
+
+        --vis-axis-grid-color: var(--ui-border);
+        --vis-axis-tick-color: var(--ui-border);
+        --vis-axis-tick-label-color: var(--ui-text-dimmed);
+
+        --vis-tooltip-background-color: var(--ui-bg);
+        --vis-tooltip-border-color: var(--ui-border);
+        --vis-tooltip-text-color: var(--ui-text-highlighted);
+
+        --vis-color0: var(--ui-primary);
+        --vis-color1: var(--ui-secondary);
+        --vis-color2: var(--ui-info);
+        --vis-color3: var(--ui-warning);
+        --vis-color4: var(--ui-error);
+        --vis-color5: var(--ui-success);
+
+        --vis-dark-color0: var(--ui-primary);
+        --vis-dark-color1: var(--ui-secondary);
+        --vis-dark-color2: var(--ui-info);
+        --vis-dark-color3: var(--ui-warning);
+        --vis-dark-color4: var(--ui-error);
+        --vis-dark-color5: var(--ui-success);
+      }
+    }
+` : ""}
+    `;
+    }
   });
   templates.push({
     filename: "cms/index.ts",
@@ -488,16 +674,14 @@ function getAppTemplates({ options }) {
 import type { TVConfig } from '@nuxt/ui'
 import type { RouteLocationRaw } from 'vue-router'
 
-type AppConfigCMS = {
-  features: Record<string, boolean>
-} & TVConfig<typeof cms>
+type AppConfigCMS = TVConfig<typeof cms>
 
 declare module '@nuxt/schema' {
   interface AppConfigInput {
     /**
      * CMS theme configuration
      */
-    cms?: AppConfigCMS
+    cmsRuntime?: AppConfigCMS
   }
 }
 
@@ -520,7 +704,8 @@ export {}
     getContents: () => {
       const config = {
         name: options.name,
-        formats: options.formats
+        formats: options.formats,
+        prose: options.prose
       };
       return `const cmsConfig = ${JSON.stringify(config, null, 2)}
 
@@ -550,6 +735,13 @@ function prepareTemplates(context) {
       addServerTemplate(template);
     }
   }
+  if (context.options?.componentDetection && context.nuxt.options.dev) {
+    context.nuxt.hook("builder:watch", async (_, path) => {
+      if (/\.(?:vue|ts|js|tsx|jsx)$/.test(path)) {
+        await updateTemplates({ filter: (template) => template.filename === "cms.css" });
+      }
+    });
+  }
 }
 
 const module$1 = defineNuxtModule({
@@ -561,7 +753,6 @@ const module$1 = defineNuxtModule({
   moduleDependencies: {
     "@nuxt/ui": {},
     "@nuxtjs/mdc": {},
-    "@nuxtjs/seo": {},
     "@vueuse/nuxt": {},
     "nuxt-auth-utils": {}
   },

package/dist/runtime/components/AutocompleteSelect.d.vue.ts

@@ -14,7 +14,7 @@ export type Handler<T extends AutocompleteSelectItem = AutocompleteSelectItem> =
     items: T[];
     pagination: Pagination;
 }>;
-export interface Props<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+export interface AutocompleteSelectProps<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
     modelValue?: GetModelValue<T, VK, M>;
     cacheKey: string;
     handler: Handler<T>;
@@ -26,7 +26,7 @@ export interface Props<T extends AutocompleteSelectItem = AutocompleteSelectItem
     placeholder?: string;
     initSelected?: boolean;
 }
-export interface Emits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+export interface AutocompleteSelectEmits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
     'update:modelValue': [payload: GetModelValue<T, VK, M>];
 }
 export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem> {
@@ -37,7 +37,7 @@ export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <T extends AutocompleteSelectItem, VK extends keyof T = "id", M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<Props<T, VK, M> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteSelectProps<T, VK, M> & {
         "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/runtime/components/AutocompleteSelect.vue.d.ts

@@ -14,7 +14,7 @@ export type Handler<T extends AutocompleteSelectItem = AutocompleteSelectItem> =
     items: T[];
     pagination: Pagination;
 }>;
-export interface Props<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+export interface AutocompleteSelectProps<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
     modelValue?: GetModelValue<T, VK, M>;
     cacheKey: string;
     handler: Handler<T>;
@@ -26,7 +26,7 @@ export interface Props<T extends AutocompleteSelectItem = AutocompleteSelectItem
     placeholder?: string;
     initSelected?: boolean;
 }
-export interface Emits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
+export interface AutocompleteSelectEmits<T extends AutocompleteSelectItem = AutocompleteSelectItem, VK extends keyof T = 'id', M extends boolean = false> {
     'update:modelValue': [payload: GetModelValue<T, VK, M>];
 }
 export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem> {
@@ -37,7 +37,7 @@ export interface Slots<T extends AutocompleteSelectItem = AutocompleteSelectItem
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: <T extends AutocompleteSelectItem, VK extends keyof T = "id", M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<Props<T, VK, M> & {
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteSelectProps<T, VK, M> & {
         "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/runtime/components/ButtonCopyText.d.vue.ts

@@ -4,7 +4,7 @@ import type { RouteLocationRaw } from 'vue-router';
 import type { ComponentConfig } from '../types';
 import theme from '#build/cms/button-copy-text';
 type ButtonCopyText = ComponentConfig<typeof theme, AppConfig, 'buttonCopyText'>;
-export interface Props extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
+export interface ButtonCopyTextProps extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
     text?: string | number | null;
     showAction?: boolean;
     alwaysShowTooltip?: boolean;
@@ -14,7 +14,7 @@ export interface Props extends Pick<ButtonProps, 'target' | 'external' | 'label'
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonCopyTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonCopyTextProps> & Readonly<{}>, {
     showAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/runtime/components/ButtonCopyText.vue.d.ts

@@ -4,7 +4,7 @@ import type { RouteLocationRaw } from 'vue-router';
 import type { ComponentConfig } from '../types';
 import theme from '#build/cms/button-copy-text';
 type ButtonCopyText = ComponentConfig<typeof theme, AppConfig, 'buttonCopyText'>;
-export interface Props extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
+export interface ButtonCopyTextProps extends Pick<ButtonProps, 'target' | 'external' | 'label'> {
     text?: string | number | null;
     showAction?: boolean;
     alwaysShowTooltip?: boolean;
@@ -14,7 +14,7 @@ export interface Props extends Pick<ButtonProps, 'target' | 'external' | 'label'
 }
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ButtonCopyTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonCopyTextProps> & Readonly<{}>, {
     showAction: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/runtime/components/ButtonDeleteConfirm.vue

@@ -11,7 +11,7 @@
       :variant="variant"
       :size="size"
       :icon="icon"
-      :label="label"
+      :label="label === '' ? void 0 : label"
       :class="ui.root({ class: [props.ui?.root, props.class] })"
       auto-loading
       @click="handleDeleteClick()"
@@ -21,7 +21,8 @@
 
 <script>
 import theme from "#build/cms/button-delete-confirm";
-import { computed, useAppConfig, useOverlay } from "#imports";
+import { useAppConfig, useOverlay } from "#imports";
+import { computed } from "vue";
 import { tv } from "../tv";
 import ModalConfirm from "./ModalConfirm.vue";
 </script>
@@ -52,7 +53,6 @@ function handleDeleteClick() {
     title: props.title ?? "\u0423\u0434\u0430\u043B\u0435\u043D\u0438\u0435",
     message: props.message ?? "\u0412\u044B \u0434\u0435\u0438\u0306\u0441\u0442\u0432\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C?",
     color: "error",
-    variant: props.variant,
     confirmLabel: props.confirmLabel,
     confirmText: props.confirmText,
     onConfirm: props.onConfirm