origam 2.17.1 → 2.18.1

package/dist/src/interfaces/DatePicker/date-picker-month.interface.d.ts

@@ -2,9 +2,10 @@ import type { ICalendarProps, IDay } from './date-picker-calendar.interface';
 import type { IColorProps } from '../Commons/color.interface';
 import type { ICommonsComponentProps } from '../Commons/commons.interface';
 import type { TTransitionProps } from '../../types/Transition/transition.type';
+import type { TAnyString } from '../../types/Commons/commons.type';
 export interface IDatePickerMonthProps extends ICommonsComponentProps, IColorProps, ICalendarProps {
     hideWeekdays?: boolean;
-    multiple?: boolean | number | (string & {});
+    multiple?: boolean | number | TAnyString;
     range?: boolean;
     showWeek?: boolean;
     transition?: TTransitionProps;

package/dist/src/interfaces/Menu/menu.interface.d.ts

@@ -7,7 +7,34 @@ export interface IMenuProvide {
     unregister(): void;
     closeParents(): void;
 }
-export interface IMenuProps extends IOverlayProps, IListProps, IListItemProps {
+/*********************************************************
+ * IMenuProps
+ *
+ * @description
+ * ⛔ OUTER adjacent surface stripped (#756). `IListItemProps` carries
+ * `IAdjacentProps` (`prependIcon` / `appendIcon` / `prependAvatar` /
+ * `appendAvatar` / `prependAriaLabel` / `appendAriaLabel`) because a LIST ROW
+ * renders that zone. `<OrigamMenu>` does not: it renders rows from `items`,
+ * and each row gets its media from the ITEM object (`{ title, prependIcon }`),
+ * never from the menu's own props — `menuItemProps()` spreads the item, and
+ * `overlayProps` is filtered down to what `<origam-overlay>` declares.
+ *
+ * @description
+ * Measured, jsdom, sentinel values passed as props and grepped out of
+ * `document.body.innerHTML`: `<origam-list-item>` renders
+ * `.origam-list-item__prepend` / `__append` and carries the name;
+ * `<origam-menu model-value items=…>` renders NO such node at all. The four
+ * media props were already recorded as inert in
+ * `guards/baseline/unconsumed-props.json`; the two name props would have
+ * joined them, so the whole surface goes instead.
+ *
+ * @description
+ * ⚠️ The REST of `IListItemProps` is still inherited and still largely inert
+ * here (33 further entries in that same baseline: `href`, `to`, `tag`,
+ * `ripple`, `subtitle`, `lines`, `slim`…). Narrowing those is a separate,
+ * wider decision and is deliberately NOT done in this fix.
+ ********************************************************/
+export interface IMenuProps extends IOverlayProps, IListProps, Omit<IListItemProps, 'prependIcon' | 'appendIcon' | 'prependAvatar' | 'appendAvatar' | 'prependAriaLabel' | 'appendAriaLabel'> {
     id?: string;
 }
 /** Emits fired by `<OrigamMenu>` — v-model on the open state, the

package/dist/src/interfaces/OtpInputField/otp-input-field.interface.d.ts

@@ -22,8 +22,28 @@ import type { TOtpInputFieldType } from '../../types/OtpInputField/otp-input-fie
  * Only `fontSize` does (the visible `.origam-otp-input-field__field` cell).
  * `Omit` strips the inherited surface back down before re-adding exactly
  * what this component supports.
+ *
+ * @description
+ * ⛔ OUTER adjacent surface stripped for the SAME structural reason (#756).
+ * `IAdjacentProps` (`prependIcon` / `appendIcon` / `prependAvatar` /
+ * `appendAvatar` / `prependAriaLabel` / `appendAriaLabel`) is inherited from
+ * `IInputProps`, and the element that renders that zone — the
+ * `.origam-input__prepend` / `.origam-input__append` span in
+ * `OrigamInput.vue` — is never mounted here, exactly as the paragraph above
+ * says. Measured, jsdom, sentinel values passed as props and grepped out of
+ * `document.body.innerHTML`: `<origam-input>` and `<origam-text-field>` both
+ * render the zone and carry the name; `<origam-otp-input-field>` renders NO
+ * `origam-input__prepend` / `__append` node at all. The four media props were
+ * already recorded as inert in `guards/baseline/unconsumed-props.json`; the
+ * two name props would have joined them, so the whole surface goes instead.
+ *
+ * @description
+ * The INNER zone is untouched and is the one this component really has:
+ * `prependInnerAriaLabel` / `appendInnerAriaLabel` come through `IFieldProps`
+ * → `IAdjacentInnerProps`, reach `<origam-field>` via `fieldProps()`, and were
+ * measured PRESENT in the same sweep.
  ********************************************************/
-export interface IOtpInputFieldProps extends Omit<IFieldProps, 'fontFamily' | 'fontWeight' | 'lineHeight' | 'letterSpacing'>, Omit<IInputProps, 'fontFamily' | 'fontWeight' | 'lineHeight' | 'letterSpacing'>, IVariantProps, Pick<ITypographyProps, 'fontSize'> {
+export interface IOtpInputFieldProps extends Omit<IFieldProps, 'fontFamily' | 'fontWeight' | 'lineHeight' | 'letterSpacing'>, Omit<IInputProps, 'fontFamily' | 'fontWeight' | 'lineHeight' | 'letterSpacing' | 'prependIcon' | 'appendIcon' | 'prependAvatar' | 'appendAvatar' | 'prependAriaLabel' | 'appendAriaLabel'>, IVariantProps, Pick<ITypographyProps, 'fontSize'> {
     autofocus?: boolean;
     divider?: string;
     focusAll?: boolean;

package/dist/src/interfaces/RatingField/rating-field-item.interface.d.ts

@@ -28,10 +28,25 @@ export interface IRatingFieldItemProps extends ICommonsComponentProps, ITagProps
     length?: number | string;
 }
 /** Emits fired by `<OrigamRatingFieldItem>` — click + hover surface
- *  (pointer enter / leave drive the half-rating preview). */
+ *  (pointer enter / leave drive the half-rating preview), plus the two
+ *  KEYBOARD channels added by #812.
+ *
+ *  `change` is the native `<input type="radio">` change event. It is the only
+ *  signal a keyboard selection produces: the browser's own radio-group
+ *  navigation (arrows, `Space`) fires `click` + `change` on the newly selected
+ *  radio and never touches the star `<div>` the pointer path goes through. Not
+ *  forwarding it is exactly why arrows moved nothing before #812.
+ *
+ *  `keydown` carries the keys the platform does NOT implement for a radio
+ *  group — measured in Chromium: `Home` and `End` are plain no-ops natively,
+ *  so the WAI-ARIA radiogroup pattern's "go to first / last" has to be
+ *  written. The parent also uses this channel to cancel the native arrow /
+ *  `Space` default while `readonly`. */
 export interface IRatingFieldItemEmits extends IClickEmits {
     (e: 'mouseenter', event: MouseEvent): void;
     (e: 'mouseleave', event: MouseEvent): void;
+    (e: 'change', event: Event): void;
+    (e: 'keydown', event: KeyboardEvent): void;
 }
 /** Slot signatures for `<OrigamRatingFieldItem>`. */
 export interface IRatingFieldItemSlots {

package/dist/src/interfaces/index.cjs

@@ -894,6 +894,17 @@ Object.keys(_margin).forEach(function (key) {
     }
   });
 });
+var _message = require("./Commons/message.interface.cjs");
+Object.keys(_message).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _message[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _message[key];
+    }
+  });
+});
 var _nested = require("./Commons/nested.interface.cjs");
 Object.keys(_nested).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -79,6 +79,7 @@ export * from './Commons/loader.interface';
 export * from './Commons/location.interface';
 export * from './Commons/locale.interface';
 export * from './Commons/margin.interface';
