origam 2.16.0 → 2.17.1

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

@@ -27,6 +27,7 @@ export * from './Card/card-text.interface';
 export * from './Carousel/carousel.interface';
 export * from './Carousel/carousel-item.interface';
 export * from './Checkbox/checkbox.interface';
+export * from './Checkbox/checkbox-group.interface';
 export * from './Checkbox/checkbox-btn.interface';
 export * from './Chip/chip.interface';
 export * from './Chip/chip-group.interface';
@@ -49,7 +50,6 @@ export * from './Commons/autocomplete.interface';
 export * from './Commons/border.interface';
 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';
@@ -69,6 +69,7 @@ export * from './Commons/group.interface';
 export * from './Commons/hotkey.interface';
 export * from './Commons/hover.interface';
 export * from './Commons/intersect.interface';
+export * from './Commons/item.interface';
 export * from './Commons/justify.interface';
 export * from './Commons/layout.interface';
 export * from './Commons/options.interface';
@@ -89,10 +90,12 @@ export * from './Commons/scroll.interface';
 export * from './Commons/size.interface';
 export * from './Commons/stack.interface';
 export * from './Commons/state-effect.interface';
+export * from './Commons/state-flag.interface';
 export * from './Commons/status.interface';
 export * from './Commons/sticky.interface';
 export * from './Commons/style.interface';
 export * from './Commons/touch.interface';
+export * from './Commons/transition-component.interface';
 export * from './Commons/typography.interface';
 export * from './Commons/validation.interface';
 export * from './Commons/virtual.interface';
@@ -107,30 +110,37 @@ export * from './DataTable/data-table.interface';
 export * from './DataTable/group.interface';
 export * from './DataTable/sort.interface';
 export * from './DataTable/pagination.interface';
-export * from './DataTable/headers.interface';
+export * from './DataTable/data-table-header.interface';
+export * from './DataTable/header-cell-base.interface';
+export * from './DataTable/data-table-headers.interface';
+export * from './DataTable/data-table-headers-cell.interface';
+export * from './DataTable/data-table-header-cell.interface';
+export * from './DataTable/data-table-headers-cell-mobile.interface';
 export * from './DataTable/items.interface';
 export * from './DataTable/select.interface';
 export * from './DataTable/expand.interface';
 export * from './DataTable/column.interface';
-export * from './DataTable/row.interface';
+export * from './DataTable/data-table-rows.interface';
+export * from './DataTable/data-table-row.interface';
 export * from './DataTable/footer.interface';
 export * from './DatePicker/date-picker.interface';
+export * from './DatePicker/date-picker-calendar.interface';
 export * from './DatePicker/date-picker-controls.interface';
 export * from './DatePicker/date-picker-header.interface';
 export * from './DatePicker/date-picker-months.interface';
 export * from './DatePicker/date-picker-month.interface';
 export * from './DatePicker/date-picker-years.interface';
 export * from './DatePickerField/date-picker-field.interface';
-export * from './DefaultProvider/default-provider.interface';
+export * from './DefaultsProvider/defaults-provider.interface';
 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';
-export * from './ExpensionPanel/expansion-panel-content.interface';
+export * from './ExpansionPanel/expansion-panels.interface';
+export * from './ExpansionPanel/expansion-panel.interface';
+export * from './ExpansionPanel/expansion-panel-header.interface';
+export * from './ExpansionPanel/expansion-panel-content.interface';
 export * from './Field/field.interface';
 export * from './FileField/file-field.interface';
 export * from './FileField/file-field-dragndrop-item.interface';
@@ -145,18 +155,23 @@ export * from './Grid/grid-item.interface';
 export * from './Masonry/masonry.interface';
 export * from './Media';
 export * from './Audio/audio-player.interface';
+export * from './Audio/audio-waveform.interface';
 export * from './Icon/icon.interface';
 export * from './Img/img.interface';
 export * from './InfiniteScroll/infinite-scroll.interface';
