origam 2.5.0 → 2.6.1

package/dist/src/composables/Theme/theme.composable.cjs

@@ -3,12 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports._resetThemeForTesting = _resetThemeForTesting;
+exports.applyModeSync = applyModeSync;
 exports.applyThemeSync = applyThemeSync;
+exports.readPersistedMode = readPersistedMode;
 exports.readPersistedTheme = readPersistedTheme;
 exports.useTheme = useTheme;
 var _vue = require("vue");
 var _theme2 = require("../../consts/Theme/theme.const.cjs");
 let _theme = null;
+let _mode = null;
+let _systemPrefersDark = null;
+let _mediaInitDone = false;
+function ensureSystemPreference() {
+  if (_systemPrefersDark === null) {
+    _systemPrefersDark = (0, _vue.ref)(false);
+  }
+  if (_mediaInitDone || typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return _systemPrefersDark;
+  }
+  _mediaInitDone = true;
+  const mq = window.matchMedia("(prefers-color-scheme: dark)");
+  _systemPrefersDark.value = mq.matches;
+  mq.addEventListener?.("change", e => {
+    if (_systemPrefersDark) _systemPrefersDark.value = e.matches;
+  });
+  return _systemPrefersDark;
+}
 function readPersisted() {
   if (typeof window === "undefined") return "auto";
   try {
@@ -32,51 +53,101 @@ function applyToDocument(theme) {
     document.documentElement.setAttribute(_theme2.ORIGAM_THEME_ATTR, theme);
   }
 }
+function readPersistedModeValue() {
+  if (typeof window === "undefined") return "auto";
+  try {
+    const v = window.localStorage?.getItem(_theme2.ORIGAM_MODE_STORAGE_KEY);
+    if (v === "auto" || v === "light" || v === "dark") return v;
+  } catch {}
+  return "auto";
+}
+function writePersistedMode(mode) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage?.setItem(_theme2.ORIGAM_MODE_STORAGE_KEY, mode);
+  } catch {}
+}
+function applyModeToDocument(resolvedMode) {
+  if (typeof document === "undefined") return;
+  document.documentElement.setAttribute(_theme2.ORIGAM_MODE_ATTR, resolvedMode);
+}
 function useTheme() {
   if (_theme === null) {
     _theme = (0, _vue.ref)(readPersisted());
   }
+  if (_mode === null) {
+    _mode = (0, _vue.ref)(readPersistedModeValue());
+  }
   const theme = _theme;
-  const systemPrefersDark = (0, _vue.ref)(false);
+  const mode = _mode;
+  const systemPrefersDark = ensureSystemPreference();
   const resolved = (0, _vue.computed)(() => {
     if (theme.value === "auto") return systemPrefersDark.value ? "dark" : "light";
     return theme.value === "dark" ? "dark" : "light";
   });
-  let mediaQuery = null;
-  const onSystemChange = e => {
-    systemPrefersDark.value = e.matches;
-  };
-  (0, _vue.onMounted)(() => {
-    if (typeof window === "undefined") return;
-    mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    systemPrefersDark.value = mediaQuery.matches;
-    mediaQuery.addEventListener?.("change", onSystemChange);
-    applyToDocument(theme.value);
-  });
-  (0, _vue.onUnmounted)(() => {
-    mediaQuery?.removeEventListener?.("change", onSystemChange);
+  const resolvedMode = (0, _vue.computed)(() => {
+    if (mode.value === "auto") return systemPrefersDark.value ? "dark" : "light";
+    return mode.value;
   });
   (0, _vue.watch)(theme, next => {
     applyToDocument(next);
     writePersisted(next);
+  }, {
+    immediate: true
+  });
+  (0, _vue.watch)(resolvedMode, next => {
+    applyModeToDocument(next);
+  }, {
+    immediate: true
+  });
+  (0, _vue.watch)(mode, next => {
+    writePersistedMode(next);
   });
   function setTheme(next) {
     theme.value = next;
   }
+  function setMode(next) {
+    mode.value = next;
+  }
   function toggle() {
     const effective = resolved.value;
     theme.value = effective === "dark" ? "light" : "dark";
   }
+  function toggleMode() {
+    const effective = resolvedMode.value;
+    mode.value = effective === "dark" ? "light" : "dark";
+  }
   return {
     theme: (0, _vue.readonly)(theme),
     resolved: (0, _vue.readonly)(resolved),
     setTheme,
-    toggle
+    toggle,
+    mode: (0, _vue.readonly)(mode),
+    resolvedMode: (0, _vue.readonly)(resolvedMode),
+    setMode,
+    toggleMode
   };
 }
 function applyThemeSync(theme) {
   applyToDocument(theme);
 }
+function applyModeSync(mode) {
+  if (mode === "light" || mode === "dark") {
+    applyModeToDocument(mode);
+    return;
+  }
+  const prefersDark = ensureSystemPreference().value;
+  applyModeToDocument(prefersDark ? "dark" : "light");
+}
 function readPersistedTheme() {
   return readPersisted();
+}
+function readPersistedMode() {
+  return readPersistedModeValue();
+}
+function _resetThemeForTesting() {
+  _theme = null;
+  _mode = null;
+  _systemPrefersDark = null;
+  _mediaInitDone = false;
 }

package/dist/src/composables/Theme/theme.composable.d.ts

@@ -1,17 +1,30 @@
 import type { Ref } from 'vue';
-import type { TTheme, TThemeResolved } from '../../types';
+import type { TMode, TModeResolved, TTheme, TThemeResolved } from '../../types/Theme/theme.type';
 /**
- * `useTheme()` returns a shared, reactive theme handle.
+ * `useTheme()` returns a shared, reactive handle over the two theming axes.
  *
- * - `theme` (read-only ref): the current setting — `'auto' | 'light' | 'dark' | string`.
+ * ### Brand axis (`theme` / `data-theme`)
+ * - `theme` (read-only ref): the current brand — `'auto' | 'light' | 'dark' | string`.
  * - `setTheme(t)`: imperative setter. Persists to `localStorage` and applies
  *   `data-theme` to `<html>`.
  * - `resolved` (computed): the effective theme after resolving `'auto'`
  *   against `prefers-color-scheme`. Useful for SVG asset switching.
- * - `toggle()`: convenience to flip light ↔ dark (treats `'auto'` as light).
+ * - `toggle()`: convenience to flip the brand light ↔ dark (treats `'auto'`
+ *   as light). Kept for back-compat with the single-axis API.
  *
- * The composable does NOT auto-mount a media-query listener at import time
- * (SSR safety). It does so on `onMounted` and cleans up on `onUnmounted`.
+ * ### Mode axis (`mode` / `data-mode`)
+ * - `mode` (read-only ref): the current color mode — `'auto' | 'light' | 'dark'`.
+ * - `setMode(m)`: imperative setter. Persists to `localStorage` and applies
+ *   `data-mode` to `<html>`.
+ * - `resolvedMode` (computed): the effective mode after resolving `'auto'`
+ *   against `prefers-color-scheme`.
+ * - `toggleMode()`: flip the color mode light ↔ dark (treats `'auto'` as the
+ *   current system preference).
+ *
+ * The media-query listener is a lazily-initialised SINGLETON (see
+ * `ensureSystemPreference`) rather than an `onMounted` hook, so `resolvedMode`
+ * is correct even when `useTheme()` is first called outside a component (e.g.
+ * a Nuxt plugin). SSR stays safe — the init is a no-op without `window`.
  */
 /*********************************************************
  * useTheme
@@ -21,20 +34,52 @@ export declare function useTheme(): {
     resolved: Readonly<Ref<TThemeResolved, TThemeResolved>>;
     setTheme: (next: TTheme) => void;
     toggle: () => void;
+    mode: Readonly<Ref<TMode, TMode>>;
+    resolvedMode: Readonly<Ref<TModeResolved, TModeResolved>>;
+    setMode: (next: TMode) => void;
+    toggleMode: () => void;
 };
 /**
- * Internal helper for SSR / no-flash plugins: apply a theme to the document
- * synchronously (called BEFORE first render). Bypasses Vue reactivity.
+ * Internal helper for SSR / no-flash plugins: apply a theme (brand) to the
+ * document synchronously (called BEFORE first render). Bypasses Vue reactivity.
  */
 /*********************************************************
  * applyThemeSync
  ********************************************************/
 export declare function applyThemeSync(theme: TTheme): void;
 /**
- * Internal helper for SSR / no-flash plugins: read the persisted theme from
- * localStorage without instantiating the composable.
+ * Internal helper for SSR / no-flash plugins: apply a CONCRETE mode to the
+ * document synchronously. Bypasses Vue reactivity. An `'auto'` argument is
+ * resolved against the current `prefers-color-scheme` (falling back to
+ * `'light'` when unavailable) so `data-mode` always ends up concrete — the
+ * token matrix has no mode-less fallback.
+ */
+/*********************************************************
+ * applyModeSync
+ ********************************************************/
+export declare function applyModeSync(mode: TMode): void;
+/**
+ * Internal helper for SSR / no-flash plugins: read the persisted theme (brand)
+ * from localStorage without instantiating the composable.
  */
 /*********************************************************
  * readPersistedTheme
  ********************************************************/
 export declare function readPersistedTheme(): TTheme;
+/**
+ * Internal helper for SSR / no-flash plugins: read the persisted mode from
+ * localStorage without instantiating the composable.
+ */
+/*********************************************************
+ * readPersistedMode
+ ********************************************************/
+export declare function readPersistedMode(): TMode;
+/**
+ * Test-only: clear the module-level singletons (theme / mode refs and the
+ * `prefers-color-scheme` cache) so each spec starts from a clean slate. Not
+ * part of the public API.
+ */
+/*********************************************************
+ * _resetThemeForTesting
+ ********************************************************/
+export declare function _resetThemeForTesting(): void;

package/dist/src/composables/Theme/theme.composable.js

@@ -1,6 +1,29 @@
-import { computed, onMounted, onUnmounted, readonly, ref, watch } from "vue";
-import { ORIGAM_THEME_ATTR as ATTR, ORIGAM_THEME_STORAGE_KEY as STORAGE_KEY } from "../../consts/Theme/theme.const.js";
+import { computed, readonly, ref, watch } from "vue";
+import {
+  ORIGAM_MODE_ATTR as MODE_ATTR,
+  ORIGAM_MODE_STORAGE_KEY as MODE_STORAGE_KEY,
+  ORIGAM_THEME_ATTR as ATTR,
+  ORIGAM_THEME_STORAGE_KEY as STORAGE_KEY
+} from "../../consts/Theme/theme.const.js";
 let _theme = null;
+let _mode = null;
+let _systemPrefersDark = null;
+let _mediaInitDone = false;
+function ensureSystemPreference() {
+  if (_systemPrefersDark === null) {
+    _systemPrefersDark = ref(false);
+  }
+  if (_mediaInitDone || typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return _systemPrefersDark;
+  }
+  _mediaInitDone = true;
+  const mq = window.matchMedia("(prefers-color-scheme: dark)");
+  _systemPrefersDark.value = mq.matches;
+  mq.addEventListener?.("change", (e) => {
+    if (_systemPrefersDark) _systemPrefersDark.value = e.matches;
+  });
+  return _systemPrefersDark;
+}
 function readPersisted() {
   if (typeof window === "undefined") return "auto";
   try {
@@ -26,51 +49,99 @@ function applyToDocument(theme) {
     document.documentElement.setAttribute(ATTR, theme);
   }
 }
+function readPersistedModeValue() {
+  if (typeof window === "undefined") return "auto";
+  try {
+    const v = window.localStorage?.getItem(MODE_STORAGE_KEY);
+    if (v === "auto" || v === "light" || v === "dark") return v;
+  } catch {
+  }
+  return "auto";
+}
+function writePersistedMode(mode) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage?.setItem(MODE_STORAGE_KEY, mode);
+  } catch {
+  }
+}
+function applyModeToDocument(resolvedMode) {
+  if (typeof document === "undefined") return;
+  document.documentElement.setAttribute(MODE_ATTR, resolvedMode);
+}
 export function useTheme() {
   if (_theme === null) {
     _theme = ref(readPersisted());
   }
+  if (_mode === null) {
+    _mode = ref(readPersistedModeValue());
+  }
   const theme = _theme;
-  const systemPrefersDark = ref(false);
+  const mode = _mode;
+  const systemPrefersDark = ensureSystemPreference();
   const resolved = computed(() => {
     if (theme.value === "auto") return systemPrefersDark.value ? "dark" : "light";
     return theme.value === "dark" ? "dark" : "light";
   });
-  let mediaQuery = null;
-  const onSystemChange = (e) => {
-    systemPrefersDark.value = e.matches;
-  };
-  onMounted(() => {
-    if (typeof window === "undefined") return;
-    mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    systemPrefersDark.value = mediaQuery.matches;
-    mediaQuery.addEventListener?.("change", onSystemChange);
-    applyToDocument(theme.value);
-  });
-  onUnmounted(() => {
-    mediaQuery?.removeEventListener?.("change", onSystemChange);
+  const resolvedMode = computed(() => {
+    if (mode.value === "auto") return systemPrefersDark.value ? "dark" : "light";
+    return mode.value;
   });
   watch(theme, (next) => {
     applyToDocument(next);
     writePersisted(next);
+  }, { immediate: true });
+  watch(resolvedMode, (next) => {
+    applyModeToDocument(next);
+  }, { immediate: true });
+  watch(mode, (next) => {
+    writePersistedMode(next);
   });
   function setTheme(next) {
     theme.value = next;
   }
+  function setMode(next) {
+    mode.value = next;
+  }
   function toggle() {
     const effective = resolved.value;
     theme.value = effective === "dark" ? "light" : "dark";
   }
+  function toggleMode() {
+    const effective = resolvedMode.value;
+    mode.value = effective === "dark" ? "light" : "dark";
+  }
   return {
     theme: readonly(theme),
     resolved: readonly(resolved),
     setTheme,
-    toggle
+    toggle,
+    mode: readonly(mode),
+    resolvedMode: readonly(resolvedMode),
+    setMode,
+    toggleMode
   };
 }
 export function applyThemeSync(theme) {
   applyToDocument(theme);
 }
+export function applyModeSync(mode) {
+  if (mode === "light" || mode === "dark") {
+    applyModeToDocument(mode);
+    return;
+  }
+  const prefersDark = ensureSystemPreference().value;
+  applyModeToDocument(prefersDark ? "dark" : "light");
+}
 export function readPersistedTheme() {
   return readPersisted();
 }
+export function readPersistedMode() {
+  return readPersistedModeValue();
+}
+export function _resetThemeForTesting() {
+  _theme = null;
+  _mode = null;
+  _systemPrefersDark = null;
+  _mediaInitDone = false;
+}

package/dist/src/composables/index.cjs

@@ -504,6 +504,18 @@ Object.keys(_touch).forEach(function (key) {
     }
   });
 });
