@hywax/cms 0.0.23 → 1.1.0

package/dist/runtime/components/EditorContentLight.vue

@@ -1,60 +0,0 @@
-<template>
-  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <ProseKit :editor="editor">
-      <div
-        :id="id"
-        ref="editorRef"
-        :class="ui.editor({ class: props.ui?.editor })"
-        v-bind="ariaAttrs"
-      />
-    </ProseKit>
-  </Primitive>
-</template>
-
-<script>
-import theme from "#build/cms/editor-content-light";
-import { computed, useAppConfig, useFormField, useId, useTemplateRef, watchPostEffect } from "#imports";
-import { createEditor } from "prosekit/core";
-import { ProseKit, useDocChange } from "prosekit/vue";
-import { Primitive } from "reka-ui";
-import { defineLightExtension } from "../editor/extensions";
-import { docToMarkdown, markdownToDoc } from "../editor/markdown";
-import { tv } from "../tv";
-import "prosekit/basic/style.css";
-</script>
-
-<script setup>
-const props = defineProps({
-  id: { type: String, required: false },
-  name: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const modelValue = defineModel({ type: String, ...{ default: "" } });
-const appConfig = useAppConfig();
-const editor = createEditor({
-  extension: defineLightExtension(),
-  defaultContent: await markdownToDoc(modelValue.value)
-});
-const editorRef = useTemplateRef("editorRef");
-const { id: _id, disabled, emitFormChange, emitFormInput, ariaAttrs } = useFormField(props);
-const id = _id.value ?? useId();
-useDocChange(async () => {
-  modelValue.value = await docToMarkdown(editor.getDocJSON());
-  emitFormChange();
-  emitFormInput();
-}, { editor });
-watchPostEffect((onCleanup) => {
-  editor.mount(editorRef.value);
-  onCleanup(() => editor.unmount());
-});
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.editorContentLight || {} })({
-  disabled: disabled.value
-}));
-</script>
-
-<style scoped>
-::v-deep(.editor-content-light){line-height:calc(var(--spacing)*7)}::v-deep(.editor-content-light) [data-placeholder]:before{color:var(--ui-text-dimmed);content:attr(data-placeholder);height:0;pointer-events:none;position:absolute}::v-deep(.editor-content-light) blockquote{border-left:4px solid var(--ui-border-accented);margin-block:calc(var(--spacing)*4);padding-inline-start:calc(var(--spacing)*4)}::v-deep(.editor-content-light) [data-node-view-root=true],::v-deep(.editor-content-light)>p{margin-block:calc(var(--spacing)*5)}::v-deep(.editor-content-light) pre{background-color:var(--ui-bg-muted);border:1px solid var(--ui-border-muted);border-radius:calc(var(--ui-radius)*1.5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:calc(var(--spacing)*6);overflow-x:auto;padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4)}::v-deep(.editor-content-light) p>code{background-color:var(--ui-bg-muted);border:1px solid var(--ui-border-muted);border-radius:calc(var(--ui-radius)*1.5);font-family:var(--font-mono);font-size:var(--text-sm);padding-inline:var(--spacing)}::v-deep(.editor-content-light) a{color:var(--ui-primary);cursor:pointer;text-decoration:underline;-webkit-user-select:all;-moz-user-select:all;user-select:all}
-</style>

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

