origam 2.3.0 → 2.6.1

package/dist/src/interfaces/index.d.ts

@@ -1,8 +1,10 @@
 export * from './Alert/alert.interface';
+export * from './App/app.interface';
 export * from './App/app-bar.interface';
 export * from './Avatar/avatar.interface';
 export * from './Avatar/avatar-group.interface';
 export * from './Badge/badge.interface';
+export * from './Blockquote/blockquote.interface';
 export * from './BottomNav/bottom-nav.interface';
 export * from './Bracket/bracket.interface';
 export * from './Bracket/bracket-competitor.interface';
@@ -23,13 +25,11 @@ export * from './Card/card-header.interface';
 export * from './Card/card-text.interface';
 export * from './Carousel/carousel.interface';
 export * from './Carousel/carousel-item.interface';
-export * from './Charts/chart.interface';
-export * from './Charts/chart-bar.interface';
-export * from './Charts/chart-line.interface';
 export * from './Checkbox/checkbox.interface';
 export * from './Checkbox/checkbox-btn.interface';
 export * from './Chip/chip.interface';
 export * from './Chip/chip-group.interface';
+export * from './Clipboard/clipboard.interface';
 export * from './Code/code.interface';
 export * from './ColorPicker/color-picker.interface';
 export * from './ColorPicker/color-picker-canvas.interface';
@@ -49,6 +49,7 @@ export * from './Commons/box.interface';
 export * from './Commons/clickOutside.interface';
 export * from './Commons/calendar.interface';
 export * from './Commons/color.interface';
+export * from './Commons/gradient.interface';
 export * from './Commons/commons.interface';
 export * from './Commons/control.interface';
 export * from './Commons/date.interface';
@@ -90,6 +91,7 @@ export * from './Commons/status.interface';
 export * from './Commons/sticky.interface';
 export * from './Commons/style.interface';
 export * from './Commons/touch.interface';
+export * from './Commons/typography.interface';
 export * from './Commons/validation.interface';
 export * from './Commons/virtual.interface';
 export * from './ContextualMenu/contextual-menu.interface';
@@ -122,6 +124,7 @@ export * from './Dialog/dialog.interface';
 export * from './Dialog/dialog-confirmation.interface';
 export * from './Divider/divider.interface';
 export * from './Drawer/drawer.interface';
+export * from './EmptyState/empty-state.interface';
 export * from './ExpensionPanel/expansion-panels.interface';
 export * from './ExpensionPanel/expansion-panel.interface';
 export * from './ExpensionPanel/expansion-panel-header.interface';
@@ -135,9 +138,16 @@ export * from './Grids/container.interface';
 export * from './Grids/row.interface';
 export * from './Grids/col.interface';
 export * from './Grids/spacer.interface';
+export * from './Grid/grid.interface';
+export * from './Grid/grid-item.interface';
+export * from './Masonry/masonry.interface';
+export * from './Media';
+export * from './Audio/audio-player.interface';
 export * from './Icon/icon.interface';
 export * from './Img/img.interface';
 export * from './InfiniteScroll/infinite-scroll.interface';
+export * from './InlineEdit/inline-edit.interface';
+export * from './NumberFormat/number-format.interface';
 export * from './Input/input.interface';
 export * from './Label/label.interface';
 export * from './List/list.interface';
@@ -180,10 +190,10 @@ export * from './Sheet/sheet-swipe-return.interface';
 export * from './Slide/slide-group.interface';
 export * from './SliderField/slider-field.interface';
 export * from './SliderField/slider-field-track.interface';
-export * from './SliderField/slider-field-thumb.interface';
 export * from './Snackbar/snackbar.interface';
-export * from './SnackbarStack/snackbar-stack.interface';
-export * from './SnackbarStack/snackbar-stack-item.interface';
+export * from './Snackbar/snackbar-item.interface';
+export * from './Snackbar/snackbar-group.interface';
+export * from './Snackbar/snackbar-group-item.interface';
 export * from './CommandPalette/command.interface';
 export * from './CommandPalette/command-palette.interface';
 export * from './Switch/switch.interface';
