@skewedaspect/sleekspace-ui 0.9.0 → 0.9.1

package/dist/components/NumberInput/SkNumberInput.vue.d.ts

@@ -69,6 +69,13 @@ export interface SkNumberInputComponentProps extends ComponentCustomColors {
      * @default 1
      */
     step?: number;
+    /**
+     * When true, renders the increment/decrement stepper buttons on the right side of the
+     * input. Set to false for a plain numeric text field (users can still use arrow keys
+     * and type values directly).
+     * @default true
+     */
+    showSteppers?: boolean;
 }
 type __VLS_Props = SkNumberInputComponentProps;
 type __VLS_PublicProps = {
@@ -89,5 +96,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     min: number;
     max: number;
     step: number;
+    showSteppers: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/sleekspace-ui.css

@@ -8866,11 +8866,10 @@
   }
   .sk-number-input-increment {
     position: relative;
-    border-bottom: var(--sk-border-width-thin) solid var(--sk-number-input-color-base);
   }
   @supports (corner-shape: bevel) {
     .sk-number-input-increment {
-      border: 1px solid currentColor;
+      border: 0 solid transparent;
       border-top-left-radius: 0;
       border-top-right-radius: var(--sk-number-input-cut);
       border-bottom-right-radius: 0;
@@ -8890,11 +8889,14 @@
       left: 0;
       right: 0;
       bottom: 0;
-      background-color: currentColor;
+      background-color: transparent;
       z-index: -1;
-      clip-path: polygon(0% 0%, calc(100% - var(--sk-number-input-cut)) 0%, 100% var(--sk-number-input-cut), 100% 100%, 0% 100%, 0% 0%, 1px 1px, 1px calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(var(--sk-number-input-cut) + 1px), calc(100% - var(--sk-number-input-cut) - 1px) 1px, 1px 1px);
+      clip-path: polygon(0% 0%, calc(100% - var(--sk-number-input-cut)) 0%, 100% var(--sk-number-input-cut), 100% 100%, 0% 100%, 0% 0%, 0 0, 0 calc(100% - 0), calc(100% - 0) calc(100% - 0), calc(100% - 0) calc(var(--sk-number-input-cut) + 0), calc(100% - var(--sk-number-input-cut) - 0) 0, 0 0);
     }
   }
+  .sk-number-input-increment {
+    border-bottom: var(--sk-border-width-thin) solid var(--sk-number-input-color-base);
+  }
   .sk-number-input-wrapper:where(:not(.sk-neutral):not(.sk-primary):not(.sk-accent):not(.sk-info):not(.sk-success):not(.sk-warning):not(.sk-danger):not(.sk-boulder):not(.sk-neon-blue):not(.sk-light-blue):not(.sk-neon-orange):not(.sk-neon-purple):not(.sk-neon-green):not(.sk-neon-mint):not(.sk-neon-pink):not(.sk-yellow):not(.sk-red)) {
     --sk-number-input-color-base: var(--sk-neutral-base);
     --sk-number-input-fg: var(--sk-neutral-text);

package/dist/sleekspace-ui.es.js

@@ -1,5 +1,5 @@
 import * as vue from "vue";
-import { Comment, Fragment, Teleport, Transition, camelize, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, customRef, defineComponent, effectScope, getCurrentInstance, getCurrentScope, guardReactiveProps, h, inject, isRef, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowReadonly, shallowRef, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, triggerRef, unref, useCssVars, useModel, useSlots, useTemplateRef, vModelDynamic, vModelText, watch, watchEffect, watchPostEffect, watchSyncEffect, withCtx, withDirectives, withKeys, withMemo, withModifiers } from "vue";
+import { Comment, Fragment, Teleport, Text, Transition, camelize, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, customRef, defineComponent, effectScope, getCurrentInstance, getCurrentScope, guardReactiveProps, h, inject, isRef, markRaw, mergeDefaults, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onMounted, onScopeDispose, onUnmounted, onUpdated, openBlock, provide, reactive, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowReadonly, shallowRef, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toValue, triggerRef, unref, useCssVars, useModel, useSlots, useTemplateRef, vModelDynamic, vModelText, watch, watchEffect, watchPostEffect, watchSyncEffect, withCtx, withDirectives, withKeys, withMemo, withModifiers } from "vue";
 //#region \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -22233,6 +22233,31 @@ var SkAccordionItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(
 	}
 }), [["__scopeId", "data-v-5e73d91f"]]);
 //#endregion