@@ -1,23 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/editor-content-light';
-import 'prosekit/basic/style.css';
-type EditorContentLight = ComponentConfig<typeof theme, AppConfig, 'editorContentLight'>;
-export interface EditorContentLightProps {
-    id?: string;
-    name?: string;
-    disabled?: boolean;
-    as?: any;
-    class?: any;
-    ui?: EditorContentLight['slots'];
-}
-declare const _default: import("vue").DefineComponent<EditorContentLightProps & {
-    modelValue?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<EditorContentLightProps & {
-    modelValue?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/InputSeo.vue

@@ -1,73 +0,0 @@
-<template>
-  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <UFormField
-      name="seo.title"
-      label="Заголовок"
-      :hint="`${model.title.length}/60`"
-      :ui="{ hint: 'text-xs' }"
-    >
-      <UInput v-model="model.title" placeholder="Введите заголовок..." class="w-full" />
-
-      <template #help>
-        <p class="text-xs mb-2">
-          Рекомендуемая длина: 45-60 символов
-        </p>
-        <UProgress
-          :model-value="title.progress"
-          :color="title.color"
-          size="sm"
-        />
-      </template>
-    </UFormField>
-
-    <UFormField
-      name="seo.description"
-      label="Описание"
-      :hint="`${model.description.length}/160`"
-      :ui="{ hint: 'text-xs' }"
-    >
-      <UTextarea
-        v-model="model.description"
-        placeholder="Введите описание..."
-        class="w-full"
-        autoresize
-      />
-
-      <template #help>
-        <p class="text-xs mb-2">
-          Рекомендуемая длина: 130-160 символов
-        </p>
-        <UProgress
-          :model-value="description.progress"
-          :color="description.color"
-          size="sm"
-        />
-      </template>
-    </UFormField>
-  </Primitive>
-</template>
-
-<script>
-import theme from "#build/cms/input-seo";
-import { computed, useAppConfig } from "#imports";
-import { Primitive } from "reka-ui";
-import { useSeoStats } from "../composables/useSeoStats";
-import { tv } from "../tv";
-</script>
-
-<script setup>
-const props = defineProps({
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const model = defineModel({ type: Object, ...{
-  default: () => ({
-    title: "",
-    description: ""
-  })
-} });
-const appConfig = useAppConfig();
-const { title, description } = useSeoStats(model);
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.inputSeo || {} })());
-</script>

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

@@ -1,19 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig, SEO } from '../types';
-import theme from '#build/cms/input-seo';
-type InputSeo = ComponentConfig<typeof theme, AppConfig, 'inputSeo'>;
-export interface InputSeoProps {
-    as?: any;
-    class?: any;
-    ui?: InputSeo['slots'];
-}
-declare const _default: import("vue").DefineComponent<InputSeoProps & {
-    modelValue?: SEO;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: SEO) => any;
-}, string, import("vue").PublicProps, Readonly<InputSeoProps & {
-    modelValue?: SEO;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: SEO) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/InputSlug.vue

@@ -1,70 +0,0 @@
-<template>
-  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <UFormField
-      :label="label"
-      :name="titleKey"
-    >
-      <UInput
-        v-model="title"
-        v-bind="inputProps"
-        class="w-full"
-      />
-    </UFormField>
-    <UFormField :name="slugKey" class="-mt-3" eager-validation>
-      <UInput
-        v-model="slug"
-        class="w-full"
-        size="xs"
-        variant="none"
-        :placeholder="isRegenerate ? '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A' : '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u043B\u0430\u0433'"
-        :disabled="isRegenerate"
-        :ui="{
-  base: 'text-muted'
-}"
-      >
-        <template #leading>
-          <UButton
-            size="xs"
-            variant="link"
-            :icon="appConfig.ui.icons.link"
-            class="p-0"
-            :color="isRegenerate ? 'success' : 'neutral'"
-            @click="isRegenerate = !isRegenerate"
-          />
-        </template>
-      </UInput>
-    </UFormField>
-  </Primitive>
-</template>
-
-<script>
-import theme from "#build/cms/input-slug";
-import { computed, ref, useAppConfig, watch } from "#imports";
-import { Primitive } from "reka-ui";
-import { tv } from "../tv";
-import { slugify } from "../utils/slugify";
-</script>
-
-<script setup>
-const props = defineProps({
-  regenerate: { type: Boolean, required: false },
-  label: { type: String, required: false },
-  titleKey: { type: String, required: false },
-  slugKey: { type: String, required: false },
-  inputProps: { type: Object, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const title = defineModel("title", { type: String });
-const slug = defineModel("slug", { type: String });
-const appConfig = useAppConfig();
-const isRegenerate = ref(props.regenerate);
-watch(title, () => {
-  if (!isRegenerate.value) {
-    return;
-  }
-  slug.value = slugify(title.value);
-});
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.inputSlug || {} })());
-</script>

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