@@ -198,6 +208,7 @@ export * from './TextareaField/textarea-field.interface';
 export * from './Textarea/textarea-rich.interface';
 export * from './Textarea/textarea-toolbar.interface';
 export * from './TextField/text-field.interface';
+export * from './TextMask/text-mask.interface';
 export * from './Title/title.interface';
 export * from './Toolbar/toolbar.interface';
 export * from './Tooltip/tooltip.interface';
@@ -214,3 +225,44 @@ export * from './Timeline/timeline.interface';
 export * from './Treeview/treeview.interface';
 export * from './Mask/mask-options.interface';
 export * from './Nuxt/nuxt-module.interface';
+export * from './Theme/origam-theme.interface';
+export * from './QrCode/qr-code.interface';
+export * from './QrCode/qr-code-logo.interface';
+export * from './Watermark/watermark.interface';
+export * from './Video/video.interface';
+export * from './Video/video-track.interface';
+export * from './Calendar/event.interface';
+export * from './Calendar/calendar.interface';
+export * from './Chart/chart-series.interface';
+export * from './Chart/chart-point.interface';
+export * from './Chart/chart-drilldown.interface';
+export * from './Chart/chart-plot-band.interface';
+export * from './Chart/chart-plot-line.interface';
+export * from './Chart/chart-annotation.interface';
+export * from './Chart/chart.interface';
+export * from './Chart/chart-base.interface';
+export * from './Chart/chart-range-selector.interface';
+export * from './Chart/chart-axis.interface';
+export * from './Chart/chart-legend.interface';
+export * from './Chart/chart-tooltip.interface';
+export * from './Chart/chart-cartesian.interface';
+export * from './Chart/chart-polar.interface';
+export * from './Chart/chart-radar.interface';
+export * from './Chart/chart-gauge.interface';
+export * from './Chart/chart-pyramid.interface';
+export * from './Chart/chart-honeycomb.interface';
+export * from './Chart/chart-treemap.interface';
+export * from './Chart/chart-sankey.interface';
+export * from './Chart/chart-word-cloud.interface';
+export * from './Chart/chart-heatmap.interface';
+export * from './Chart/chart-sunburst.interface';
+export * from './Chart/chart-box-plot.interface';
+export * from './Chart/chart-pictorial.interface';
+export * from './Chart/chart-streamgraph.interface';
+export * from './Chart/chart-candlestick.interface';
+export * from './Chart/chart-variwide.interface';
+export * from './Chart/chart-polar-bar.interface';
+export * from './Chart/chart-bullet.interface';
+export * from './Chart/chart-pareto.interface';
+export * from './Chart/chart-map.interface';
+export * from './Chart/chart-sparkline.interface';

package/dist/src/interfaces/index.js

@@ -1,8 +1,10 @@
 export * from "./Alert/alert.interface.js";
+export * from "./App/app.interface.js";
 export * from "./App/app-bar.interface.js";
 export * from "./Avatar/avatar.interface.js";
 export * from "./Avatar/avatar-group.interface.js";
 export * from "./Badge/badge.interface.js";
+export * from "./Blockquote/blockquote.interface.js";
 export * from "./BottomNav/bottom-nav.interface.js";
 export * from "./Bracket/bracket.interface.js";
 export * from "./Bracket/bracket-competitor.interface.js";
@@ -23,13 +25,11 @@ export * from "./Card/card-header.interface.js";
 export * from "./Card/card-text.interface.js";
 export * from "./Carousel/carousel.interface.js";
 export * from "./Carousel/carousel-item.interface.js";