+//#region src/utils/slots.ts
+function hasRenderableContent(vnodes) {
+	return vnodes.some((vnode) => {
+		if (vnode.type === Comment) return false;
+		if (vnode.type === Text) return typeof vnode.children === "string" && vnode.children.trim().length > 0;
+		if (vnode.type === Fragment && Array.isArray(vnode.children)) return hasRenderableContent(vnode.children);
+		return true;
+	});
+}
+function hasSlotContent(slot, props) {
+	if (!slot) return false;
+	return hasRenderableContent(slot(props));
+}
+function filterRenderableVNodes(vnodes) {
+	return vnodes.flatMap((vnode) => {
+		if (vnode.type === Comment) return [];
+		if (vnode.type === Text) {
+			if (typeof vnode.children === "string" && vnode.children.trim().length > 0) return [vnode];
+			return [];
+		}
+		if (vnode.type === Fragment && Array.isArray(vnode.children)) return filterRenderableVNodes(vnode.children);
+		return [vnode];
+	});
+}
+//#endregion
 //#region src/components/Alert/SkAlert.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$39 = {
 	key: 0,
@@ -22324,9 +22349,7 @@ var SkAlert_default = /* @__PURE__ */ defineComponent({
 		});
 		const shouldShowIcon = computed(() => {
 			if (props.showIcon !== void 0) return props.showIcon;
-			const hasDefaultIcon = FEEDBACK_KINDS.includes(props.kind);
-			const hasSlotContent = !!slots.icon;
-			return hasDefaultIcon || hasSlotContent;
+			return FEEDBACK_KINDS.includes(props.kind) || hasSlotContent(slots.icon);
 		});
 		const customColorStyles = useCustomColors("alert", toRef(() => props.baseColor), toRef(() => props.textColor));
 		return (_ctx, _cache) => {
@@ -22875,9 +22898,7 @@ var SkBreadcrumbs_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		}));
 		const processedItems = computed(() => {
 			if (!slots.default) return [];
-			const defaultSlot = slots.default();
-			if (!defaultSlot || defaultSlot.length === 0) return [];
-			return defaultSlot;
+			return filterRenderableVNodes(slots.default());
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("nav", {
@@ -22889,7 +22910,7 @@ var SkBreadcrumbs_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			}), 128))])], 6);
 		};
 	}
-}), [["__scopeId", "data-v-f7fec0fe"]]);
+}), [["__scopeId", "data-v-6d108335"]]);
 //#endregion
 //#region src/components/Button/SkButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$34 = { class: "sk-button-chrome" };
@@ -22972,7 +22993,7 @@ var SkButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			else return "button";
 		});
 		const classes = computed(() => {
-			const isIconOnly = !!(slots.icon && !slots.default);
+			const isIconOnly = hasSlotContent(slots.icon) && !hasSlotContent(slots.default);
 			return {
 				"sk-button": true,
 				[`sk-${props.kind}`]: true,
@@ -23001,10 +23022,10 @@ var SkButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 					"sk-button-content": true,
 					"loading": __props.loading
 				}) }, [
-					_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_3$14, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)])) : createCommentVNode("", true),
-					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_4$10, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)])) : createCommentVNode("", true),
-					_ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_5$8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true),
-					_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_6$5, [renderSlot(_ctx.$slots, "trailing", {}, void 0, true)])) : createCommentVNode("", true)
+					unref(hasSlotContent)(unref(slots).leading) ? (openBlock(), createElementBlock("span", _hoisted_3$14, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)])) : createCommentVNode("", true),
+					unref(hasSlotContent)(unref(slots).icon) ? (openBlock(), createElementBlock("span", _hoisted_4$10, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)])) : createCommentVNode("", true),
+					unref(hasSlotContent)(unref(slots).default) ? (openBlock(), createElementBlock("span", _hoisted_5$8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true),
+					unref(hasSlotContent)(unref(slots).trailing) ? (openBlock(), createElementBlock("span", _hoisted_6$5, [renderSlot(_ctx.$slots, "trailing", {}, void 0, true)])) : createCommentVNode("", true)
 				], 2)])]),
 				_: 3
 			}, 8, [
@@ -23019,7 +23040,7 @@ var SkButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__P
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-fb63ef15"]]);
+}), [["__scopeId", "data-v-b276bf6c"]]);
 //#endregion
 //#region src/components/Panel/SkPanel.vue
 var SkPanel_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -23160,6 +23181,7 @@ var SkCard_default = /* @__PURE__ */ defineComponent({
 		*                appropriate spacing.
 		*/
 		const props = __props;
+		const slots = useSlots();
 		const classes = computed(() => {
 			return { "sk-card": true };
 		});
@@ -23194,17 +23216,17 @@ var SkCard_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(classes.value)
 			}, {
 				default: withCtx(() => [
-					__props.title || _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+					__props.title || unref(hasSlotContent)(unref(slots).header) ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						class: "sk-card-header",
 						style: normalizeStyle(headerStyles.value)
 					}, [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_1$33, toDisplayString(__props.title), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "header")], 4)) : createCommentVNode("", true),