+export * from './InfiniteScroll/infinite-scroll-intersect.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 './Layout/layout.interface';
+export * from './Lazy/lazy.interface';
 export * from './List/list.interface';
 export * from './List/list-children.interface';
 export * from './List/list-group.interface';
 export * from './List/list-item.interface';
 export * from './List/list-subheader.interface';
+export * from './Loader/loader.interface';
 export * from './Main/main.interface';
 export * from './Menu/menu.interface';
 export * from './Messages/messages.interface';
@@ -207,8 +222,8 @@ export * from './Tabs/tab.interface';
 export * from './Tabs/tab-panels.interface';
 export * from './Tabs/tab-panel.interface';
 export * from './TextareaField/textarea-field.interface';
-export * from './Textarea/textarea-rich.interface';
-export * from './Textarea/textarea-toolbar.interface';
+export * from './TextareaField/textarea-field-rich.interface';
+export * from './TextareaField/textarea-field-rich-toolbar.interface';
 export * from './TextField/text-field.interface';
 export * from './TextMask/text-mask.interface';
 export * from './ThemeProvider/theme-provider.interface';
@@ -216,6 +231,7 @@ export * from './Title/title.interface';
 export * from './Toolbar/toolbar.interface';
 export * from './Tooltip/tooltip.interface';
 export * from './Transition/transition.interface';
+export * from './Transition/translate-scale.interface';
 export * from './Transition/expand.interface';
 export * from './VirtualScroll/virtual-scroll.interface';
 export * from './VirtualScroll/virtual-scroll-item.interface';
@@ -224,11 +240,14 @@ export * from './Window/window-item.interface';
 export * from './Skeleton/skeleton.interface';
 export * from './Kbd/kbd.interface';
 export * from './Stepper/stepper.interface';
+export * from './Stepper/stepper-item.interface';
 export * from './Timeline/timeline.interface';
+export * from './Timeline/timeline-item.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 './Treeview/treeview-node.interface';
+export * from './Commons/mask.interface';
+export * from './Commons/nuxt-module.interface';
+export * from './Commons/theme.interface';
 export * from './QrCode/qr-code.interface';
 export * from './QrCode/qr-code-logo.interface';
 export * from './Watermark/watermark.interface';
@@ -237,7 +256,7 @@ export * from './Video/video-track.interface';
 export * from './Calendar/event.interface';
 export * from './Calendar/calendar.interface';
 export * from './Calendar/rrule.interface';
-export * from './CssSupport/css-support.interface';
+export * from './Commons/css-support.interface';
 export * from './Chart/chart-series.interface';
 export * from './Chart/chart-point.interface';
 export * from './Chart/chart-drilldown.interface';

package/dist/src/interfaces/index.js

@@ -27,6 +27,7 @@ export * from "./Card/card-text.interface.js";
 export * from "./Carousel/carousel.interface.js";
 export * from "./Carousel/carousel-item.interface.js";
 export * from "./Checkbox/checkbox.interface.js";
+export * from "./Checkbox/checkbox-group.interface.js";
 export * from "./Checkbox/checkbox-btn.interface.js";
 export * from "./Chip/chip.interface.js";
 export * from "./Chip/chip-group.interface.js";
@@ -49,7 +50,6 @@ export * from "./Commons/autocomplete.interface.js";
 export * from "./Commons/border.interface.js";
 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";
@@ -69,6 +69,7 @@ export * from "./Commons/group.interface.js";
 export * from "./Commons/hotkey.interface.js";
 export * from "./Commons/hover.interface.js";
 export * from "./Commons/intersect.interface.js";
+export * from "./Commons/item.interface.js";
 export * from "./Commons/justify.interface.js";
 export * from "./Commons/layout.interface.js";
 export * from "./Commons/options.interface.js";
@@ -89,10 +90,12 @@ export * from "./Commons/scroll.interface.js";
 export * from "./Commons/size.interface.js";
 export * from "./Commons/stack.interface.js";
 export * from "./Commons/state-effect.interface.js";