+var _typography = require("./Commons/typography.composable.cjs");
+Object.keys(_typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _typography[key];
+    }
+  });
+});
 var _velocity = require("./Commons/velocity.composable.cjs");
 Object.keys(_velocity).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1068,6 +1080,18 @@ Object.keys(_theme).forEach(function (key) {
     }
   });
 });
+var _installedThemes = require("./Theme/installed-themes.composable.cjs");
+Object.keys(_installedThemes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _installedThemes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _installedThemes[key];
+    }
+  });
+});
 var _textareaRich = require("./Textarea/textarea-rich.composable.cjs");
 Object.keys(_textareaRich).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1177,6 +1201,18 @@ Object.keys(_chart).forEach(function (key) {
     }
   });
 });
+var _chartHeaderTypography = require("./Chart/chart-header-typography.composable.cjs");
+Object.keys(_chartHeaderTypography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _chartHeaderTypography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chartHeaderTypography[key];
+    }
+  });
+});
 var _chartZoom = require("./Chart/chart-zoom.composable.cjs");
 Object.keys(_chartZoom).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -39,6 +39,7 @@ export * from './Commons/style.composable';
 export * from './Commons/goTo.composable';
 export * from './Commons/toggleScope.composable';
 export * from './Commons/touch.composable';
+export * from './Commons/typography.composable';
 export * from './Commons/velocity.composable';
 export * from './Commons/padding.composable';
 export * from './Commons/margin.composable';