@@ -1,29 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { InputProps } from '@nuxt/ui';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/input-slug';
-type InputSlug = ComponentConfig<typeof theme, AppConfig, 'inputSlug'>;
-export interface InputSlugProps {
-    regenerate?: boolean;
-    label?: string;
-    titleKey?: string;
-    slugKey?: string;
-    inputProps?: Omit<InputProps, 'modelModifiers'>;
-    as?: any;
-    class?: any;
-    ui?: InputSlug['slots'];
-}
-declare const _default: import("vue").DefineComponent<InputSlugProps & {
-    title?: string;
-    slug?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:title": (value: string | undefined) => any;
-    "update:slug": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<InputSlugProps & {
-    title?: string;
-    slug?: string;
-}> & Readonly<{
-    "onUpdate:title"?: ((value: string | undefined) => any) | undefined;
-    "onUpdate:slug"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/InputUploraImage.vue

@@ -1,156 +0,0 @@
-<template>
-  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <template v-if="modelValue.image">
-      <UploraImage
-        :image="modelValue.image"
-        :alt="modelValue.alt"
-        :lqip="modelValue.lqip"
-        :class="ui.image({ class: [props.ui?.image] })"
-      />
-
-      <div :class="ui.imageActions({ class: [props.ui?.imageActions] })">
-        <UBadge
-          v-if="!modelValue.alt"
-          label="Alt"
-          color="error"
-          :icon="appConfig.ui.icons.warning"
-        />
-
-        <ButtonDelete
-          :icon="appConfig.ui.icons.trash"
-          color="neutral"
-          size="sm"
-          @confirm="deleteExecute(modelValue.image)"
-        />
-
-        <UPopover
-          :ui="{ content: 'p-2' }"
-          :content="{ align: 'end', side: 'bottom', sideOffset: 8 }"
-          @update:open="syncState"
-        >
-          <UButton :icon="appConfig.ui.icons.ellipsisVertical" color="neutral" size="sm" />
-
-          <template #content>
-            <UFormField label="Описание изображения">
-              <UTextarea
-                v-model="state.alt"
-                placeholder="Введите описание..."
-                autoresize
-              />
-            </UFormField>
-          </template>
-        </UPopover>
-      </div>
-    </template>
-    <div v-else :id="id" :class="ui.uploader({ class: [props.ui?.uploader] })">
-      <template v-if="uploadStatus === 'pending'">
-        <UIcon :name="appConfig.ui.icons.loading" :class="ui.uploaderPendingIcon({ class: [props.ui?.uploaderPendingIcon] })" />
-      </template>
-      <template v-else-if="uploadStatus === 'idle'">
-        <button
-          type="button"
-          :class="ui.uploaderIdleButton({ class: [props.ui?.uploaderIdleButton] })"
-          :disabled="disabled"
-          v-bind="ariaAttrs"
-          @click="open"
-        >
-          <UIcon :name="appConfig.ui.icons.imageUp" :class="ui.uploaderIdleIcon({ class: [props.ui?.uploaderIdleIcon] })" />
-          <p :class="ui.uploaderIdleText({ class: [props.ui?.uploaderIdleText] })">
-            Нажмите, чтобы загрузить изображение
-          </p>
-          <p v-if="props.showExtensions" :class="ui.uploaderIdleExtensions({ class: [props.ui?.uploaderIdleExtensions] })">
-            {{ imagesExtensions.join(", ") }}
-          </p>
-        </button>
-      </template>
-      <template v-else-if="uploadStatus === 'error'">
-        <p :class="ui.uploaderErrorText({ class: [props.ui?.uploaderErrorText] })">
-          Произошла ошибка при загрузке изображения
-        </p>
-        <div :class="ui.uploaderErrorActions({ class: [props.ui?.uploaderErrorActions] })">
-          <UButton
-            label="Отменить"
-            variant="ghost"
-            color="neutral"
-            @click="resetUpload"
-          />
-          <UButton
-            label="Повторить"
-            variant="soft"
-            color="neutral"
-            @click="uploadExecute"
-          />
-        </div>
-      </template>
-    </div>
-  </Primitive>
-</template>
-
-<script>
-import theme from "#build/cms/input-uplora-image";
-import { computed, reactive, useAppConfig, useFormField, useId } from "#imports";
-import { imagesExtensions } from "@uplora/formats";
-import { Primitive } from "reka-ui";
-import { useUploraDelete, useUploraUpload } from "../composables/useUplora";
-import { tv } from "../tv";
-import ButtonDelete from "./ButtonDelete.vue";
-import UploraImage from "./UploraImage.vue";
-</script>
-
-<script setup>
-const props = defineProps({
-  showExtensions: { type: Boolean, required: false, default: true },
-  id: { type: String, required: false },
-  name: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const emit = defineEmits(["upload", "delete"]);
-const modelValue = defineModel({ type: Object, ...{
-  default: () => ({
-    image: "",
-    alt: ""
-  })
-} });
-const appConfig = useAppConfig();
-const state = reactive({
-  alt: modelValue.value.alt
-});
-const { id: _id, disabled, emitFormChange, emitFormInput, ariaAttrs } = useFormField(props);
-const id = _id.value ?? useId();
-const { open, execute: uploadExecute, status: uploadStatus, reset: resetUpload, onUploaded } = useUploraUpload({
-  accept: "image/*"
-});
-const { execute: deleteExecute, onDeleted } = useUploraDelete();
-onUploaded((file) => {
-  modelValue.value = {
-    ...modelValue.value,
-    image: file.id,
-    lqip: file.lqip
-  };
-  emit("upload", modelValue.value);
-  emitFormChange();
-  emitFormInput();
-});
-onDeleted(() => {
-  resetUpload();
-  modelValue.value = {
-    image: "",
-    alt: ""
-  };
-  emit("delete");
-  emitFormChange();
-  emitFormInput();
-});
-function syncState() {
-  modelValue.value = {
-    ...modelValue.value,
-    alt: state.alt
-  };
-}
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.inputUploraImage || {} })({
-  disabled: disabled.value
-}));
-</script>

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

@@ -1,38 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/input-uplora-image';
-type InputUploraImage = ComponentConfig<typeof theme, AppConfig, 'inputUploraImage'>;
-export interface InputUploraImageProps {
-    showExtensions?: boolean;
-    id?: string;
-    name?: string;
-    disabled?: boolean;
-    as?: any;
-    class?: any;
-    ui?: InputUploraImage['slots'];
-}
-export interface InputUploraImageEmits {
-    upload: [InputUploraImageModelValue];
-    delete: [];
-}
-export interface InputUploraImageModelValue {
-    image: string;
-    alt: string;
-    lqip?: string;
-}
-declare const _default: import("vue").DefineComponent<InputUploraImageProps & {
-    modelValue?: InputUploraImageModelValue;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: InputUploraImageModelValue) => any;
-    delete: () => any;
-    upload: (args_0: InputUploraImageModelValue) => any;
-}, string, import("vue").PublicProps, Readonly<InputUploraImageProps & {
-    modelValue?: InputUploraImageModelValue;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: InputUploraImageModelValue) => any) | undefined;
-    onDelete?: (() => any) | undefined;
-    onUpload?: ((args_0: InputUploraImageModelValue) => any) | undefined;
-}>, {
-    showExtensions: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/TableCellPreview.vue

@@ -1,41 +0,0 @@
-<template>
-  <ULink :to="to" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <UploraImage
-      v-if="thumbnail"
-      :image="thumbnail.image"
-      :alt="title"
-      :lqip="thumbnail.lqip"
-      :sizes="[{ width: 30, height: 30, descriptor: '1x' }]"
-      :ui="{ picture: 'aspect-square' }"
-      :class="ui.image({ class: props.ui?.image })"
-    />
-    <div :class="ui.container({ class: props.ui?.container })">
-      <p :class="ui.title({ class: props.ui?.title })">
-        {{ title }}
-      </p>
-      <p v-if="description" :class="ui.description({ class: props.ui?.description })">
-        {{ description }}
-      </p>
-    </div>
-  </ULink>
-</template>
-
-<script>
-import theme from "#build/cms/table-cell-preview";
-import { computed, useAppConfig } from "#imports";
-import { tv } from "../tv";
-import UploraImage from "./UploraImage.vue";
-</script>
-
-<script setup>
-const props = defineProps({
-  title: { type: String, required: true },
-  description: { type: String, required: false },
-  thumbnail: { type: Object, required: false },
-  to: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.tableCellPreview || {} })());
-</script>

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

