origam 2.15.0 → 2.16.0

package/CHANGELOG.md

@@ -13,6 +13,70 @@ This project follows [Semantic Versioning](https://semver.org).
 
 ## [Unreleased]
 
+## [2.16.0] - 2026-08-19
+
+A release about **things that were declared but did nothing**. Seven
+components emitted events they never declared; one prop had been inert since
+it shipped; another prop had no reason to exist at all. None of it was
+visible — that is precisely why it lasted.
+
+### Fixed
+
+- **Seven components emitted `update:*` without declaring it.** `OrigamForm`,
+  `OrigamSheet`, `OrigamBracketCompetitor`, `OrigamBracketMatch`,
+  `OrigamDialogConfirmation`, `OrigamRadioGroup` and `OrigamSnackbar` write
+  through a `useVModel` held by a composable they hand their `props` to — so
+  the emit exists without any `emit(...)` appearing in the component. Vue
+  warned on every mount, and the `onUpdate:*` handler stayed in `$attrs`,
+  where `inheritAttrs` pinned it onto the root element instead of wiring it
+  as an event. `v-model` on these components now behaves as documented, with
+  no console noise.
+
+- **`density` did nothing on `OrigamCounter`.** `ICounterProps` has extended
+  `IDensityProps` since it shipped, but the component never called
+  `useDensity` — the story even exposed a control for it. The three density
+  classes are now emitted.
+
+  ⚠️ Known limitation, tracked in
+  [#356](https://github.com/Elyseranet/origam/issues/356): the counter's font
+  size does not currently respond to **any** channel — not a prop, not a
+  token, not a theme, not even an inline style. The class is emitted and the
+  SCSS rule matches; the rendered size does not follow, and the cause is not
+  yet identified. The prop→class link is proven; the visual effect is not
+  claimed.
+
+### Removed
+
+- **`disabled` is gone from the whole `Icon` family** — `OrigamIcon`,
+  `OrigamClassIcon`, `OrigamComponentIcon`, `OrigamLigatureIcon`,
+  `OrigamSvgIcon`.
+
+  **Migration: delete it, nothing else changes.** None of the five components
+  ever read it — no class, no attribute, no style — so `<origam-icon
+  disabled>` was already a no-op. Your rendering is identical before and
+  after; only the TypeScript signature narrows, so a stale `disabled` now
+  raises a compile error instead of failing silently.
+
+  An icon renders a glyph; it does not respond to input. Paint the disabled
+  state on the control that **owns** the icon — the button, the field, the
+  list item — and the icon inherits its opacity and cursor. That is also what
+  keeps one control from showing two divergent disabled treatments.
+
+### Tooling
+
+- **New architecture guard: `emits-completeness`.** Any reachable `update:*`
+  must be declared. Precision measured at 5/5 with zero false positives —
+  every baselined entry was mounted and made to emit. What makes it work is
+  the *reachability* filter (is `onActive` actually destructured? is the
+  `useVModel` ref written or bound to a `v-model`?), not relay detection: a
+  guard without it would push you to declare emits "just in case", which
+  changes `$attrs` behaviour rather than being neutral hygiene.
+
+  Five real defects are recorded in its baseline and deliberately **not**
+  fixed in this release — `OrigamDrawer`, `OrigamColorPickerField`,
+  `OrigamDatePickerField`, `OrigamContextualMenu`, `OrigamSelect`. Tracked in
+  [#358](https://github.com/Elyseranet/origam/issues/358).
+
 ## [2.15.0] - 2026-08-14
 
 A structural release. Most of it is invisible at runtime — public typing

package/dist/src/components/Alert/OrigamAlert.vue

@@ -1,11 +1,11 @@
 <template>
 	<component
-			:is="props.tag"
+			:is="tag"
 			:id="id"
 			v-contrast
 			:class="alertClasses"
-			:role="status === 'warning' || status === 'error' ? 'alert' : 'status'"
-			:aria-live="status === 'warning' || status === 'error' ? 'assertive' : 'polite'"
+			:role="isUrgentStatus ? 'alert' : 'status'"
+			:aria-live="isUrgentStatus ? 'assertive' : 'polite'"
 			@mouseenter="handleMouseenter"
 			@mouseleave="handleMouseleave"
 	>
@@ -27,14 +27,12 @@
 								key="prepend-avatar"
 								:density="density"
 								:image="prependAvatar"
-								:size="size"
 						/>
 						<origam-icon
 								v-if="prependIcon"
 								key="prepend-icon"
 								:density="density"
 								:icon="prependIcon"
-								:size="size"
 						/>
 					</slot>
 				</div>
@@ -49,7 +47,6 @@
 						<origam-icon
 								key="content-icon"
 								:icon="icon"
-								:size="size"
 						/>
 					</template>
 					<template v-if="hasTitle">
@@ -78,14 +75,12 @@
 								key="append-avatar"
 								:density="density"
 								:image="appendAvatar"
-								:size="size"
 						/>
 						<origam-icon
 								v-if="appendIcon"
 								key="append-icon"
 								:density="density"
 								:icon="appendIcon"
-								:size="size"
 						/>
 					</slot>
 				</div>
@@ -131,7 +126,7 @@ import {
   useStyle,
   useTypography
 } from "../../composables";
-import { DENSITY, MDI_ICONS } from "../../enums";
+import { DENSITY, MDI_ICONS, STATUS } from "../../enums";
 const _props = defineProps({
   closable: { type: Boolean, required: false },
   closeIcon: { type: null, required: false, default: MDI_ICONS.CLOSE },
@@ -199,19 +194,19 @@ const _props = defineProps({
   appendIcon: { type: null, required: false },
   prependAvatar: { type: String, required: false },
   prependIcon: { type: null, required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const props = useDefaults(_props);
 const emits = defineEmits(["update:modelValue", "click:close", "update:hover"]);
 defineSlots();
+const slots = useSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const { typographyStyles } = useTypography(props, "alert__title");
-const slots = useSlots();
 const { activeClasses, isActive, activeState, onActive } = useActive(props, "modelValue");
 const { isHover, hoverState, onMouseenter: handleMouseenter, onMouseleave: handleMouseleave, hoverClasses } = useHover(props);
 const { colorClasses, colorStyles, borderClasses, borderStyles, roundedClasses, roundedStyles, elevationClasses, elevationStyles, paddingClasses, paddingStyles, marginClasses, marginStyles } = useStateEffect(props, isHover, isActive, hoverState, activeState);
@@ -226,7 +221,9 @@ const handleClose = (e) => {
   onActive();
   emits("click:close", e);
 };
-const size = 28;
+const isUrgentStatus = computed(() => {
+  return props.status === STATUS.WARNING || props.status === STATUS.ERROR;
+});
 const hasIcon = computed(() => {
   return !!icon.value;
 });

package/dist/src/components/App/OrigamAppBar.vue

@@ -118,11 +118,11 @@ const props = defineProps({
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
   hover: { type: [Boolean, Object], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false },
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false },
   name: { type: String, required: false },
   order: { type: [String, Number], required: false },
   scrollBehavior: { type: null, required: false },

package/dist/src/components/Audio/OrigamAudio.vue

@@ -336,11 +336,11 @@ const props = defineProps({
   right: { type: [Number, String], required: false, default: void 0 },
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true, default: void 0 },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true, default: void 0 },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const emit = defineEmits(["play", "pause", "ended", "timeupdate", "volumechange", "loadedmetadata", "error", "update:playbackRate", "download", "waveform", "previous", "next", "update:currentTrackIndex", "update:loopMode", "update:shuffle", "track-change"]);
 defineSlots();

package/dist/src/components/Avatar/OrigamAvatar.vue

@@ -108,11 +108,11 @@ const _props = defineProps({
   hover: { type: [Boolean, Object], required: false },
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const props = useDefaults(_props);
 defineEmits(["update:active", "update:hover"]);

package/dist/src/components/Badge/OrigamBadge.vue

@@ -143,11 +143,11 @@ const props = defineProps({
   icon: { type: null, required: false },
   hover: { type: [Boolean, Object], required: false },
   elevation: { type: [Number, String], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false },
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false },
   appendAvatar: { type: String, required: false },
   appendIcon: { type: null, required: false },
   prependAvatar: { type: String, required: false },

package/dist/src/components/Blockquote/OrigamBlockquote.vue

@@ -60,12 +60,12 @@ import {
 import { QUOTE_MARKS_BY_LANG } from "../../consts/Blockquote/blockquote.const";
 import { isIntent, warnDeprecatedProp } from "../../utils";
 const props = defineProps({
-  variant: { type: String, required: false, default: "default" },
+  variant: { type: null, required: false, default: "default" },
   author: { type: String, required: false },
   source: { type: String, required: false },
   cite: { type: String, required: false },
-  lang: { type: String, required: false, default: "auto" },
-  align: { type: String, required: false },
+  lang: { type: null, required: false, default: "auto" },
+  align: { type: null, required: false },
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
@@ -106,11 +106,11 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 defineSlots();
 const slots = useSlots();

package/dist/src/components/BottomNav/OrigamBottomNav.vue

@@ -52,6 +52,7 @@ import {
   useHover,
   useLayoutItem,
   useLocale,
+  usePassedProps,
   useProps,
   useSsrBoot,
   useStateEffect,
@@ -59,7 +60,7 @@ import {
 } from "../../composables";
 import { ORIGAM_BTN_TOGGLE_KEY } from "../../consts";
 import { MODE } from "../../enums";
-import { convertToUnit, int } from "../../utils";
+import { convertToUnit, int, omitUndefined } from "../../utils";
 import { computed, ref, StyleValue, toRef } from "vue";
 const props = defineProps({
   grow: { type: Boolean, required: false },
@@ -132,18 +133,19 @@ defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const colorLocked = computed(() => props.color ? "true" : void 0);
+const wasPropPassed = usePassedProps(props);
 const slotDefaults = computed(() => ({
-  "origam-btn": {
-    density: props.density,
-    color: props.color,
-    bgColor: props.bgColor,
+  "origam-btn": omitUndefined({
+    density: wasPropPassed("density") ? props.density : void 0,
+    color: wasPropPassed("color") ? props.color : void 0,
+    bgColor: wasPropPassed("bgColor") ? props.bgColor : void 0,
     // New API: forward `hover` / `active` (boolean | object)
     // to each child OrigamBtn; the legacy split `hoverColor` /
     // `hoverBgColor` / `activeColor` / `activeBgColor` props no
     // longer exist on the parent or the children.
-    hover: props.hover,
-    active: props.active
-  }
+    hover: wasPropPassed("hover") ? props.hover : void 0,
+    active: wasPropPassed("active") ? props.active : void 0
+  })
 }));
 const { isActive, activeClasses } = useActive(props, "modelValue");
 const { hoverClasses, onMouseenter: handleMouseenter, onMouseleave: handleMouseleave } = useHover(props);

package/dist/src/components/Bracket/OrigamBracket.vue

@@ -258,7 +258,7 @@ import {
   BRACKET_DEFAULT_MATCH_WIDTH,
   BRACKET_DEFAULT_ROUND_GAP
 } from "../../consts";
-import { BRACKET_VARIANT, DIRECTION } from "../../enums";
+import { BRACKET_ROUND_SIDE, BRACKET_VARIANT, DIRECTION } from "../../enums";
 import {
   bracketDashArray,
   bracketSurfaceVars,
@@ -322,11 +322,11 @@ const props = defineProps({
   paddingRight: { type: [Boolean, Number, String], required: false },
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const emit = defineEmits(["match-click", "winner-click", "competitor-click"]);
 defineSlots();
@@ -336,14 +336,14 @@ const ariaLabel = "Tournament bracket";
 const roundColor = computed(() => props.color);
 const displayRounds = computed(() => {
   if (props.variant !== BRACKET_VARIANT.DOUBLE_ELIMINATION) return props.rounds;
-  const winners = props.rounds.filter((r) => r.side === "winner" || r.side === void 0);
-  const losers = props.rounds.filter((r) => r.side === "loser");
-  const grandFinals = props.rounds.filter((r) => r.side === "grand-final");
+  const winners = props.rounds.filter((r) => r.side === BRACKET_ROUND_SIDE.WINNER || r.side === void 0);
+  const losers = props.rounds.filter((r) => r.side === BRACKET_ROUND_SIDE.LOSER);
+  const grandFinals = props.rounds.filter((r) => r.side === BRACKET_ROUND_SIDE.GRAND_FINAL);
   return [...winners, ...losers, ...grandFinals];
 });
-const winnerRounds = computed(() => props.rounds.filter((r) => r.side === "winner" || r.side === void 0));
-const loserRounds = computed(() => props.rounds.filter((r) => r.side === "loser"));
-const grandFinalRounds = computed(() => props.rounds.filter((r) => r.side === "grand-final"));
+const winnerRounds = computed(() => props.rounds.filter((r) => r.side === BRACKET_ROUND_SIDE.WINNER || r.side === void 0));
+const loserRounds = computed(() => props.rounds.filter((r) => r.side === BRACKET_ROUND_SIDE.LOSER));
+const grandFinalRounds = computed(() => props.rounds.filter((r) => r.side === BRACKET_ROUND_SIDE.GRAND_FINAL));
 const doubleSections = computed(() => {
   const all = [
     { key: "winners", label: props.winnersLabel ?? "", rounds: winnerRounds.value },
@@ -733,10 +733,6 @@ defineExpose({
 			display: flex;
 			position: relative;
 			gap: var(--origam-bracket---round-gap, 48px);
-			/* Pin to natural size — otherwise a wider parent stretches
-			 * the tree, the connectors SVG stretches with it (via
-			 * preserveAspectRatio="none"), but the round columns keep
-			 * their fixed width → connectors land outside the cards. */
 			width: max-content;
 
 			&--direction-horizontal {

package/dist/src/components/Bracket/OrigamBracketCompetitor.vue

@@ -129,13 +129,13 @@ const props = defineProps({
   marginRight: { type: [Boolean, Number, String], required: false },
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
-const emit = defineEmits(["click"]);
+const emit = defineEmits(["click", "update:active"]);
 const { filterProps } = useProps(props);
 const { typographyStyles: competitorTypographyStyles } = useTypography(props, "bracket-competitor");
 const { typographyStyles: seedTypographyStyles } = useTypography(props, "bracket-seed");

package/dist/src/components/Bracket/OrigamBracketMatch.vue

@@ -153,15 +153,15 @@ const props = defineProps({
   marginBlock: { type: [Boolean, Number, String], required: false },
   marginInline: { type: [Boolean, Number, String], required: false }
 });
-const emit = defineEmits(["click", "competitor-click", "winner-click"]);
+const emit = defineEmits(["click", "competitor-click", "winner-click", "update:active"]);
 defineSlots();
 const { filterProps } = useProps(props);
 const resolvedStatus = computed(() => props.status ?? props.match.status);
 const STATUS_LABELS = {
-  pending: "TBD",
-  live: "LIVE",
-  completed: "Completed",
-  forfeited: "Forfeit"
+  [BRACKET_MATCH_STATUS.PENDING]: "TBD",
+  [BRACKET_MATCH_STATUS.LIVE]: "LIVE",
+  [BRACKET_MATCH_STATUS.COMPLETED]: "Completed",
+  [BRACKET_MATCH_STATUS.FORFEITED]: "Forfeit"
 };
 const statusLabel = computed(() => {
   if (!resolvedStatus.value) return "";
@@ -171,7 +171,7 @@ const watchLabel = "Watch live";
 const statusClasses = computed(() => {
   return [
     "origam-bracket-match__status",
-    `origam-bracket-match__status--${resolvedStatus.value ?? "pending"}`
+    `origam-bracket-match__status--${resolvedStatus.value ?? BRACKET_MATCH_STATUS.PENDING}`
   ];
 });
 const isWinnerA = computed(() => {
@@ -310,6 +310,24 @@ defineExpose({
 		border-style: var(--origam-bracket-match---border-style, solid);
 		border-color: var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12)));
 		border-radius: var(--origam-bracket-match---border-radius, 6px);
+
+		border-block-width: var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px));
+		border-inline-width: var(--origam-bracket-match---border-inline-width, var(--origam-bracket-match---border-width, 1px));
+
+		border-top-width: var(--origam-bracket-match---border-top-width, var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px)));
+		border-right-width: var(--origam-bracket-match---border-right-width, var(--origam-bracket-match---border-inline-width, var(--origam-bracket-match---border-width, 1px)));
+		border-bottom-width: var(--origam-bracket-match---border-bottom-width, var(--origam-bracket-match---border-block-width, var(--origam-bracket-match---border-width, 1px)));
+		border-left-width: var(--origam-bracket-match---border-left-width, var(--origam-bracket-match---border-inline-width, var(--origam-bracket-match---border-width, 1px)));
+
+		border-top-color: var(--origam-bracket-match---border-top-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
+		border-right-color: var(--origam-bracket-match---border-right-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
+		border-bottom-color: var(--origam-bracket-match---border-bottom-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
+		border-left-color: var(--origam-bracket-match---border-left-color, var(--origam-bracket-match---border-color, var(--origam-color__border---subtle, rgba(0, 0, 0, 0.12))));
+
+		border-top-left-radius: var(--origam-bracket-match---border-top-left-radius, var(--origam-bracket-match---border-radius, 6px));
+		border-top-right-radius: var(--origam-bracket-match---border-top-right-radius, var(--origam-bracket-match---border-radius, 6px));
+		border-bottom-left-radius: var(--origam-bracket-match---border-bottom-left-radius, var(--origam-bracket-match---border-radius, 6px));
+		border-bottom-right-radius: var(--origam-bracket-match---border-bottom-right-radius, var(--origam-bracket-match---border-radius, 6px));
 		box-shadow: var(--origam-bracket-match---box-shadow, 0 1px 2px rgba(0, 0, 0, 0.06));
 		overflow: hidden;
 		transition: background-color var(--origam-bracket-match---transition-duration, 120ms) ease,

package/dist/src/components/Bracket/OrigamBracketRound.vue

@@ -69,11 +69,11 @@ const props = defineProps({
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
   tag: { type: String, required: false, default: "div" },
   direction: { type: null, required: false, default: DIRECTION.HORIZONTAL },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const emit = defineEmits(["match-click", "competitor-click", "winner-click"]);
 defineSlots();

package/dist/src/components/Breadcrumb/OrigamBreadcrumb.vue

@@ -56,11 +56,13 @@ import { OrigamBreadcrumbDivider, OrigamBreadcrumbItem, OrigamDefaultsProvider }
 import {
   useDensity,
   useLocale,
+  usePassedProps,
   useProps,
   useStateEffect,
   useStyle
 } from "../../composables";
 import { vContrast } from "../../directives";
+import { omitUndefined } from "../../utils";
 import { DENSITY } from "../../enums";
 import { computed, StyleValue, useSlots } from "vue";
 const props = defineProps({
@@ -114,15 +116,16 @@ const props = defineProps({
 const { filterProps } = useProps(props);
 defineSlots();
 const { t } = useLocale();
+const wasPropPassed = usePassedProps(props);
 const slotDefaults = computed(() => ({
-  "origam-breadcrumb-item": {
-    density: props.density,
-    color: props.color,
-    bgColor: props.bgColor,
-    hover: props.hover,
-    active: props.active,
-    disabled: props.disabled
-  }
+  "origam-breadcrumb-item": omitUndefined({
+    density: wasPropPassed("density") ? props.density : void 0,
+    color: wasPropPassed("color") ? props.color : void 0,
+    bgColor: wasPropPassed("bgColor") ? props.bgColor : void 0,
+    hover: wasPropPassed("hover") ? props.hover : void 0,
+    active: wasPropPassed("active") ? props.active : void 0,
+    disabled: wasPropPassed("disabled") ? props.disabled : void 0
+  })
 }));
 const { colorClasses, colorStyles, borderClasses, borderStyles, roundedClasses, roundedStyles, elevationClasses, elevationStyles, paddingClasses, paddingStyles, marginClasses, marginStyles } = useStateEffect(props, void 0, void 0, void 0, void 0, computed(() => !!props.disabled));
 const normalizedItems = computed(() => {

package/dist/src/components/Btn/OrigamBtn.vue

@@ -149,7 +149,7 @@ import {
 } from "../../composables";
 import { ORIGAM_BTN_TOGGLE_KEY } from "../../consts";
 import { vContrast, vRipple } from "../../directives";
-import { DENSITY, PROGRESS_TYPE, SIZES } from "../../enums";
+import { DENSITY, LOADER_KIND, PROGRESS_TYPE, SIZES } from "../../enums";
 const attrs = useAttrs();
 const _props = defineProps({
   active: { type: [Boolean, Object], required: false, default: void 0 },
@@ -230,11 +230,11 @@ const _props = defineProps({
   prependIcon: { type: null, required: false },
   hover: { type: [Boolean, Object], required: false },
   variant: { type: null, required: false },
-  fontFamily: { type: String, required: false },
-  fontSize: { type: String, required: false },
-  fontWeight: { type: String, required: false },
-  lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  fontFamily: { type: null, required: false },
+  fontSize: { type: null, required: false },
+  fontWeight: { type: null, required: false },
+  lineHeight: { type: null, required: false },
+  letterSpacing: { type: null, required: false }
 });
 const props = useDefaults(_props);
 const colorLocked = computed(() => props.color ? "true" : void 0);
@@ -276,7 +276,7 @@ const isRipple = computed(() => {
 });
 const { densityClasses } = useDensity(props);
 const { dimensionStyles } = useDimension(props);
-const { loaderClasses, loaderConfig } = useLoader(props, "circular");
+const { loaderClasses, loaderConfig } = useLoader(props, LOADER_KIND.CIRCULAR);
 const { locationStyles } = useLocation(props);
 const { positionClasses } = usePosition(props);
 const { sizeClasses, sizeStyles } = useSize(props);