-export * from "./Charts/chart.interface.js";
-export * from "./Charts/chart-bar.interface.js";
-export * from "./Charts/chart-line.interface.js";
 export * from "./Checkbox/checkbox.interface.js";
 export * from "./Checkbox/checkbox-btn.interface.js";
 export * from "./Chip/chip.interface.js";
 export * from "./Chip/chip-group.interface.js";
+export * from "./Clipboard/clipboard.interface.js";
 export * from "./Code/code.interface.js";
 export * from "./ColorPicker/color-picker.interface.js";
 export * from "./ColorPicker/color-picker-canvas.interface.js";
@@ -49,6 +49,7 @@ export * from "./Commons/box.interface.js";
 export * from "./Commons/clickOutside.interface.js";
 export * from "./Commons/calendar.interface.js";
 export * from "./Commons/color.interface.js";
+export * from "./Commons/gradient.interface.js";
 export * from "./Commons/commons.interface.js";
 export * from "./Commons/control.interface.js";
 export * from "./Commons/date.interface.js";
@@ -90,6 +91,7 @@ export * from "./Commons/status.interface.js";
 export * from "./Commons/sticky.interface.js";
 export * from "./Commons/style.interface.js";
 export * from "./Commons/touch.interface.js";
+export * from "./Commons/typography.interface.js";
 export * from "./Commons/validation.interface.js";
 export * from "./Commons/virtual.interface.js";
 export * from "./ContextualMenu/contextual-menu.interface.js";
@@ -122,6 +124,7 @@ export * from "./Dialog/dialog.interface.js";
 export * from "./Dialog/dialog-confirmation.interface.js";
 export * from "./Divider/divider.interface.js";
 export * from "./Drawer/drawer.interface.js";
+export * from "./EmptyState/empty-state.interface.js";
 export * from "./ExpensionPanel/expansion-panels.interface.js";
 export * from "./ExpensionPanel/expansion-panel.interface.js";
 export * from "./ExpensionPanel/expansion-panel-header.interface.js";
@@ -135,9 +138,16 @@ export * from "./Grids/container.interface.js";
 export * from "./Grids/row.interface.js";
 export * from "./Grids/col.interface.js";
 export * from "./Grids/spacer.interface.js";
+export * from "./Grid/grid.interface.js";
+export * from "./Grid/grid-item.interface.js";
+export * from "./Masonry/masonry.interface.js";
+export * from "./Media/index.js";
+export * from "./Audio/audio-player.interface.js";
 export * from "./Icon/icon.interface.js";
 export * from "./Img/img.interface.js";
 export * from "./InfiniteScroll/infinite-scroll.interface.js";
+export * from "./InlineEdit/inline-edit.interface.js";
+export * from "./NumberFormat/number-format.interface.js";
 export * from "./Input/input.interface.js";
 export * from "./Label/label.interface.js";
 export * from "./List/list.interface.js";
@@ -180,10 +190,10 @@ export * from "./Sheet/sheet-swipe-return.interface.js";
 export * from "./Slide/slide-group.interface.js";
 export * from "./SliderField/slider-field.interface.js";
 export * from "./SliderField/slider-field-track.interface.js";
-export * from "./SliderField/slider-field-thumb.interface.js";
 export * from "./Snackbar/snackbar.interface.js";
-export * from "./SnackbarStack/snackbar-stack.interface.js";
-export * from "./SnackbarStack/snackbar-stack-item.interface.js";
+export * from "./Snackbar/snackbar-item.interface.js";
+export * from "./Snackbar/snackbar-group.interface.js";
+export * from "./Snackbar/snackbar-group-item.interface.js";
 export * from "./CommandPalette/command.interface.js";
 export * from "./CommandPalette/command-palette.interface.js";
 export * from "./Switch/switch.interface.js";
@@ -198,6 +208,7 @@ export * from "./TextareaField/textarea-field.interface.js";
 export * from "./Textarea/textarea-rich.interface.js";
 export * from "./Textarea/textarea-toolbar.interface.js";
 export * from "./TextField/text-field.interface.js";