@@ -86,6 +87,7 @@ export * from './DataTable/cell.composable';
 export * from './NumberField/hold.composable';
 export * from './PasswordField/passwordStrength.composable';
 export * from './Theme/theme.composable';
+export * from './Theme/installed-themes.composable';
 export * from './Textarea/textarea-rich.composable';
 export * from './CssSupport/cssSupport.composable';
 export * from './Mask/mask.composable';
@@ -96,4 +98,5 @@ export { useVideoPlayer } from './Video/video-player.composable';
 export * from './Audio/use-waveform.composable';
 export * from './Calendar/calendar.composable';
 export * from './Chart/chart.composable';
+export * from './Chart/chart-header-typography.composable';
 export * from './Chart/chart-zoom.composable';

package/dist/src/composables/index.js

@@ -39,6 +39,7 @@ export * from "./Commons/style.composable.js";
 export * from "./Commons/goTo.composable.js";
 export * from "./Commons/toggleScope.composable.js";
 export * from "./Commons/touch.composable.js";
+export * from "./Commons/typography.composable.js";
 export * from "./Commons/velocity.composable.js";
 export * from "./Commons/padding.composable.js";
 export * from "./Commons/margin.composable.js";
@@ -86,6 +87,7 @@ export * from "./DataTable/cell.composable.js";
 export * from "./NumberField/hold.composable.js";
 export * from "./PasswordField/passwordStrength.composable.js";
 export * from "./Theme/theme.composable.js";