-					_ctx.$slots.media ? (openBlock(), createElementBlock("div", _hoisted_2$17, [renderSlot(_ctx.$slots, "media")])) : createCommentVNode("", true),
-					_ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+					unref(hasSlotContent)(unref(slots).media) ? (openBlock(), createElementBlock("div", _hoisted_2$17, [renderSlot(_ctx.$slots, "media")])) : createCommentVNode("", true),
+					unref(hasSlotContent)(unref(slots).default) ? (openBlock(), createElementBlock("div", {
 						key: 2,
 						class: normalizeClass(contentClasses.value)
 					}, [renderSlot(_ctx.$slots, "default")], 2)) : createCommentVNode("", true),
-					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3$13, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+					unref(hasSlotContent)(unref(slots).footer) ? (openBlock(), createElementBlock("div", _hoisted_3$13, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
 				]),
 				_: 3
 			}, 8, [
@@ -23300,6 +23322,7 @@ var SkCheckbox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 		* @default false
 		*/
 		const checked = useModel(__props, "modelValue");
+		const slots = useSlots();
 		const classes = computed(() => ({
 			"sk-checkbox": true,
 			[`sk-${props.kind}`]: true,
@@ -23337,10 +23360,10 @@ var SkCheckbox_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 				"disabled",
 				"required",
 				"name"
-			]), __props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$12, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)], 2);
+			]), __props.label || unref(hasSlotContent)(unref(slots).default) ? (openBlock(), createElementBlock("span", _hoisted_3$12, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-073d7038"]]);
+}), [["__scopeId", "data-v-8e0fd27f"]]);
 //#endregion
 //#region src/components/Collapsible/SkCollapsible.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$31 = { class: "sk-collapsible-content-inner" };
@@ -27884,6 +27907,7 @@ var SkModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 		const props = __props;
 		const emit = __emit;
 		const { theme } = usePortalContext();