+export * from "./TextMask/text-mask.interface.js";
 export * from "./Title/title.interface.js";
 export * from "./Toolbar/toolbar.interface.js";
 export * from "./Tooltip/tooltip.interface.js";
@@ -214,3 +225,44 @@ export * from "./Timeline/timeline.interface.js";
 export * from "./Treeview/treeview.interface.js";
 export * from "./Mask/mask-options.interface.js";
 export * from "./Nuxt/nuxt-module.interface.js";
+export * from "./Theme/origam-theme.interface.js";
+export * from "./QrCode/qr-code.interface.js";
+export * from "./QrCode/qr-code-logo.interface.js";
+export * from "./Watermark/watermark.interface.js";
+export * from "./Video/video.interface.js";
+export * from "./Video/video-track.interface.js";
+export * from "./Calendar/event.interface.js";
+export * from "./Calendar/calendar.interface.js";
+export * from "./Chart/chart-series.interface.js";
+export * from "./Chart/chart-point.interface.js";
+export * from "./Chart/chart-drilldown.interface.js";
+export * from "./Chart/chart-plot-band.interface.js";
+export * from "./Chart/chart-plot-line.interface.js";
+export * from "./Chart/chart-annotation.interface.js";
+export * from "./Chart/chart.interface.js";
+export * from "./Chart/chart-base.interface.js";
+export * from "./Chart/chart-range-selector.interface.js";
+export * from "./Chart/chart-axis.interface.js";
+export * from "./Chart/chart-legend.interface.js";
+export * from "./Chart/chart-tooltip.interface.js";
+export * from "./Chart/chart-cartesian.interface.js";
+export * from "./Chart/chart-polar.interface.js";
+export * from "./Chart/chart-radar.interface.js";
+export * from "./Chart/chart-gauge.interface.js";
+export * from "./Chart/chart-pyramid.interface.js";
+export * from "./Chart/chart-honeycomb.interface.js";
+export * from "./Chart/chart-treemap.interface.js";
+export * from "./Chart/chart-sankey.interface.js";
+export * from "./Chart/chart-word-cloud.interface.js";
+export * from "./Chart/chart-heatmap.interface.js";
+export * from "./Chart/chart-sunburst.interface.js";
+export * from "./Chart/chart-box-plot.interface.js";
+export * from "./Chart/chart-pictorial.interface.js";
+export * from "./Chart/chart-streamgraph.interface.js";
+export * from "./Chart/chart-candlestick.interface.js";
+export * from "./Chart/chart-variwide.interface.js";
+export * from "./Chart/chart-polar-bar.interface.js";
+export * from "./Chart/chart-bullet.interface.js";
+export * from "./Chart/chart-pareto.interface.js";
+export * from "./Chart/chart-map.interface.js";
+export * from "./Chart/chart-sparkline.interface.js";

package/dist/src/nuxt/module.cjs

@@ -4,18 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _nodeFs = require("node:fs");
+var _nodePath = require("node:path");
 var _kit = require("@nuxt/kit");
 const MODULE_NAME = "origam-nuxt";
 const CONFIG_KEY = "origam";
+const NUXT_COMPOSABLES_BLOCKLIST = /* @__PURE__ */new Set(["useRoute", "useRouter", "useLink", "useHydration"]);
+const DEFAULT_THEMES = [];
+const DEFAULT_MODES = ["light", "dark"];
 const DEFAULTS = {
-  themes: ["light", "dark"],
+  themes: DEFAULT_THEMES,
   defaultTheme: "auto",
+  modes: DEFAULT_MODES,
+  defaultMode: "auto",
   cookieName: "origam-theme",
+  modeCookieName: "origam-mode",
   cookieMaxAge: 60 * 60 * 24 * 365,
   autoImport: true,
   includeUtilities: true,
   prefix: "Origam"
 };