+export * from "./Theme/installed-themes.composable.js";
 export * from "./Textarea/textarea-rich.composable.js";
 export * from "./CssSupport/cssSupport.composable.js";
 export * from "./Mask/mask.composable.js";
@@ -96,4 +98,5 @@ export { useVideoPlayer } from "./Video/video-player.composable.js";
 export * from "./Audio/use-waveform.composable.js";
 export * from "./Calendar/calendar.composable.js";
 export * from "./Chart/chart.composable.js";
+export * from "./Chart/chart-header-typography.composable.js";
 export * from "./Chart/chart-zoom.composable.js";

package/dist/src/consts/Bracket/bracket.const.cjs

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BRACKET_VARIANTS = exports.BRACKET_MATCH_STATUSES = exports.BRACKET_DEFAULT_ROUND_GAP = exports.BRACKET_DEFAULT_MATCH_WIDTH = exports.BRACKET_DEFAULT_MATCH_HEIGHT = exports.BRACKET_DEFAULT_MATCH_GAP = void 0;
+exports.BRACKET_VARIANTS = exports.BRACKET_MATCH_STATUSES = exports.BRACKET_DEFAULT_WINNERS_LABEL = exports.BRACKET_DEFAULT_ROUND_GAP = exports.BRACKET_DEFAULT_MATCH_WIDTH = exports.BRACKET_DEFAULT_MATCH_HEIGHT = exports.BRACKET_DEFAULT_MATCH_GAP = exports.BRACKET_DEFAULT_LOSERS_LABEL = void 0;
 const BRACKET_VARIANTS = exports.BRACKET_VARIANTS = ["single-elimination", "double-elimination", "round-robin"];
 const BRACKET_MATCH_STATUSES = exports.BRACKET_MATCH_STATUSES = ["pending", "live", "completed", "forfeited"];
 const BRACKET_DEFAULT_MATCH_WIDTH = exports.BRACKET_DEFAULT_MATCH_WIDTH = 240;
 const BRACKET_DEFAULT_MATCH_HEIGHT = exports.BRACKET_DEFAULT_MATCH_HEIGHT = 72;
 const BRACKET_DEFAULT_MATCH_GAP = exports.BRACKET_DEFAULT_MATCH_GAP = 24;
