origam 2.31.0 → 2.32.1

package/dist/src/assets/css/tokens/dark.css

@@ -427,6 +427,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;
@@ -3447,6 +3448,7 @@
     --origam-card--loading---min-width: 240px;
     --origam-card--loading---min-height: 120px;
     --origam-card__asset---aspect-ratio: 16 / 9;
+    --origam-card__content---display: block;
     --origam-card__loader---min-height: 4px;
     --origam-card__skeleton---padding: var(--origam-space---4);
     --origam-card__loader---z-index: 3;

package/dist/src/assets/css/tokens/light.css

@@ -327,6 +327,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;

package/dist/src/assets/scss/tokens/_dark.scss

@@ -427,6 +427,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;
@@ -3447,6 +3448,7 @@
     --origam-card--loading---min-width: 240px;
     --origam-card--loading---min-height: 120px;
     --origam-card__asset---aspect-ratio: 16 / 9;
+    --origam-card__content---display: block;
     --origam-card__loader---min-height: 4px;
     --origam-card__skeleton---padding: var(--origam-space---4);
     --origam-card__loader---z-index: 3;

package/dist/src/assets/scss/tokens/_light.scss

@@ -327,6 +327,7 @@
   --origam-card--loading---min-width: 240px;
   --origam-card--loading---min-height: 120px;
   --origam-card__asset---aspect-ratio: 16 / 9;
+  --origam-card__content---display: block;
   --origam-card__loader---min-height: 4px;
   --origam-card__skeleton---padding: var(--origam-space---4);
   --origam-card__loader---z-index: 3;

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

@@ -151,7 +151,7 @@ const props = defineProps({
   fontSize: { type: null, required: false },
   fontWeight: { type: null, required: false }
 });
-const emit = defineEmits(["click", "update:active"]);
+const emit = defineEmits(["click", "update:active", "update:hover"]);
 defineSlots();
 const { filterProps } = useProps(props);
 const { typographyStyles: competitorTypographyStyles } = useTypography(props, "bracket-competitor");

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

@@ -176,7 +176,7 @@ const props = defineProps({
   marginBlockStart: { type: [Boolean, Number, String], required: false },
   marginBlockEnd: { type: [Boolean, Number, String], required: false }
 });
-const emit = defineEmits(["click", "competitor-click", "winner-click", "update:active"]);
+const emit = defineEmits(["click", "competitor-click", "winner-click", "update:active", "update:hover"]);
 defineSlots();
 const { filterProps } = useProps(props);
 const resolvedStatus = computed(() => props.status ?? props.match.status);

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

@@ -158,7 +158,7 @@ const props = defineProps({
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false }
 });
-defineEmits(["click:append", "click:prepend"]);
+defineEmits(["click:append", "click:prepend", "update:hover"]);
 defineSlots();
 const { filterProps } = useProps(props);
 const attrs = useAttrs();

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

@@ -249,7 +249,7 @@ const props = defineProps({
   letterSpacing: { type: null, required: false }
 });
 const colorLocked = computed(() => props.color ? "true" : void 0);
-defineEmits(["group:selected"]);
+defineEmits(["group:selected", "update:hover"]);
 defineSlots();
 const { filterProps } = useProps(props);
 const origamProgressRef = ref();

package/dist/src/components/Card/OrigamCard.vue

@@ -162,7 +162,10 @@
 					</div>
 				</template>
 
-				<div class="origam-card__content">
+				<div
+						class="origam-card__content"
+						:style="contentStyles"
+				>
 					<template v-if="hasText">
 						<slot name="text">
 							<origam-card-text
@@ -214,9 +217,9 @@ import { PROGRESS_TYPE } from "../../enums/Progress/progress.enum";
 import { splitSkeletonOverrides } from "../../utils/Skeleton/skeleton.util";
 import { computed, ref, StyleValue, toRef, useAttrs, useSlots } from "vue";
 const props = defineProps({
+  contentDisplay: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   flat: { type: Boolean, required: false },
-  hover: { type: Boolean, required: false },
   image: { type: String, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },
@@ -310,7 +313,9 @@ const props = defineProps({
   prependAriaLabel: { type: String, required: false },
   appendAriaLabel: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },
-  activeClass: { type: String, required: false }
+  activeClass: { type: String, required: false },
+  hover: { type: [Boolean, Object], required: false },
+  hoverClass: { type: String, required: false }
 });
 defineEmits(["click:append", "click:prepend", "update:active", "update:hover"]);
 defineSlots();
@@ -419,6 +424,7 @@ const cardStyles = computed(() => {
     props.style
   ];
 });
