@xleddyl/nuxt-cms 0.1.17 → 0.1.20

package/README.md

@@ -34,12 +34,28 @@ export default defineNuxtConfig({
 
 Then declare your content types in a `cms.config.ts` at the project root with `defineCmsConfig()`.
 
+### Disabling the CMS
+
+Keep the module in `modules[]` at all times and turn it off with the `enabled` option or the
+`NUXT_CMS_ENABLED` env var. When disabled the module registers no-op `useCms` / `$cmsQuery` stubs and
+nothing else, so components can call them unconditionally and simply render their empty states:
+
+```ts
+export default defineNuxtConfig({
+   modules: ['@xleddyl/nuxt-cms'],
+   cms: { enabled: false },
+})
+```
+
+See [Configuration](docs/configuration.md#enabled) for the resolution order.
+
 ### Environment variables
 
 Every secret maps to runtime config, so it can be set as an env var instead of in `nuxt.config.ts`:
 
 | Variable | Required | Purpose |
 | --- | --- | --- |
+| `NUXT_CMS_ENABLED` | no | set to `0` / `false` to disable the CMS (default enabled) |
 | `NUXT_CMS_ADMIN_EMAIL` | yes | admin login email |
 | `NUXT_CMS_ADMIN_PASSWORD` | yes | admin login password |
 | `NUXT_SESSION_PASSWORD` | in production | session encryption key (32+ chars) |

package/dist/module.d.mts

@@ -4,6 +4,7 @@ type Dialect = 'sqlite' | 'postgres';
 type Driver = Dialect | 'libsql';
 
 interface ModuleOptions {
+    enabled?: boolean;
     configPath: string;
     admin: {
         email: string;

package/dist/module.json

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

package/dist/module.mjs

@@ -3,14 +3,14 @@ import { existsSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { isAbsolute, resolve, relative, join, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { defineNuxtModule, createResolver, useLogger, resolvePath, addTemplate, addImports, addServerPlugin, addTypeTemplate, addVitePlugin, addLayout, addComponentsDir, addRouteMiddleware, extendPages, addServerHandler } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, useLogger, addImports, resolvePath, addTemplate, addServerPlugin, addTypeTemplate, addVitePlugin, addLayout, addComponentsDir, addRouteMiddleware, extendPages, addServerHandler } from '@nuxt/kit';
 import tailwindcss from '@tailwindcss/vite';
 import svgLoader from 'vite-svg-loader';
 import { introspectionFromSchema, buildSchema } from 'graphql';
 import { minifyIntrospection, outputIntrospectionFile } from 'gql.tada/internal';
 import { createJiti } from 'jiti';
 import { typeName, blockTypeName, blockUnionName, renderGraphqlSdl } from '../dist/runtime/shared/graphql-sdl.js';
-import { isTranslatableField } from '../dist/runtime/shared/index.js';
+import { isTranslatableField, isMultiSelect } from '../dist/runtime/shared/index.js';
 
 const IDENTIFIER = /^[a-z_]\w*$/i;
 const RESERVED_ENTRY_KEYS = ["admin", "auth", "login", "media", "graphql", "cms_media"];
@@ -129,6 +129,9 @@ function validateConfig(config, i18n) {
             if (blockField.type === "select" && !blockField.options?.length) {
               errors.push(`${bfat}: select requires a non-empty options array`);
             }
+            if (blockField.type === "select" && blockField.multiple) {
+              errors.push(`${bfat}: multiple select is not supported inside blocks`);
+            }
           }
         }
       }
@@ -209,6 +212,9 @@ function columnExpr(key, field, dialect) {
     case "blocks":
       expr = jsonExpr(col, dialect);
       break;
+    case "select":
+      expr = field.multiple ? jsonExpr(col, dialect) : `text('${col}')`;
+      break;
     case "slug":
       expr = `text('${col}').unique()`;
       break;
@@ -284,7 +290,9 @@ function renderSchemaFile(config, dialect, resolveImport = (s) => s) {
     core.add(pg ? "doublePrecision" : "real");
   if (pg && fields.some((f) => f.type === "date")) core.add("date");
   if (pg && fields.some((f) => f.type === "boolean")) core.add("boolean");
-  if (pg && fields.some((f) => f.type === "json" || f.type === "blocks" || isTranslatableField(f)))
+  if (pg && fields.some(
+    (f) => f.type === "json" || f.type === "blocks" || isTranslatableField(f) || isMultiSelect(f)
+  ))
     core.add("jsonb");
   if (pg) core.add("timestamp");
   if (fields.some(isManyToMany)) core.add("primaryKey");
@@ -327,6 +335,10 @@ function fieldTsType(config, entryName, key, field) {
     return field.required && !config[field.to]?.drafts ? target : `${target} | null`;
   }
   if (field.type === "media") return "CmsMedia | null";
+  if (field.type === "select" && field.multiple) {
+    const union = field.options.map((o) => JSON.stringify(o)).join(" | ");
+    return `(${union})[]`;
+  }
   if (field.type === "blocks") {
     const union = blockUnionName(entryName, key);
     return field.required ? `${union}[]` : `${union}[] | null`;
@@ -393,14 +405,25 @@ function renderTypesFile(config) {
 `;
 }
 
+const CMS_ENABLED_ENV = "NUXT_CMS_ENABLED";
+function resolveCmsEnabled(explicit, envValue) {
+  if (typeof explicit === "boolean") return explicit;
+  if (typeof envValue === "string") {
+    const normalized = envValue.trim().toLowerCase();
+    return normalized === "1" || normalized === "true";
+  }
+  return true;
+}
+
 const module$1 = defineNuxtModule({
   meta: {
     name: "@xleddyl/nuxt-cms",
     configKey: "cms"
   },
-  moduleDependencies: {
-    "nuxt-auth-utils": {}
-  },
+  moduleDependencies: (nuxt) => resolveCmsEnabled(
+    nuxt.options.cms?.enabled,
+    process.env[CMS_ENABLED_ENV]
+  ) ? { "nuxt-auth-utils": {} } : {},
   defaults: {
     configPath: "cms.config",
     admin: {
@@ -433,6 +456,21 @@ const module$1 = defineNuxtModule({
   async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
     const logger = useLogger("nuxt-cms");
+    if (!resolveCmsEnabled(options.enabled, process.env[CMS_ENABLED_ENV])) {
+      const stub = resolver.resolve("./runtime/app/composables/cms-query-disabled");
+      addImports([
+        { name: "useCms", from: stub },
+        { name: "$cmsQuery", from: stub }
+      ]);
+      nuxt.options.runtimeConfig.public.cms = {
+        mediaBaseUrl: options.media.publicBaseUrl,
+        i18n: options.i18n
+      };
+      logger.info(
+        "[nuxt-cms] disabled: registering no-op useCms/$cmsQuery stubs, skipping admin, server and database setup"
+      );
+      return;
+    }
     const configPath = await resolvePath(options.configPath, { cwd: nuxt.options.rootDir });
     nuxt.options.alias["#nuxt-cms"] = resolver.resolve("./runtime/shared/index");
     nuxt.options.watch.push(configPath);
@@ -556,7 +594,7 @@ const module$1 = defineNuxtModule({
         `export default {`,
         `  dialect: '${dialect}',`,
         `  schema: '${toPosix(schemaTemplate.dst)}',`,
-        `  out: '${toPosix(migrationsDir)}',`,
+        `  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 },` : `  dbCredentials: { url: '${toPosix(resolvedDbPath)}' },`,
         `}`,
         ``

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

@@ -3,6 +3,7 @@ type __VLS_Props = {
     type?: 'button' | 'submit' | 'reset';
     form?: string;
     icon?: string;
+    trailingIcon?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg';
     color?: 'primary' | 'neutral' | 'error' | 'success';
     variant?: 'solid' | 'subtle' | 'soft' | 'ghost';
@@ -10,9 +11,9 @@ type __VLS_Props = {
     loading?: boolean;
     block?: boolean;
 };
-declare var __VLS_11: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -11,18 +11,30 @@
   { 'is-block': block }
 ]"
    >
-      <CmsIcon v-if="loading" name="arrow-path" class="size-4 shrink-0 animate-spin" />
-      <CmsIcon v-else-if="icon" :name="icon" class="size-4 shrink-0" />
+      <CmsIcon
+         v-if="iconName && !trailingIcon"
+         :name="iconName"
+         class="size-4 shrink-0"
+         :class="{ 'animate-spin': loading }"
+      />
       <slot>{{ label }}</slot>
+      <CmsIcon
+         v-if="iconName && trailingIcon"
+         :name="iconName"
+         class="size-4 shrink-0"
+         :class="{ 'animate-spin': loading }"
+      />
    </button>
 </template>
 
 <script setup>
-defineProps({
+import { computed } from "#imports";
+const props = defineProps({
   label: { type: String, required: false },
   type: { type: String, required: false },
   form: { type: String, required: false },
   icon: { type: String, required: false },
+  trailingIcon: { type: Boolean, required: false },
   size: { type: String, required: false },
   color: { type: String, required: false },
   variant: { type: String, required: false },
@@ -30,4 +42,5 @@ defineProps({
   loading: { type: Boolean, required: false },
   block: { type: Boolean, required: false }
 });
+const iconName = computed(() => props.loading ? "arrow-path" : props.icon);
 </script>

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

@@ -3,6 +3,7 @@ type __VLS_Props = {
     type?: 'button' | 'submit' | 'reset';
     form?: string;
     icon?: string;
+    trailingIcon?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg';
     color?: 'primary' | 'neutral' | 'error' | 'success';
     variant?: 'solid' | 'subtle' | 'soft' | 'ghost';
@@ -10,9 +11,9 @@ type __VLS_Props = {
     loading?: boolean;
     block?: boolean;
 };
-declare var __VLS_11: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -21,6 +21,7 @@
    <CmsSelectMenu
       v-else-if="field.type === 'select'"
       v-model="selValue"
+      :multiple="field.multiple"
       :items="selectItems"
       placeholder="Select…"
       size="lg"
@@ -63,7 +64,7 @@ const props = defineProps({
 });
 const model = defineModel({ type: null, ...{ required: true } });
 const selectItems = computed(() => [
-  ...props.field.required ? [] : [{ label: "\u2014", value: null }],
+  ...props.field.required || props.field.multiple ? [] : [{ label: "\u2014", value: null }],
   ...(props.field.options ?? []).map((option) => ({ label: option, value: option }))
 ]);
 function proxy(fromModel, toModel = (v) => v) {
@@ -79,7 +80,9 @@ const str = proxy(
   (v) => v === "" ? null : v
 );
 const strOrNull = proxy((v) => v);
-const selValue = proxy((v) => v ?? null);
+const selValue = proxy(
+  (v) => props.field.multiple ? 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/Icon.vue

@@ -7,11 +7,16 @@ import { defineAsyncComponent, shallowRef, watch } from "#imports";
 const props = defineProps({
   name: { type: String, required: true }
 });
+const icons = import.meta.glob("../../../assets/svg/*.svg", {
+  query: "?component",
+  import: "default"
+});
 const icon = shallowRef();
 watch(
   () => props.name,
   (name) => {
-    icon.value = name ? defineAsyncComponent(() => import(`../../../assets/svg/${name}.svg?component`)) : void 0;
+    const loader = name ? icons[`../../../assets/svg/${name}.svg`] : void 0;
+    icon.value = loader ? defineAsyncComponent(loader) : void 0;
   },
   { immediate: true }
 );

package/dist/runtime/app/composables/cms-query-disabled.d.ts

@@ -0,0 +1,6 @@
+import type { AsyncData } from 'nuxt/app';
+type CmsDisabledResult = Record<string, any>;
+type CmsDisabledVariables = Record<string, any>;
+export declare function $cmsQuery<const Q extends string>(query: Q, variables?: CmsDisabledVariables): Promise<CmsDisabledResult>;
+export declare function useCms<const Q extends string>(query: Q, variables?: CmsDisabledVariables): AsyncData<CmsDisabledResult | undefined, Error | undefined>;
+export {};

package/dist/runtime/app/composables/cms-query-disabled.js

@@ -0,0 +1,10 @@
+import { useAsyncData } from "#imports";
+export async function $cmsQuery(query, variables) {
+  return {};
+}
+export function useCms(query, variables) {
+  return useAsyncData(
+    `cms-gql:${query}:${JSON.stringify(variables ?? {})}`,
+    async () => null
+  );
+}

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

@@ -8,7 +8,6 @@
                <div class="cms-display text-[22px] font-semibold text-(--ui-text-highlighted)">
                   nuxt<span class="text-(--cms-fern)">·</span>cms
                </div>
-               <div class="cms-kicker mt-1.5">content studio</div>
             </div>
 
             <nav class="flex flex-1 flex-col gap-6 overflow-y-auto">
@@ -33,16 +32,15 @@
             </nav>
 
             <div class="flex flex-col gap-3 border-t border-(--cms-line) px-3 pt-5">
-               <div class="truncate text-sm font-medium text-(--ui-text-muted)">
-                  {{ user?.email }}
-               </div>
                <CmsButton
                   label="Sign out"
                   icon="arrow-right-on-rectangle"
+                  trailing-icon
+                  block
                   variant="ghost"
                   color="neutral"
                   size="xs"
-                  class="-ml-2 justify-start rounded-full"
+                  class="rounded-full"
                   @click="logout"
                />
             </div>
@@ -64,7 +62,7 @@
 import { computed, navigateTo, useRoute, useUserSession } from "#imports";
 import cmsConfig from "#cms-config";
 const route = useRoute();
-const { user, clear } = useUserSession();
+const { clear } = useUserSession();
 const links = Object.entries(cmsConfig).map(([name, entry]) => ({
   name,
   label: entry.label,

package/dist/runtime/app/pages/admin-collection.vue

@@ -71,15 +71,12 @@
                @select="onSelect"
             >
                <template v-if="drafts" #status-cell="{ row }">
-                  <button
-                     type="button"
+                  <span
                      class="cms-badge"
                      :class="row.original.status === 'published' ? 'is-published' : 'is-draft'"
-                     :title="row.original.status === 'published' ? 'Make draft' : 'Publish'"
-                     @click.stop="toggleStatus(row.original)"
                   >
                      {{ row.original.status === "published" ? "Published" : "Draft" }}
-                  </button>
+                  </span>
                </template>
                <template #actions-cell="{ row }">
                   <div class="flex justify-end">
@@ -312,16 +309,6 @@ const kicker = computed(
 function onSelect(_event, row) {
   navigateTo(`/cms/${name}/${row.original.id}`);
 }
-async function toggleStatus(row) {
-  const next = row.status === "published" ? "draft" : "published";
-  await submit(async () => {
-    const fresh = await cmsApi(`${endpoint}/${row.id}`);
-    await cmsApi(`${endpoint}/${row.id}`, {
-      method: "PUT",
-      body: { ...pickFields(fresh), status: next }
-    });
-  });
-}
 function openCreate() {
   navigateTo(`/cms/${name}/new`);
 }

package/dist/runtime/app/pages/admin-login.vue

@@ -55,7 +55,7 @@
 import { definePageMeta, navigateTo, ref, useUserSession } from "#imports";
 import { CMS_FIELD_UI, errorMessage } from "../utils/ui";
 definePageMeta({ layout: false });
-const { loggedIn, fetch: refreshSession } = useUserSession();
+const { loggedIn } = useUserSession();
 if (loggedIn.value) {
   await navigateTo("/cms", { replace: true });
 }
@@ -67,8 +67,7 @@ async function login() {
   error.value = null;
   try {
     await $fetch("/api/cms/auth/login", { method: "POST", body: state.value });
-    await refreshSession();
-    await navigateTo("/cms", { replace: true });
+    window.location.replace("/cms");
   } catch (e) {
     const status = e.statusCode;
     error.value = status === 401 ? "Invalid email or password." : errorMessage(e) ?? "Login failed. Please try again.";

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:#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}
+@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}.cms-scope thead .cms-kicker{font-size:.6875rem;letter-spacing:.1em}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;font-family:Fragment Mono,ui-monospace,monospace;font-size:.6875rem;letter-spacing:.1em;padding:.1875rem .5rem;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-draft{background:transparent;border:1px dashed var(--cms-line-strong);color:var(--ui-text-muted)}.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:space-between;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/shared/graphql-sdl.js

@@ -27,6 +27,8 @@ function filterScalarFor(field) {
       return null;
     case "blocks":
       return null;
+    case "select":
+      return field.multiple ? null : "StringFilter";
     case "relation":
       return field.cardinality === "many-to-many" ? null : "StringFilter";
     case "number":
@@ -54,6 +56,7 @@ function fieldSdl(config, entryName, key, field) {
     return `  ${key}: ${target}${nonNull ? "!" : ""}`;
   }
   if (field.type === "media") return `  ${key}: CmsMedia`;
+  if (field.type === "select" && field.multiple) return `  ${key}: [String!]!`;
   if (field.type === "blocks")
     return `  ${key}: [${blockUnionName(entryName, key)}!]${field.required ? "!" : ""}`;
   return `  ${key}: ${scalarFor(field)}${field.required ? "!" : ""}`;

package/dist/runtime/shared/index.d.ts

@@ -39,6 +39,7 @@ export interface FieldConfig {
     integer?: boolean;
     translatable?: boolean;
     options?: string[];
+    multiple?: boolean;
     from?: string;
     blocks?: Record<string, BlockConfig>;
     mediaType?: MediaType;
@@ -48,6 +49,7 @@ export interface FieldConfig {
     onDelete?: 'set null' | 'cascade' | 'restrict';
 }
 export declare function isTranslatableField(field: FieldConfig): boolean;
+export declare function isMultiSelect(field: FieldConfig): boolean;
 export declare function translatableFieldKeys(entry: CmsEntry): string[];
 export interface CmsEntry {
     id: string;
@@ -92,6 +94,7 @@ export interface SlugFieldInput extends FieldInputBase {
 export interface SelectFieldInput extends FieldInputBase {
     type: 'select';
     options: string[];
+    multiple?: boolean;
 }
 export interface JsonFieldInput extends FieldInputBase {
     type: 'json';

package/dist/runtime/shared/index.js

@@ -47,6 +47,9 @@ export function slugify(value) {
 export function isTranslatableField(field) {
   return !!field.translatable && (field.type === "text" || field.type === "richtext");
 }
+export function isMultiSelect(field) {
+  return field.type === "select" && !!field.multiple;
+}
 export function translatableFieldKeys(entry) {
   return Object.entries(entry.fields).filter(([, field]) => isTranslatableField(field)).map(([key]) => key);
 }

package/dist/runtime/shared/validation.js

@@ -58,6 +58,11 @@ export function buildEntrySchema(entry, i18n, messages) {
       shape[key] = field.required ? list.min(1, m.required) : list.nullish().transform((v) => v ?? []);
       continue;
     }
+    if (field.type === "select" && field.multiple) {
+      const list = z.array(z.enum(field.options));
+      shape[key] = field.required ? list.min(1, m.required) : list.nullish().transform((v) => v ?? []);
+      continue;
+    }
     if (field.type === "blocks") {
       const list = blocksSchema(field, m);
       shape[key] = field.required ? list.min(1, m.required) : list.nullish().transform((v) => v ?? null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xleddyl/nuxt-cms",
-  "version": "0.1.17",
+  "version": "0.1.20",
   "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)",
@@ -103,6 +103,6 @@
     "test": "vitest run",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "format": "prettier --write \"**/*.{ts,tsx,js,jsx,md,html,json,sql,vue}\" --log-level error",
-    "release": "changelogen --release --push"
+    "release": "changelogen --release && git push origin main && git push origin v$(node -p \"require('./package.json').version\")"
   }
 }