@@ -1,18 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { RouteLocationRaw } from 'vue-router';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/table-cell-preview';
-type TableCellPreview = ComponentConfig<typeof theme, AppConfig, 'tableCellPreview'>;
-export interface TableCellPreviewProps {
-    title: string;
-    description?: string;
-    thumbnail?: {
-        image: string;
-        lqip?: string;
-    };
-    to?: RouteLocationRaw;
-    class?: any;
-    ui?: TableCellPreview['slots'];
-}
-declare const _default: import("vue").DefineComponent<TableCellPreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableCellPreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/TableCellSeo.vue

@@ -1,34 +0,0 @@
-<template>
-  <Primitive :as="as" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <UBadge
-      :label="title.progress"
-      :color="title.color"
-      variant="subtle"
-    />
-    <UBadge
-      :label="description.progress"
-      :color="description.color"
-      variant="subtle"
-    />
-  </Primitive>
-</template>
-
-<script>
-import theme from "#build/cms/table-cell-seo";
-import { computed, useAppConfig } from "#imports";
-import { Primitive } from "reka-ui";
-import { useSeoStats } from "../composables/useSeoStats";
-import { tv } from "../tv";
-</script>
-
-<script setup>
-const props = defineProps({
-  seo: { type: Object, required: true },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const appConfig = useAppConfig();
-const { title, description } = useSeoStats(props.seo);
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.tableCellSeo || {} })());
-</script>

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