+export * from './Commons/message.interface';
 export * from './Commons/nested.interface';
 export * from './Commons/padding.interface';
 export * from './Commons/position.interface';

package/dist/src/interfaces/index.js

@@ -79,6 +79,7 @@ export * from "./Commons/loader.interface.js";
 export * from "./Commons/location.interface.js";
 export * from "./Commons/locale.interface.js";
 export * from "./Commons/margin.interface.js";
+export * from "./Commons/message.interface.js";
 export * from "./Commons/nested.interface.js";
 export * from "./Commons/padding.interface.js";
 export * from "./Commons/position.interface.js";

package/dist/src/nuxt/module.cjs

@@ -7,10 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 var _nodeFs = require("node:fs");
 var _nodePath = require("node:path");
 var _kit = require("@nuxt/kit");
+var _origam = require("../themes/origam.theme.cjs");
 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_THEMES = _origam.origamTheme;
 const DEFAULT_MODES = ["light", "dark"];
 const DEFAULTS = {
   themes: DEFAULT_THEMES,

package/dist/src/nuxt/module.js

@@ -1,6 +1,7 @@
 import { readdirSync, readFileSync, statSync } from "node:fs";
 import { join } from "node:path";
 import { addComponentsDir, addImports, addPlugin, createResolver, defineNuxtModule } from "@nuxt/kit";
+import { origamTheme } from "../themes/origam.theme.js";
 const MODULE_NAME = "origam-nuxt";
 const CONFIG_KEY = "origam";
 const NUXT_COMPOSABLES_BLOCKLIST = /* @__PURE__ */ new Set([
@@ -9,7 +10,7 @@ const NUXT_COMPOSABLES_BLOCKLIST = /* @__PURE__ */ new Set([
   "useLink",
   "useHydration"
 ]);
-const DEFAULT_THEMES = [];
+const DEFAULT_THEMES = origamTheme;
 const DEFAULT_MODES = ["light", "dark"];
 const DEFAULTS = {
   themes: DEFAULT_THEMES,

package/dist/src/origam.cjs

@@ -11,7 +11,6 @@ var _consts = require("./consts/index.cjs");
 var origamDirectives = _interopRequireWildcard(require("./directives/index.cjs"));
 var _contrast = require("./directives/Contrast/contrast.directive.cjs");
 var _utils = require("./utils/index.cjs");
-var _origam = require("./themes/origam.theme.cjs");
 require("@mdi/font/css/materialdesignicons.css");
 var _vue = require("vue");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -28,7 +27,7 @@ function createOrigam(origam = {}) {
     directives = origamDirectives
   } = options;
   const suppliedThemes = [...(options.theme ? [options.theme] : []), ...(options.themes ?? [])];
-  const allThemes = [..._origam.origamTheme, ...suppliedThemes];
+  const allThemes = [...suppliedThemes];
   const installedThemes = (0, _utils.installedThemesFromList)(allThemes);
   const defaultsRef = (0, _composables.createDefaults)({});
   defaultsRef.value = activeDefaultsFor(allThemes, allThemes[0]?.name ?? "", void 0);

package/dist/src/origam.js

@@ -24,7 +24,6 @@ import {
 import * as origamDirectives from "./directives/index.js";
 import { setContrastConfig } from "./directives/Contrast/contrast.directive.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";
 export function createOrigam(origam = {}) {
@@ -39,7 +38,7 @@ export function createOrigam(origam = {}) {
     ...options.theme ? [options.theme] : [],
     ...options.themes ?? []
   ];
-  const allThemes = [...origamTheme, ...suppliedThemes];
+  const allThemes = [...suppliedThemes];
   const installedThemes = installedThemesFromList(allThemes);
   const defaultsRef = createDefaults({});
   defaultsRef.value = activeDefaultsFor(allThemes, allThemes[0]?.name ?? "", void 0);

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

@@ -74,18 +74,18 @@ const origamLightTheme = exports.origamLightTheme = {
           border: "#2563eb"
         },
         success: {
-          bg: "#16a34a",
+          bg: "#15803d",
           bgSubtle: "rgba(22, 163, 74, 0.08)",
           fg: "#ffffff",
           fgSubtle: "#15803d",
-          border: "#16a34a"
+          border: "#15803d"
         },
         warning: {
-          bg: "#d97706",
+          bg: "#b45309",
           bgSubtle: "rgba(217, 119, 6, 0.08)",
           fg: "#ffffff",
           fgSubtle: "#b45309",
-          border: "#d97706"
+          border: "#b45309"
         }
       }
     },
@@ -341,9 +341,6 @@ const origamLightTheme = exports.origamLightTheme = {
       tag: "div",
       density: "compact"
     },
-    "origam-list-item": {
-      density: "compact"
-    },
     "origam-loader": {
       tag: "span"
     },
@@ -536,8 +533,8 @@ const origamDarkTheme = exports.origamDarkTheme = {
       },
       action: {
         primary: {
-          bg: "#8b5cf6",
-          bgHover: "#7c3aed",
+          bg: "#7c3aed",
+          bgHover: "#6d28d9",
           bgDisabled: "#262626",
           bgSubtle: "rgba(124, 58, 237, 0.14)",
           fg: "#ffffff",
@@ -583,14 +580,14 @@ const origamDarkTheme = exports.origamDarkTheme = {
           border: "#60a5fa"
         },
         success: {
-          bg: "#16a34a",
+          bg: "#15803d",
           bgSubtle: "rgba(22, 163, 74, 0.12)",
           fg: "#ffffff",
           fgSubtle: "#6ee7b7",
           border: "#6ee7b7"
         },
         warning: {
-          bg: "#d97706",
+          bg: "#b45309",
           bgSubtle: "rgba(217, 119, 6, 0.12)",
           fg: "#ffffff",
           fgSubtle: "#fbbf24",
@@ -750,9 +747,6 @@ const origamDarkTheme = exports.origamDarkTheme = {
       tag: "div",
       density: "compact"
     },
-    "origam-list-item": {
-      density: "compact"
-    },
     "origam-loader": {
       tag: "span"
     },

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

@@ -55,8 +55,8 @@ export const origamLightTheme = {
       feedback: {
         danger: { bg: "#dc2626", bgSubtle: "rgba(220, 38, 38, 0.08)", fg: "#ffffff", fgSubtle: "#b91c1c", border: "#dc2626" },
         info: { bg: "#2563eb", bgSubtle: "rgba(37, 99, 235, 0.08)", fg: "#ffffff", fgSubtle: "#1d4ed8", border: "#2563eb" },
-        success: { bg: "#16a34a", bgSubtle: "rgba(22, 163, 74, 0.08)", fg: "#ffffff", fgSubtle: "#15803d", border: "#16a34a" },
-        warning: { bg: "#d97706", bgSubtle: "rgba(217, 119, 6, 0.08)", fg: "#ffffff", fgSubtle: "#b45309", border: "#d97706" }
+        success: { bg: "#15803d", bgSubtle: "rgba(22, 163, 74, 0.08)", fg: "#ffffff", fgSubtle: "#15803d", border: "#15803d" },
+        warning: { bg: "#b45309", bgSubtle: "rgba(217, 119, 6, 0.08)", fg: "#ffffff", fgSubtle: "#b45309", border: "#b45309" }
       }
     },
     rounded: {
@@ -191,7 +191,6 @@ export const origamLightTheme = {
     "origam-input": { density: "default" },
     "origam-kbd": { variant: "outlined" },
     "origam-list": { tag: "div", density: "compact" },
-    "origam-list-item": { density: "compact" },
     "origam-loader": { tag: "span" },
     "origam-main": { tag: "main" },
     "origam-masonry": { tag: "div", gap: "md", align: "top" },
@@ -262,8 +261,8 @@ export const origamDarkTheme = {
       },
       action: {
         primary: {
-          bg: "#8b5cf6",
-          bgHover: "#7c3aed",
+          bg: "#7c3aed",
+          bgHover: "#6d28d9",
           bgDisabled: "#262626",
           bgSubtle: "rgba(124, 58, 237, 0.14)",
           fg: "#ffffff",
@@ -296,8 +295,8 @@ export const origamDarkTheme = {
       feedback: {
         danger: { bg: "#dc2626", bgSubtle: "rgba(220, 38, 38, 0.12)", fg: "#ffffff", fgSubtle: "#f87171", border: "#f87171" },
         info: { bg: "#2563eb", bgSubtle: "rgba(37, 99, 235, 0.12)", fg: "#ffffff", fgSubtle: "#60a5fa", border: "#60a5fa" },
-        success: { bg: "#16a34a", bgSubtle: "rgba(22, 163, 74, 0.12)", fg: "#ffffff", fgSubtle: "#6ee7b7", border: "#6ee7b7" },
-        warning: { bg: "#d97706", bgSubtle: "rgba(217, 119, 6, 0.12)", fg: "#ffffff", fgSubtle: "#fbbf24", border: "#fbbf24" }
+        success: { bg: "#15803d", bgSubtle: "rgba(22, 163, 74, 0.12)", fg: "#ffffff", fgSubtle: "#6ee7b7", border: "#6ee7b7" },
+        warning: { bg: "#b45309", bgSubtle: "rgba(217, 119, 6, 0.12)", fg: "#ffffff", fgSubtle: "#fbbf24", border: "#fbbf24" }
       }
     },
     shadow: {
@@ -353,7 +352,6 @@ export const origamDarkTheme = {
     "origam-input": { density: "default" },
     "origam-kbd": { variant: "outlined" },
     "origam-list": { tag: "div", density: "compact" },
-    "origam-list-item": { density: "compact" },
     "origam-loader": { tag: "span" },
     "origam-main": { tag: "main" },
     "origam-masonry": { tag: "div", gap: "md", align: "top" },

package/dist/src/types/Commons/color.type.d.ts

@@ -44,12 +44,13 @@ export type TColorType = string | number | THSVA | TRGBA | THSLA;
 /**
  * Interaction role for state-aware color resolution.
  *
- * Used by `useColorEffect` (and its helpers) to pick the right token
- * rung / math-derivation for a given visual state:
+ * Used by `useColorEffect` / `useStateEffect` (and their helpers) to pick
+ * the right token rung / math-derivation for a given visual state:
  *
  *   • `default`  → resting bgColor (no transformation)
  *   • `hover`    → cascading `var(bgHover, color-mix(bg, black 20%))`
  *   • `active`   → cascading `var(bgActive, color-mix(bg, black 30%))`
- *   • `disabled` → resting `bgDisabled` token (per-intent)
+ *
+ * No `disabled` rung — see `BG_FG_ROLE` (#823).
  */
 export type TBgFgRole = `${BG_FG_ROLE}`;

package/dist/src/types/Commons/commons.type.d.ts

@@ -3,6 +3,39 @@ import { CLIENT_POSITION, FOCUS_LOCATION } from '../../enums/Commons/commons.enu
 import { IOrigamPluginOptionsObject } from '../../interfaces/Commons/commons.interface';
 export type TNotAUnion<T> = [T] extends [infer U] ? _TNotAUnion<U, U> : never;
 export type _TNotAUnion<T, U> = U extends any ? [T] extends [U] ? unknown : never : never;
+/*********************************************************
+ * TAnyString — `string` qui n'absorbe pas ses litteraux voisins
+ *
+ * @description
+ * A utiliser partout ou une prop accepte un vocabulaire documente ET une
+ * chaine arbitraire (extensions de marque, noms de theme maison, cles
+ * definies par le consommateur) : `'a' | 'b' | TAnyString`.
+ *
+ * @description
+ * LE PROBLEME. `'a' | 'b' | string` est reduit par le compilateur a `string`
+ * tout court, ce qui detruit l'autocompletion de `'a'` / `'b'` — l'union ne
+ * se souvient plus qu'ils ont ete nommes. Mesure, `tsc --strict` :
+ * @description
+ *   type C = 'a' | 'b' | string          const c: C = 42
+ *   -> Type 'number' is not assignable to type 'string'.   // effondree
+ * @description
+ *   type E = 'a' | 'b' | (string & Len)  const e: E = 42
+ *   -> Type '42' is not assignable to type 'E'.            // union tenue
+ *
+ * @description
+ * Intersecter `string` avec n'importe quel type objet differe cette
+ * reduction : les litteraux survivent et toute chaine reste assignable.
+ * @description
+ * L'idiome s'ecrit d'ordinaire `string & {}`, mais une intersection avec un
+ * type SANS MEMBRE est ailleurs un vrai defaut, et SonarQube la remonte en
+ * BUG/CRITICAL (« Remove this type without members or change this type
+ * intersection » — #771). `{ readonly length: number }` est le meme tour
+ * avec un membre que TOUTE chaine possede deja : comportement identique,
+ * plus rien de vide a signaler.
+ ********************************************************/
+export type TAnyString = string & {
+    readonly length: number;
+};
 export type TEventProp<T extends Array<any> = Array<any>, F = (...args: T) => void> = F;
 export type TInnerVal<T> = T extends Array<any> ? Readonly<T> : T;
 export type TSelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | Readonly<Array<(string | number)>> | ((item: T, fallback?: any) => any);

package/dist/src/types/Commons/theme.type.d.ts

@@ -1,4 +1,5 @@
 import { COLOR_MODE } from '../../enums/Commons/theme.enum';
+import type { TAnyString } from './commons.type';
 /**
  * Runtime theme (brand) name applied to `<html data-theme="…">` (or to a
  * sub-tree via `<OrigamThemeProvider>`).
@@ -13,7 +14,7 @@ import { COLOR_MODE } from '../../enums/Commons/theme.enum';
  * - any other string is treated as a custom theme (e.g. `'brand-a'`) — the
  *   matching CSS file must be loaded by the consumer.
  */
-export type TTheme = `${COLOR_MODE}` | (string & {});
+export type TTheme = `${COLOR_MODE}` | TAnyString;
 /**
  * Concrete (resolved) theme — what `data-theme` actually equals after
  * resolving `'auto'`. Useful for components that need to know the

package/dist/src/types/Sheet/sheet.type.d.ts

@@ -1,5 +1,6 @@
 import OrigamSheet from '../../components/Sheet/OrigamSheet.vue';
 import { SHEET_SNAP_ID } from '../../enums/Sheet/sheet.enum';
+import type { TAnyString } from '../Commons/commons.type';
 export type TOrigamSheet = InstanceType<typeof OrigamSheet>;
 /**
  * Sheet bottom-swipe snap-point typings.
@@ -18,7 +19,7 @@ export type TOrigamSheet = InstanceType<typeof OrigamSheet>;
  * `sheetSwipe.composable.spec.ts`, the `Bottom — swipeable` story Variant
  * and `tests/e2e/sheet.spec.ts`.
  */
-export type TSheetSnapId = `${SHEET_SNAP_ID}` | (string & {});
+export type TSheetSnapId = `${SHEET_SNAP_ID}` | TAnyString;
 export type TSheetSnapPoint = {
     id: TSheetSnapId;
     height: number | string;

package/dist/src/types/index.cjs

@@ -47,6 +47,17 @@ Object.keys(_avatar).forEach(function (key) {
     }
   });
 });
+var _avatarGroup = require("./Avatar/avatar-group.type.cjs");
+Object.keys(_avatarGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _avatarGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _avatarGroup[key];
+    }
+  });
+});
 var _badge = require("./Badge/badge.type.cjs");
 Object.keys(_badge).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -2038,6 +2049,17 @@ Object.keys(_snackbarGroup).forEach(function (key) {
     }
   });
 });
+var _systemBar = require("./SystemBar/system-bar.type.cjs");
+Object.keys(_systemBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _systemBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _systemBar[key];
+    }
+  });
+});
 var _commandPalette = require("./CommandPalette/command-palette.type.cjs");
 Object.keys(_commandPalette).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -2,6 +2,7 @@ export * from './Alert/alert.type';
 export * from './App/app.type';
 export * from './App/app-bar.type';
 export * from './Avatar/avatar.type';