+const SCALAR_DEFAULTS = {
+  defaultTheme: DEFAULTS.defaultTheme,
+  defaultMode: DEFAULTS.defaultMode,
+  cookieName: DEFAULTS.cookieName,
+  modeCookieName: DEFAULTS.modeCookieName,
+  cookieMaxAge: DEFAULTS.cookieMaxAge,
+  autoImport: DEFAULTS.autoImport,
+  includeUtilities: DEFAULTS.includeUtilities,
+  prefix: DEFAULTS.prefix
+};
 module.exports = (0, _kit.defineNuxtModule)({
   meta: {
     name: MODULE_NAME,
@@ -24,12 +42,15 @@ module.exports = (0, _kit.defineNuxtModule)({
       nuxt: "^3.0.0 || ^4.0.0"
     }
   },
-  defaults: DEFAULTS,
+  defaults: SCALAR_DEFAULTS,
   setup(options, nuxt) {
     const resolver = (0, _kit.createResolver)(require('url').pathToFileURL(__filename).toString());
-    const themes = options.themes ?? DEFAULTS.themes;
+    const themes = options.themes ?? DEFAULT_THEMES;
     const defaultTheme = options.defaultTheme ?? DEFAULTS.defaultTheme;
+    const modes = options.modes ?? DEFAULT_MODES;
+    const defaultMode = options.defaultMode ?? DEFAULTS.defaultMode;
     const cookieName = options.cookieName ?? DEFAULTS.cookieName;
+    const modeCookieName = options.modeCookieName ?? DEFAULTS.modeCookieName;
     const cookieMaxAge = options.cookieMaxAge ?? DEFAULTS.cookieMaxAge;
     const autoImport = options.autoImport ?? DEFAULTS.autoImport;
     const includeUtilities = options.includeUtilities ?? DEFAULTS.includeUtilities;
@@ -37,10 +58,9 @@ module.exports = (0, _kit.defineNuxtModule)({
     if (!nuxt.options.css.includes("origam/tokens/css/primitive")) {
       nuxt.options.css.unshift("origam/tokens/css/primitive");
     }
-    for (const theme of themes) {
-      const cssId = `origam/tokens/css/${theme}`;
-      if (!nuxt.options.css.includes(cssId)) {
-        nuxt.options.css.push(cssId);
+    for (const sheet of ["origam/tokens/css/light", "origam/tokens/css/dark"]) {
+      if (!nuxt.options.css.includes(sheet)) {
+        nuxt.options.css.push(sheet);
       }
     }
     if (includeUtilities && !nuxt.options.css.includes("origam/tokens/css/utilities")) {
@@ -55,7 +75,52 @@ module.exports = (0, _kit.defineNuxtModule)({
       mode: "client"
     });
     if (autoImport) {
-      (0, _kit.addImportsDir)(resolver.resolve("../composables"));
+      const composablesRoot = resolver.resolve("../composables");
+      const exportNameRegex = /export\s+(?:async\s+)?(?:function|const|let|var)\s+([A-Za-z_$][\w$]*)/g;
+      const collect = (dir, acc) => {
+        let entries;
+        try {
+          entries = (0, _nodeFs.readdirSync)(dir);
+        } catch {
+          return;
+        }
+        for (const entry of entries) {
+          const full = (0, _nodePath.join)(dir, entry);
+          let s;
+          try {
+            s = (0, _nodeFs.statSync)(full);
+          } catch {
+            continue;
+          }
+          if (s.isDirectory()) {
+            collect(full, acc);
+            continue;
+          }
+          if (!/\.(?:m?js|ts)$/.test(entry)) continue;
+          if (entry.endsWith(".d.ts")) continue;
+          let src = "";
+          try {
+            src = (0, _nodeFs.readFileSync)(full, "utf-8");
+          } catch {
+            continue;
+          }
+          let m;
+          exportNameRegex.lastIndex = 0;
+          while (m = exportNameRegex.exec(src)) {
+            const name = m[1];
+            if (NUXT_COMPOSABLES_BLOCKLIST.has(name)) continue;
+            acc.push({
+              name,
+              from: full
+            });
+          }
+        }
+      };
+      const imports = [];
+      collect(composablesRoot, imports);
+      if (imports.length) {
+        (0, _kit.addImports)(imports);
+      }
       (0, _kit.addComponentsDir)({
         path: resolver.resolve("../components"),
         prefix: "",
@@ -65,9 +130,14 @@ module.exports = (0, _kit.defineNuxtModule)({
     }
     nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
     nuxt.options.runtimeConfig.public.origam = {
+      // Installed theme OBJECTS, passed straight to createOrigam in the
+      // plugins (ADR-004 — no preset-name resolution).
       themes,
       defaultTheme,
+      modes,
+      defaultMode,
       cookieName,
+      modeCookieName,
       cookieMaxAge
     };
   }

package/dist/src/nuxt/module.js

@@ -1,15 +1,38 @@
-import { addComponentsDir, addImportsDir, addPlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
+import { readdirSync, readFileSync, statSync } from "node:fs";
+import { join } from "node:path";
+import { addComponentsDir, addImports, addPlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
 const MODULE_NAME = "origam-nuxt";
 const CONFIG_KEY = "origam";
+const NUXT_COMPOSABLES_BLOCKLIST = /* @__PURE__ */ new Set([
+  "useRoute",
+  "useRouter",
+  "useLink",
+  "useHydration"
+]);
+const DEFAULT_THEMES = [];
+const DEFAULT_MODES = ["light", "dark"];
 const DEFAULTS = {
-  themes: ["light", "dark"],
+  themes: DEFAULT_THEMES,
   defaultTheme: "auto",
+  modes: DEFAULT_MODES,
+  defaultMode: "auto",
   cookieName: "origam-theme",
+  modeCookieName: "origam-mode",
   cookieMaxAge: 60 * 60 * 24 * 365,
   autoImport: true,
   includeUtilities: true,
   prefix: "Origam"
 };
+const SCALAR_DEFAULTS = {
+  defaultTheme: DEFAULTS.defaultTheme,
+  defaultMode: DEFAULTS.defaultMode,
+  cookieName: DEFAULTS.cookieName,
+  modeCookieName: DEFAULTS.modeCookieName,
+  cookieMaxAge: DEFAULTS.cookieMaxAge,
+  autoImport: DEFAULTS.autoImport,
+  includeUtilities: DEFAULTS.includeUtilities,
+  prefix: DEFAULTS.prefix
+};
 export default defineNuxtModule({
   meta: {
     name: MODULE_NAME,
@@ -18,12 +41,15 @@ export default defineNuxtModule({
       nuxt: "^3.0.0 || ^4.0.0"
     }
   },
-  defaults: DEFAULTS,
+  defaults: SCALAR_DEFAULTS,
   setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
-    const themes = options.themes ?? DEFAULTS.themes;
+    const themes = options.themes ?? DEFAULT_THEMES;
     const defaultTheme = options.defaultTheme ?? DEFAULTS.defaultTheme;
+    const modes = options.modes ?? DEFAULT_MODES;
+    const defaultMode = options.defaultMode ?? DEFAULTS.defaultMode;
     const cookieName = options.cookieName ?? DEFAULTS.cookieName;
+    const modeCookieName = options.modeCookieName ?? DEFAULTS.modeCookieName;
     const cookieMaxAge = options.cookieMaxAge ?? DEFAULTS.cookieMaxAge;
     const autoImport = options.autoImport ?? DEFAULTS.autoImport;
     const includeUtilities = options.includeUtilities ?? DEFAULTS.includeUtilities;
@@ -31,10 +57,9 @@ export default defineNuxtModule({
     if (!nuxt.options.css.includes("origam/tokens/css/primitive")) {
       nuxt.options.css.unshift("origam/tokens/css/primitive");
     }
-    for (const theme of themes) {
-      const cssId = `origam/tokens/css/${theme}`;
-      if (!nuxt.options.css.includes(cssId)) {
-        nuxt.options.css.push(cssId);
+    for (const sheet of ["origam/tokens/css/light", "origam/tokens/css/dark"]) {
+      if (!nuxt.options.css.includes(sheet)) {
+        nuxt.options.css.push(sheet);
       }
     }
     if (includeUtilities && !nuxt.options.css.includes("origam/tokens/css/utilities")) {
@@ -49,7 +74,49 @@ export default defineNuxtModule({
       mode: "client"
     });
     if (autoImport) {
-      addImportsDir(resolver.resolve("../composables"));
+      const composablesRoot = resolver.resolve("../composables");
+      const exportNameRegex = /export\s+(?:async\s+)?(?:function|const|let|var)\s+([A-Za-z_$][\w$]*)/g;
+      const collect = (dir, acc) => {
+        let entries;
+        try {
+          entries = readdirSync(dir);
+        } catch {
+          return;
+        }
+        for (const entry of entries) {
+          const full = join(dir, entry);
+          let s;
+          try {
+            s = statSync(full);
+          } catch {
+            continue;
+          }
+          if (s.isDirectory()) {
+            collect(full, acc);
+            continue;
+          }
+          if (!/\.(?:m?js|ts)$/.test(entry)) continue;
+          if (entry.endsWith(".d.ts")) continue;
+          let src = "";
+          try {
+            src = readFileSync(full, "utf-8");
+          } catch {
+            continue;
+          }
+          let m;
+          exportNameRegex.lastIndex = 0;
+          while (m = exportNameRegex.exec(src)) {
+            const name = m[1];
+            if (NUXT_COMPOSABLES_BLOCKLIST.has(name)) continue;
+            acc.push({ name, from: full });
+          }
+        }
+      };
+      const imports = [];
+      collect(composablesRoot, imports);
+      if (imports.length) {
+        addImports(imports);
+      }
       addComponentsDir({
         path: resolver.resolve("../components"),
         prefix: "",
@@ -59,9 +126,14 @@ export default defineNuxtModule({
     }
     nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
     nuxt.options.runtimeConfig.public.origam = {
+      // Installed theme OBJECTS, passed straight to createOrigam in the
+      // plugins (ADR-004 — no preset-name resolution).
       themes,
       defaultTheme,
+      modes,
+      defaultMode,
       cookieName,
+      modeCookieName,
       cookieMaxAge
     };
   }

package/dist/src/nuxt/plugin.client.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 
 var _vue = require("vue");
 var _composables = require("../composables/index.cjs");
-var _consts = require("../consts/index.cjs");
 var _origam = require("../origam.cjs");
 var _app = require("#app");
 module.exports = (0, _app.defineNuxtPlugin)({
@@ -14,29 +13,48 @@ module.exports = (0, _app.defineNuxtPlugin)({
   setup(nuxtApp) {
     const runtimeConfig = (0, _app.useRuntimeConfig)().public;
     const config = runtimeConfig.origam;
-    const cookie = (0, _app.useCookie)(config.cookieName, {
+    const themeCookie = (0, _app.useCookie)(config.cookieName, {
       maxAge: config.cookieMaxAge,
       sameSite: "lax",
       path: "/"
     });
-    const fromDom = typeof document !== "undefined" && document.documentElement.dataset.theme || null;
-    const initialTheme = fromDom ?? cookie.value ?? config.defaultTheme;
-    const origam = (0, _origam.createOrigam)();
+    const modeCookie = (0, _app.useCookie)(config.modeCookieName, {
+      maxAge: config.cookieMaxAge,
+      sameSite: "lax",
+      path: "/"
+    });
+    const themeFromDom = typeof document !== "undefined" && document.documentElement.dataset.theme || null;
+    const initialTheme = themeFromDom ?? themeCookie.value ?? config.defaultTheme;
+    const initialMode = modeCookie.value ?? config.defaultMode;
+    const themes = config.themes ?? [];
+    const origam = (0, _origam.createOrigam)({
+      themes,
+      ssr: true
+    });
     nuxtApp.vueApp.use(origam);
     const themeApi = (0, _composables.useTheme)();
     themeApi.setTheme(initialTheme);
+    themeApi.setMode(initialMode);
+    (0, _vue.watch)([themeApi.theme, themeApi.resolvedMode], ([brand, mode]) => {
+      origam._defaultsRef.value = origam._activeDefaultsFor(brand === "auto" ? "" : brand, mode);
+    }, {
+      immediate: true
+    });
     (0, _vue.watch)(themeApi.theme, next => {
-      cookie.value = next;
-      if (typeof document !== "undefined") {
-        document.documentElement.setAttribute(_consts.ORIGAM_THEME_ATTR, next);
-      }
+      themeCookie.value = next;
+    }, {
+      flush: "post"
+    });
+    (0, _vue.watch)(themeApi.mode, next => {
+      modeCookie.value = next;
     }, {
       flush: "post"
     });
     return {
       provide: {
         origam: {
-          theme: initialTheme
+          theme: initialTheme,
+          mode: initialMode
         }
       }
     };

package/dist/src/nuxt/plugin.client.js

@@ -1,6 +1,5 @@
 import { watch } from "vue";
 import { useTheme } from "../composables/index.js";
-import { ORIGAM_THEME_ATTR } from "../consts/index.js";
 import { createOrigam } from "../origam.js";
 import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#app";
 export default defineNuxtPlugin({
@@ -8,27 +7,46 @@ export default defineNuxtPlugin({
   setup(nuxtApp) {
     const runtimeConfig = useRuntimeConfig().public;
     const config = runtimeConfig.origam;
-    const cookie = useCookie(config.cookieName, {
+    const themeCookie = useCookie(config.cookieName, {
       maxAge: config.cookieMaxAge,
       sameSite: "lax",
       path: "/"
     });
-    const fromDom = typeof document !== "undefined" && document.documentElement.dataset.theme || null;
-    const initialTheme = fromDom ?? cookie.value ?? config.defaultTheme;
-    const origam = createOrigam();
+    const modeCookie = useCookie(config.modeCookieName, {
+      maxAge: config.cookieMaxAge,
+      sameSite: "lax",
+      path: "/"
+    });
+    const themeFromDom = typeof document !== "undefined" && document.documentElement.dataset.theme || null;
+    const initialTheme = themeFromDom ?? themeCookie.value ?? config.defaultTheme;
+    const initialMode = modeCookie.value ?? config.defaultMode;
+    const themes = config.themes ?? [];
+    const origam = createOrigam({ themes, ssr: true });
     nuxtApp.vueApp.use(origam);
     const themeApi = useTheme();
     themeApi.setTheme(initialTheme);
+    themeApi.setMode(initialMode);
+    watch(
+      [themeApi.theme, themeApi.resolvedMode],
+      ([brand, mode]) => {
+        origam._defaultsRef.value = origam._activeDefaultsFor(
+          brand === "auto" ? "" : brand,
+          mode
+        );
+      },
+      { immediate: true }
+    );
     watch(themeApi.theme, (next) => {
-      cookie.value = next;
-      if (typeof document !== "undefined") {
-        document.documentElement.setAttribute(ORIGAM_THEME_ATTR, next);
-      }
+      themeCookie.value = next;
+    }, { flush: "post" });
+    watch(themeApi.mode, (next) => {
+      modeCookie.value = next;
     }, { flush: "post" });
     return {
       provide: {
         origam: {
-          theme: initialTheme
+          theme: initialTheme,
+          mode: initialMode
         }
       }
     };