-const BRACKET_DEFAULT_ROUND_GAP = exports.BRACKET_DEFAULT_ROUND_GAP = 48;
+const BRACKET_DEFAULT_ROUND_GAP = exports.BRACKET_DEFAULT_ROUND_GAP = 48;
+const BRACKET_DEFAULT_WINNERS_LABEL = exports.BRACKET_DEFAULT_WINNERS_LABEL = "Winners bracket";
+const BRACKET_DEFAULT_LOSERS_LABEL = exports.BRACKET_DEFAULT_LOSERS_LABEL = "Losers bracket";

package/dist/src/consts/Bracket/bracket.const.d.ts

@@ -32,3 +32,15 @@ export declare const BRACKET_DEFAULT_MATCH_GAP = 24;
  * `bracket.gap-round`.
  */
 export declare const BRACKET_DEFAULT_ROUND_GAP = 48;
+/**
+ * Default heading rendered above the winner-bracket tree in a
+ * double-elimination layout. Override via the `winnersLabel` prop
+ * (e.g. to localise). Kept as a literal in `withDefaults`, mirrored
+ * here for consumer reference.
+ */
+export declare const BRACKET_DEFAULT_WINNERS_LABEL = "Winners bracket";
+/**
+ * Default heading rendered above the loser-bracket tree in a
+ * double-elimination layout. Override via the `losersLabel` prop.
+ */
+export declare const BRACKET_DEFAULT_LOSERS_LABEL = "Losers bracket";