+const contentStyles = computed(() => props.contentDisplay ? { display: props.contentDisplay } : void 0);
 const cardProgressClasses = computed(() => {
   return [
     "origam-card__progress",
@@ -516,6 +522,10 @@ defineExpose({
 		border-end-end-radius: var(--origam-card---border-end-end-radius, 0);
 		border-end-start-radius: var(--origam-card---border-end-start-radius, 0);
 
+		&__content {
+			display: var(--origam-card__content---display, block);
+		}
+
 		&__asset {
 			aspect-ratio: var(--origam-card__asset---aspect-ratio, 16 / 9);
 			overflow: hidden;

package/dist/src/components/Dialog/OrigamDialog.vue

@@ -204,8 +204,8 @@ const props = defineProps({
   transition: { type: [Boolean, String, Object], required: false, default: () => ({ component: OrigamTranslateScale }) },
   scrim: { type: [Boolean, String], required: false, default: true },
   attach: { type: [Boolean, String, null], required: false, skipCheck: true },
+  contentDisplay: { type: null, required: false },
   flat: { type: Boolean, required: false },
-  hover: { type: Boolean, required: false },
   image: { type: String, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },
@@ -290,6 +290,8 @@ const props = defineProps({
   appendAriaLabel: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
+  hover: { type: [Boolean, Object], required: false },
+  hoverClass: { type: String, required: false },
   status: { type: null, required: false },
   statusIconPosition: { type: null, required: false },
   icon: { type: null, required: false }

package/dist/src/components/Dialog/OrigamDialogConfirmation.vue

@@ -180,8 +180,8 @@ const props = defineProps({
   transition: { type: [Boolean, String, Object], required: false },
   scrim: { type: [Boolean, String], required: false },
   attach: { type: [Boolean, String, null], required: false, skipCheck: true },
+  contentDisplay: { type: null, required: false },
   flat: { type: Boolean, required: false },
-  hover: { type: Boolean, required: false },
   image: { type: String, required: false },
   link: { type: Boolean, required: false },
   subtitle: { type: [String, Number], required: false },
@@ -266,6 +266,8 @@ const props = defineProps({
   appendAriaLabel: { type: String, required: false },
   active: { type: [Boolean, Object], required: false },
   activeClass: { type: String, required: false },
+  hover: { type: [Boolean, Object], required: false },
+  hoverClass: { type: String, required: false },
   status: { type: null, required: false },
   statusIconPosition: { type: null, required: false },
   icon: { type: null, required: false }

package/dist/src/components/Select/OrigamSelect.vue

@@ -246,7 +246,6 @@
 				<origam-icon
 						:icon="menuIcon"
 						class="origam-select__menu-icon"
-						@click="noop"
 						@mousedown="handleMousedownMenuIcon"
 				/>
 			</slot>
@@ -316,7 +315,7 @@ import { MDI_ICONS } from "../../enums/Commons/mdi.enum";
 import { SELECT_STRATEGY } from "../../enums/Commons/nested.enum";
 import { SIZES } from "../../enums/Commons/size.enum";
 import { TEXT_FIELD_TYPE } from "../../enums/TextField/text-field.enum";
-import { deepEqual, matchesSelector, noop, wrapInArray } from "../../utils/Commons/commons.util";
+import { deepEqual, matchesSelector, wrapInArray } from "../../utils/Commons/commons.util";
 import { forwardRefs } from "../../utils/Commons/forwardRefs.util";
 import { getUid } from "../../utils/Commons/getCurrentInstance.util";
 const props = defineProps({
@@ -1066,6 +1065,7 @@ defineExpose(forwardRefs({
 		}
 
 		&__menu-icon {
+			cursor: pointer;
 			margin-inline-start: 4px;
 			transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 		}

package/dist/src/components/Sheet/OrigamSheet.vue

@@ -123,7 +123,7 @@ const props = defineProps({
   hover: { type: [Boolean, Object], required: false },
   hoverClass: { type: String, required: false }
 });
-const emit = defineEmits(["update:snap", "update:open", "update:active"]);
+const emit = defineEmits(["update:snap", "update:open", "update:active", "update:hover"]);
 defineSlots();
 const { filterProps } = useProps(props);
 const { colorClasses, colorStyles } = useBothColor(

package/dist/src/components/TextareaField/OrigamTextareaField.vue

@@ -611,10 +611,7 @@ watch([model, () => props.maxRows, () => props.density, () => props.rows, active
 watch(minHeight, () => {
   controlHeight.value = minHeight.value;
 });
-watch([verticalDragger, minHeight, maxHeight], () => {
-  if (!verticalDragger.value) return;
-  useDragResizer(verticalDragger.value, controlHeight, minHeight.value, maxHeight.value, AXIS.Y);
-});
+useDragResizer(verticalDragger, controlHeight, minHeight, maxHeight, AXIS.Y);
 watch(controlHeight, (newHeight) => {
   nextTick(() => {
     if (!textareaRef.value) return;

package/dist/src/composables/Commons/dragResizer.composable.cjs

@@ -12,7 +12,7 @@ function useDragResizer(el, value, min, max, axis) {
   const resizing = (0, _vue.ref)(false);
   const removeListeners = [];
   const onUnmountedCleanupFns = [];
-  (0, _vue.onUnmounted)(() => {
+  (0, _commons.tryOnScopeDispose)(() => {
     onUnmountedCleanupFns.forEach(fn => fn());
   });
   const isHorizontal = (0, _vue.computed)(() => {
@@ -31,7 +31,7 @@ function useDragResizer(el, value, min, max, axis) {
     const onMouseMove = e2 => {
       const clickOffset = (0, _commons.getPosition)(e2, isHorizontal.value ? _enums.CLIENT_POSITION.X : _enums.CLIENT_POSITION.Y);
       const delta = clickOffset - start;
-      value.value = (0, _commons.clamp)(initialStart + delta, min, max);
+      value.value = (0, _commons.clamp)(initialStart + delta, (0, _vue.toValue)(min), (0, _vue.toValue)(max));
     };
     const onMouseUp = onDragEnd;
     removeListeners.push(...[(0, _commons.addWindowListener)("mousemove", onMouseMove, onUnmountedCleanupFns), (0, _commons.addWindowListener)("mouseup", onMouseUp, onUnmountedCleanupFns)]);
@@ -45,7 +45,7 @@ function useDragResizer(el, value, min, max, axis) {
     const onTouchMove = e2 => {
       const clickOffset = (0, _commons.getPosition)(e2, isHorizontal.value ? _enums.CLIENT_POSITION.X : _enums.CLIENT_POSITION.Y);
       const delta = clickOffset - start;
-      value.value = Math.max(min, Math.min(max, initialStart + delta));
+      value.value = (0, _commons.clamp)(initialStart + delta, (0, _vue.toValue)(min), (0, _vue.toValue)(max));
     };
     const onTouchEnd = onDragEnd;
     removeListeners.push(...[(0, _commons.addWindowListener)("touchmove", onTouchMove, onUnmountedCleanupFns), (0, _commons.addWindowListener)("touchend", onTouchEnd, onUnmountedCleanupFns), (0, _commons.addWindowListener)("touchcancel", onTouchEnd, onUnmountedCleanupFns)]);

package/dist/src/composables/Commons/dragResizer.composable.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { MaybeRef, MaybeRefOrGetter, Ref } from 'vue';
 import type { TAxis } from '../../types/Commons/axis.type';
 /*********************************************************
  * useDragResizer
@@ -15,5 +15,18 @@ import type { TAxis } from '../../types/Commons/axis.type';
  * commente en mort dans le code et un `// TODO - Rework for both axis`
  * l'annonce explicitement. Passer `AXIS.Y` fait juste tomber dans la
  * branche verticale de `getPosition` sans etre teste par ce composable.
+ *
+ * @description
+ * ⛔ #1152 — `el`, `min` et `max` acceptent un `Ref` (ou un getter pour
+ * les bornes) pour que le composable s'appelle UNE fois, dans `setup()`.
+ * Son seul consommateur, `OrigamTextareaField`, l'appelait depuis un
+ * `watch` sur `[poignee, minHeight, maxHeight]` parce que la poignee
+ * n'existe qu'apres le montage et que les bornes bougent. Deux defauts en
+ * decoulaient : `onUnmounted` hors instance (Vue avertissait, le nettoyage
+ * des listeners `window` n'etait JAMAIS enregistre), et un `mousedown`
+ * SUPPLEMENTAIRE a chaque changement de borne, chacun avec ses bornes
+ * figees. `useEventListener` suit deja une cible `Ref`, et les bornes sont
+ * lues a chaque geste : rien n'oblige plus a rappeler le composable. Le
+ * nettoyage passe par `tryOnScopeDispose`, comme `useEventListener`.
  ********************************************************/
-export declare function useDragResizer(el: HTMLElement | undefined, value: Ref<number>, min: number, max: number, axis: TAxis): void;
+export declare function useDragResizer(el: MaybeRef<HTMLElement | undefined>, value: Ref<number>, min: MaybeRefOrGetter<number>, max: MaybeRefOrGetter<number>, axis: TAxis): void;

package/dist/src/composables/Commons/dragResizer.composable.js

@@ -1,12 +1,12 @@
-import { computed, onUnmounted, ref } from "vue";
+import { computed, ref, toValue } from "vue";
 import { useEventListener } from "./eventListener.composable.js";
 import { AXIS, CLIENT_POSITION } from "../../enums/index.js";
-import { addWindowListener, clamp, getPosition } from "../../utils/Commons/commons.util.js";
+import { addWindowListener, clamp, getPosition, tryOnScopeDispose } from "../../utils/Commons/commons.util.js";
 export function useDragResizer(el, value, min, max, axis) {
   const resizing = ref(false);
   const removeListeners = [];
   const onUnmountedCleanupFns = [];
-  onUnmounted(() => {
+  tryOnScopeDispose(() => {
     onUnmountedCleanupFns.forEach((fn) => fn());
   });
   const isHorizontal = computed(() => {
@@ -25,7 +25,7 @@ export function useDragResizer(el, value, min, max, axis) {
     const onMouseMove = (e2) => {
       const clickOffset = getPosition(e2, isHorizontal.value ? CLIENT_POSITION.X : CLIENT_POSITION.Y);
       const delta = clickOffset - start;
-      value.value = clamp(initialStart + delta, min, max);
+      value.value = clamp(initialStart + delta, toValue(min), toValue(max));
     };
     const onMouseUp = onDragEnd;
     removeListeners.push(...[
@@ -42,7 +42,7 @@ export function useDragResizer(el, value, min, max, axis) {
     const onTouchMove = (e2) => {
       const clickOffset = getPosition(e2, isHorizontal.value ? CLIENT_POSITION.X : CLIENT_POSITION.Y);
       const delta = clickOffset - start;
-      value.value = Math.max(min, Math.min(max, initialStart + delta));
+      value.value = clamp(initialStart + delta, toValue(min), toValue(max));
     };
     const onTouchEnd = onDragEnd;
     removeListeners.push(...[

package/dist/src/enums/Card/card.enum.cjs

@@ -3,9 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CARD_TYPE = void 0;
+exports.CARD_TYPE = exports.CARD_CONTENT_DISPLAY = void 0;
 var CARD_TYPE = exports.CARD_TYPE = /* @__PURE__ */(CARD_TYPE2 => {
   CARD_TYPE2["GRID"] = "grid";
   CARD_TYPE2["LIST"] = "list";
   return CARD_TYPE2;
-})(CARD_TYPE || {});
+})(CARD_TYPE || {});
+var CARD_CONTENT_DISPLAY = exports.CARD_CONTENT_DISPLAY = /* @__PURE__ */(CARD_CONTENT_DISPLAY2 => {
+  CARD_CONTENT_DISPLAY2["BLOCK"] = "block";
+  CARD_CONTENT_DISPLAY2["CONTENTS"] = "contents";
+  CARD_CONTENT_DISPLAY2["FLEX"] = "flex";
+  CARD_CONTENT_DISPLAY2["GRID"] = "grid";
+  return CARD_CONTENT_DISPLAY2;
+})(CARD_CONTENT_DISPLAY || {});

package/dist/src/enums/Card/card.enum.d.ts

@@ -2,3 +2,9 @@ export declare enum CARD_TYPE {
     GRID = "grid",
     LIST = "list"
 }
+export declare enum CARD_CONTENT_DISPLAY {
+    BLOCK = "block",
+    CONTENTS = "contents",
+    FLEX = "flex",
+    GRID = "grid"
+}

package/dist/src/enums/Card/card.enum.js

@@ -3,3 +3,10 @@ export var CARD_TYPE = /* @__PURE__ */ ((CARD_TYPE2) => {
   CARD_TYPE2["LIST"] = "list";
   return CARD_TYPE2;
 })(CARD_TYPE || {});
+export var CARD_CONTENT_DISPLAY = /* @__PURE__ */ ((CARD_CONTENT_DISPLAY2) => {
+  CARD_CONTENT_DISPLAY2["BLOCK"] = "block";
+  CARD_CONTENT_DISPLAY2["CONTENTS"] = "contents";
+  CARD_CONTENT_DISPLAY2["FLEX"] = "flex";
+  CARD_CONTENT_DISPLAY2["GRID"] = "grid";
+  return CARD_CONTENT_DISPLAY2;
+})(CARD_CONTENT_DISPLAY || {});

package/dist/src/interfaces/Bracket/bracket-competitor-component.interface.d.ts

@@ -5,7 +5,7 @@ import type { ICommonsComponentProps, ITagProps } from '../Commons/commons.inter
 import type { IDensityProps } from '../Commons/density.interface';
 import type { IDimensionProps } from '../Commons/dimension.interface';
 import type { IElevationProps } from '../Commons/elevation.interface';
-import type { IHoverProps } from '../Commons/hover.interface';
+import type { IHoverEmits, IHoverProps } from '../Commons/hover.interface';
 import type { IMarginProps } from '../Commons/margin.interface';
 import type { IPaddingProps } from '../Commons/padding.interface';
 import type { IRoundedProps } from '../Commons/rounded.interface';
@@ -75,7 +75,7 @@ export interface IBracketCompetitorProps extends ICommonsComponentProps, ITagPro
 }
 /** Emits fired by `<OrigamBracketCompetitor>` — click (mouse) / activation
  *  (Enter / Space when `interactive`) on the row. */
-export interface IBracketCompetitorEmits extends IActiveEmits {
+export interface IBracketCompetitorEmits extends IActiveEmits, IHoverEmits {
     (e: 'click', event: MouseEvent | KeyboardEvent): void;
 }
 /*********************************************************

package/dist/src/interfaces/Bracket/bracket-match-component.interface.d.ts

@@ -5,7 +5,7 @@ import type { ICommonsComponentProps, ITagProps } from '../Commons/commons.inter
 import type { IDensityProps } from '../Commons/density.interface';
 import type { IDimensionProps } from '../Commons/dimension.interface';
 import type { IElevationProps } from '../Commons/elevation.interface';
-import type { IHoverProps } from '../Commons/hover.interface';
+import type { IHoverEmits, IHoverProps } from '../Commons/hover.interface';
 import type { IMarginProps } from '../Commons/margin.interface';
 import type { IPaddingProps } from '../Commons/padding.interface';
 import type { IRoundedProps } from '../Commons/rounded.interface';
@@ -64,7 +64,7 @@ export interface IBracketMatchProps extends ICommonsComponentProps, ITagProps, I
 /** Emits fired by `<OrigamBracketMatch>` — click on the card itself
  *  (outside a competitor row), and the two per-competitor channels the
  *  card re-emits on behalf of its `competitor` slot / default rows. */
-export interface IBracketMatchEmits extends IActiveEmits {
+export interface IBracketMatchEmits extends IActiveEmits, IHoverEmits {
     (e: 'click', match: IBracketMatch, event: MouseEvent): void;
     (e: 'competitor-click', competitor: IBracketCompetitor, match: IBracketMatch, side: 'A' | 'B', event: MouseEvent | KeyboardEvent): void;
     (e: 'winner-click', competitor: IBracketCompetitor, match: IBracketMatch, event: MouseEvent | KeyboardEvent): void;

package/dist/src/interfaces/Breadcrumb/breadcrumb-item.interface.d.ts

@@ -4,7 +4,7 @@ import type { IBorderProps } from '../Commons/border.interface';
 import type { IBgColorProps, IColorProps } from '../Commons/color.interface';
 import type { ICommonsComponentProps, ITagProps } from '../Commons/commons.interface';
 import type { IDensityProps } from '../Commons/density.interface';
-import type { IHoverProps } from '../Commons/hover.interface';
+import type { IHoverEmits, IHoverProps } from '../Commons/hover.interface';
 import type { ILinkProps } from '../Commons/router.interface';
 import type { IMarginProps } from '../Commons/margin.interface';
 import type { IPaddingProps } from '../Commons/padding.interface';
@@ -13,8 +13,14 @@ export interface IBreadcrumbItemProps extends ICommonsComponentProps, ITagProps,
     title: string;
     disabled?: boolean;
 }
-/** Emits fired by `<OrigamBreadcrumbItem>` — clicks on prepend/append icons. */
-export interface IBreadcrumbItemEmits extends IAdjacentEmits {
+/** Emits fired by `<OrigamBreadcrumbItem>` — clicks on prepend/append icons,
+ *  plus `update:hover`.
+ *
+ *  ⛔ #1152 — `update:hover` partait sans etre declare : `useStateFlag(props,
+ *  {state: 'hover'})` ecrit dans le v-model `hover` depuis `set()` /
+ *  `unset()`, cables sur `@mouseenter` / `@mouseleave`. Prouve dans
+ *  `packages/tests/TU/origam/relay-emits-declaration.spec.ts`. */
+export interface IBreadcrumbItemEmits extends IAdjacentEmits, IHoverEmits {
 }
 /** Slot signatures for `<OrigamBreadcrumbItem>`. */
 export interface IBreadcrumbItemSlots extends IAdjacentSlots {

package/dist/src/interfaces/Btn/btn.interface.d.ts

@@ -7,7 +7,7 @@ import type { IDensityProps } from '../Commons/density.interface';
 import type { IDimensionProps } from '../Commons/dimension.interface';
 import type { IElevationProps } from '../Commons/elevation.interface';
 import type { IGroupEmits, IGroupItemProps } from '../Commons/group.interface';
-import type { IHoverProps } from '../Commons/hover.interface';
+import type { IHoverEmits, IHoverProps } from '../Commons/hover.interface';
 import type { ILinkProps } from '../Commons/router.interface';
 import type { IControlLoaderProps } from '../Commons/loader.interface';
 import type { ILocationProps } from '../Commons/location.interface';
@@ -56,8 +56,15 @@ export interface IBtnProps extends ICommonsComponentProps, IColorProps, IBgColor
  *
  * Two actions are two buttons: compose them with `<origam-btn-group>`. The
  * `prepend` / `append` SLOTS are unaffected — see {@link IBtnSlots}.
+ *
+ * ⛔ #1152 — `update:hover` used to leave UNDECLARED: `useStateFlag(props,
+ * {state: 'hover'})` writes through the `hover` v-model from `set()` /
+ * `unset()`, wired on `@mouseenter` / `@mouseleave`. Vue warned on EVERY
+ * hover of every button ("neither declared in the emits option"), and the
+ * `onUpdate:hover` handler stayed in `$attrs`. Pinned by
+ * `packages/tests/TU/origam/relay-emits-declaration.spec.ts`.
  */
-export interface IBtnEmits extends IGroupEmits {
+export interface IBtnEmits extends IGroupEmits, IHoverEmits {
 }
 /** Slot signatures for `<OrigamBtn>`. */
 export interface IBtnSlots extends IAdjacentSlots {

package/dist/src/interfaces/Card/card.interface.d.ts

@@ -6,7 +6,7 @@ import type { ICommonsComponentProps, ITagProps } from '../Commons/commons.inter
 import type { IDensityProps } from '../Commons/density.interface';
 import type { IDimensionProps } from '../Commons/dimension.interface';
 import type { IElevationProps } from '../Commons/elevation.interface';
-import type { IHoverEmits } from '../Commons/hover.interface';
+import type { IHoverEmits, IHoverProps } from '../Commons/hover.interface';
 import type { ILinkProps } from '../Commons/router.interface';
 import type { ILoaderProps } from '../Commons/loader.interface';
 import type { ILocationProps } from '../Commons/location.interface';
@@ -15,11 +15,19 @@ import type { IPaddingProps } from '../Commons/padding.interface';
 import type { IPositionProps } from '../Commons/position.interface';
 import type { IRippleProps } from '../Commons/ripple.interface';
 import type { IRoundedProps } from '../Commons/rounded.interface';
-import type { TCardType } from '../../types/Card/card.type';
-export interface ICardProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, IBgColorProps, IDensityProps, IDimensionProps, IElevationProps, ILoaderProps, ILocationProps, IPositionProps, IRoundedProps, IMarginProps, IPaddingProps, ILinkProps, IRippleProps, IAdjacentProps, IActiveProps {
+import type { TCardContentDisplay, TCardType } from '../../types/Card/card.type';
+export interface ICardProps extends ICommonsComponentProps, ITagProps, IBorderProps, IColorProps, IBgColorProps, IDensityProps, IDimensionProps, IElevationProps, ILoaderProps, ILocationProps, IPositionProps, IRoundedProps, IMarginProps, IPaddingProps, ILinkProps, IRippleProps, IAdjacentProps, IActiveProps, IHoverProps {
+    /*********************************************************
+     * contentDisplay
+     *
+     * @description
+     * `display` of the `.origam-card__content` wrapper around the default and `text` slots (#1100).
+     * `contents` flattens it so the slotted children become direct items of the card's own grid / flex layout.
+     * Defaults to the `--origam-card__content---display` token (`block`).
+     ********************************************************/
+    contentDisplay?: TCardContentDisplay;
     disabled?: boolean;
     flat?: boolean;
-    hover?: boolean;
     image?: string;
     link?: boolean;
     subtitle?: string | number;

package/dist/src/interfaces/Sheet/sheet-emits.interface.d.ts

@@ -1,4 +1,5 @@
 import type { IActiveEmits } from '../Commons/active.interface';
+import type { IHoverEmits } from '../Commons/hover.interface';
 import type { TSheetSnapId } from '../../types/Sheet/sheet.type';
 /**
  * Emit signature for `<OrigamSheet>`.
@@ -21,8 +22,12 @@ import type { TSheetSnapId } from '../../types/Sheet/sheet.type';
  *   lie que `@click`, et son `tag` par défaut est `div` — donc aucun
  *   élément natif ne convertit une touche en clic. Le chemin clavier
  *   n'existe pas.
+ * - `update:hover` (⛔ #1152) vient de `useStateFlag(props, { state: 'hover' })` :
+ *   `set()` / `unset()` cables sur `@mouseenter` / `@mouseleave`. Partait
+ *   sans etre declare. Prouve dans
+ *   `packages/tests/TU/origam/relay-emits-declaration.spec.ts`.
  */
-export interface ISheetEmits extends IActiveEmits {
+export interface ISheetEmits extends IActiveEmits, IHoverEmits {
     (e: 'update:snap', id: TSheetSnapId): void;
     (e: 'update:open', value: boolean): void;
 }

package/dist/src/types/Card/card.type.d.ts

@@ -1,4 +1,5 @@
 import OrigamCard from '../../components/Card/OrigamCard.vue';
-import { CARD_TYPE } from '../../enums/Card/card.enum';
+import { CARD_CONTENT_DISPLAY, CARD_TYPE } from '../../enums/Card/card.enum';
 export type TCardType = `${CARD_TYPE}`;
+export type TCardContentDisplay = `${CARD_CONTENT_DISPLAY}`;
 export type TOrigamCard = InstanceType<typeof OrigamCard>;