+		const slots = useSlots();
 		const isOpen = ref(props.open);
 		watch(() => props.open, (newValue) => {
 			isOpen.value = newValue;
@@ -27923,7 +27947,7 @@ var SkModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 				open: isOpen.value,
 				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
 			}, {
-				default: withCtx(() => [_ctx.$slots.trigger || __props.triggerText ? (openBlock(), createBlock(unref(DialogTrigger_default), {
+				default: withCtx(() => [unref(hasSlotContent)(unref(slots).trigger) || __props.triggerText ? (openBlock(), createBlock(unref(DialogTrigger_default), {
 					key: 0,
 					"as-child": ""
 				}, {
@@ -27945,7 +27969,7 @@ var SkModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 						onInteractOutside: handleOverlayClick
 					}, {
 						default: withCtx(() => [
-							_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$21, [createVNode(unref(DialogTitle_default), { class: "sk-modal-title" }, {
+							unref(hasSlotContent)(unref(slots).title) || __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$21, [createVNode(unref(DialogTitle_default), { class: "sk-modal-title" }, {
 								default: withCtx(() => [renderSlot(_ctx.$slots, "title", { close }, () => [createTextVNode(toDisplayString(__props.title), 1)], true)]),
 								_: 3
 							}), createVNode(unref(DialogClose_default), { "as-child": "" }, {
@@ -27968,7 +27992,7 @@ var SkModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 								_: 1
 							})])) : createCommentVNode("", true),
 							createElementVNode("div", _hoisted_2$12, [renderSlot(_ctx.$slots, "default", { close }, void 0, true)]),
-							_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "footer", { close }, void 0, true)])) : createCommentVNode("", true)
+							unref(hasSlotContent)(unref(slots).footer) ? (openBlock(), createElementBlock("div", _hoisted_3$9, [renderSlot(_ctx.$slots, "footer", { close }, void 0, true)])) : createCommentVNode("", true)
 						]),
 						_: 3
 					}, 8, [
@@ -27982,7 +28006,7 @@ var SkModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 			}, 8, ["open"]);
 		};
 	}
-}), [["__scopeId", "data-v-d5c13c78"]]);
+}), [["__scopeId", "data-v-291eea32"]]);
 //#endregion
 //#region src/components/NavBar/SkNavBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$20 = { class: "sk-navbar-content" };
@@ -28065,17 +28089,20 @@ var SkNavBar_default = /* @__PURE__ */ defineComponent({
 				class: normalizeClass(classes.value),
 				style: normalizeStyle(unref(customColorStyles))
 			}, [createElementVNode("div", _hoisted_1$20, [
-				unref(slots).leading ? (openBlock(), createElementBlock("div", _hoisted_2$11, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
-				unref(slots).brand ? (openBlock(), createElementBlock("div", _hoisted_3$8, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true),
-				unref(slots).default ? (openBlock(), createElementBlock("div", _hoisted_4$7, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
-				unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
+				unref(hasSlotContent)(unref(slots).leading) ? (openBlock(), createElementBlock("div", _hoisted_2$11, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+				unref(hasSlotContent)(unref(slots).brand) ? (openBlock(), createElementBlock("div", _hoisted_3$8, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true),
+				unref(hasSlotContent)(unref(slots).default) ? (openBlock(), createElementBlock("div", _hoisted_4$7, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
+				unref(hasSlotContent)(unref(slots).actions) ? (openBlock(), createElementBlock("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)
 			])], 6);
 		};
 	}
 });
 //#endregion
 //#region src/components/NumberInput/SkNumberInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$19 = { class: "sk-number-input-steppers" };
+var _hoisted_1$19 = {
+	key: 0,
+	class: "sk-number-input-steppers"
+};
 //#endregion
 //#region src/components/NumberInput/SkNumberInput.vue
 var SkNumberInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -28100,6 +28127,10 @@ var SkNumberInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		min: { default: void 0 },
 		max: { default: void 0 },
 		step: { default: 1 },
+		showSteppers: {
+			type: Boolean,
+			default: true
+		},
 		baseColor: {},
 		textColor: {},
 		borderColor: {}
@@ -28158,7 +28189,7 @@ var SkNumberInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 				default: withCtx(() => [createVNode(unref(NumberFieldInput_default), {
 					class: normalizeClass(inputClasses.value),
 					placeholder: __props.placeholder
-				}, null, 8, ["class", "placeholder"]), createElementVNode("div", _hoisted_1$19, [createVNode(unref(NumberFieldIncrement_default), { class: "sk-number-input-increment" }, {
+				}, null, 8, ["class", "placeholder"]), __props.showSteppers ? (openBlock(), createElementBlock("div", _hoisted_1$19, [createVNode(unref(NumberFieldIncrement_default), { class: "sk-number-input-increment" }, {
 					default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 24 24",
@@ -28180,7 +28211,7 @@ var SkNumberInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 						"stroke-linejoin": "miter"
 					}, [createElementVNode("polyline", { points: "18 9 12 15 6 9" })], -1)])]),
 					_: 1
-				})])]),
+				})])) : createCommentVNode("", true)]),
 				_: 1
 			}, 8, [
 				"modelValue",
@@ -28196,7 +28227,7 @@ var SkNumberInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			])], 2);
 		};
 	}