+export * from "./Commons/state-flag.interface.js";
 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/transition-component.interface.js";
 export * from "./Commons/typography.interface.js";
 export * from "./Commons/validation.interface.js";
 export * from "./Commons/virtual.interface.js";
@@ -107,30 +110,37 @@ export * from "./DataTable/data-table.interface.js";
 export * from "./DataTable/group.interface.js";
 export * from "./DataTable/sort.interface.js";
 export * from "./DataTable/pagination.interface.js";
-export * from "./DataTable/headers.interface.js";
+export * from "./DataTable/data-table-header.interface.js";
+export * from "./DataTable/header-cell-base.interface.js";
+export * from "./DataTable/data-table-headers.interface.js";
+export * from "./DataTable/data-table-headers-cell.interface.js";
+export * from "./DataTable/data-table-header-cell.interface.js";
+export * from "./DataTable/data-table-headers-cell-mobile.interface.js";
 export * from "./DataTable/items.interface.js";
 export * from "./DataTable/select.interface.js";
 export * from "./DataTable/expand.interface.js";
 export * from "./DataTable/column.interface.js";
-export * from "./DataTable/row.interface.js";
+export * from "./DataTable/data-table-rows.interface.js";
+export * from "./DataTable/data-table-row.interface.js";
 export * from "./DataTable/footer.interface.js";
 export * from "./DatePicker/date-picker.interface.js";
+export * from "./DatePicker/date-picker-calendar.interface.js";
 export * from "./DatePicker/date-picker-controls.interface.js";
 export * from "./DatePicker/date-picker-header.interface.js";
 export * from "./DatePicker/date-picker-months.interface.js";
 export * from "./DatePicker/date-picker-month.interface.js";
 export * from "./DatePicker/date-picker-years.interface.js";
 export * from "./DatePickerField/date-picker-field.interface.js";
-export * from "./DefaultProvider/default-provider.interface.js";
+export * from "./DefaultsProvider/defaults-provider.interface.js";
 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";
-export * from "./ExpensionPanel/expansion-panel-content.interface.js";
+export * from "./ExpansionPanel/expansion-panels.interface.js";
+export * from "./ExpansionPanel/expansion-panel.interface.js";
+export * from "./ExpansionPanel/expansion-panel-header.interface.js";
+export * from "./ExpansionPanel/expansion-panel-content.interface.js";
 export * from "./Field/field.interface.js";
 export * from "./FileField/file-field.interface.js";
 export * from "./FileField/file-field-dragndrop-item.interface.js";
@@ -145,18 +155,23 @@ 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 "./Audio/audio-waveform.interface.js";
 export * from "./Icon/icon.interface.js";
 export * from "./Img/img.interface.js";
 export * from "./InfiniteScroll/infinite-scroll.interface.js";
+export * from "./InfiniteScroll/infinite-scroll-intersect.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 "./Layout/layout.interface.js";
+export * from "./Lazy/lazy.interface.js";
 export * from "./List/list.interface.js";
 export * from "./List/list-children.interface.js";
 export * from "./List/list-group.interface.js";
 export * from "./List/list-item.interface.js";
 export * from "./List/list-subheader.interface.js";
+export * from "./Loader/loader.interface.js";
 export * from "./Main/main.interface.js";
 export * from "./Menu/menu.interface.js";
 export * from "./Messages/messages.interface.js";
@@ -207,8 +222,8 @@ export * from "./Tabs/tab.interface.js";
 export * from "./Tabs/tab-panels.interface.js";
 export * from "./Tabs/tab-panel.interface.js";
 export * from "./TextareaField/textarea-field.interface.js";
-export * from "./Textarea/textarea-rich.interface.js";
-export * from "./Textarea/textarea-toolbar.interface.js";
+export * from "./TextareaField/textarea-field-rich.interface.js";
+export * from "./TextareaField/textarea-field-rich-toolbar.interface.js";
 export * from "./TextField/text-field.interface.js";
 export * from "./TextMask/text-mask.interface.js";
 export * from "./ThemeProvider/theme-provider.interface.js";