+export * from './Avatar/avatar-group.type';
 export * from './Badge/badge.type';
 export * from './Blockquote/blockquote.type';
 export * from './BottomNav/bottom-nav.type';
@@ -183,6 +184,7 @@ export * from './SliderField/slider-field-track.type';
 export * from './Snackbar/snackbar.type';
 export * from './Snackbar/snackbar-item.type';
 export * from './Snackbar/snackbar-group.type';
+export * from './SystemBar/system-bar.type';
 export * from './CommandPalette/command-palette.type';
 export * from './Switch/switch.type';
 export * from './Switch/switch-track.type';

package/dist/src/types/index.js

@@ -2,6 +2,7 @@ export * from "./Alert/alert.type.js";
 export * from "./App/app.type.js";
 export * from "./App/app-bar.type.js";
 export * from "./Avatar/avatar.type.js";
+export * from "./Avatar/avatar-group.type.js";
 export * from "./Badge/badge.type.js";
 export * from "./Blockquote/blockquote.type.js";
 export * from "./BottomNav/bottom-nav.type.js";
@@ -183,6 +184,7 @@ export * from "./SliderField/slider-field-track.type.js";
 export * from "./Snackbar/snackbar.type.js";
 export * from "./Snackbar/snackbar-item.type.js";
 export * from "./Snackbar/snackbar-group.type.js";
+export * from "./SystemBar/system-bar.type.js";
 export * from "./CommandPalette/command-palette.type.js";
 export * from "./Switch/switch.type.js";
 export * from "./Switch/switch-track.type.js";