-}), [["__scopeId", "data-v-b589687f"]]);
+}), [["__scopeId", "data-v-413329cd"]]);
 //#endregion
 //#region src/components/Theme/useTheme.ts
 var ThemeSymbol = Symbol("SkTheme");
@@ -28558,8 +28589,8 @@ var SkPage_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 		const props = __props;
 		const emit = __emit;
 		const slots = useSlots();
-		const hasSidebar = computed(() => Boolean(slots.sidebar));
-		const hasAside = computed(() => Boolean(slots.aside));
+		const hasSidebar = computed(() => hasSlotContent(slots.sidebar));
+		const hasAside = computed(() => hasSlotContent(slots.aside));
 		const rootRef = ref(null);
 		const rootWidth = ref(Number.POSITIVE_INFINITY);
 		function resolvePx(value, context) {
@@ -28711,26 +28742,26 @@ var SkPage_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 				style: normalizeStyle(customStyles.value),
 				"data-scheme": __props.theme
 			}, [
-				_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_2$10, [renderSlot(_ctx.$slots, "header", {}, void 0, true)])) : createCommentVNode("", true),
-				_ctx.$slots.subheader ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "subheader", {}, void 0, true)])) : createCommentVNode("", true),
+				unref(hasSlotContent)(slots.header) ? (openBlock(), createElementBlock("header", _hoisted_2$10, [renderSlot(_ctx.$slots, "header", {}, void 0, true)])) : createCommentVNode("", true),
+				unref(hasSlotContent)(slots.subheader) ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "subheader", {}, void 0, true)])) : createCommentVNode("", true),
 				createElementVNode("div", _hoisted_4$6, [
 					hasSidebar.value && !isSidebarDrawerActive.value ? (openBlock(), createElementBlock("aside", _hoisted_5$4, [
-						_ctx.$slots["sidebar-header"] ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "sidebar-header", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true),
+						unref(hasSlotContent)(slots["sidebar-header"]) ? (openBlock(), createElementBlock("div", _hoisted_6$3, [renderSlot(_ctx.$slots, "sidebar-header", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true),
 						createElementVNode("div", _hoisted_7$1, [renderSlot(_ctx.$slots, "sidebar", { isDrawer: false }, void 0, true)]),
-						_ctx.$slots["sidebar-footer"] ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "sidebar-footer", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true)
+						unref(hasSlotContent)(slots["sidebar-footer"]) ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "sidebar-footer", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true)
 					])) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_9, [
-						_ctx.$slots["main-header"] ? (openBlock(), createElementBlock("div", _hoisted_10, [renderSlot(_ctx.$slots, "main-header", {}, void 0, true)])) : createCommentVNode("", true),
+						unref(hasSlotContent)(slots["main-header"]) ? (openBlock(), createElementBlock("div", _hoisted_10, [renderSlot(_ctx.$slots, "main-header", {}, void 0, true)])) : createCommentVNode("", true),
 						createElementVNode("main", _hoisted_11, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
-						_ctx.$slots["main-footer"] ? (openBlock(), createElementBlock("div", _hoisted_12, [renderSlot(_ctx.$slots, "main-footer", {}, void 0, true)])) : createCommentVNode("", true)
+						unref(hasSlotContent)(slots["main-footer"]) ? (openBlock(), createElementBlock("div", _hoisted_12, [renderSlot(_ctx.$slots, "main-footer", {}, void 0, true)])) : createCommentVNode("", true)
 					]),
 					hasAside.value && !isAsideDrawerActive.value ? (openBlock(), createElementBlock("aside", _hoisted_13, [
-						_ctx.$slots["aside-header"] ? (openBlock(), createElementBlock("div", _hoisted_14, [renderSlot(_ctx.$slots, "aside-header", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true),
+						unref(hasSlotContent)(slots["aside-header"]) ? (openBlock(), createElementBlock("div", _hoisted_14, [renderSlot(_ctx.$slots, "aside-header", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true),
 						createElementVNode("div", _hoisted_15, [renderSlot(_ctx.$slots, "aside", { isDrawer: false }, void 0, true)]),
-						_ctx.$slots["aside-footer"] ? (openBlock(), createElementBlock("div", _hoisted_16, [renderSlot(_ctx.$slots, "aside-footer", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true)
+						unref(hasSlotContent)(slots["aside-footer"]) ? (openBlock(), createElementBlock("div", _hoisted_16, [renderSlot(_ctx.$slots, "aside-footer", { isDrawer: false }, void 0, true)])) : createCommentVNode("", true)
 					])) : createCommentVNode("", true)
 				]),
-				_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_17, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])) : createCommentVNode("", true),
+				unref(hasSlotContent)(slots.footer) ? (openBlock(), createElementBlock("footer", _hoisted_17, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])) : createCommentVNode("", true),
 				hasSidebar.value && isSidebarDrawerActive.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createVNode(Transition, { name: "sk-page-drawer-backdrop" }, {
 					default: withCtx(() => [unref(sidebarDrawerOpen) ? (openBlock(), createElementBlock("div", {
 						key: 0,
@@ -28751,9 +28782,9 @@ var SkPage_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 						tabindex: "-1",
 						onClick: onSidebarDrawerClick
 					}, [
-						_ctx.$slots["sidebar-header"] ? (openBlock(), createElementBlock("div", _hoisted_20, [renderSlot(_ctx.$slots, "sidebar-header", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true),
+						unref(hasSlotContent)(slots["sidebar-header"]) ? (openBlock(), createElementBlock("div", _hoisted_20, [renderSlot(_ctx.$slots, "sidebar-header", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true),
 						createElementVNode("div", _hoisted_21, [renderSlot(_ctx.$slots, "sidebar", { isDrawer: true }, void 0, true)]),
-						_ctx.$slots["sidebar-footer"] ? (openBlock(), createElementBlock("div", _hoisted_22, [renderSlot(_ctx.$slots, "sidebar-footer", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true)
+						unref(hasSlotContent)(slots["sidebar-footer"]) ? (openBlock(), createElementBlock("div", _hoisted_22, [renderSlot(_ctx.$slots, "sidebar-footer", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true)
 					], 8, _hoisted_19)) : createCommentVNode("", true)]),
 					_: 3
 				})], 64)) : createCommentVNode("", true),
@@ -28777,16 +28808,16 @@ var SkPage_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 						tabindex: "-1",
 						onClick: onAsideDrawerClick
 					}, [
-						_ctx.$slots["aside-header"] ? (openBlock(), createElementBlock("div", _hoisted_25, [renderSlot(_ctx.$slots, "aside-header", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true),
+						unref(hasSlotContent)(slots["aside-header"]) ? (openBlock(), createElementBlock("div", _hoisted_25, [renderSlot(_ctx.$slots, "aside-header", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true),
 						createElementVNode("div", _hoisted_26, [renderSlot(_ctx.$slots, "aside", { isDrawer: true }, void 0, true)]),
-						_ctx.$slots["aside-footer"] ? (openBlock(), createElementBlock("div", _hoisted_27, [renderSlot(_ctx.$slots, "aside-footer", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true)
+						unref(hasSlotContent)(slots["aside-footer"]) ? (openBlock(), createElementBlock("div", _hoisted_27, [renderSlot(_ctx.$slots, "aside-footer", { isDrawer: true }, void 0, true)])) : createCommentVNode("", true)
 					], 8, _hoisted_24)) : createCommentVNode("", true)]),
 					_: 3
 				})], 64)) : createCommentVNode("", true)
 			], 14, _hoisted_1$18);
 		};
 	}
-}), [["__scopeId", "data-v-265ba522"]]);
+}), [["__scopeId", "data-v-2b46217a"]]);
 //#endregion
 //#region src/components/Page/SkPageSidebarToggle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$17 = {
@@ -29214,6 +29245,7 @@ var SkPopover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 			set: (value) => emit("update:open", value ?? false)
 		});
 		const { theme } = usePortalContext();
+		const slots = useSlots();
 		const contentClasses = computed(() => ({
 			"sk-popover-content": true,
 			[`sk-${props.kind}`]: true
@@ -29238,7 +29270,7 @@ var SkPopover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 						"collision-padding": 8
 					}, {
 						default: withCtx(() => [
-							__props.title || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$15, [
+							__props.title || unref(hasSlotContent)(unref(slots).header) ? (openBlock(), createElementBlock("div", _hoisted_1$15, [
 								__props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$7, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
 								renderSlot(_ctx.$slots, "header", {}, void 0, true),
 								__props.closable ? (openBlock(), createBlock(unref(PopoverClose_default), {
@@ -29270,8 +29302,8 @@ var SkPopover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 									_: 1
 								})) : createCommentVNode("", true)
 							])) : createCommentVNode("", true),
-							_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_3$5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true),
-							_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])) : createCommentVNode("", true),
+							unref(hasSlotContent)(unref(slots).default) ? (openBlock(), createElementBlock("div", _hoisted_3$5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : createCommentVNode("", true),
+							unref(hasSlotContent)(unref(slots).footer) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)])) : createCommentVNode("", true),
 							__props.showArrow ? (openBlock(), createBlock(unref(PopoverArrow_default), {
 								key: 3,
 								class: "sk-popover-arrow"
@@ -29292,7 +29324,7 @@ var SkPopover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__
 			}, 8, ["open"]);
 		};
 	}