@@ -216,6 +231,7 @@ export * from "./Title/title.interface.js";
 export * from "./Toolbar/toolbar.interface.js";
 export * from "./Tooltip/tooltip.interface.js";
 export * from "./Transition/transition.interface.js";
+export * from "./Transition/translate-scale.interface.js";
 export * from "./Transition/expand.interface.js";
 export * from "./VirtualScroll/virtual-scroll.interface.js";
 export * from "./VirtualScroll/virtual-scroll-item.interface.js";
@@ -224,11 +240,14 @@ export * from "./Window/window-item.interface.js";
 export * from "./Skeleton/skeleton.interface.js";
 export * from "./Kbd/kbd.interface.js";
 export * from "./Stepper/stepper.interface.js";
+export * from "./Stepper/stepper-item.interface.js";
 export * from "./Timeline/timeline.interface.js";
+export * from "./Timeline/timeline-item.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 "./Treeview/treeview-node.interface.js";
+export * from "./Commons/mask.interface.js";
+export * from "./Commons/nuxt-module.interface.js";
+export * from "./Commons/theme.interface.js";
 export * from "./QrCode/qr-code.interface.js";
 export * from "./QrCode/qr-code-logo.interface.js";
 export * from "./Watermark/watermark.interface.js";
@@ -237,7 +256,7 @@ export * from "./Video/video-track.interface.js";
 export * from "./Calendar/event.interface.js";
 export * from "./Calendar/calendar.interface.js";
 export * from "./Calendar/rrule.interface.js";
-export * from "./CssSupport/css-support.interface.js";
+export * from "./Commons/css-support.interface.js";
 export * from "./Chart/chart-series.interface.js";
 export * from "./Chart/chart-point.interface.js";
 export * from "./Chart/chart-drilldown.interface.js";

package/dist/src/nuxt/module.d.ts

