origam 2.14.1 → 2.15.0

package/dist/src/components/Progress/OrigamProgressLinear.vue

@@ -103,6 +103,7 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
   location: { type: null, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { locationStyles } = useLocation(props);
 const { progressClasses, progressStyles, normalizedValue, thickness, progress, max, hasContent } = useProgress(props);

package/dist/src/components/Radio/OrigamRadio.vue

@@ -209,6 +209,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 const emits = defineEmits(["update:modelValue", "update:focused", "click:label"]);
+defineSlots();
 const { isHover, hoverState } = useHover(props);
 useStateEffect(props, isHover, void 0, hoverState, void 0);
 const { filterProps } = useProps(props);

package/dist/src/components/Radio/OrigamRadioBtn.vue

@@ -95,6 +95,7 @@ const props = defineProps({
   elevation: { type: [Number, String], required: false }
 });
 const emits = defineEmits(["update:modelValue", "update:focused", "click:label"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const origamSelectionControlRef = ref();
 const model = useVModel(props, "modelValue");

package/dist/src/components/Radio/OrigamRadioGroup.vue

@@ -159,6 +159,7 @@ const props = defineProps({
   hover: { type: [Boolean, Object], required: false },
   items: { type: [Array, Object], required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const origamSelectionControlGroupRef = ref();
 const origamInputRef = ref();

package/dist/src/components/RatingField/OrigamRatingField.vue

@@ -243,6 +243,7 @@ const props = defineProps({
   required: { type: Boolean, required: false }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const origamInputRef = ref();
 const origamRatingFieldItemRef = ref();

package/dist/src/components/RatingField/OrigamRatingFieldItem.vue

@@ -100,6 +100,7 @@ const props = defineProps({
   elevation: { type: [Number, String], required: false }
 });
 const emits = defineEmits(["mouseenter", "mouseleave", "click"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const origamBtnRef = ref();

package/dist/src/components/Responsive/OrigamResponsive.vue

@@ -75,6 +75,7 @@ const props = defineProps({
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const { aspectStyles } = useAspectRatio(props);
 const { dimensionStyles } = useDimension(props);

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

@@ -461,6 +461,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 defineEmits(["click:control", "mousedown:control", "update:menu", "update:modelValue", "update:focused", "click:append", "click:prepend", "click:appendInner", "click:prependInner", "click:clear"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const origamTextFieldRef = ref();

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

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

package/dist/src/components/Skeleton/OrigamSkeleton.vue

@@ -74,6 +74,7 @@ const props = defineProps({
   roundedBottomRight: { type: [Boolean, Number, String], required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { roundedClasses, roundedStyles } = useRounded(props);
 const { sizeClasses, sizeStyles } = useSize(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));

package/dist/src/components/Slide/OrigamSlideGroup.vue

@@ -134,6 +134,7 @@ const props = defineProps({
   mobileBreakpoint: { type: null, required: false }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { roundedClasses, roundedStyles } = useRounded(props);
 const { borderClasses, borderStyles } = useBorder(props);

package/dist/src/components/SliderField/OrigamSliderField.vue

@@ -533,6 +533,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 const emits = defineEmits(["start", "end", "update:modelValue", "update:focused"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const origamInputRef = ref();
 const slots = useSlots();

package/dist/src/components/SliderField/OrigamSliderFieldTrack.vue

@@ -80,6 +80,7 @@ const props = defineProps({
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const isDisabled = computed(() => {

package/dist/src/components/Snackbar/OrigamSnackbar.vue

@@ -202,6 +202,7 @@ const _props = defineProps({
   hover: { type: [Boolean, Object], required: false }
 });
 const props = useDefaults(_props);
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const isActive = useVModel(props, "modelValue");

package/dist/src/components/Snackbar/OrigamSnackbarItem.vue

@@ -78,7 +78,7 @@ import { useLocale, useProps, useTypography } from "../../composables";
 import { vContrast } from "../../directives";
 import { MDI_ICONS } from "../../enums";
 const props = defineProps({
-  intent: { type: String, required: false, default: "info" },
+  intent: { type: null, required: false, default: "info" },
   title: { type: String, required: false },
   message: { type: String, required: false },
   icon: { type: [String, Array, Boolean], required: false, skipCheck: true },
@@ -103,6 +103,7 @@ const { filterProps } = useProps(props);
 const { typographyStyles } = useTypography(props, "snackbar-item");
 const slots = useSlots();
 const emit = defineEmits(["dismiss", "action"]);
+defineSlots();
 const INTENT_ICONS = {
   primary: MDI_ICONS.INFORMATION,
   secondary: MDI_ICONS.INFORMATION,

package/dist/src/components/Stepper/OrigamStepper.vue

@@ -100,6 +100,7 @@ const props = defineProps({
 });
 const { t } = useLocale();
 const emit = defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const internalModel = ref(props.modelValue ?? 0);

package/dist/src/components/Switch/OrigamSwitch.vue

@@ -257,6 +257,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 defineEmits(["update:modelValue", "update:focused", "update:indeterminate", "click:label"]);
+defineSlots();
 const { isHover, hoverState } = useHover(props);
 useStateEffect(props, isHover, void 0, hoverState, void 0);
 const { filterProps } = useProps(props);

package/dist/src/components/SystemBar/OrigamSystemBar.vue

@@ -68,6 +68,7 @@ const props = defineProps({
   letterSpacing: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { dimensionStyles } = useDimension(props);
 const { borderClasses, borderStyles } = useBorder(props);
 const { roundedStyles, roundedClasses } = useRounded(props);

package/dist/src/components/Table/OrigamTable.vue

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

package/dist/src/components/Tabs/OrigamTab.vue

@@ -17,10 +17,19 @@
 			@click="handleClick"
 	>
 		<span
-				v-if="icon"
+				v-if="hasPrependMedia"
 				class="origam-tab__prepend"
 		>
-			<origam-icon :icon="icon"/>
+			<origam-avatar
+					v-if="prependAvatar"
+					key="prepend-avatar"
+					:image="prependAvatar"
+			/>
+			<origam-icon
+					v-if="resolvedPrependIcon"
+					key="prepend-icon"
+					:icon="resolvedPrependIcon"
+			/>
 		</span>
 
 		<span class="origam-tab__label">
@@ -33,10 +42,19 @@
 		</span>
 
 		<span
-				v-if="appendIcon"
+				v-if="hasAppendMedia"
 				class="origam-tab__append"
 		>
-			<origam-icon :icon="appendIcon"/>
+			<origam-avatar
+					v-if="appendAvatar"
+					key="append-avatar"
+					:image="appendAvatar"
+			/>
+			<origam-icon
+					v-if="appendIcon"
+					key="append-icon"
+					:icon="appendIcon"
+			/>
 		</span>
 
 		<span
@@ -48,9 +66,10 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject, ref, StyleValue } from "vue";
-import { OrigamIcon } from "../../components";
+import { computed, inject, ref, StyleValue, toRef } from "vue";
+import { OrigamAvatar, OrigamIcon } from "../../components";
 import {
+  useAdjacent,
   useDefaults,
   useGroupItem,
   useProps,
@@ -60,11 +79,10 @@ import {
 import { vContrast } from "../../directives";
 import { ORIGAM_TABS_KEY, ORIGAM_TAB_PANELS_KEY } from "../../consts";
 const _props = defineProps({
+  tag: { type: String, required: false, default: "button" },
   text: { type: String, required: false, default: "" },
   variant: { type: null, required: false, default: void 0 },
-  tag: { type: String, required: false, default: "button" },
   icon: { type: null, required: false },
-  appendIcon: { 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 },
@@ -75,11 +93,21 @@ const _props = defineProps({
   fontSize: { type: String, required: false },
   fontWeight: { type: String, required: false },
   lineHeight: { type: String, required: false },
-  letterSpacing: { type: String, required: false }
+  letterSpacing: { type: String, required: false },
+  appendAvatar: { type: String, required: false },
+  appendIcon: { type: null, required: false },
+  prependAvatar: { type: String, required: false },
+  prependIcon: { type: null, required: false }
 });
 const props = useDefaults(_props);
+defineSlots();
 const { filterProps } = useProps(props);
 const rootRef = ref();
+const resolvedPrependIcon = computed(() => props.prependIcon ?? props.icon);
+const {
+  hasPrependMedia,
+  hasAppendMedia
+} = useAdjacent(props, resolvedPrependIcon, toRef(props, "appendIcon"));
 const groupItem = useGroupItem(props, ORIGAM_TABS_KEY);
 const panelsGroup = inject(ORIGAM_TAB_PANELS_KEY, null);
 if (!groupItem) {
@@ -123,8 +151,8 @@ const tabClasses = computed(() => {
     groupItem.selectedClass.value,
     {
       "origam-tab--disabled": isDisabled.value,
-      "origam-tab--with-prepend": !!props.icon,
-      "origam-tab--with-append": !!props.appendIcon
+      "origam-tab--with-prepend": hasPrependMedia.value,
+      "origam-tab--with-append": hasAppendMedia.value
     },
     props.class
   ];

package/dist/src/components/Tabs/OrigamTabPanel.vue

@@ -43,6 +43,7 @@ const props = defineProps({
   eager: { type: Boolean, required: false, default: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const rootRef = ref();
 const groupItem = useGroupItem(props, ORIGAM_TAB_PANELS_KEY);
 const tabsGroup = inject(ORIGAM_TABS_KEY, null);

package/dist/src/components/Tabs/OrigamTabPanels.vue

@@ -43,6 +43,7 @@ const props = defineProps({
   selectedClass: { type: String, required: false, default: "origam-tab-panel--active" }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { isSelected, select, next, prev, selected, items } = useGroup(props, ORIGAM_TAB_PANELS_KEY);
 const rootRef = ref();

package/dist/src/components/Tabs/OrigamTabs.vue

@@ -57,6 +57,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { isSelected, select, next, prev, selected, items } = useGroup(props, ORIGAM_TABS_KEY);
 const rootRef = ref();

package/dist/src/components/TextMask/OrigamTextMask.vue

@@ -34,6 +34,7 @@ const props = defineProps({
   lineHeight: { type: String, required: false },
   letterSpacing: { type: String, required: false }
 });
+defineSlots();
 const slots = useSlots();
 const resolvedBackground = computed(() => {
   const fromGradient = resolveGradient(props.background);

package/dist/src/components/ThemeProvider/OrigamThemeProvider.vue

@@ -19,6 +19,7 @@ const props = defineProps({
   mode: { type: String, required: false, default: "auto" },
   tag: { type: String, required: false, default: "div" }
 });
+defineSlots();
 const attrs = useAttrs();
 const dataTheme = computed(() => props.theme === "auto" ? void 0 : props.theme);
 const dataMode = computed(() => props.mode === "auto" ? void 0 : props.mode);

package/dist/src/components/Timeline/OrigamTimeline.vue

@@ -61,7 +61,7 @@ import {
 import { TIMELINE_CONTEXT_KEY } from "../../consts";
 const props = defineProps({
   items: { type: Array, required: false },
-  orientation: { type: String, required: false, default: "vertical" },
+  orientation: { type: null, required: false, default: "vertical" },
   side: { type: String, required: false, default: "start" },
   truncateLine: { type: Boolean, required: false, default: false },
   ariaLabel: { type: String, required: false },
@@ -74,6 +74,7 @@ const props = defineProps({
   density: { type: null, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const orientation = computed(() => props.orientation ?? "vertical");
 const { densityClasses } = useDensity(props);
 const { sizeClasses } = useSize(props);

package/dist/src/components/Timeline/OrigamTimelineItem.vue

@@ -54,11 +54,11 @@ const props = defineProps({
   title: { type: String, required: false },
   subtitle: { type: String, required: false },
   icon: { type: null, required: false },
-  intent: { type: String, required: false },
+  intent: { type: null, required: false },
   isLast: { type: Boolean, required: false, default: false },
   truncateLine: { type: Boolean, required: false, default: false },
   side: { type: String, required: false, default: "start" },
-  orientation: { type: String, required: false, default: "vertical" },
+  orientation: { type: null, required: false, default: "vertical" },
   index: { type: Number, required: false, default: 0 },
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },
@@ -70,6 +70,7 @@ const props = defineProps({
 });
 const timelineCtx = inject(TIMELINE_CONTEXT_KEY, null);
 const { filterProps } = useProps(props);
+defineSlots();
 const { densityClasses } = useDensity(props);
 const { sizeClasses } = useSize(props);
 const effectiveSide = computed(() => {

package/dist/src/components/Title/OrigamTitle.vue

@@ -73,6 +73,7 @@ const _props = defineProps({
 });
 const props = useDefaults(_props);
 const { filterProps } = useProps(props);
+defineSlots();
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { densityClasses } = useDensity(props);
 const slots = useSlots();

package/dist/src/components/Toolbar/OrigamToolbar.vue

@@ -119,6 +119,7 @@ const props = defineProps({
   lineHeight: { type: String, required: false },
   letterSpacing: { type: String, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const slots = useSlots();
 const hasPrepend = computed(() => {

package/dist/src/components/Tooltip/OrigamTooltip.vue

@@ -101,6 +101,7 @@ const props = defineProps({
   letterSpacing: { type: String, required: false }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { typographyStyles } = useTypography(props, "tooltip");

package/dist/src/components/Transition/OrigamExpandX.vue

@@ -28,6 +28,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const expandedParentClass = "";
 const sizeProperty = "width";
 const offsetProperty = camelize(`offset-${sizeProperty}`);

package/dist/src/components/Transition/OrigamExpandY.vue

@@ -28,6 +28,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const expandedParentClass = "";
 const sizeProperty = "height";
 const offsetProperty = camelize(`offset-${sizeProperty}`);

package/dist/src/components/Transition/OrigamFade.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamReverseTranslatePicker.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamScaleRotate.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamSlideX.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamSlideY.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamSnack.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamTransition.vue

@@ -17,6 +17,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const attrs = useAttrs();
 const { isDisabled } = useTransition(props);
 const component = computed(() => {

package/dist/src/components/Transition/OrigamTranslateBottom.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamTranslatePicker.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useCssTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamTranslateScale.vue

@@ -23,6 +23,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const hasTarget = computed(() => {
   return !!props.target;
 });

package/dist/src/components/Transition/OrigamWindowXReverseTranslate.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useWindowTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamWindowXTranslate.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useWindowTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamWindowYReverseTranslate.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useWindowTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Transition/OrigamWindowYTranslate.vue

@@ -20,6 +20,7 @@ const props = defineProps({
   origin: { type: String, required: false }
 });
 const { filterProps } = useProps(props);
+defineSlots();
 const { name, tag, transitionProps } = useWindowTransition(props);
 defineExpose({
   filterProps

package/dist/src/components/Video/OrigamVideo.vue

@@ -239,7 +239,7 @@ const props = defineProps({
   autoplay: { type: Boolean, required: false, default: false },
   muted: { type: Boolean, required: false, default: false },
   loop: { type: Boolean, required: false, default: false },
-  controls: { type: String, required: false, default: "custom" },
+  controls: { type: null, required: false, default: "custom" },
   playsInline: { type: Boolean, required: false, default: true },
   preload: { type: String, required: false, default: "metadata" },
   aspectRatio: { type: String, required: false, default: "16/9" },
@@ -305,6 +305,7 @@ const props = defineProps({
   letterSpacing: { type: String, required: false }
 });
 const emit = defineEmits(["enterfullscreen", "exitfullscreen", "enterpip", "exitpip", "skip", "quality-change", "download", "play", "pause", "ended", "timeupdate", "volumechange", "loadedmetadata", "error", "update:playbackRate"]);
+defineSlots();
 const ICONS = {
   PLAY: MDI_ICONS.PLAY,
   PAUSE: MDI_ICONS.PAUSE,

package/dist/src/components/VirtualScroll/OrigamVirtualScroll.vue

@@ -104,6 +104,7 @@ const props = defineProps({
   scrollDuration: { type: Number, required: false },
   scrollEasing: { type: String, required: false }
 });
+defineSlots();
 const { filterProps } = useProps(props);
 const vm = getCurrentInstance("OrigamVirtualScroll");
 const { dimensionStyles } = useDimension(props);

package/dist/src/components/VirtualScroll/OrigamVirtualScrollItem.vue

@@ -31,6 +31,7 @@ const props = defineProps({
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true }
 });
 const emits = defineEmits(["update:height"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const attrs = useAttrs();
 const { resizeRef, contentRect } = useResizeObserver(void 0, "border");

package/dist/src/components/Watermark/OrigamWatermark.vue

@@ -59,6 +59,7 @@ const resolvedOptions = computed(() => ({
   pointerEvents: props.pointerEvents,
   zIndex: props.zIndex
 }));
+defineSlots();
 const { patternUrl } = useWatermark(resolvedOptions);
 const rootEl = ref(null);
 const layerEl = ref(null);

package/dist/src/components/Window/OrigamWindow.vue

@@ -133,6 +133,7 @@ const props = defineProps({
   activeClass: { type: String, required: false }
 });
 defineEmits(["update:modelValue"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const { t } = useLocale();
 const group = useGroup(props, ORIGAM_WINDOW_GROUP_KEY);

package/dist/src/components/Window/OrigamWindowItem.vue

@@ -42,6 +42,7 @@ const props = defineProps({
   selectedClass: { type: String, required: false }
 });
 defineEmits(["group:selected"]);
+defineSlots();
 const { filterProps } = useProps(props);
 const window = inject(ORIGAM_WINDOW_KEY);
 const groupItem = useGroupItem(props, ORIGAM_WINDOW_GROUP_KEY);

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

@@ -53,6 +53,24 @@ function useBorder(props, name = (0, _utils.getCurrentInstanceName)()) {
       } = props;
       if (!(0, _utils.isEmpty)(borderColor)) styles.push(`border-color: ${borderColor}`);
       if (!(0, _utils.isEmpty)(borderStyle)) styles.push(`border-style: ${borderStyle}`);
+      _consts.BORDER_LOGICAL_AXIS_MAP.forEach(({
+        axis,
+        widthProp
+      }) => {
+        const axisValue = props[widthProp];
+        if (typeof axisValue === "number") {
+          styles.push(`border-${axis}-width: ${(0, _utils.convertToUnit)(axisValue)}`);
+          styles.push(`border-${axis}-style: solid`);
+          styles.push(`border-${axis}-color: currentColor`);
+        } else if (axisValue === true) {
+          styles.push(`border-${axis}-width: var(--origam-border__width---thin)`);
+          styles.push(`border-${axis}-style: solid`);
+          styles.push(`border-${axis}-color: currentColor`);
+        } else if (typeof axisValue === "string" && axisValue !== "") {
+          const parsed = (0, _utils.parseBorderPositionValue)(axisValue);
+          if (parsed) styles.push(...(0, _utils.formatBorderPositionStylesVar)(axis, parsed));
+        }
+      });
       _consts.BORDER_POSITION_MAP.forEach(({
         side,
         widthProp,