origam 2.14.0 → 2.15.0

package/dist/src/components/Counter/OrigamCounter.vue

@@ -70,6 +70,7 @@ const props = defineProps({
   density: { type: null, required: false },
   transition: { type: [Boolean, String, Object], required: false, default: () => ({ component: OrigamSlideY }) }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { isBooted } = useSsrBoot();

package/dist/src/components/DataList/OrigamDataList.vue

@@ -241,6 +241,7 @@ const props = defineProps({
   lineHeight: { type: String, required: false },
   letterSpacing: { type: String, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const { densityClasses } = useDensity(props);

package/dist/src/components/DataList/OrigamDataText.vue

@@ -93,6 +93,7 @@ const props = defineProps({
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { densityClasses } = useDensity(props);
 const { paddingClasses, paddingStyles } = usePadding(props);

package/dist/src/components/DataList/OrigamDataTitle.vue

@@ -96,6 +96,7 @@ const props = defineProps({
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { densityClasses } = useDensity(props);
 const { paddingClasses, paddingStyles } = usePadding(props);

package/dist/src/components/DataTable/OrigamDataTable.vue

@@ -51,12 +51,9 @@
 
 						<template
 								v-if="slots['header.loader']"
-								#loader="headerLoaderProps"
+								#loader
 						>
-							<slot
-									name="header.loader"
-									v-bind="headerLoaderProps"
-							/>
+							<slot name="header.loader"/>
 						</template>
 					</origam-data-table-headers>
 					</thead>
@@ -255,6 +252,7 @@ const props = defineProps({
   alignXxl: { type: null, required: false }
 });
 defineEmits(["update:page", "update:itemsPerPage", "update:sortBy", "update:options", "update:groupBy", "update:expanded", "update:currentItems", "update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const attrs = useAttrs();
 const origamTableRef = ref();

package/dist/src/components/DataTable/OrigamDataTableColumnCell.vue

@@ -43,6 +43,7 @@ const props = defineProps({
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { dimensionStyles } = useDimension(props);
 const { paddingStyles, paddingClasses } = usePadding(props);

package/dist/src/components/DataTable/OrigamDataTableFooter.vue

@@ -82,6 +82,7 @@ const props = defineProps({
   alignXl: { type: null, required: false },
   alignXxl: { type: null, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const origamPaginationRef = ref();

package/dist/src/components/DataTable/OrigamDataTableGroupHeaderRow.vue

@@ -74,6 +74,7 @@ const props = defineProps({
   paddingBlock: { type: [Boolean, Number, String], required: false },
   paddingInline: { type: [Boolean, Number, String], required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { isGroupOpen, toggleGroup, extractRows } = useGroupBy();
 const { isSelected, isSomeSelected, select } = useSelection();

package/dist/src/components/DataTable/OrigamDataTableHeaderCell.vue

@@ -86,6 +86,7 @@ const props = defineProps({
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { toggleSort, sortBy, isSorted } = useSort();
 const { someSelected, allSelected, selectAll } = useSelection();

package/dist/src/components/DataTable/OrigamDataTableHeaders.vue

@@ -81,6 +81,7 @@ const props = defineProps({
   sortAscIcon: { type: null, required: false },
   sortDescIcon: { type: null, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const origamDataTableHeadersCellRef = ref();
 const origamDataTableHeadersCellMobileRef = ref();

package/dist/src/components/DataTable/OrigamDataTableHeadersCellMobile.vue

@@ -20,6 +20,7 @@
 							clearable
 							@click:clear="handleClear"
 							@click:append="handleAppendCLick"
+							@click:prepend="handlePrependClick"
 					>
 						<template
 								v-if="slots['select.prepend']"
@@ -211,6 +212,7 @@ const props = defineProps({
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
 const emits = defineEmits(["click:clear", "click:append", "click:prepend"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const slots = useSlots();
@@ -238,6 +240,9 @@ const handleAppendCLick = (e) => {
   selectAll(!allSelected);
   emits("click:append", e);
 };
+const handlePrependClick = (e) => {
+  emits("click:prepend", e);
+};
 const handleChipClick = (item) => {
   if (item.raw?.sortable) {
     toggleSort(item.raw);

package/dist/src/components/DataTable/OrigamDataTableRow.vue

@@ -108,6 +108,7 @@ const props = defineProps({
 });
 const { t } = useLocale();
 const emits = defineEmits(["expand", "select"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const showSelect = inject(ORIGAM_DATA_TABLE_SHOW_SELECT_KEY, ref(false));
 const { displayClasses, mobile } = useDisplay(props, "origam-data-table-row");
@@ -135,9 +136,9 @@ const columnSlotProps = (column) => {
     selectAll,
     isSorted,
     toggleSort,
-    sortBy,
-    someSelected,
-    allSelected,
+    sortBy: sortBy.value,
+    someSelected: someSelected.value,
+    allSelected: allSelected.value,
     getSortIcon: () => ""
   };
 };

package/dist/src/components/DataTable/OrigamDataTableRows.vue

@@ -73,7 +73,7 @@
 				<template v-if="isExpanded(item)">
 					<slot
 							name="expanded-row"
-							v-bind="slotProps"
+							v-bind="slotProps(item, index)"
 					/>
 				</template>
 			</template>
@@ -102,6 +102,7 @@ const props = defineProps({
   color: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
   mobileBreakpoint: { type: null, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const SKELETON_ROW_COUNT = 5;

package/dist/src/components/DatePicker/OrigamDatePicker.vue

@@ -214,6 +214,7 @@ const props = defineProps({
   density: { type: null, required: false }
 });
 const emits = defineEmits(["update:month", "update:year", "update:viewMode", "update:modelValue"]);
+defineSlots();
 const slots = useSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();

package/dist/src/components/DatePicker/OrigamDatePickerHeader.vue

@@ -86,6 +86,7 @@ const props = defineProps({
   density: { type: null, required: false }
 });
 const emits = defineEmits(["click"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const { densityClasses } = useDensity(props);

package/dist/src/components/DatePicker/OrigamDatePickerMonth.vue

@@ -121,6 +121,7 @@ const props = defineProps({
   weeksInMonth: { type: null, required: false, default: CALENDAR_STRATEGY.DYNAMIC },
   firstDayOfWeek: { type: Number, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const daysRef = ref();
 const { daysInMonth, model, weekNumbers } = useDatePickerCalendar(props);
@@ -269,7 +270,12 @@ defineExpose({
 			display: grid;
 			grid-template-rows: repeat(7, 1fr);
 			column-gap: 4px;
-			font-size: .85rem;
+			// `rem` resolves against the document root, not this component's
+			// ancestor — a plain literal here would be immune to the typography
+			// bridge `OrigamDatePickerField` republishes on the teleported
+			// surface (see `useTeleportTypography`). Generic-first read, same
+			// convention as `useTypography`'s rollout.
+			font-size: var(--origam-date-picker-month__weeks---font-size, .85rem);
 
 			+ #{$this}__days {
 				grid-row-gap: 0;
@@ -277,7 +283,7 @@ defineExpose({
 		}
 
 		&__weekday {
-			font-size: .85rem;
+			font-size: var(--origam-date-picker-month__weekday---font-size, .85rem);
 		}
 
 		&__days {
@@ -300,6 +306,13 @@ defineExpose({
 			:deep(.origam-btn) {
 				--origam-btn---height: 24px;
 				--origam-btn---size: .85rem;
+				// `OrigamBtn`'s own `--size-*` modifier sets `--origam-btn---font-size`
+				// directly on this same element (its size prop is unset here, so it's
+				// the default rung) — an inherited custom property from an ancestor
+				// loses to that local declaration. A plain `font-size` read here, at
+				// equal locality, is what actually wins; same rem-trap as `&__weeks` /
+				// `&__weekday` above, bridged token first, historical size as fallback.
+				font-size: var(--origam-date-picker-month__day---font-size, .85rem);
 				z-index: 1;
 			}
 

package/dist/src/components/DatePicker/OrigamDatePickerMonths.vue

@@ -38,6 +38,7 @@ const props = defineProps({
   width: { type: [Number, String], required: false }
 });
 const emits = defineEmits(["update:month"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const adapter = useDate();
 const model = useVModel(props, "month", adapter.getMonth(adapter.date()), (v) => {

package/dist/src/components/DatePicker/OrigamDatePickerYears.vue

@@ -37,6 +37,7 @@ const props = defineProps({
   width: { type: [Number, String], required: false }
 });
 const emits = defineEmits(["update:year"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const adapter = useDate();
 const model = useVModel(props, "year", adapter.getYear(adapter.date()), (v) => {

package/dist/src/components/DatePickerField/OrigamDatePickerField.vue

@@ -180,7 +180,7 @@ import {
   OrigamTextField,
   OrigamTranslateScale
 } from "../../components";
-import { useDate, useDefaults, useLocale, useProps, useTextColor, useVModel, useStyle } from "../../composables";
+import { useDate, useDefaults, useLocale, useProps, useTeleportTypography, useTextColor, useVModel, useStyle } from "../../composables";
 import { ORIGAM_FORM_KEY } from "../../consts";
 import { BLOCK, DENSITY, DIRECTION, KEYBOARD_VALUES, MDI_ICONS, TEXT_FIELD_TYPE } from "../../enums";
 import { forwardRefs, isEmpty, matchesSelector, wrapInArray } from "../../utils";
@@ -308,6 +308,7 @@ const _props = defineProps({
   transition: { type: [Boolean, String, Object], required: false, default: () => ({ component: OrigamTranslateScale }) }
 });
 const props = useDefaults(_props);
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const origamTextFieldRef = ref();
@@ -370,13 +371,26 @@ const form = inject(ORIGAM_FORM_KEY, null);
 const menuDisabled = computed(() => {
   return props.readonly || form?.isReadonly.value;
 });
+const { typographyStyles: menuTypographyStyles } = useTeleportTypography(origamTextFieldRef, menu, (fontSize) => ({
+  "--origam-picker-title---font-size": fontSize,
+  "--origam-date-picker-month__weekday---font-size": fontSize,
+  "--origam-date-picker-month__weeks---font-size": fontSize,
+  "--origam-date-picker-month__day---font-size": fontSize
+}));
 const menuProps = computed(() => {
+  const consumerContentProps = props.menuProps?.contentProps ?? {};
   return {
     ...props.menuProps,
     activatorProps: {
       ...props.menuProps?.activatorProps || {},
       "aria-haspopup": "datepickerbox"
       // Set aria-haspopup to 'listbox'
+    },
+    contentProps: {
+      ...consumerContentProps,
+      // The consumer's own style is listed last so it still wins —
+      // the bridge is a default, not a lock.
+      style: [menuTypographyStyles.value, consumerContentProps.style]
     }
   };
 });

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

@@ -253,6 +253,7 @@ const props = defineProps({
   icon: { type: null, required: false }
 });
 const emits = defineEmits(["isRead", "update:modelValue", "click:outside"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const isActive = useVModel(props, "modelValue");
 const { scopeId } = useScopeId();

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

@@ -237,6 +237,7 @@ const props = defineProps({
   icon: { type: null, required: false }
 });
 const emits = defineEmits(["validate", "cancel"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const origamDialogRef = ref();
 const slots = useSlots();

package/dist/src/components/Drawer/OrigamDrawer.vue

@@ -155,6 +155,7 @@ const props = defineProps({
   hover: { type: [Boolean, Object], required: false }
 });
 const emits = defineEmits(["update:rail"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, "bgColor"));
 const { densityClasses } = useDensity(props);

package/dist/src/components/EmptyState/OrigamEmptyState.vue

@@ -61,7 +61,7 @@ const props = defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
   icon: { type: null, required: false },
-  iconColor: { type: String, required: false },
+  iconColor: { type: null, required: false },
   size: { type: String, required: false, default: "md" },
   align: { type: String, required: false, default: "center" },
   id: { type: String, required: false },
@@ -74,6 +74,7 @@ const props = defineProps({
   lineHeight: { type: String, required: false },
   letterSpacing: { type: String, required: false }
 });
+defineSlots();
 const slots = useSlots();
 const presetConfig = computed(() => EMPTY_STATE_PRESET_CONFIG[props.preset]);
 const resolvedIcon = computed(() => props.icon ?? presetConfig.value.icon);

package/dist/src/components/ExpansionPanel/OrigamExpansionPanel.vue

@@ -190,6 +190,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 defineEmits(["group:selected"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const origamExpansionPanelHeaderRef = ref();
 const origamExpansionPanelContentRef = ref();

package/dist/src/components/ExpansionPanel/OrigamExpansionPanelContent.vue

@@ -114,6 +114,7 @@ const props = defineProps({
   loading: { type: [Boolean, Number, Object], required: false },
   loadingText: { type: String, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const expansionPanel = inject(ORIGAM_EXPANSION_PANEL_KEY);
 if (!expansionPanel) throw new Error("[Origam] expansion-panel-content needs to be placed inside expansion-panel");

package/dist/src/components/ExpansionPanel/OrigamExpansionPanelHeader.vue

@@ -169,6 +169,7 @@ const props = defineProps({
   letterSpacing: { type: String, required: false }
 });
 defineEmits(["click:append", "click:prepend"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const expansionPanel = inject(ORIGAM_EXPANSION_PANEL_KEY);
 if (!expansionPanel) throw new Error("[Origam] expansion-panel-content needs to be placed inside expansion-panel");

package/dist/src/components/ExpansionPanel/OrigamExpansionPanels.vue

@@ -190,6 +190,7 @@ const props = defineProps({
   hover: { type: [Boolean, Object], required: false }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const slotDefaults = computed(() => ({
   "origam-expansion-panel": {

package/dist/src/components/Field/OrigamField.vue

@@ -783,15 +783,17 @@ defineExpose({
 		&--prepended {
 			--origam-field---padding-start: 6px;
 
-			// A prepend-inner (icon / swatch) already fills the left corner, so
-			// opt out of the corner-clearing floor: keep the inline padding and
-			// the start outline leg at the raw padding-start (widening them would
-			// draw the outline over the prepend content).
+			// Le CONTENU se rapproche du bord (l'icone/swatch remplit le coin),
+			// donc on retire le plancher de degagement sur le padding.
 			padding-inline: var(--origam-field---padding-start) var(--origam-field---padding-end);
 
-			#{$this}__outline--start {
-				flex-basis: var(--origam-field---padding-start);
-			}
+			// MAIS on ne touche PAS a la largeur de la patte d'outline : ce
+			// segment PORTE le rayon du coin gauche, et CSS reduit proportionnellement
+			// un `border-radius` qui depasse la boite qui le declare (une patte de
+			// 6px ne peut pas rendre un rayon de 12px+ : le coin sort plat). Le
+			// couplage n'avait pas lieu d'etre : `__outlines` est `position: absolute`
+			// + `pointer-events: none`, une couche decorative qui ne deplace aucun
+			// contenu — l'elargir ne dessine rien par-dessus le prepend.
 		}
 
 		&--appended {

package/dist/src/components/Grid/OrigamGrid.vue

@@ -24,9 +24,9 @@ import { GRID_GAP_SIZE_VAR } from "../../consts";
 const props = defineProps({
   columns: { type: [Number, String, Array], required: false, default: "auto" },
   rows: { type: [Number, String, Array], required: false, default: "auto" },
-  gap: { type: [String, Number], required: false, default: "md" },
-  columnGap: { type: [String, Number], required: false, default: void 0 },
-  rowGap: { type: [String, Number], required: false, default: void 0 },
+  gap: { type: null, required: false, default: "md" },
+  columnGap: { type: null, required: false, default: void 0 },
+  rowGap: { type: null, required: false, default: void 0 },
   areas: { type: [String, Array], required: false, default: void 0 },
   autoFlow: { type: String, required: false, default: "row" },
   autoColumns: { type: String, required: false, default: void 0 },
@@ -83,6 +83,7 @@ const props = defineProps({
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const serialiseTracks = (value) => {
   if (value == null) return void 0;
   if (typeof value === "number") {

package/dist/src/components/Grid/OrigamGridItem.vue

@@ -21,6 +21,7 @@ const props = defineProps({
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
   tag: { type: String, required: false, default: "div" }
 });
+defineSlots();
 const serialiseLineSpec = (value) => {
   if (value == null) return void 0;
   if (typeof value === "number") return String(value);

package/dist/src/components/Grids/OrigamCol.vue

@@ -79,6 +79,7 @@ const props = defineProps({
   alignXxl: { type: null, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { borderClasses, borderStyles } = useBorder(props);
 const { paddingClasses, paddingStyles } = usePadding(props);

package/dist/src/components/Grids/OrigamContainer.vue

@@ -60,6 +60,7 @@ const props = defineProps({
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { borderClasses, borderStyles } = useBorder(props);
 const { paddingClasses, paddingStyles } = usePadding(props);
 const { marginClasses, marginStyles } = useMargin(props);

package/dist/src/components/Grids/OrigamRow.vue

@@ -72,6 +72,7 @@ const props = defineProps({
   justifyXxl: { type: null, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { colorClasses, colorStyles } = useBothColor(
   toRef(props, "bgColor"),
   toRef(props, "color")

package/dist/src/components/Grids/OrigamSpacer.vue

@@ -18,6 +18,7 @@ const props = defineProps({
   tag: { type: String, required: false, default: "div" }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const spacerStyles = computed(() => {
   return [
     props.style

package/dist/src/components/Icon/OrigamComponentIcon.vue

@@ -68,6 +68,7 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const hasIcon = computed(() => {
   return !!props.icon;
 });

package/dist/src/components/Icon/OrigamIcon.vue

@@ -79,6 +79,7 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { borderClasses, borderStyles } = useBorder(props);
 const { paddingClasses, paddingStyles } = usePadding(props);

package/dist/src/components/Img/OrigamImg.vue

@@ -169,6 +169,7 @@ const props = defineProps({
   eager: { type: Boolean, required: false }
 });
 const emits = defineEmits(["loadstart", "load", "error"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { roundedClasses, roundedStyles } = useRounded(props);

package/dist/src/components/InfiniteScroll/OrigamInfiniteScroll.vue

@@ -157,6 +157,7 @@ const props = defineProps({
   letterSpacing: { type: String, required: false }
 });
 const emits = defineEmits(["load"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const { dimensionStyles } = useDimension(props);

package/dist/src/components/InlineEdit/OrigamInlineEdit.vue

@@ -225,6 +225,7 @@ const props = defineProps({
   letterSpacing: { type: String, required: false }
 });
 const emit = defineEmits(["update:modelValue", "edit", "cancel", "confirm", "validate-error"]);
+defineSlots();
 const modelRef = computed(() => props.modelValue);
 const {
   isEditing,

package/dist/src/components/ItemGroup/OrigamItem.vue

@@ -21,13 +21,14 @@ import {
 import { ORIGAM_ITEM_GROUP_KEY } from "../../consts";
 const props = defineProps({
   tag: { type: String, required: false, default: "div" },
-  value: { type: null, required: false, default: void 0 },
-  disabled: { type: Boolean, required: false },
-  selectedClass: { type: String, required: false, default: void 0 },
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },
-  style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true }
+  style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
+  value: { type: null, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false },
+  selectedClass: { type: String, required: false, default: void 0 }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const groupItem = useGroupItem(props, ORIGAM_ITEM_GROUP_KEY);
 if (!groupItem) {

package/dist/src/components/ItemGroup/OrigamItemGroup.vue

@@ -35,6 +35,7 @@ const props = defineProps({
   selectedClass: { type: String, required: false, default: "origam-item--selected" }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { isSelected, select, next, prev, selected } = useGroup(props, ORIGAM_ITEM_GROUP_KEY);
 const slotDefaults = computed(() => ({

package/dist/src/components/Kbd/OrigamKbd.vue

@@ -75,6 +75,7 @@ const _props = defineProps({
 });
 const props = _props;
 const { filterProps } = useProps(props);
+defineSlots();
 const { sizeClasses, sizeStyles } = useSize(props);
 const { roundedClasses, roundedStyles } = useRounded(props);
 const { borderClasses, borderStyles } = useBorder(props);

package/dist/src/components/Layout/OrigamLayout.vue

@@ -77,6 +77,7 @@ const props = defineProps({
   borderLeftColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { layoutClasses, layoutStyles, layoutRef: origamLayoutRef, getLayoutItem, items, layoutId } = useCreateLayout(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { borderClasses, borderStyles } = useBorder(props);

package/dist/src/components/Lazy/OrigamLazy.vue

@@ -48,6 +48,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { dimensionStyles } = useDimension(props);
 const isActive = useVModel(props, "modelValue");

package/dist/src/components/List/OrigamList.vue

@@ -175,6 +175,7 @@ const props = defineProps({
   marginInline: { type: [Boolean, Number, String], required: false }
 });
 defineEmits(["update:selected", "update:opened", "click:open", "click:select"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const slotDefaults = computed(() => ({
   "origam-list-item": {

package/dist/src/components/List/OrigamListChildren.vue

@@ -84,6 +84,7 @@ const props = defineProps({
   items: { type: Array, required: true },
   returnObject: { type: Boolean, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 useCreateList();

package/dist/src/components/List/OrigamListGroup.vue

@@ -110,6 +110,7 @@ const props = defineProps({
   hover: { type: [Boolean, Object], required: false }
 });
 const emits = defineEmits(["click:activator"]);
+defineSlots();
 const { isHover, hoverState } = useHover(props);
 const {
   borderClasses,

package/dist/src/components/List/OrigamListGroupActivator.vue

@@ -21,6 +21,7 @@ const props = defineProps({
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
   tag: { type: String, required: false, default: "div" }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 useNestedGroupActivator();
 const activatorStyles = computed(() => {

package/dist/src/components/List/OrigamListItem.vue

@@ -208,6 +208,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 const emits = defineEmits(["click", "click:append", "click:prepend"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const link = useLink(props, attrs);

package/dist/src/components/List/OrigamListSubheader.vue

@@ -80,6 +80,7 @@ const props = defineProps({
   lineHeight: { type: String, required: false },
   letterSpacing: { type: String, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { roundedClasses, roundedStyles } = useRounded(props);