@@ -1,4 +1,4 @@
-import type { IOrigamNuxtModuleOptions, IOrigamNuxtRuntimeConfig } from '../interfaces'
+import type { IOrigamNuxtModuleOptions, IOrigamNuxtRuntimeConfig } from '../interfaces/Commons/nuxt-module.interface'
 
 declare module '@nuxt/schema' {
     interface NuxtConfig {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 var _vue = require("vue");
-var _composables = require("../composables/index.cjs");
+var _theme = require("../composables/Commons/theme.composable.cjs");
 var _origam = require("../origam.cjs");
 var _app = require("#app");
 module.exports = (0, _app.defineNuxtPlugin)({
@@ -32,7 +32,7 @@ module.exports = (0, _app.defineNuxtPlugin)({
       ssr: true
     });
     nuxtApp.vueApp.use(origam);
-    const themeApi = (0, _composables.useTheme)();
+    const themeApi = (0, _theme.useTheme)();
     themeApi.setTheme(initialTheme);
     themeApi.setMode(initialMode);
     (0, _vue.watch)([themeApi.theme, themeApi.resolvedMode], ([brand, mode]) => {

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

@@ -1,5 +1,5 @@
 import { watch } from "vue";
-import { useTheme } from "../composables/index.js";
+import { useTheme } from "../composables/Commons/theme.composable.js";
 import { createOrigam } from "../origam.js";
 import { defineNuxtPlugin, useCookie, useRuntimeConfig } from "#app";
 export default defineNuxtPlugin({

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

@@ -5,33 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 var _origam = require("../origam.cjs");
-var _applyTheme = require("../utils/Theme/apply-theme.util.cjs");
-var _consts = require("../consts/index.cjs");
+var _applyTheme = require("../utils/Commons/apply-theme.util.cjs");
+var _theme = require("../consts/Commons/theme.const.cjs");
 var _app = require("#app");
 function resolveServerTheme(cookieValue, config) {
-  if (cookieValue && cookieValue !== _consts.ORIGAM_THEME_AUTO) {
+  if (cookieValue && cookieValue !== _theme.ORIGAM_THEME_AUTO) {
     return cookieValue;
   }
-  if (config.defaultTheme && config.defaultTheme !== _consts.ORIGAM_THEME_AUTO) {
+  if (config.defaultTheme && config.defaultTheme !== _theme.ORIGAM_THEME_AUTO) {
     return config.defaultTheme;
   }
-  return _consts.ORIGAM_THEME_AUTO;
+  return _theme.ORIGAM_THEME_AUTO;
 }
 function resolveServerMode(cookieValue, config, headers) {
-  if (cookieValue === _consts.ORIGAM_MODE_LIGHT || cookieValue === _consts.ORIGAM_MODE_DARK) {
+  if (cookieValue === _theme.ORIGAM_MODE_LIGHT || cookieValue === _theme.ORIGAM_MODE_DARK) {
     return cookieValue;
   }
-  if (config.defaultMode === _consts.ORIGAM_MODE_LIGHT || config.defaultMode === _consts.ORIGAM_MODE_DARK) {
+  if (config.defaultMode === _theme.ORIGAM_MODE_LIGHT || config.defaultMode === _theme.ORIGAM_MODE_DARK) {
     return config.defaultMode;
   }
   const hint = headers["sec-ch-prefers-color-scheme"];
-  if (hint === _consts.ORIGAM_MODE_DARK && config.modes.includes(_consts.ORIGAM_MODE_DARK)) {
-    return _consts.ORIGAM_MODE_DARK;
+  if (hint === _theme.ORIGAM_MODE_DARK && config.modes.includes(_theme.ORIGAM_MODE_DARK)) {
+    return _theme.ORIGAM_MODE_DARK;
   }
-  if (hint === _consts.ORIGAM_MODE_LIGHT && config.modes.includes(_consts.ORIGAM_MODE_LIGHT)) {
-    return _consts.ORIGAM_MODE_LIGHT;
+  if (hint === _theme.ORIGAM_MODE_LIGHT && config.modes.includes(_theme.ORIGAM_MODE_LIGHT)) {
+    return _theme.ORIGAM_MODE_LIGHT;
   }
-  return _consts.ORIGAM_MODE_LIGHT;
+  return _theme.ORIGAM_MODE_LIGHT;
 }
 module.exports = (0, _app.defineNuxtPlugin)({
   name: "origam:server",
@@ -53,14 +53,14 @@ module.exports = (0, _app.defineNuxtPlugin)({
     const resolvedTheme = resolveServerTheme(themeCookie.value, config);
     const resolvedMode = resolveServerMode(modeCookie.value, config, headers);
     const htmlAttrs = {
-      [_consts.ORIGAM_MODE_ATTR]: resolvedMode
+      [_theme.ORIGAM_MODE_ATTR]: resolvedMode
     };
-    if (resolvedTheme !== _consts.ORIGAM_THEME_AUTO) {
-      htmlAttrs[_consts.ORIGAM_THEME_ATTR] = resolvedTheme;
+    if (resolvedTheme !== _theme.ORIGAM_THEME_AUTO) {
+      htmlAttrs[_theme.ORIGAM_THEME_ATTR] = resolvedTheme;
     }
     const themes = config.themes ?? [];
     const activeThemes = themes.filter(theme => {
-      const brandMatches = resolvedTheme === _consts.ORIGAM_THEME_AUTO ? theme.name === void 0 || theme.name === "" : theme.name === resolvedTheme;
+      const brandMatches = resolvedTheme === _theme.ORIGAM_THEME_AUTO ? theme.name === void 0 || theme.name === "" : theme.name === resolvedTheme;
       const modeMatches = theme.mode === void 0 || theme.mode === resolvedMode;
       return brandMatches && modeMatches;
     });
@@ -77,7 +77,7 @@ module.exports = (0, _app.defineNuxtPlugin)({
       themes,
       ssr: true
     });
-    origam._defaultsRef.value = origam._activeDefaultsFor(resolvedTheme === _consts.ORIGAM_THEME_AUTO ? "" : resolvedTheme, resolvedMode);
+    origam._defaultsRef.value = origam._activeDefaultsFor(resolvedTheme === _theme.ORIGAM_THEME_AUTO ? "" : resolvedTheme, resolvedMode);
     nuxtApp.vueApp.use(origam);
     return {
       provide: {

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

@@ -1,12 +1,6 @@
 import { createOrigam } from "../origam.js";
-import { themeToCss } from "../utils/Theme/apply-theme.util.js";
-import {
-  ORIGAM_MODE_ATTR,
-  ORIGAM_MODE_DARK,
-  ORIGAM_MODE_LIGHT,
-  ORIGAM_THEME_ATTR,
-  ORIGAM_THEME_AUTO
-} from "../consts/index.js";
+import { themeToCss } from "../utils/Commons/apply-theme.util.js";
+import { ORIGAM_MODE_ATTR, ORIGAM_MODE_DARK, ORIGAM_MODE_LIGHT, ORIGAM_THEME_ATTR, ORIGAM_THEME_AUTO } from "../consts/Commons/theme.const.js";
 import { defineNuxtPlugin, useCookie, useHead, useRequestHeaders, useRuntimeConfig } from "#app";
 function resolveServerTheme(cookieValue, config) {
   if (cookieValue && cookieValue !== ORIGAM_THEME_AUTO) {

package/dist/src/origam.cjs

@@ -88,7 +88,6 @@ function createOrigam(origam = {}) {
           };
         }
       }
-      _utils.getUid.reset();
       if (typeof __VUE_OPTIONS_API__ !== "boolean" || __VUE_OPTIONS_API__) {
         app.mixin({
           computed: {

package/dist/src/origam.js

@@ -23,7 +23,7 @@ import {
 } from "./consts/index.js";
 import * as origamDirectives from "./directives/index.js";
 import { setContrastConfig } from "./directives/Contrast/contrast.directive.js";
-import { applyThemes, getUid, installedThemesFromList, mergeDeep } from "./utils/index.js";
+import { applyThemes, installedThemesFromList, mergeDeep } from "./utils/index.js";
 import { origamTheme } from "./themes/origam.theme.js";
 import "@mdi/font/css/materialdesignicons.css";
 import { defineComponent, effectScope, nextTick, reactive } from "vue";
@@ -99,7 +99,6 @@ export function createOrigam(origam = {}) {
           };
         }
       }
-      getUid.reset();
       if (typeof __VUE_OPTIONS_API__ !== "boolean" || __VUE_OPTIONS_API__) {
         app.mixin({
           computed: {

package/dist/src/themes/origam.theme.cjs

@@ -207,11 +207,22 @@ const origamLightTheme = exports.origamLightTheme = {
       variant: "expanded",
       position: "relative"
     },
+    /*********************************************************
+     * origam-avatar — no forced `color` (#530)
+     *
+     * @description
+     * A global constant foreground can't stay readable against every
+     * `bgColor` a consumer picks (a text-secondary grey by default is
+     * fine unstyled; violet-on-amber or violet-on-blue once a consumer
+     * sets `bgColor="warning"`/`"info"` is not). Leaving `color` unset
+     * lets `OrigamAvatar`'s own per-instance auto-contrast
+     * (`useStateEffect`, `bgColor` → matching `fg` token) do the job it
+     * was built for instead of being pre-empted by a static default.
+     ********************************************************/
     "origam-avatar": {
       tag: "div",
       size: "default",
-      rounded: "full",
-      color: "primary"
+      rounded: "full"
     },
     "origam-badge": {
       tag: "div",
@@ -250,8 +261,7 @@ const origamLightTheme = exports.origamLightTheme = {
       tag: "div",
       density: "default",
       rounded: "lg",
-      border: true,
-      flat: true
+      border: true
     },
     "origam-checkbox": {
       density: "default"
@@ -363,7 +373,7 @@ const origamLightTheme = exports.origamLightTheme = {
       location: "bottom"
     },
     "origam-pagination": {
-      tag: "div"
+      tag: "nav"
     },
     "origam-parallax": {
       tag: "div"
@@ -606,11 +616,22 @@ const origamDarkTheme = exports.origamDarkTheme = {
       variant: "expanded",
       position: "relative"
     },
+    /*********************************************************
+     * origam-avatar — no forced `color` (#530)
+     *
+     * @description
+     * A global constant foreground can't stay readable against every
+     * `bgColor` a consumer picks (a text-secondary grey by default is
+     * fine unstyled; violet-on-amber or violet-on-blue once a consumer
+     * sets `bgColor="warning"`/`"info"` is not). Leaving `color` unset
+     * lets `OrigamAvatar`'s own per-instance auto-contrast
+     * (`useStateEffect`, `bgColor` → matching `fg` token) do the job it
+     * was built for instead of being pre-empted by a static default.
+     ********************************************************/
     "origam-avatar": {
       tag: "div",
       size: "default",
-      rounded: "full",
-      color: "primary"
+      rounded: "full"
     },
     "origam-badge": {
       tag: "div",
@@ -649,8 +670,7 @@ const origamDarkTheme = exports.origamDarkTheme = {
       tag: "div",
       density: "default",
       rounded: "lg",
-      border: true,
-      flat: true
+      border: true
     },
     "origam-checkbox": {
       density: "default"
@@ -762,7 +782,7 @@ const origamDarkTheme = exports.origamDarkTheme = {
       location: "bottom"
     },
     "origam-pagination": {
-      tag: "div"
+      tag: "nav"
     },
     "origam-parallax": {
       tag: "div"

package/dist/src/themes/origam.theme.d.ts

@@ -1,4 +1,4 @@
-import type { IOrigamTheme } from '../interfaces';
+import type { IOrigamTheme } from '../interfaces/Commons/theme.interface';
 export declare const origamLightTheme: IOrigamTheme;
 export declare const origamDarkTheme: IOrigamTheme;
 export declare const origamTheme: IOrigamTheme[];

package/dist/src/themes/origam.theme.js

@@ -149,7 +149,19 @@ export const origamLightTheme = {
   components: {
     "origam-alert": { tag: "div", density: "default" },
     "origam-audio": { tag: "article", variant: "expanded", position: "relative" },
-    "origam-avatar": { tag: "div", size: "default", rounded: "full", color: "primary" },
+    /*********************************************************
+     * origam-avatar — no forced `color` (#530)
+     *
+     * @description
+     * A global constant foreground can't stay readable against every
+     * `bgColor` a consumer picks (a text-secondary grey by default is
+     * fine unstyled; violet-on-amber or violet-on-blue once a consumer
+     * sets `bgColor="warning"`/`"info"` is not). Leaving `color` unset
+     * lets `OrigamAvatar`'s own per-instance auto-contrast
+     * (`useStateEffect`, `bgColor` → matching `fg` token) do the job it
+     * was built for instead of being pre-empted by a static default.
+     ********************************************************/
+    "origam-avatar": { tag: "div", size: "default", rounded: "full" },
     "origam-badge": { tag: "div", location: "top right" },
     "origam-blockquote": { tag: "blockquote", variant: "default" },
     "origam-bottom-nav": { tag: "nav", position: "start" },
@@ -158,7 +170,7 @@ export const origamLightTheme = {
     "origam-btn": { variant: "text", size: "small" },
     "origam-btn-group": { variant: "text", size: "small" },
     "origam-btn-toggle": { variant: "text", size: "small" },
-    "origam-card": { tag: "div", density: "default", rounded: "lg", border: true, flat: true },
+    "origam-card": { tag: "div", density: "default", rounded: "lg", border: true },
     "origam-checkbox": { density: "default" },
     "origam-chip": { size: "small", variant: "outlined", color: "primary", pill: true, border: true, borderColor: "var(--origam-color__action--primary---bg)" },
     "origam-clipboard": { tag: "span" },
@@ -188,7 +200,7 @@ export const origamLightTheme = {
     "origam-number-field": { border: true, rounded: true },
     "origam-number-format": { tag: "span" },
     "origam-overlay": { location: "bottom" },
-    "origam-pagination": { tag: "div" },
+    "origam-pagination": { tag: "nav" },
     "origam-parallax": { tag: "div" },
     "origam-password-field": { density: "default", rounded: true },
     "origam-progress": { tag: "div", size: "default" },
@@ -299,7 +311,19 @@ export const origamDarkTheme = {
   components: {
     "origam-alert": { tag: "div", density: "default" },
     "origam-audio": { tag: "article", variant: "expanded", position: "relative" },
-    "origam-avatar": { tag: "div", size: "default", rounded: "full", color: "primary" },
+    /*********************************************************
+     * origam-avatar — no forced `color` (#530)
+     *
+     * @description
+     * A global constant foreground can't stay readable against every
+     * `bgColor` a consumer picks (a text-secondary grey by default is
+     * fine unstyled; violet-on-amber or violet-on-blue once a consumer
+     * sets `bgColor="warning"`/`"info"` is not). Leaving `color` unset
+     * lets `OrigamAvatar`'s own per-instance auto-contrast
+     * (`useStateEffect`, `bgColor` → matching `fg` token) do the job it
+     * was built for instead of being pre-empted by a static default.
+     ********************************************************/
+    "origam-avatar": { tag: "div", size: "default", rounded: "full" },
     "origam-badge": { tag: "div", location: "top right" },
     "origam-blockquote": { tag: "blockquote", variant: "default" },
     "origam-bottom-nav": { tag: "nav", position: "start" },
@@ -308,7 +332,7 @@ export const origamDarkTheme = {
     "origam-btn": { variant: "text", size: "small" },
     "origam-btn-group": { variant: "text", size: "small" },
     "origam-btn-toggle": { variant: "text", size: "small" },
-    "origam-card": { tag: "div", density: "default", rounded: "lg", border: true, flat: true },
+    "origam-card": { tag: "div", density: "default", rounded: "lg", border: true },
     "origam-checkbox": { density: "default" },
     "origam-chip": { size: "small", variant: "outlined", color: "primary", pill: true, border: true, borderColor: "var(--origam-color__action--primary---bg)" },
     "origam-clipboard": { tag: "span" },
@@ -338,7 +362,7 @@ export const origamDarkTheme = {
     "origam-number-field": { border: true, rounded: true },
     "origam-number-format": { tag: "span" },
     "origam-overlay": { location: "bottom" },
-    "origam-pagination": { tag: "div" },
+    "origam-pagination": { tag: "nav" },
     "origam-parallax": { tag: "div" },
     "origam-password-field": { density: "default", rounded: true },
     "origam-progress": { tag: "div", size: "default" },

package/dist/src/types/Alert/alert.type.d.ts

@@ -1,2 +1,2 @@
-import { OrigamAlert } from '../../components';
+import OrigamAlert from '../../components/Alert/OrigamAlert.vue';
 export type TOrigamAlert = InstanceType<typeof OrigamAlert>;

package/dist/src/types/App/app-bar.type.d.ts

@@ -1,2 +1,2 @@
-import { OrigamAppBar } from '../../components';
+import OrigamAppBar from '../../components/App/OrigamAppBar.vue';
 export type TOrigamAppBar = InstanceType<typeof OrigamAppBar>;

package/dist/src/types/App/app.type.d.ts

@@ -1,2 +1,2 @@
-import { OrigamApp } from '../../components';
+import OrigamApp from '../../components/App/OrigamApp.vue';
 export type TOrigamApp = InstanceType<typeof OrigamApp>;