@@ -1,13 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../types';
-import type { SEO } from '../types/seo';
-import theme from '#build/cms/table-cell-seo';
-type TableCellSeo = ComponentConfig<typeof theme, AppConfig, 'tableCellSeo'>;
-export interface TableCellSeoProps {
-    seo: SEO;
-    as?: any;
-    class?: any;
-    ui?: TableCellSeo['slots'];
-}
-declare const _default: import("vue").DefineComponent<TableCellSeoProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableCellSeoProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/TableCellUser.vue

@@ -1,40 +0,0 @@
-<template>
-  <ULink :to="to" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <UAvatar
-      v-bind="avatar"
-      size="sm"
-      :class="ui.avatar({ class: props.ui?.avatar })"
-    />
-    <div :class="ui.container({ class: props.ui?.container })">
-      <p :class="ui.name({ class: props.ui?.name })">
-        {{ name }}
-      </p>
-      <p v-if="description" :class="ui.description({ class: props.ui?.description })">
-        {{ description }}
-      </p>
-    </div>
-  </ULink>
-</template>
-
-<script>
-import theme from "#build/cms/table-cell-user";
-import { computed, useAppConfig } from "#imports";
-import { tv } from "../tv";
-import { createAvatarByName } from "../utils/avatar";
-</script>
-
-<script setup>
-const props = defineProps({
-  name: { type: String, required: true },
-  description: { type: String, required: false },
-  avatar: { type: Object, required: false },
-  to: { type: null, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
-});
-const appConfig = useAppConfig();
-const avatar = computed(() => props.avatar ?? {
-  src: createAvatarByName(props.name)
-});
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.tableCellUser || {} })());
-</script>

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

@@ -1,18 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { AvatarProps } from '@nuxt/ui';
-import type { RouteLocationRaw } from 'vue-router';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/table-cell-user';
-type TableCellUser = ComponentConfig<typeof theme, AppConfig, 'tableCellUser'>;
-export interface TableCellUserProps {
-    name: string;
-    description?: string;
-    avatar?: Omit<AvatarProps, 'size'> & {
-        [key: string]: any;
-    };
-    to?: RouteLocationRaw;
-    class?: any;
-    ui?: TableCellUser['slots'];
-}
-declare const _default: import("vue").DefineComponent<TableCellUserProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableCellUserProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

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

@@ -1,20 +0,0 @@
-import type { AppConfig } from '@nuxt/schema';
-import type { SortingState, Table } from '@tanstack/vue-table';
-import type { ComponentConfig } from '../types';
-import theme from '#build/cms/table-panel-column-sorting';
-type TablePanelColumnSorting = ComponentConfig<typeof theme, AppConfig, 'tablePanelColumnSorting'>;
-export interface TablePanelColumnSortingProps {
-    table?: Table<any>;
-    class?: any;
-    ui?: TablePanelColumnSorting['slots'];
-}
-declare const _default: import("vue").DefineComponent<TablePanelColumnSortingProps & {
-    modelValue?: SortingState;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: SortingState) => any;
-}, string, import("vue").PublicProps, Readonly<TablePanelColumnSortingProps & {
-    modelValue?: SortingState;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: SortingState) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;