@xleddyl/nuxt-cms 0.2.0 → 0.2.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@xleddyl/nuxt-cms",
   "configKey": "cms",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -380,7 +380,7 @@ function validateConfig(config, i18n) {
             errors.push(`${fat}: relation target '${field.to}' must be a collection`);
           if (!entry.table && target.table)
             errors.push(
-              `${fat}: relation target '${field.to}' uses a custom table \u2014 derived relations can only target derived entries`
+              `${fat}: relation target '${field.to}' uses a custom table: derived relations can only target derived entries`
             );
         }
         if (field.cardinality && !["many-to-one", "one-to-one", "many-to-many"].includes(field.cardinality)) {
@@ -835,7 +835,12 @@ ${lines.join(
 function pageTypesTs(name, entry) {
   const auto = `${typeName(name)}Auto`;
   const lines = pageRoutes(entry).map((route) => {
-    const keys = ["id", "path", "updatedAt", ...Object.keys(pageFields(entry, route.path))];
+    const keys = [
+      "id",
+      "path",
+      "updatedAt",
+      ...Object.entries(pageFields(entry, route.path)).filter(([, field]) => !isPrivateField(field)).map(([key]) => key)
+    ];
     return `  ${JSON.stringify(route.path)}: Pick<${auto}, ${quotedKeys(keys)}>`;
   });
   return [
@@ -1027,7 +1032,7 @@ async function loadCmsConfig(nuxt, resolver, configPathOption, i18n, logger) {
     cmsConfig = expandMobileMedia(await jiti.import(configPath, { default: true }));
   } else {
     logger.warn(
-      `[nuxt-cms] Config file not found: ${configPath}. Using an empty registry \u2014 create a ${configPathOption}.ts with defineCmsConfig().`
+      `[nuxt-cms] Config file not found: ${configPath}. Using an empty registry. Create a ${configPathOption}.ts with defineCmsConfig().`
     );
     nuxt.options.alias["#cms-config"] = resolver.resolve("./runtime/shared/empty-config");
   }
@@ -1288,7 +1293,13 @@ const module$1 = defineNuxtModule({
         `  dialect: '${dialect}',`,
         `  schema: '${toPosix(schemaTemplate.dst)}',`,
         `  out: '${toPosix(relativeMigrationsDir)}',`,
-        driver === "postgres" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? '${databaseUrl}' },` : driver === "libsql" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? '${databaseUrl || `file:${toPosix(resolvedDbPath)}`}', authToken: (process.env.NUXT_CMS_DATABASE_AUTH_TOKEN ?? '${databaseAuthToken}') || undefined },` : driver === "d1" ? `` : `  dbCredentials: { url: '${toPosix(resolvedDbPath)}' },`,
+        driver === "postgres" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? ${JSON.stringify(
+          databaseUrl
+        )} },` : driver === "libsql" ? `  dbCredentials: { url: process.env.NUXT_CMS_DATABASE_URL ?? ${JSON.stringify(
+          databaseUrl || `file:${toPosix(resolvedDbPath)}`
+        )}, authToken: (process.env.NUXT_CMS_DATABASE_AUTH_TOKEN ?? ${JSON.stringify(
+          databaseAuthToken
+        )}) || undefined },` : driver === "d1" ? `` : `  dbCredentials: { url: ${JSON.stringify(toPosix(resolvedDbPath))} },`,
         `}`,
         ``
       ].join("\n")
@@ -1305,7 +1316,7 @@ const module$1 = defineNuxtModule({
         const migrations = await collectMigrations(migrationsDir);
         if (!migrations && !nuxt.options.dev && Object.keys(cmsConfig).length) {
           logger.warn(
-            `[nuxt-cms] No migrations found at ${migrationsDir}. The CMS tables will not be created \u2014 run the dev server once to generate them and commit ${toPosix(
+            `[nuxt-cms] No migrations found at ${migrationsDir}. The CMS tables will not be created. Run the dev server once to generate them and commit ${toPosix(
               relativeMigrationsDir
             )}.`
           );

package/dist/runtime/app/components/cms/Drawer.vue

@@ -35,6 +35,7 @@
 
 <script setup>
 import { onBeforeUnmount, watch } from "#imports";
+import { useCmsOverlay } from "../../composables/cms-overlay";
 defineProps({
   title: { type: String, required: false }
 });
@@ -43,23 +44,18 @@ const emit = defineEmits(["close"]);
 function close() {
   emit("close");
 }
-function onKeydown(event) {
-  if (event.key === "Escape") close();
-}
+const overlay = useCmsOverlay(close);
 watch(open, (value) => {
   if (import.meta.server) return;
   if (value) {
-    document.addEventListener("keydown", onKeydown);
+    overlay.activate();
     document.body.style.overflow = "hidden";
   } else {
-    document.removeEventListener("keydown", onKeydown);
+    overlay.deactivate();
     document.body.style.overflow = "";
   }
 });
 onBeforeUnmount(() => {
-  if (import.meta.client) {
-    document.removeEventListener("keydown", onKeydown);
-    document.body.style.overflow = "";
-  }
+  if (import.meta.client) document.body.style.overflow = "";
 });
 </script>

package/dist/runtime/app/components/cms/EntryDrawer.vue

@@ -121,16 +121,23 @@ function revertStatus() {
   if (!drafts.value) return;
   formState.value.status = JSON.parse(snapshot.value).status ?? null;
 }
+let loadRequest = 0;
 async function load() {
-  if (props.entryId === null) {
+  const request = ++loadRequest;
+  const id = props.entryId;
+  if (id === null) {
+    loading.value = false;
     setState(emptyState());
     return;
   }
+  const isStale = () => request !== loadRequest || props.entryId !== id || !open.value;
   loading.value = true;
   try {
-    const entry = await cmsApi(`${endpoint.value}/${props.entryId}`);
+    const entry = await cmsApi(`${endpoint.value}/${id}`);
+    if (isStale()) return;
     setState(pickFields(entry));
   } catch (error) {
+    if (isStale()) return;
     toast.add({
       title: "Could not load entry",
       description: errorMessage(error),
@@ -138,7 +145,7 @@ async function load() {
     });
     open.value = false;
   } finally {
-    loading.value = false;
+    if (request === loadRequest) loading.value = false;
   }
 }
 watch(
@@ -165,6 +172,7 @@ async function save() {
     emit("saved");
     open.value = false;
   } catch (error) {
+    revertStatus();
     toast.add({
       title: "Save failed",
       description: errorMessage(error),

package/dist/runtime/app/components/cms/EntryForm.vue

@@ -125,7 +125,6 @@ watch(tabList, (tabs) => {
   if (!tabs.some((tab) => tab.id === activeTab.value)) activeTab.value = tabs[0]?.id ?? "";
 });
 const settings = useCmsSettingsState();
-const fields = computed(() => props.fields);
 const layout = computed(
   () => props.entryName ? entryFormLayout(props.entryName, settings.value, props.fields) : resolveFormLayout(props.fields, void 0)
 );

package/dist/runtime/app/components/cms/Input.d.vue.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     type?: string;
     size?: 'sm' | 'md' | 'lg';
     icon?: string;
-    color?: 'error';
 };
 type __VLS_ModelProps = {
     modelValue?: string | number | null;

package/dist/runtime/app/components/cms/Input.vue

@@ -1,5 +1,9 @@
 <template>
-   <div class="cms-input-wrap" :class="[$attrs.class, { 'has-lead': icon }]">
+   <div
+      class="cms-input-wrap"
+      :class="[$attrs.class, { 'has-lead': icon }]"
+      :style="$attrs.style"
+   >
       <span v-if="icon" class="cms-input-lead">
          <CmsIcon :name="icon" class="size-4" />
       </span>
@@ -7,7 +11,7 @@
          v-bind="inputAttrs"
          :type="type ?? 'text'"
          :value="model ?? ''"
-         :class="['cms-field', `cms-field-${size ?? 'md'}`, { 'is-error': color === 'error' }]"
+         :class="['cms-field', `cms-field-${size ?? 'md'}`]"
          @input="onInput"
       />
       <span v-if="$slots.trailing" class="cms-input-trail">
@@ -22,8 +26,7 @@ defineOptions({ inheritAttrs: false });
 defineProps({
   type: { type: String, required: false },
   size: { type: String, required: false },
-  icon: { type: String, required: false },
-  color: { type: String, required: false }
+  icon: { type: String, required: false }
 });
 const [model, modifiers] = defineModel({ type: [String, Number, null] });
 const attrs = useAttrs();

package/dist/runtime/app/components/cms/Input.vue.d.ts

@@ -2,7 +2,6 @@ type __VLS_Props = {
     type?: string;
     size?: 'sm' | 'md' | 'lg';
     icon?: string;
-    color?: 'error';
 };
 type __VLS_ModelProps = {
     modelValue?: string | number | null;

package/dist/runtime/app/components/cms/LocaleSwitch.vue

@@ -6,7 +6,7 @@
          type="button"
          role="tab"
          :aria-selected="model === locale"
-         :title="filled(locale) ? locale : `${locale} \u2014 empty`"
+         :title="filled(locale) ? locale : `${locale}: empty`"
          class="cms-locale-option"
          :class="{ 'is-active': model === locale, 'is-empty': !filled(locale) }"
          @click="model = locale"

package/dist/runtime/app/components/cms/MediaFolderPicker.d.vue.ts

@@ -1,7 +1,6 @@
 type __VLS_Props = {
     folders: string[];
     exclude?: string | null;
-    disabled?: (string | null)[];
 };
 type __VLS_ModelProps = {
     modelValue?: string | null;

package/dist/runtime/app/components/cms/MediaFolderPicker.vue

@@ -50,8 +50,7 @@ import { computed, ref } from "#imports";
 import { isWithinMediaFolder, mediaFolderDepth, mediaFolderName } from "#nuxt-cms";
 const props = defineProps({
   folders: { type: Array, required: true },
-  exclude: { type: [String, null], required: false },
-  disabled: { type: Array, required: false }
+  exclude: { type: [String, null], required: false }
 });
 const model = defineModel({ type: [String, null], ...{ default: null } });
 const query = ref("");
@@ -60,7 +59,6 @@ const visible = computed(() => {
   return term ? props.folders.filter((folder) => folder.includes(term)) : props.folders;
 });
 function isDisabled(folder) {
-  if (props.disabled?.includes(folder)) return true;
   return !!props.exclude && !!folder && isWithinMediaFolder(folder, props.exclude);
 }
 </script>

package/dist/runtime/app/components/cms/MediaFolderPicker.vue.d.ts

@@ -1,7 +1,6 @@
 type __VLS_Props = {
     folders: string[];
     exclude?: string | null;
-    disabled?: (string | null)[];
 };
 type __VLS_ModelProps = {
     modelValue?: string | null;

package/dist/runtime/app/components/cms/Modal.vue

@@ -27,7 +27,8 @@
 </template>
 
 <script setup>
-import { onBeforeUnmount, watch } from "#imports";
+import { watch } from "#imports";
+import { useCmsOverlay } from "../../composables/cms-overlay";
 defineProps({
   title: { type: String, required: false },
   size: { type: String, required: false }
@@ -37,19 +38,14 @@ const emit = defineEmits(["after:leave"]);
 function close() {
   open.value = false;
 }
-function onKeydown(event) {
-  if (event.key === "Escape") close();
-}
+const overlay = useCmsOverlay(close);
 watch(open, (value, previous) => {
   if (import.meta.server) return;
   if (value) {
-    document.addEventListener("keydown", onKeydown);
+    overlay.activate();
   } else {
-    document.removeEventListener("keydown", onKeydown);
+    overlay.deactivate();
     if (previous) emit("after:leave");
   }
 });
-onBeforeUnmount(() => {
-  if (import.meta.client) document.removeEventListener("keydown", onKeydown);
-});
 </script>

package/dist/runtime/app/components/cms/PasswordInput.vue

@@ -67,11 +67,15 @@ function regenerate() {
 }
 async function copyPassword() {
   if (!model.value) return;
-  await navigator.clipboard.writeText(model.value);
-  copied.value = true;
-  clearTimeout(copiedTimer);
-  copiedTimer = setTimeout(() => {
+  try {
+    await navigator.clipboard.writeText(model.value);
+    copied.value = true;
+    clearTimeout(copiedTimer);
+    copiedTimer = setTimeout(() => {
+      copied.value = false;
+    }, 1600);
+  } catch {
     copied.value = false;
-  }, 1600);
+  }
 }
 </script>

package/dist/runtime/app/components/cms/RelationField.vue

@@ -22,7 +22,7 @@
 
 <script setup>
 import { isTranslatableField } from "#nuxt-cms";
-import { computed, onMounted, ref, watch } from "#imports";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "#imports";
 import cmsConfig from "#cms-config";
 import { useCmsRuntime } from "../../composables/cms-runtime";
 import { useCmsToast } from "../../composables/cms-toast";
@@ -40,22 +40,26 @@ const fetched = ref([]);
 const selectedRows = ref(/* @__PURE__ */ new Map());
 const loading = ref(true);
 const searchTerm = ref("");
+let fetchRequest = 0;
 async function fetchOptions() {
+  const request = ++fetchRequest;
   loading.value = true;
   try {
     const term = searchTerm.value.trim();
     const page = await $fetch(endpoint, {
       query: { light: "true", limit: 25, ...term ? { search: term } : {} }
     });
+    if (request !== fetchRequest) return;
     fetched.value = page.items;
   } catch (err) {
+    if (request !== fetchRequest) return;
     toast.add({
       title: "Loading failed",
       description: errorMessage(err),
       color: "error"
     });
   } finally {
-    loading.value = false;
+    if (request === fetchRequest) loading.value = false;
   }
 }
 let searchTimer;
@@ -63,6 +67,7 @@ watch(searchTerm, () => {
   clearTimeout(searchTimer);
   searchTimer = setTimeout(() => void fetchOptions(), 300);
 });
+onBeforeUnmount(() => clearTimeout(searchTimer));
 const selectedIds = computed(() => {
   if (props.multiple) return model.value ?? [];
   return model.value ? [model.value] : [];

package/dist/runtime/app/components/cms/SelectMenu.d.vue.ts

@@ -7,7 +7,6 @@ type __VLS_Props = {
     multiple?: boolean;
     ignoreFilter?: boolean;
     loading?: boolean;
-    size?: string;
     placeholder?: string;
 };
 type __VLS_ModelProps = {

package/dist/runtime/app/components/cms/SelectMenu.vue

@@ -1,10 +1,6 @@
 <template>
    <div ref="root" class="relative w-full">
-      <div
-         class="cms-field flex flex-wrap items-center gap-1"
-         :class="`cms-field-${size ?? 'md'}`"
-         @click="focusInput"
-      >
+      <div class="cms-field cms-field-md flex flex-wrap items-center gap-1" @click="focusInput">
          <template v-if="multiple">
             <span v-for="value in modelArray" :key="value" class="cms-tag">
                {{ labelFor(value) }}
@@ -70,7 +66,6 @@ const props = defineProps({
   multiple: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  size: { type: String, required: false },
   placeholder: { type: String, required: false }
 });
 const model = defineModel({ type: [String, Array, null] });

package/dist/runtime/app/components/cms/SelectMenu.vue.d.ts

@@ -7,7 +7,6 @@ type __VLS_Props = {
     multiple?: boolean;
     ignoreFilter?: boolean;
     loading?: boolean;
-    size?: string;
     placeholder?: string;
 };
 type __VLS_ModelProps = {

package/dist/runtime/app/components/cms/SettingsEntry.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script setup>
-import { computed, ref, watch } from "#imports";
+import { computed, ref } from "#imports";
 import cmsConfig from "#cms-config";
 import {
   entryFields,
@@ -89,13 +89,6 @@ const parts = computed(() => [
   { id: "layout", label: "Form layout" }
 ]);
 const activePart = ref(parts.value[0].id);
-watch(
-  () => props.name,
-  () => {
-    activePart.value = parts.value[0].id;
-    status.value = "idle";
-  }
-);
 const columns = computed(() => entryListColumns(props.name, settings.value));
 const layout = computed(() => entryFormLayout(props.name, settings.value, fields.value));
 const isCustom = computed(() => {

package/dist/runtime/app/components/cms/SettingsModal.vue

@@ -132,10 +132,11 @@
 </template>
 
 <script setup>
-import { computed, onBeforeUnmount, ref, watch } from "#imports";
+import { computed, ref, watch } from "#imports";
 import cmsConfig from "#cms-config";
 import { CMS_THEMES, setCmsTheme } from "../../composables/cms-theme";
 import { useCmsAccount } from "../../composables/cms-account";
+import { useCmsOverlay } from "../../composables/cms-overlay";
 const { isSuperAdmin } = useCmsAccount();
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
 const theme = defineModel("theme", { type: String, ...{ required: true } });
@@ -165,15 +166,9 @@ function previewHalves(value) {
 function close() {
   open.value = false;
 }
-function onKeydown(event) {
-  if (event.key === "Escape") close();
-}
+const overlay = useCmsOverlay(close);
 watch(open, (value) => {
-  if (import.meta.server) return;
-  if (value) document.addEventListener("keydown", onKeydown);
-  else document.removeEventListener("keydown", onKeydown);
-});
-onBeforeUnmount(() => {
-  if (import.meta.client) document.removeEventListener("keydown", onKeydown);
+  if (value) overlay.activate();
+  else overlay.deactivate();
 });
 </script>

package/dist/runtime/app/components/cms/SettingsUsers.vue

@@ -224,11 +224,15 @@ async function create() {
 }
 async function copyCredentials() {
   if (!created.value) return;
-  await navigator.clipboard.writeText(
-    `Email: ${created.value.email}
+  try {
+    await navigator.clipboard.writeText(
+      `Email: ${created.value.email}
 Password: ${created.value.password}`
-  );
-  copied.value = true;
+    );
+    copied.value = true;
+  } catch {
+    copied.value = false;
+  }
 }
 const resetting = ref(null);
 const reset = ref({ password: "" });

package/dist/runtime/app/components/cms/Table.d.vue.ts

@@ -4,7 +4,6 @@ interface Column {
     accessorKey?: string;
     accessorFn?: (row: Row) => unknown;
     header?: string;
-    reorderable?: boolean;
     sortable?: boolean;
 }
 interface TableSort {
@@ -15,11 +14,9 @@ type __VLS_Props = {
     data: Row[];
     columns: Column[];
     selectable?: boolean;
-    rowKey?: string;
 };
 type __VLS_ModelProps = {
     'selected'?: string[];
-    'columnVisibility'?: Record<string, boolean>;
     'sort'?: TableSort | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
@@ -35,17 +32,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     select: (event: Event, row: {
         original: Row;
     }) => any;
-    reorder: (from: string, to: string) => any;
     "update:selected": (value: string[]) => any;
-    "update:columnVisibility": (value: Record<string, boolean>) => any;
     "update:sort": (value: TableSort | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((event: Event, row: {
         original: Row;
     }) => any) | undefined;
-    onReorder?: ((from: string, to: string) => any) | undefined;
     "onUpdate:selected"?: ((value: string[]) => any) | undefined;
-    "onUpdate:columnVisibility"?: ((value: Record<string, boolean>) => any) | undefined;
     "onUpdate:sort"?: ((value: TableSort | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/app/components/cms/Table.vue

@@ -13,22 +13,14 @@
                      />
                   </th>
                   <th
-                     v-for="column in visibleColumns"
+                     v-for="column in columns"
                      :key="columnId(column)"
                      :class="{
-  'is-dragging': draggingId === columnId(column),
-  'is-drop-target': dropTargetId === columnId(column),
   'is-sortable': column.sortable,
   'is-sorted': sort?.key === columnId(column)
 }"
-                     :draggable="column.reorderable || void 0"
                      :aria-sort="ariaSort(column)"
                      @click="toggleSort(column)"
-                     @dragstart="onDragStart($event, column)"
-                     @dragover="onDragOver($event, column)"
-                     @dragleave="onDragLeave(column)"
-                     @drop="onDrop($event, column)"
-                     @dragend="resetDrag"
                   >
                      <span class="cms-th-label">
                         {{ column.header }}
@@ -44,7 +36,7 @@
             <tbody>
                <tr
                   v-for="(row, index) in data"
-                  :key="index"
+                  :key="keyOf(row)"
                   class="__clickable"
                   :class="{ 'is-selected': isSelected(row) }"
                   :style="{ '--cms-row-delay': `${Math.min(index, 14) * 24}ms` }"
@@ -57,7 +49,7 @@
                         @toggle="toggleRow(row)"
                      />
                   </td>
-                  <td v-for="column in visibleColumns" :key="columnId(column)">
+                  <td v-for="column in columns" :key="columnId(column)">
                      <slot :name="`${columnId(column)}-cell`" :row="{ original: row }">
                         {{ cellValue(column, row) }}
                      </slot>
@@ -70,16 +62,15 @@
 </template>
 
 <script setup>
-import { computed, ref } from "#imports";
+import { computed } from "#imports";
 const props = defineProps({
   data: { type: Array, required: true },
   columns: { type: Array, required: true },
-  selectable: { type: Boolean, required: false },
-  rowKey: { type: String, required: false }
+  selectable: { type: Boolean, required: false }
 });
 const selected = defineModel("selected", { type: Array, ...{ default: () => [] } });
 function keyOf(row) {
-  return String(row[props.rowKey ?? "id"]);
+  return String(row.id);
 }
 function isSelected(row) {
   return selected.value.includes(keyOf(row));
@@ -95,9 +86,8 @@ const someSelected = computed(() => !allSelected.value && selected.value.length
 function toggleAll() {
   selected.value = allSelected.value ? [] : props.data.map(keyOf);
 }
-const visibility = defineModel("columnVisibility", { type: Object, ...{ default: () => ({}) } });
 const sort = defineModel("sort", { type: [Object, null], ...{ default: null } });
-const emit = defineEmits(["select", "reorder"]);
+const emit = defineEmits(["select"]);
 function columnId(column) {
   return column.id ?? column.accessorKey ?? "";
 }
@@ -117,38 +107,6 @@ function ariaSort(column) {
   if (sort.value?.key !== columnId(column)) return "none";
   return sort.value.order === "asc" ? "ascending" : "descending";
 }
-const draggingId = ref(null);
-const dropTargetId = ref(null);
-function resetDrag() {
-  draggingId.value = null;
-  dropTargetId.value = null;
-}
-function onDragStart(event, column) {
-  if (!column.reorderable) return;
-  draggingId.value = columnId(column);
-  event.dataTransfer?.setData("text/plain", columnId(column));
-  if (event.dataTransfer) event.dataTransfer.effectAllowed = "move";
-}
-function onDragOver(event, column) {
-  if (!draggingId.value || !column.reorderable) return;
-  event.preventDefault();
-  if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
-  dropTargetId.value = columnId(column);
-}
-function onDragLeave(column) {
-  if (dropTargetId.value === columnId(column)) dropTargetId.value = null;
-}
-function onDrop(event, column) {
-  if (!draggingId.value || !column.reorderable) return;
-  event.preventDefault();
-  const from = draggingId.value;
-  const to = columnId(column);
-  resetDrag();
-  if (from !== to) emit("reorder", from, to);
-}
-const visibleColumns = computed(
-  () => props.columns.filter((column) => visibility.value[columnId(column)] !== false)
-);
 function cellValue(column, row) {
   if (column.accessorFn) return column.accessorFn(row);
   if (column.accessorKey) return row[column.accessorKey];

package/dist/runtime/app/components/cms/Table.vue.d.ts

@@ -4,7 +4,6 @@ interface Column {
     accessorKey?: string;
     accessorFn?: (row: Row) => unknown;
     header?: string;
-    reorderable?: boolean;
     sortable?: boolean;
 }
 interface TableSort {
@@ -15,11 +14,9 @@ type __VLS_Props = {
     data: Row[];
     columns: Column[];
     selectable?: boolean;
-    rowKey?: string;
 };
 type __VLS_ModelProps = {
     'selected'?: string[];
-    'columnVisibility'?: Record<string, boolean>;
     'sort'?: TableSort | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
@@ -35,17 +32,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     select: (event: Event, row: {
         original: Row;
     }) => any;
-    reorder: (from: string, to: string) => any;
     "update:selected": (value: string[]) => any;
-    "update:columnVisibility": (value: Record<string, boolean>) => any;
     "update:sort": (value: TableSort | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((event: Event, row: {
         original: Row;
     }) => any) | undefined;
-    onReorder?: ((from: string, to: string) => any) | undefined;
     "onUpdate:selected"?: ((value: string[]) => any) | undefined;
-    "onUpdate:columnVisibility"?: ((value: Record<string, boolean>) => any) | undefined;
     "onUpdate:sort"?: ((value: TableSort | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/app/components/cms/Textarea.d.vue.ts

@@ -1,6 +1,5 @@
 type __VLS_Props = {
     rows?: number;
-    size?: 'sm' | 'md' | 'lg';
     color?: 'error';
 };
 type __VLS_ModelProps = {