package/dist/src/consts/Bracket/bracket.const.js

@@ -13,3 +13,5 @@ export const BRACKET_DEFAULT_MATCH_WIDTH = 240;
 export const BRACKET_DEFAULT_MATCH_HEIGHT = 72;
 export const BRACKET_DEFAULT_MATCH_GAP = 24;
 export const BRACKET_DEFAULT_ROUND_GAP = 48;
+export const BRACKET_DEFAULT_WINNERS_LABEL = "Winners bracket";
+export const BRACKET_DEFAULT_LOSERS_LABEL = "Losers bracket";

package/dist/src/consts/Commons/density.const.cjs

@@ -3,6 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PREDIFINED_DENSITY = void 0;
+exports.PREDEFINED_DENSITY = void 0;
 var _enums = require("../../enums/index.cjs");
-const PREDIFINED_DENSITY = exports.PREDIFINED_DENSITY = [_enums.DENSITY.DEFAULT, _enums.DENSITY.COMPACT, _enums.DENSITY.COMFORTABLE];
+const PREDEFINED_DENSITY = exports.PREDEFINED_DENSITY = [_enums.DENSITY.DEFAULT, _enums.DENSITY.COMPACT, _enums.DENSITY.COMFORTABLE];

package/dist/src/consts/Commons/density.const.d.ts

@@ -1,2 +1,2 @@
 import type { TDensity } from '../../types';
-export declare const PREDIFINED_DENSITY: Array<TDensity>;
+export declare const PREDEFINED_DENSITY: Array<TDensity>;