-}), [["__scopeId", "data-v-679c4935"]]);
+}), [["__scopeId", "data-v-401ea442"]]);
 //#endregion
 //#region src/components/Progress/SkProgress.vue
 var SkProgress_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -29433,6 +29465,7 @@ var SkRadio_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 		*                 formatting, icons, or complex layouts alongside the radio button.
 		*/
 		const props = __props;
+		const slots = useSlots();
 		const parentKind = inject("radio-kind", computed(() => void 0));
 		const parentSize = inject("radio-size", computed(() => void 0));
 		const effectiveKind = computed(() => props.kind ?? parentKind.value ?? "neutral");
@@ -29461,10 +29494,10 @@ var SkRadio_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PU
 				"style",
 				"value",
 				"disabled"
-			]), __props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_1$14, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)], 2);
+			]), __props.label || unref(hasSlotContent)(unref(slots).default) ? (openBlock(), createElementBlock("span", _hoisted_1$14, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)], true)])) : createCommentVNode("", true)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-c88f9c3f"]]);
+}), [["__scopeId", "data-v-dcd86f1e"]]);
 //#endregion
 //#region src/components/Radio/SkRadioGroup.vue
 var SkRadioGroup_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -30528,7 +30561,7 @@ var SkSwitch_default = /* @__PURE__ */ defineComponent({
 			};
 		});
 		const showLabel = computed(() => {
-			return Boolean(slots.default || props.labelOn || props.labelOff || slots["label-on"] || slots["label-off"] || props.label);
+			return hasSlotContent(slots.default) || Boolean(props.labelOn) || Boolean(props.labelOff) || hasSlotContent(slots["label-on"]) || hasSlotContent(slots["label-off"]) || Boolean(props.label);
 		});
 		const useOnOffLabels = computed(() => {
 			return Boolean(props.labelOn || props.labelOff || slots["label-on"] || slots["label-off"]);
@@ -30561,14 +30594,14 @@ var SkSwitch_default = /* @__PURE__ */ defineComponent({
 				"required",
 				"class",
 				"style"
-			]), showLabel.value ? (openBlock(), createElementBlock("label", _hoisted_2$3, [unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : useOnOffLabels.value && !__props.disableLabelAnimation ? (openBlock(), createBlock(Transition, {
+			]), showLabel.value ? (openBlock(), createElementBlock("label", _hoisted_2$3, [unref(hasSlotContent)(unref(slots).default) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : useOnOffLabels.value && !__props.disableLabelAnimation ? (openBlock(), createBlock(Transition, {
 				key: 1,
 				name: "sk-switch-label-fade",
 				mode: "out-in"
 			}, {
-				default: withCtx(() => [__props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_3$3, [unref(slots)["label-on"] ? renderSlot(_ctx.$slots, "label-on", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOn.value), 1)], 64))])) : (openBlock(), createElementBlock("span", _hoisted_4$3, [unref(slots)["label-off"] ? renderSlot(_ctx.$slots, "label-off", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOff.value), 1)], 64))]))]),
+				default: withCtx(() => [__props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_3$3, [unref(hasSlotContent)(unref(slots)["label-on"]) ? renderSlot(_ctx.$slots, "label-on", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOn.value), 1)], 64))])) : (openBlock(), createElementBlock("span", _hoisted_4$3, [unref(hasSlotContent)(unref(slots)["label-off"]) ? renderSlot(_ctx.$slots, "label-off", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOff.value), 1)], 64))]))]),
 				_: 3
