@xleddyl/nuxt-cms 0.1.13 → 0.1.15

package/dist/module.json

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

package/dist/module.mjs

@@ -557,7 +557,7 @@ const module$1 = defineNuxtModule({
         `  dialect: '${dialect}',`,
         `  schema: '${toPosix(schemaTemplate.dst)}',`,
         `  out: '${toPosix(migrationsDir)}',`,
-        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 },` : `  dbCredentials: { url: '${toPosix(resolvedDbPath)}' },`,
+        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 },` : `  dbCredentials: { url: '${toPosix(resolvedDbPath)}' },`,
         `}`,
         ``
       ].join("\n")

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

@@ -32,7 +32,7 @@
 import { useCmsConfirmState } from "../../composables/cms-confirm";
 import { CMS_MODAL_UI } from "../../utils/ui";
 const state = useCmsConfirmState();
-const ui = { ...CMS_MODAL_UI, content: "rounded-2xl shadow-xl sm:max-w-md" };
+const ui = { ...CMS_MODAL_UI, content: "rounded-2xl sm:max-w-md" };
 function finish(value) {
   const resolve = state.value.resolve;
   if (!resolve) return;

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

@@ -18,11 +18,11 @@
       class="w-full"
    />
    <CmsSlugField v-else-if="field.type === 'slug'" v-model="strOrNull" :source="slugSource" />
-   <CmsSelect
+   <CmsSelectMenu
       v-else-if="field.type === 'select'"
-      v-model="sel"
-      :items="field.options"
-      :required="field.required"
+      v-model="selValue"
+      :items="selectItems"
+      placeholder="Select…"
       size="lg"
       class="w-full"
    />
@@ -57,11 +57,15 @@
 <script setup>
 import { isTranslatableField } from "#nuxt-cms";
 import { computed } from "#imports";
-defineProps({
+const props = defineProps({
   field: { type: Object, required: true },
   slugSource: { type: [String, null], required: false }
 });
 const model = defineModel({ type: null, ...{ required: true } });
+const selectItems = computed(() => [
+  ...props.field.required ? [] : [{ label: "\u2014", value: null }],
+  ...(props.field.options ?? []).map((option) => ({ label: option, value: option }))
+]);
 function proxy(fromModel, toModel = (v) => v) {
   return computed({
     get: () => fromModel(model.value),
@@ -75,10 +79,7 @@ const str = proxy(
   (v) => v === "" ? null : v
 );
 const strOrNull = proxy((v) => v);
-const sel = proxy(
-  (v) => v ?? void 0,
-  (v) => v ?? null
-);
+const selValue = proxy((v) => v ?? null);
 const num = proxy(
   (v) => v ?? void 0,
   (v) => typeof v === "number" && !Number.isNaN(v) ? v : null

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

@@ -1,10 +1,10 @@
 <template>
    <div class="flex flex-col gap-1.5">
-      <label v-if="label" :class="ui?.label ?? 'text-[13px] font-medium text-(--ui-text-toned)'">
+      <label v-if="label" :class="ui?.label ?? 'text-sm font-medium text-(--ui-text-toned)'">
          {{ label }}<span v-if="required" class="text-(--ui-error)"> *</span>
       </label>
       <slot />
-      <p v-if="error" class="text-xs text-(--ui-error)">{{ error }}</p>
+      <p v-if="error" class="text-sm text-(--ui-error)">{{ error }}</p>
    </div>
 </template>
 

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

@@ -1,5 +1,5 @@
 <template>
-   <component :is="icon" v-if="icon" />
+   <component :is="icon" v-if="icon" class="size-5 stroke-[1.5]" />
 </template>
 
 <script setup>

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

@@ -9,7 +9,7 @@
          @blur="commit"
          @update:model-value="invalid = false"
       />
-      <p v-if="invalid" class="text-xs text-(--ui-error)">Invalid JSON</p>
+      <p v-if="invalid" class="text-sm text-(--ui-error)">Invalid JSON</p>
    </div>
 </template>
 

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

@@ -16,7 +16,7 @@
       />
       <div class="flex items-center gap-2.5 px-4 py-3">
          <CmsIcon :name="icon" class="size-4 shrink-0 text-(--ui-text-dimmed)" />
-         <span class="min-w-0 flex-1 truncate text-[13px] font-medium" :title="model">{{
+         <span class="min-w-0 flex-1 truncate text-sm font-medium" :title="model">{{
             mediaFilename(model)
          }}</span>
          <CmsButton
@@ -42,7 +42,7 @@
 
    <button v-else type="button" class="cms-dropzone is-dense" @click="openGallery">
       <CmsIcon name="photo" class="size-5 shrink-0" />
-      <span class="text-[13px] font-medium">Choose from the gallery</span>
+      <span class="text-sm font-medium">Choose from the gallery</span>
    </button>
 
    <CmsModal v-model:open="galleryOpen" title="Media" :ui="CMS_MODAL_UI">

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

@@ -59,7 +59,7 @@
             :type="selectable ? 'button' : void 0"
             class="cms-card group overflow-hidden text-left"
             :class="{
-  'hover:border-(--cms-fern) hover:shadow-md': selectable
+  'hover:border-(--cms-line-strong)': selectable
 }"
             @click="selectable && emit('select', { key: item.key, url: item.url })"
          >
@@ -93,7 +93,7 @@
                      size="xs"
                      color="neutral"
                      variant="solid"
-                     class="rounded-full shadow-sm"
+                     class="rounded-full"
                      aria-label="Edit details"
                      @click="openEdit(item)"
                   />
@@ -102,7 +102,7 @@
                      size="xs"
                      color="neutral"
                      variant="solid"
-                     class="rounded-full shadow-sm"
+                     class="rounded-full"
                      aria-label="Copy URL"
                      @click="copy(item)"
                   />
@@ -111,14 +111,14 @@
                      size="xs"
                      color="error"
                      variant="solid"
-                     class="rounded-full shadow-sm"
+                     class="rounded-full"
                      aria-label="Delete"
                      @click="remove(item)"
                   />
                </div>
             </div>
             <div class="flex flex-col gap-1 px-3.5 py-2.5">
-               <div class="truncate text-[13px] font-medium" :title="item.key">
+               <div class="truncate text-sm font-medium" :title="item.key">
                   {{ mediaFilename(item.key) }}
                </div>
                <div class="cms-kicker">

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

@@ -23,7 +23,7 @@
          class="size-5 shrink-0"
          :class="{ 'animate-spin': uploading }"
       />
-      <span class="text-[13px] font-medium">
+      <span class="text-sm font-medium">
          {{
             uploading ? `Uploading ${Math.min(done + 1, total)} of ${total}\u2026` : multiple ? "Drop files here or click to browse" : "Drop a file here or click to browse"
          }}

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

@@ -8,6 +8,7 @@ type __VLS_Props = {
     ignoreFilter?: boolean;
     loading?: boolean;
     size?: string;
+    placeholder?: string;
 };
 type __VLS_ModelProps = {
     modelValue?: string | string[] | null;

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

@@ -15,11 +15,11 @@
          </template>
          <input
             ref="input"
-            class="min-w-16 flex-1 bg-transparent outline-none"
-            :value="search"
+            class="min-w-16 flex-1 bg-transparent text-(--ui-text-highlighted) outline-none"
+            :value="displayValue"
             :placeholder="placeholder"
-            @input="search = $event.target.value"
-            @focus="open = true"
+            @input="onInput"
+            @focus="onFocus"
          />
          <CmsIcon
             v-if="loading"
@@ -29,7 +29,7 @@
       </div>
       <div v-if="open" class="cms-selectmenu-panel">
          <button
-            v-for="item in items"
+            v-for="item in visibleItems"
             :key="String(item[valueKey])"
             type="button"
             class="cms-menu-item"
@@ -37,12 +37,12 @@
          >
             <span class="truncate">{{ item.label }}</span>
             <CmsIcon
-               v-if="isSelected(item[valueKey])"
+               v-if="!multiple && isSelected(item[valueKey])"
                name="check"
                class="cms-menu-check size-3.5"
             />
          </button>
-         <div v-if="!items.length" class="cms-menu-item pointer-events-none opacity-60">
+         <div v-if="!visibleItems.length" class="cms-menu-item pointer-events-none opacity-60">
             No results
          </div>
       </div>
@@ -57,7 +57,8 @@ const props = defineProps({
   multiple: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  size: { type: String, required: false }
+  size: { type: String, required: false },
+  placeholder: { type: String, required: false }
 });
 const model = defineModel({ type: [String, Array, null] });
 const search = defineModel("searchTerm", { type: String, ...{ default: "" } });
@@ -72,7 +73,33 @@ const selectedLabel = computed(() => {
   const current = model.value;
   return current == null ? "" : labelFor(current);
 });
-const placeholder = computed(() => props.multiple ? "" : selectedLabel.value);
+const placeholder = computed(() => {
+  if (props.multiple) return modelArray.value.length ? "" : props.placeholder ?? "";
+  return selectedLabel.value || props.placeholder || "";
+});
+const displayValue = computed(() => {
+  if (props.multiple) return search.value;
+  return open.value ? search.value : selectedLabel.value;
+});
+function onInput(event) {
+  search.value = event.target.value;
+  open.value = true;
+}
+function onFocus() {
+  if (!props.multiple) search.value = "";
+  open.value = true;
+}
+const visibleItems = computed(() => {
+  let list = props.items;
+  if (!props.ignoreFilter) {
+    const query = search.value.trim().toLowerCase();
+    if (query) list = list.filter((item) => item.label.toLowerCase().includes(query));
+  }
+  if (props.multiple) {
+    list = list.filter((item) => !modelArray.value.includes(item[props.valueKey]));
+  }
+  return list;
+});
 function labelFor(value) {
   return props.items.find((item) => item[props.valueKey] === value)?.label ?? `#${value}`;
 }
@@ -90,6 +117,8 @@ function pick(item) {
   const value = item[props.valueKey];
   if (props.multiple) {
     if (value != null) toggle(value);
+    search.value = "";
+    focusInput();
   } else {
     model.value = value;
     search.value = "";

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

@@ -8,6 +8,7 @@ type __VLS_Props = {
     ignoreFilter?: boolean;
     loading?: boolean;
     size?: string;
+    placeholder?: string;
 };
 type __VLS_ModelProps = {
     modelValue?: string | string[] | null;

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

@@ -13,10 +13,10 @@
             >
                <div class="flex items-start gap-3">
                   <div class="min-w-0 flex-1">
-                     <p class="text-[13px] font-medium text-(--ui-text-highlighted)">
+                     <p class="text-sm font-medium text-(--ui-text-highlighted)">
                         {{ toast.title }}
                      </p>
-                     <p v-if="toast.description" class="mt-0.5 text-xs text-(--ui-text-muted)">
+                     <p v-if="toast.description" class="mt-0.5 text-sm text-(--ui-text-muted)">
                         {{ toast.description }}
                      </p>
                   </div>

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

@@ -22,7 +22,7 @@
          </CmsButton>
          <span
             v-if="props.field.required && active === i18n.defaultLocale"
-            class="ml-auto font-mono text-xs text-(--ui-text-muted)"
+            class="ml-auto font-mono text-sm text-(--ui-text-muted)"
          >
             {{ i18n.defaultLocale }} *
          </span>

package/dist/runtime/app/layouts/cms-admin.vue

@@ -33,7 +33,7 @@
             </nav>
 
             <div class="flex flex-col gap-3 border-t border-(--cms-line) px-3 pt-5">
-               <div class="truncate text-[11px] font-medium text-(--ui-text-muted)">
+               <div class="truncate text-sm font-medium text-(--ui-text-muted)">
                   {{ user?.email }}
                </div>
                <CmsButton

package/dist/runtime/app/utils/ui.js

@@ -1,6 +1,6 @@
-export const CMS_FIELD_UI = { label: "text-[13px] font-medium text-(--ui-text-toned)" };
+export const CMS_FIELD_UI = { label: "text-sm font-medium text-(--ui-text-toned)" };
 export const CMS_MODAL_UI = {
-  content: "rounded-2xl shadow-xl sm:max-w-3xl",
+  content: "rounded-2xl sm:max-w-3xl",
   title: "cms-display text-xl font-medium text-(--ui-text-highlighted)"
 };
 export const CMS_FORM_ERRORS = Symbol("cms-form-errors");

package/dist/runtime/assets/main.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Hanken+Grotesk:ital,wght@0,300..800;1,300..800&family=Fragment+Mono:ital@0;1&display=swap");@layer theme, base, components, utilities;@import "tailwindcss/theme.css" layer(theme);.cms-scope{@import "tailwindcss/preflight.css" layer(base);@import "tailwindcss/utilities.css" layer(utilities) source(none)}@source "../app";.cms-scope,body:has(.cms-scope){--cms-paper:#f6f4ef;--cms-surface:#fdfcfa;--cms-field:#f1ede4;--cms-ink:#262119;--cms-line:#e8e3d8;--cms-line-strong:#d8d1c1;--cms-fern:#3e6b4f;--cms-sage:#e3ebe1;--cms-sage-ink:#2e5138;--cms-shadow-soft:0 1px 2px rgba(38,33,25,.05),0 16px 40px -24px rgba(38,33,25,.22);color-scheme:light;--ui-text-dimmed:#a69d8b;--ui-text-muted:#877e6c;--ui-text-toned:#60594a;--ui-text:#403a2f;--ui-text-highlighted:var(--cms-ink);--ui-text-inverted:#fffdf8;--ui-bg:var(--cms-surface);--ui-bg-muted:var(--cms-paper);--ui-bg-elevated:var(--cms-field);--ui-bg-accented:#e7e1d3;--ui-bg-inverted:var(--cms-ink);--ui-border:var(--cms-line);--ui-border-muted:var(--cms-line);--ui-border-accented:var(--cms-line-strong);--ui-border-inverted:var(--cms-ink);--ui-primary:var(--cms-fern);--ui-error:#b4442f;--ui-radius:0.4rem;color:var(--ui-text);font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}body:has(.cms-scope) ::-moz-selection{background:var(--cms-sage);color:var(--cms-sage-ink)}body:has(.cms-scope) ::selection{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-display{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.cms-kicker{color:var(--ui-text-dimmed);font-family:Fragment Mono,ui-monospace,monospace;font-size:.6875rem;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}body:has(.cms-scope) :is(button,a,label,[role=button],[role=menuitem],[role=option],.__clickable):not(:disabled,[aria-disabled=true]){@apply cursor-pointer transition-all duration-200 select-none}body:has(.cms-scope) :is(button,a,label,[role=button],[role=menuitem],[role=option],.__clickable):not(:disabled,[aria-disabled=true]):active{@apply transition-none;scale:.99}.cms-canvas{background-attachment:fixed;background-color:var(--cms-paper);background-image:radial-gradient(50rem 34rem at 10% -10%,rgba(62,107,79,.07),transparent 62%),radial-gradient(44rem 30rem at 108% 112%,rgba(193,149,87,.09),transparent 62%)}.cms-grain:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:multiply;opacity:.035;pointer-events:none;position:fixed;z-index:50}.cms-card{background:var(--cms-surface);border:1px solid var(--cms-line);border-radius:1rem;box-shadow:var(--cms-shadow-soft)}.cms-empty{background:rgba(253,252,250,.5);border:1.5px dashed var(--cms-line-strong);border-radius:1rem}.cms-navlink{align-items:center;border-radius:.75rem;color:var(--ui-text-toned);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease}.cms-navlink:hover{background:rgba(38,33,25,.05);color:var(--ui-text-highlighted)}.cms-navlink.is-active{background:var(--cms-sage);color:var(--cms-sage-ink);font-weight:600}.cms-navlink.is-active .cms-navlink-icon{color:var(--cms-fern)}.cms-badge{border:1px solid transparent;border-radius:9999px;cursor:pointer;font-family:Fragment Mono,ui-monospace,monospace;font-size:.625rem;letter-spacing:.12em;padding:.25rem .625rem;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease}.cms-badge.is-published{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-badge.is-published:hover{background:#d6e2d3}.cms-badge.is-draft{background:transparent;border:1px dashed var(--cms-line-strong);color:var(--ui-text-muted)}.cms-badge.is-draft:hover{background:rgba(38,33,25,.04)}.cms-dropzone{align-items:center;background:rgba(253,252,250,.5);border:1.5px dashed var(--cms-line-strong);border-radius:1rem;color:var(--ui-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1.5rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:100%}.cms-dropzone.is-over,.cms-dropzone:hover{background:var(--cms-sage);border-color:var(--cms-fern);color:var(--cms-sage-ink)}.cms-dropzone.is-dense{border-radius:.75rem;flex-direction:row;gap:.625rem;padding:.875rem 1.25rem}.cms-dropzone.is-busy{opacity:.7;pointer-events:none}.cms-pill{background:var(--cms-surface);border:1px solid var(--cms-line);border-radius:9999px;color:var(--ui-text-dimmed);cursor:pointer;font-family:Fragment Mono,ui-monospace,monospace;font-size:.625rem;letter-spacing:.12em;padding:.3rem .8rem;transition:background-color .15s ease,color .15s ease}.cms-pill:hover{background:rgba(38,33,25,.05);color:var(--ui-text)}.cms-pill.is-active{background:var(--cms-sage);color:var(--cms-sage-ink)}@keyframes cms-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cms-rise{animation:cms-rise .55s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.cms-rise{animation:none}}.cms-richtext{border:1px solid var(--cms-line);border-radius:.75rem;overflow:hidden}.cms-richtext-toolbar{align-items:center;border-bottom:1px solid var(--cms-line);display:flex;flex-wrap:wrap;gap:2px;padding:4px}.cms-richtext-body{font-size:.875rem;min-height:9rem;outline:none;padding:.75rem 1rem}.cms-richtext-body h2{font-size:1.25rem;font-weight:600;margin:.75em 0 .35em}.cms-richtext-body h3{font-size:1.1rem;font-weight:600;margin:.75em 0 .35em}.cms-richtext-body p{margin:.35em 0}.cms-richtext-body ul{list-style:disc;padding-left:1.25rem}.cms-richtext-body ol{list-style:decimal;padding-left:1.25rem}.cms-richtext-body blockquote{border-left:3px solid var(--cms-line);color:var(--ui-text-muted);padding-left:.75rem}.cms-btn{align-items:center;border:1px solid transparent;border-radius:var(--ui-radius);display:inline-flex;font-weight:500;gap:.375rem;justify-content:center;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.cms-btn:disabled,.cms-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.cms-btn.is-block{width:100%}.cms-btn-xs{font-size:.75rem;padding:.25rem .5rem}.cms-btn-sm{font-size:.8125rem;padding:.375rem .625rem}.cms-btn-md{font-size:.875rem;padding:.5rem .875rem}.cms-btn-lg{font-size:.9375rem;padding:.625rem 1rem}.cms-btn-primary.cms-btn-solid{background:var(--ui-primary);color:var(--ui-text-inverted)}.cms-btn-primary.cms-btn-solid:hover{background:color-mix(in oklab,var(--ui-primary) 88%,#000)}.cms-btn-primary.cms-btn-subtle{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-btn-primary.cms-btn-subtle:hover{background:#d6e2d3}.cms-btn-primary.cms-btn-soft{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-btn-neutral.cms-btn-solid{background:var(--ui-bg-inverted);color:var(--ui-text-inverted)}.cms-btn-neutral.cms-btn-subtle{background:var(--ui-bg-elevated);color:var(--ui-text-highlighted)}.cms-btn-neutral.cms-btn-subtle:hover{background:var(--ui-bg-accented)}.cms-btn-neutral.cms-btn-soft{background:var(--ui-bg-elevated);color:var(--ui-text-highlighted)}.cms-btn-neutral.cms-btn-ghost{color:var(--ui-text-toned)}.cms-btn-neutral.cms-btn-ghost:hover{background:rgba(38,33,25,.06);color:var(--ui-text-highlighted)}.cms-btn-error.cms-btn-solid{background:var(--ui-error);color:#fff}.cms-btn-error.cms-btn-solid:hover{background:color-mix(in oklab,var(--ui-error) 88%,#000)}.cms-btn-error.cms-btn-subtle{background:color-mix(in oklab,var(--ui-error) 12%,transparent);color:var(--ui-error)}.cms-btn-error.cms-btn-ghost{color:var(--ui-error)}.cms-btn-error.cms-btn-ghost:hover{background:color-mix(in oklab,var(--ui-error) 10%,transparent)}.cms-btn-success.cms-btn-solid{background:var(--cms-fern);color:var(--ui-text-inverted)}.cms-field{background:var(--ui-bg);border:1px solid var(--cms-line-strong);border-radius:var(--ui-radius);color:var(--ui-text-highlighted);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cms-field::-moz-placeholder{color:var(--ui-text-dimmed)}.cms-field::placeholder{color:var(--ui-text-dimmed)}.cms-field:focus,.cms-field:focus-within{border-color:var(--ui-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--ui-primary) 18%,transparent);outline:none}.cms-field.is-error{border-color:var(--ui-error)}.cms-field-sm{font-size:.8125rem;padding:.375rem .625rem}.cms-field-md{font-size:.875rem;padding:.5rem .75rem}.cms-field-lg{font-size:.9375rem;padding:.625rem .875rem}.cms-input-wrap{align-items:center;display:flex;position:relative}.cms-input-wrap .cms-field{width:100%}.cms-input-lead,.cms-input-trail{align-items:center;color:var(--ui-text-dimmed);display:flex;position:absolute}.cms-input-lead{left:.625rem}.cms-input-trail{right:.375rem}.cms-input-wrap.has-lead .cms-field{padding-left:2rem}.cms-switch{align-items:center;background:var(--cms-line-strong);border-radius:9999px;display:inline-flex;flex-shrink:0;height:1.25rem;position:relative;transition:background-color .15s ease;width:2.25rem}.cms-switch.is-on{background:var(--ui-primary)}.cms-switch:after{background:#fff;border-radius:9999px;content:"";height:.875rem;left:.1875rem;position:absolute;transition:transform .15s ease;width:.875rem}.cms-switch.is-on:after{transform:translateX(1rem)}.cms-overlay{align-items:flex-start;backdrop-filter:blur(2px);background:rgba(38,33,25,.32);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:4rem 1rem 2rem;position:fixed;z-index:60}.cms-modal{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:1rem;box-shadow:var(--cms-shadow-soft);max-width:32rem;width:100%}.cms-modal-header{padding:1.25rem 1.5rem 0}.cms-modal-body{padding:1.25rem 1.5rem 1.5rem}.cms-menu{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:.75rem;box-shadow:var(--cms-shadow-soft);margin-top:.375rem;min-width:11rem;padding:.25rem;position:absolute;z-index:50}.cms-menu.align-end{right:0}.cms-menu-item{align-items:center;border-radius:.5rem;color:var(--ui-text);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.4rem .6rem;text-align:left;width:100%}.cms-menu-item:hover{background:var(--ui-bg-elevated)}.cms-menu-check{color:var(--ui-primary);margin-left:auto}.cms-popover,.cms-selectmenu-panel{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:.75rem;box-shadow:var(--cms-shadow-soft);margin-top:.375rem;position:absolute;z-index:50}.cms-selectmenu-panel{left:0;max-height:15rem;overflow-y:auto;padding:.25rem;right:0}.cms-tag{align-items:center;background:var(--ui-bg-elevated);border-radius:9999px;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.125rem .5rem}.cms-table{border-collapse:collapse;text-align:left;width:100%}.cms-alert{border-radius:.75rem;font-size:.8125rem;padding:.75rem 1rem}.cms-alert-error{background:color-mix(in oklab,var(--ui-error) 10%,transparent);color:var(--ui-error)}.cms-toaster{bottom:1rem;display:flex;flex-direction:column;gap:.5rem;max-width:calc(100vw - 2rem);position:fixed;right:1rem;width:20rem;z-index:80}.cms-toast{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:.75rem;box-shadow:var(--cms-shadow-soft);padding:.75rem .875rem}.cms-toast.is-success{border-left:3px solid var(--cms-fern)}.cms-toast.is-error{border-left:3px solid var(--ui-error)}.cms-pagination{align-items:center;display:flex;gap:.25rem}.cms-page-btn{border-radius:.5rem;color:var(--ui-text-toned);font-size:.8125rem;height:2rem;min-width:2rem;padding:0 .5rem}.cms-page-btn:hover:not(:disabled){background:var(--ui-bg-elevated)}.cms-page-btn.is-active{background:var(--cms-sage);color:var(--cms-sage-ink);font-weight:600}.cms-page-btn:disabled{opacity:.4}
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Hanken+Grotesk:ital,wght@0,300..800;1,300..800&family=Fragment+Mono:ital@0;1&display=swap");@layer theme, base, components, utilities;@import "tailwindcss/theme.css" layer(theme);.cms-scope{@import "tailwindcss/preflight.css" layer(base);@import "tailwindcss/utilities.css" layer(utilities) source(none)}@source "../app";.cms-scope,body:has(.cms-scope){--cms-paper:#f5f5f5;--cms-surface:#fff;--cms-field:#f0f0f0;--cms-ink:#171717;--cms-line:#e5e5e5;--cms-line-strong:#d4d4d4;--cms-fern:#171717;--cms-sage:#ebebeb;--cms-sage-ink:#171717;--cms-shadow-soft:none;color-scheme:light;--ui-text-dimmed:#a3a3a3;--ui-text-muted:#737373;--ui-text-toned:#525252;--ui-text:#404040;--ui-text-highlighted:var(--cms-ink);--ui-text-inverted:#fff;--ui-bg:var(--cms-surface);--ui-bg-muted:var(--cms-paper);--ui-bg-elevated:var(--cms-field);--ui-bg-accented:#e0e0e0;--ui-bg-inverted:var(--cms-ink);--ui-border:var(--cms-line);--ui-border-muted:var(--cms-line);--ui-border-accented:var(--cms-line-strong);--ui-border-inverted:var(--cms-ink);--ui-primary:var(--cms-ink);--ui-error:#dc2626;--ui-radius:0.4rem;color:var(--ui-text);font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}body:has(.cms-scope) ::-moz-selection{background:var(--cms-sage);color:var(--cms-sage-ink)}body:has(.cms-scope) ::selection{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-display{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}.cms-kicker{color:var(--ui-text-dimmed);font-family:Fragment Mono,ui-monospace,monospace;font-size:.875rem;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}body:has(.cms-scope) :is(button,a,[role=button],[role=menuitem],[role=option],.__clickable):not(:disabled,[aria-disabled=true]){@apply cursor-pointer transition-all duration-200 select-none}body:has(.cms-scope) :is(button,a,[role=button],[role=menuitem],[role=option],.__clickable):not(:disabled,[aria-disabled=true]):active{@apply transition-none;scale:.99}.cms-canvas{background-color:var(--cms-paper)}.cms-grain:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:multiply;opacity:.035;pointer-events:none;position:fixed;z-index:50}.cms-card{background:var(--cms-surface);border:1px solid var(--cms-line);border-radius:1rem;box-shadow:var(--cms-shadow-soft)}.cms-empty{background:rgba(253,252,250,.5);border:1.5px dashed var(--cms-line-strong);border-radius:1rem}.cms-navlink{align-items:center;border-radius:.75rem;color:var(--ui-text-toned);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease}.cms-navlink:hover{background:rgba(38,33,25,.05);color:var(--ui-text-highlighted)}.cms-navlink.is-active{background:var(--cms-sage);color:var(--cms-sage-ink);font-weight:600}.cms-navlink.is-active .cms-navlink-icon{color:var(--cms-fern)}.cms-badge{border:1px solid transparent;border-radius:9999px;cursor:pointer;font-family:Fragment Mono,ui-monospace,monospace;font-size:.875rem;letter-spacing:.12em;padding:.25rem .625rem;text-transform:uppercase;transition:background-color .15s ease,border-color .15s ease}.cms-badge.is-published{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-badge.is-published:hover{background:#e0e0e0}.cms-badge.is-draft{background:transparent;border:1px dashed var(--cms-line-strong);color:var(--ui-text-muted)}.cms-badge.is-draft:hover{background:rgba(38,33,25,.04)}.cms-dropzone{align-items:center;background:rgba(253,252,250,.5);border:1.5px dashed var(--cms-line-strong);border-radius:1rem;color:var(--ui-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1.5rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease;width:100%}.cms-dropzone.is-over,.cms-dropzone:hover{background:var(--cms-sage);border-color:var(--cms-fern);color:var(--cms-sage-ink)}.cms-dropzone.is-dense{border-radius:.75rem;flex-direction:row;gap:.625rem;padding:.875rem 1.25rem}.cms-dropzone.is-busy{opacity:.7;pointer-events:none}.cms-pill{background:var(--cms-surface);border:1px solid var(--cms-line);border-radius:9999px;color:var(--ui-text-dimmed);cursor:pointer;font-family:Fragment Mono,ui-monospace,monospace;font-size:.875rem;letter-spacing:.12em;padding:.3rem .8rem;transition:background-color .15s ease,color .15s ease}.cms-pill:hover{background:rgba(38,33,25,.05);color:var(--ui-text)}.cms-pill.is-active{background:var(--cms-sage);color:var(--cms-sage-ink)}@keyframes cms-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cms-rise{animation:cms-rise .55s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.cms-rise{animation:none}}.cms-richtext{border:1px solid var(--cms-line);border-radius:.75rem;overflow:hidden}.cms-richtext-toolbar{align-items:center;border-bottom:1px solid var(--cms-line);display:flex;flex-wrap:wrap;gap:2px;padding:4px}.cms-richtext-body{font-size:.875rem;min-height:9rem;outline:none;padding:.75rem 1rem}.cms-richtext-body h2{font-size:1.25rem;font-weight:600;margin:.75em 0 .35em}.cms-richtext-body h3{font-size:1.1rem;font-weight:600;margin:.75em 0 .35em}.cms-richtext-body p{margin:.35em 0}.cms-richtext-body ul{list-style:disc;padding-left:1.25rem}.cms-richtext-body ol{list-style:decimal;padding-left:1.25rem}.cms-richtext-body blockquote{border-left:3px solid var(--cms-line);color:var(--ui-text-muted);padding-left:.75rem}.cms-btn{align-items:center;border:1px solid transparent;border-radius:var(--ui-radius);display:inline-flex;font-weight:500;gap:.375rem;justify-content:center;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.cms-btn:disabled,.cms-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.cms-btn.is-block{width:100%}.cms-btn-xs{font-size:.875rem;padding:.25rem .5rem}.cms-btn-sm{font-size:.875rem;padding:.375rem .625rem}.cms-btn-md{font-size:.875rem;padding:.5rem .875rem}.cms-btn-lg{font-size:.9375rem;padding:.625rem 1rem}.cms-btn-primary.cms-btn-solid{background:var(--ui-primary);color:var(--ui-text-inverted)}.cms-btn-primary.cms-btn-solid:hover{background:color-mix(in oklab,var(--ui-primary) 88%,#000)}.cms-btn-primary.cms-btn-subtle{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-btn-primary.cms-btn-subtle:hover{background:#e0e0e0}.cms-btn-primary.cms-btn-soft{background:var(--cms-sage);color:var(--cms-sage-ink)}.cms-btn-neutral.cms-btn-solid{background:var(--ui-bg-inverted);color:var(--ui-text-inverted)}.cms-btn-neutral.cms-btn-subtle{background:var(--ui-bg-elevated);color:var(--ui-text-highlighted)}.cms-btn-neutral.cms-btn-subtle:hover{background:var(--ui-bg-accented)}.cms-btn-neutral.cms-btn-soft{background:var(--ui-bg-elevated);color:var(--ui-text-highlighted)}.cms-btn-neutral.cms-btn-ghost{color:var(--ui-text-toned)}.cms-btn-neutral.cms-btn-ghost:hover{background:rgba(38,33,25,.06);color:var(--ui-text-highlighted)}.cms-btn-error.cms-btn-solid{background:var(--ui-error);color:#fff}.cms-btn-error.cms-btn-solid:hover{background:color-mix(in oklab,var(--ui-error) 88%,#000)}.cms-btn-error.cms-btn-subtle{background:color-mix(in oklab,var(--ui-error) 12%,transparent);color:var(--ui-error)}.cms-btn-error.cms-btn-ghost{color:var(--ui-error)}.cms-btn-error.cms-btn-ghost:hover{background:color-mix(in oklab,var(--ui-error) 10%,transparent)}.cms-btn-success.cms-btn-solid{background:var(--cms-fern);color:var(--ui-text-inverted)}.cms-field{background:var(--ui-bg);border:1px solid var(--cms-line-strong);border-radius:var(--ui-radius);color:var(--ui-text-highlighted);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.cms-field::-moz-placeholder{color:var(--ui-text-dimmed)}.cms-field::placeholder{color:var(--ui-text-dimmed)}.cms-field:focus,.cms-field:focus-within{border-color:var(--ui-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--ui-primary) 18%,transparent);outline:none}.cms-field.is-error{border-color:var(--ui-error)}.cms-field-sm{font-size:.875rem;padding:.375rem .625rem}.cms-field-md{font-size:.875rem;padding:.5rem .75rem}.cms-field-lg{font-size:.9375rem;padding:.625rem .875rem}.cms-input-wrap{align-items:center;display:flex;position:relative}.cms-input-wrap .cms-field{width:100%}.cms-input-lead,.cms-input-trail{align-items:center;color:var(--ui-text-dimmed);display:flex;position:absolute}.cms-input-lead{left:.625rem}.cms-input-trail{right:.375rem}.cms-input-wrap.has-lead .cms-field{padding-left:2rem}.cms-switch{align-items:center;background:var(--cms-line-strong);border-radius:9999px;display:inline-flex;flex-shrink:0;height:1.25rem;position:relative;transition:background-color .15s ease;width:2.25rem}.cms-switch.is-on{background:var(--ui-primary)}.cms-switch:after{background:#fff;border-radius:9999px;content:"";height:.875rem;left:.1875rem;position:absolute;transition:transform .15s ease;width:.875rem}.cms-switch.is-on:after{transform:translateX(1rem)}.cms-overlay{align-items:center;backdrop-filter:blur(2px);background:rgba(38,33,25,.32);display:flex;inset:0;justify-content:center;overflow-y:auto;padding:2rem 1rem;position:fixed;z-index:60}.cms-modal{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:1rem;box-shadow:var(--cms-shadow-soft);max-width:32rem;width:100%}.cms-modal-header{padding:1.25rem 1.5rem 0}.cms-modal-body{padding:1.25rem 1.5rem 1.5rem}.cms-menu{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:.75rem;box-shadow:var(--cms-shadow-soft);margin-top:.375rem;min-width:11rem;padding:.25rem;position:absolute;z-index:50}.cms-menu.align-end{right:0}.cms-menu-item{align-items:center;border-radius:.5rem;color:var(--ui-text);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.4rem .6rem;text-align:left;width:100%}.cms-menu-item:hover{background:var(--ui-bg-elevated)}.cms-menu-check{color:var(--ui-primary);margin-left:auto}.cms-popover,.cms-selectmenu-panel{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:.75rem;box-shadow:var(--cms-shadow-soft);margin-top:.375rem;position:absolute;z-index:50}.cms-selectmenu-panel{left:0;max-height:15rem;overflow-y:auto;padding:.25rem;right:0}.cms-tag{align-items:center;background:var(--ui-bg-elevated);border-radius:9999px;display:inline-flex;font-size:.875rem;gap:.25rem;padding:.125rem .5rem}.cms-table{border-collapse:collapse;text-align:left;width:100%}.cms-alert{border-radius:.75rem;font-size:.875rem;padding:.75rem 1rem}.cms-alert-error{background:color-mix(in oklab,var(--ui-error) 10%,transparent);color:var(--ui-error)}.cms-toaster{bottom:1rem;display:flex;flex-direction:column;gap:.5rem;max-width:calc(100vw - 2rem);position:fixed;right:1rem;width:20rem;z-index:80}.cms-toast{background:var(--ui-bg);border:1px solid var(--cms-line);border-radius:.75rem;box-shadow:var(--cms-shadow-soft);padding:.75rem .875rem}.cms-toast.is-success{border-left:3px solid var(--cms-fern)}.cms-toast.is-error{border-left:3px solid var(--ui-error)}.cms-pagination{align-items:center;display:flex;gap:.25rem}.cms-page-btn{border-radius:.5rem;color:var(--ui-text-toned);font-size:.875rem;height:2rem;min-width:2rem;padding:0 .5rem}.cms-page-btn:hover:not(:disabled){background:var(--ui-bg-elevated)}.cms-page-btn.is-active{background:var(--cms-sage);color:var(--cms-sage-ink);font-weight:600}.cms-page-btn:disabled{opacity:.4}

package/dist/runtime/generate.d.ts

@@ -0,0 +1,5 @@
+export interface GenerateMigrationsOptions {
+    root?: string;
+    configPath?: string;
+}
+export declare function generateMigrations(opts?: GenerateMigrationsOptions): Promise<void>;

package/dist/runtime/generate.js

@@ -0,0 +1,22 @@
+import { spawn } from "node:child_process";
+import { existsSync } from "node:fs";
+import { createRequire } from "node:module";
+import { dirname, join } from "node:path";
+export async function generateMigrations(opts = {}) {
+  const root = opts.root ?? process.cwd();
+  const configPath = opts.configPath ?? join(root, ".nuxt/cms/drizzle.config.ts");
+  if (!existsSync(configPath)) {
+    throw new Error(
+      `[nuxt-cms] drizzle config not found at ${configPath} \u2014 run \`nuxi prepare\` first.`
+    );
+  }
+  const require = createRequire(import.meta.url);
+  const bin = join(dirname(require.resolve("drizzle-kit")), "bin.cjs");
+  const code = await new Promise((done) => {
+    spawn(process.execPath, [bin, "generate", `--config=${configPath}`], {
+      cwd: root,
+      stdio: "inherit"
+    }).on("close", (c) => done(c ?? 1)).on("error", () => done(1));
+  });
+  if (code !== 0) throw new Error(`[nuxt-cms] drizzle-kit generate failed (exit ${code})`);
+}

package/dist/runtime/seed.d.ts

@@ -0,0 +1,27 @@
+import { customId, ID_LENGTH } from './server/utils/custom-id.js';
+export { customId, ID_LENGTH };
+export type SeedDriver = 'sqlite' | 'libsql' | 'postgres';
+export interface CmsSeederOptions {
+    driver?: SeedDriver;
+    url?: string;
+    authToken?: string;
+    dbPath?: string;
+    migrationsDir?: string;
+    root?: string;
+}
+export declare function createCmsSeeder(opts?: CmsSeederOptions): Promise<{
+    db: import("drizzle-orm/libsql").LibSQLDatabase<Record<string, never>> & {
+        $client: import("@libsql/client").Client;
+    };
+    migrate: () => Promise<void>;
+} | {
+    db: import("drizzle-orm/node-postgres").NodePgDatabase<Record<string, never>> & {
+        $client: import("pg").Pool;
+    };
+    migrate: () => Promise<void>;
+} | {
+    db: import("drizzle-orm/better-sqlite3").BetterSQLite3Database<Record<string, never>> & {
+        $client: import("better-sqlite3").Database;
+    };
+    migrate: () => void;
+}>;

package/dist/runtime/seed.js

@@ -0,0 +1,44 @@
+import { mkdirSync } from "node:fs";
+import { dirname, isAbsolute, resolve } from "node:path";
+import { customId, ID_LENGTH } from "./server/utils/custom-id.js";
+export { customId, ID_LENGTH };
+function inferDriver(url) {
+  if (/^(libsql|wss?|https?):\/\//.test(url)) return "libsql";
+  if (/^postgres(ql)?:\/\//.test(url)) return "postgres";
+  return "sqlite";
+}
+export async function createCmsSeeder(opts = {}) {
+  const root = opts.root ?? process.cwd();
+  const url = opts.url ?? process.env.NUXT_CMS_DATABASE_URL ?? "";
+  const authToken = opts.authToken ?? process.env.NUXT_CMS_DATABASE_AUTH_TOKEN ?? "";
+  const driver = opts.driver ?? process.env.NUXT_CMS_DATABASE_DRIVER ?? inferDriver(url);
+  const dbPath = opts.dbPath ?? process.env.NUXT_CMS_DATABASE_PATH ?? "data/cms.db";
+  const resolvedDbPath = isAbsolute(dbPath) ? dbPath : resolve(root, dbPath);
+  const migrationsFolder = opts.migrationsDir ?? resolve(root, `server/db/migrations/${driver}`);
+  if (driver === "libsql") {
+    const { createClient } = await import("@libsql/client");
+    const { drizzle: drizzle2 } = await import("drizzle-orm/libsql");
+    const { migrate: migrate2 } = await import("drizzle-orm/libsql/migrator");
+    const dbUrl = url || `file:${resolvedDbPath}`;
+    if (dbUrl.startsWith("file:")) mkdirSync(dirname(resolvedDbPath), { recursive: true });
+    const db2 = drizzle2(createClient({ url: dbUrl, authToken: authToken || void 0 }));
+    return { db: db2, migrate: () => migrate2(db2, { migrationsFolder }) };
+  }
+  if (driver === "postgres") {
+    if (!url) throw new Error("[nuxt-cms] seed: Postgres needs a url (NUXT_CMS_DATABASE_URL)");
+    const { drizzle: drizzle2 } = await import("drizzle-orm/node-postgres");
+    const { migrate: migrate2 } = await import("drizzle-orm/node-postgres/migrator");
+    const pg = (await import("pg")).default;
+    const db2 = drizzle2(new pg.Pool({ connectionString: url }));
+    return { db: db2, migrate: () => migrate2(db2, { migrationsFolder }) };
+  }
+  const Database = (await import("better-sqlite3")).default;
+  const { drizzle } = await import("drizzle-orm/better-sqlite3");
+  const { migrate } = await import("drizzle-orm/better-sqlite3/migrator");
+  mkdirSync(dirname(resolvedDbPath), { recursive: true });
+  const sqlite = new Database(resolvedDbPath);
+  sqlite.pragma("journal_mode = WAL");
+  sqlite.pragma("foreign_keys = ON");
+  const db = drizzle(sqlite);
+  return { db, migrate: () => migrate(db, { migrationsFolder }) };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Lightweight CMS that ships with your Nuxt app: runs on the Nitro server, content types defined in code, /cms admin panel, GraphQL API, SQLite or Postgres. No external CMS needed!",
   "license": "MIT",
   "author": "Edoardo Alberti (https://github.com/xleddyl)",
@@ -38,6 +38,14 @@
     ".": {
       "types": "./dist/types.d.mts",
       "import": "./dist/module.mjs"
+    },
+    "./seed": {
+      "types": "./dist/runtime/seed.d.ts",
+      "import": "./dist/runtime/seed.js"
+    },
+    "./generate": {
+      "types": "./dist/runtime/generate.d.ts",
+      "import": "./dist/runtime/generate.js"
     }
   },
   "main": "./dist/module.mjs",

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

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    items?: string[];
-    size?: 'sm' | 'md' | 'lg';
-    required?: boolean;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,19 +0,0 @@
-<template>
-   <select
-      :value="model ?? ''"
-      :class="['cms-field', `cms-field-${size ?? 'md'}`]"
-      @change="model = $event.target.value || void 0"
-   >
-      <option v-if="!required" value="">—</option>
-      <option v-for="option in items" :key="option" :value="option">{{ option }}</option>
-   </select>
-</template>
-
-<script setup>
-defineProps({
-  items: { type: Array, required: false },
-  size: { type: String, required: false },
-  required: { type: Boolean, required: false }
-});
-const model = defineModel({ type: null });
-</script>

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

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    items?: string[];
-    size?: 'sm' | 'md' | 'lg';
-    required?: boolean;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;