package/dist/src/consts/Commons/density.const.js

@@ -1,5 +1,5 @@
 import { DENSITY } from "../../enums/index.js";
-export const PREDIFINED_DENSITY = [
+export const PREDEFINED_DENSITY = [
   DENSITY.DEFAULT,
   DENSITY.COMPACT,
   DENSITY.COMFORTABLE

package/dist/src/consts/Commons/rounded.const.cjs

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PREDIFINED_ROUNDED = exports.BORDER_RADIUS_REGEX = void 0;
+exports.PREDIFINED_ROUNDED = exports.PREDEFINED_ROUNDED = exports.CUSTOM_BORDER_RADIUS_REGEX = exports.BORDER_RADIUS_REGEX = void 0;
 var _enums = require("../../enums/index.cjs");
 const BORDER_RADIUS_REGEX = exports.BORDER_RADIUS_REGEX = /^(?<radius>(?: ?(?:0|(?:[0-9]+(?:\.[0-9]+)?)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr))){0,4})$/;
-const PREDIFINED_ROUNDED = exports.PREDIFINED_ROUNDED = [_enums.ROUNDED.X_SMALL, _enums.ROUNDED.SMALL, _enums.ROUNDED.DEFAULT, _enums.ROUNDED.MEDIUM, _enums.ROUNDED.LARGE, _enums.ROUNDED.X_LARGE, _enums.ROUNDED.SHAPED, _enums.ROUNDED.SHAPED_INVERT];
+const CUSTOM_BORDER_RADIUS_REGEX = exports.CUSTOM_BORDER_RADIUS_REGEX = /^(?:var|calc|clamp|min|max|env)\(.*\)$|^-?(?:0|[0-9]*\.?[0-9]+)(?:px|pt|pc|in|cm|mm|q|em|rem|ex|ch|cap|ic|lh|rlh|vw|vh|vi|vb|vmin|vmax|%)$/i;
+const PREDEFINED_ROUNDED = exports.PREDEFINED_ROUNDED = [_enums.ROUNDED.X_SMALL, _enums.ROUNDED.SMALL, _enums.ROUNDED.DEFAULT, _enums.ROUNDED.MEDIUM, _enums.ROUNDED.LARGE, _enums.ROUNDED.X_LARGE, _enums.ROUNDED.SHAPED, _enums.ROUNDED.SHAPED_INVERT];
+const PREDIFINED_ROUNDED = exports.PREDIFINED_ROUNDED = PREDEFINED_ROUNDED;

package/dist/src/consts/Commons/rounded.const.d.ts

@@ -9,10 +9,30 @@ import type { TRounded } from '../../types';
  * Example matches: `4px`, `0`, `4px 0 4px 0`, `4px 4px 0 0`, `1.5rem`.
  */
 export declare const BORDER_RADIUS_REGEX: RegExp;
+/**
+ * Detects a free-form custom `border-radius` value that `BORDER_RADIUS_REGEX`
+ * (fixed unit whitelist) cannot describe but is still a valid CSS declaration:
+ * a custom-property reference (`var(--origam-radius---card)`), a `calc(...)` /
+ * `clamp(...)` / `min(...)` / `max(...)` expression, or a single CSS length
+ * whose unit lives outside the literal whitelist (`vw`, `vh`, `vmin`, `vmax`,
+ * `q`, `lh`, …). Mirrors how `convertToUnit` / `useDimension` already pass
+ * custom-property refs and computed lengths straight through, so `rounded`
+ * gains the same escape hatch as `width` / `height`.
+ *
+ * Example matches: `var(--origam-radius---card)`, `calc(1rem + 2px)`,
+ * `clamp(4px, 1vw, 16px)`, `12vw`, `var(--x, 8px)`.
+ */
+export declare const CUSTOM_BORDER_RADIUS_REGEX: RegExp;
 /**
  * Whitelist of named radius variants. Mirrors `useDensity` /
- * `PREDIFINED_DENSITY` so the composable can decide between
+ * `PREDEFINED_DENSITY` so the composable can decide between
  * `--rounded-{name}` (class output) and an inline `border-radius`
  * declaration.
  */
-export declare const PREDIFINED_ROUNDED: Array<TRounded>;
+export declare const PREDEFINED_ROUNDED: Array<TRounded>;
+/**
+ * @deprecated Misspelling of `PREDEFINED_ROUNDED`. Kept as an alias for
+ * backward compatibility and slated for removal in a future major. Use
+ * `PREDEFINED_ROUNDED`.
+ */
+export declare const PREDIFINED_ROUNDED: ("default" | "x-small" | "small" | "medium" | "large" | "x-large" | "shaped" | "shaped-invert")[];

package/dist/src/consts/Commons/rounded.const.js

@@ -1,6 +1,7 @@
 import { ROUNDED } from "../../enums/index.js";
 export const BORDER_RADIUS_REGEX = /^(?<radius>(?: ?(?:0|(?:[0-9]+(?:\.[0-9]+)?)(?:px|pt|PC|in|cm|mm|em|rem|%|ex|ch|fr))){0,4})$/;
-export const PREDIFINED_ROUNDED = [
+export const CUSTOM_BORDER_RADIUS_REGEX = /^(?:var|calc|clamp|min|max|env)\(.*\)$|^-?(?:0|[0-9]*\.?[0-9]+)(?:px|pt|pc|in|cm|mm|q|em|rem|ex|ch|cap|ic|lh|rlh|vw|vh|vi|vb|vmin|vmax|%)$/i;
+export const PREDEFINED_ROUNDED = [
   ROUNDED.X_SMALL,
   ROUNDED.SMALL,
   ROUNDED.DEFAULT,
@@ -10,3 +11,4 @@ export const PREDIFINED_ROUNDED = [
   ROUNDED.SHAPED,
   ROUNDED.SHAPED_INVERT
 ];
+export const PREDIFINED_ROUNDED = PREDEFINED_ROUNDED;

package/dist/src/consts/DataTable/select.const.cjs

@@ -13,7 +13,7 @@ const singleSelectStrategy = exports.singleSelectStrategy = {
     items,
     value
   }) => {
-    return new Set(value ? [items[0]?.value] : []);
+    return new Set(value && items.length > 0 ? [items[0].value] : []);
   },
   selectAll: ({
     selected

package/dist/src/consts/DataTable/select.const.js

@@ -4,7 +4,7 @@ export const singleSelectStrategy = {
   showSelectAll: false,
   allSelected: () => [],
   select: ({ items, value }) => {
-    return new Set(value ? [items[0]?.value] : []);
+    return new Set(value && items.length > 0 ? [items[0].value] : []);
   },
   selectAll: ({ selected }) => selected
 };

package/dist/src/consts/Icon/mdi.const.cjs

@@ -8,9 +8,14 @@ var _vue = require("vue");
 var _components = require("../../components/index.cjs");
 var _enums = require("../../enums/index.cjs");
 const MDI = exports.MDI = {
-  // Not using mergeProps here, functional components merge props by default (?)
+  // The MDI font CSS exposes each glyph as `.mdi-<name>` (e.g. `.mdi-magnify`).
+  // Consumers may pass either the bare name (`magnify`) — as is the case when
+  // an `mdi:` prefix has been stripped by the icon resolver — or the already-
+  // prefixed form (`mdi-magnify`, as found in MDI_ALIASES below). We
+  // normalise to always emit the `mdi-` class so the font renders.
   component: props => (0, _vue.h)(_components.OrigamClassIcon, {
     ...props,
+    icon: typeof props.icon === "string" && !props.icon.startsWith("mdi-") ? `mdi-${props.icon}` : props.icon,
     class: "mdi"
   })
 };