-			})) : useOnOffLabels.value && __props.disableLabelAnimation ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [__props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_5$2, [unref(slots)["label-on"] ? renderSlot(_ctx.$slots, "label-on", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOn.value), 1)], 64))])) : (openBlock(), createElementBlock("span", _hoisted_6$1, [unref(slots)["label-off"] ? renderSlot(_ctx.$slots, "label-off", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOff.value), 1)], 64))]))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(__props.label), 1)], 64))])) : createCommentVNode("", true)]);
+			})) : useOnOffLabels.value && __props.disableLabelAnimation ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [__props.modelValue ? (openBlock(), createElementBlock("span", _hoisted_5$2, [unref(hasSlotContent)(unref(slots)["label-on"]) ? renderSlot(_ctx.$slots, "label-on", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOn.value), 1)], 64))])) : (openBlock(), createElementBlock("span", _hoisted_6$1, [unref(hasSlotContent)(unref(slots)["label-off"]) ? renderSlot(_ctx.$slots, "label-off", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(labelOff.value), 1)], 64))]))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(__props.label), 1)], 64))])) : createCommentVNode("", true)]);
 		};
 	}
 });
@@ -30708,6 +30741,7 @@ var SkTab_default = /* @__PURE__ */ defineComponent({
 		* @slot icon - Optional icon displayed before the tab label. Useful for visual indicators.
 		*/
 		const props = __props;
+		const slots = useSlots();
 		const parentKind = inject("tabs-kind", computed(() => void 0));
 		const kind = computed(() => props.kind ?? parentKind.value);
 		const classes = computed(() => {
@@ -30723,7 +30757,7 @@ var SkTab_default = /* @__PURE__ */ defineComponent({
 				disabled: __props.disabled,
 				class: normalizeClass(classes.value)
 			}, {
-				default: withCtx(() => [_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1$7, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createElementVNode("span", _hoisted_2$2, [createElementVNode("span", _hoisted_3$2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]), createElementVNode("span", _hoisted_4$2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])])]),
+				default: withCtx(() => [unref(hasSlotContent)(unref(slots).icon) ? (openBlock(), createElementBlock("span", _hoisted_1$7, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), createElementVNode("span", _hoisted_2$2, [createElementVNode("span", _hoisted_3$2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]), createElementVNode("span", _hoisted_4$2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])])]),
 				_: 3
 			}, 8, [
 				"value",
@@ -31974,6 +32008,7 @@ var SkTreeItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 		}
 	},
 	setup(__props) {
+		const slots = useSlots();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TreeItem_default), mergeProps({ class: "sk-tree-item" }, __props.item.bind, {
 				value: __props.item.value,
@@ -31990,7 +32025,7 @@ var SkTreeItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 						key: 0,
 						class: normalizeClass(["sk-tree-item-chevron", { "sk-expanded": isExpanded }])
 					}, [(openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("polyline", { points: "9 6 15 12 9 18" }, null, -1)])]))], 2)) : __props.showChevron ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true),
-					_ctx.$slots.leading ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "leading", {
+					unref(hasSlotContent)(unref(slots).leading) ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "leading", {
 						isExpanded,
 						isSelected
 					}, void 0, true)])) : createCommentVNode("", true),
@@ -32000,7 +32035,7 @@ var SkTreeItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 						hasChildren: __props.item.hasChildren,
 						level: __props.item.level
 					}, void 0, true)]),
-					_ctx.$slots.trailing ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "trailing", {
+					unref(hasSlotContent)(unref(slots).trailing) ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "trailing", {
 						isExpanded,
 						isSelected
 					}, void 0, true)])) : createCommentVNode("", true)
@@ -32015,7 +32050,7 @@ var SkTreeItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-ba341490"]]);
+}), [["__scopeId", "data-v-adb75a1a"]]);
 //#endregion
 //#region src/components/TreeView/SkTreeView.vue
 var SkTreeView_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({