@skewedaspect/sleekspace-ui 0.9.0 → 0.9.1

package/dist/sleekspace-ui.umd.js

@@ -22244,6 +22244,31 @@ Defaulting to \`null\`.`);
 		}
 	}), [["__scopeId", "data-v-5e73d91f"]]);
 	//#endregion
+	//#region src/utils/slots.ts
+	function hasRenderableContent(vnodes) {
+		return vnodes.some((vnode) => {
+			if (vnode.type === vue.Comment) return false;
+			if (vnode.type === vue.Text) return typeof vnode.children === "string" && vnode.children.trim().length > 0;
+			if (vnode.type === vue.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 === vue.Comment) return [];
+			if (vnode.type === vue.Text) {
+				if (typeof vnode.children === "string" && vnode.children.trim().length > 0) return [vnode];
+				return [];
+			}
+			if (vnode.type === vue.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,
@@ -22335,9 +22360,7 @@ Defaulting to \`null\`.`);
 			});
 			const shouldShowIcon = (0, vue.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", (0, vue.toRef)(() => props.baseColor), (0, vue.toRef)(() => props.textColor));
 			return (_ctx, _cache) => {
@@ -22891,9 +22914,7 @@ Defaulting to \`null\`.`);
 			}));
 			const processedItems = (0, vue.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 (0, vue.openBlock)(), (0, vue.createElementBlock)("nav", {
@@ -22905,7 +22926,7 @@ Defaulting to \`null\`.`);
 				}), 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" };
@@ -22988,7 +23009,7 @@ Defaulting to \`null\`.`);
 				else return "button";
 			});
 			const classes = (0, vue.computed)(() => {
-				const isIconOnly = !!(slots.icon && !slots.default);
+				const isIconOnly = hasSlotContent(slots.icon) && !hasSlotContent(slots.default);
 				return {
 					"sk-button": true,
 					[`sk-${props.kind}`]: true,
@@ -23017,10 +23038,10 @@ Defaulting to \`null\`.`);
 						"sk-button-content": true,
 						"loading": __props.loading
 					}) }, [
-						_ctx.$slots.leading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$14, [(0, vue.renderSlot)(_ctx.$slots, "leading", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$10, [(0, vue.renderSlot)(_ctx.$slots, "icon", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$8, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.trailing ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$5, [(0, vue.renderSlot)(_ctx.$slots, "trailing", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).leading) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$14, [(0, vue.renderSlot)(_ctx.$slots, "leading", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).icon) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$10, [(0, vue.renderSlot)(_ctx.$slots, "icon", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$8, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).trailing) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$5, [(0, vue.renderSlot)(_ctx.$slots, "trailing", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 					], 2)])]),
 					_: 3
 				}, 8, [
@@ -23035,7 +23056,7 @@ Defaulting to \`null\`.`);
 				]);
 			};
 		}
-	}), [["__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__ */ (0, vue.defineComponent)({
@@ -23176,6 +23197,7 @@ Defaulting to \`null\`.`);
 			*                appropriate spacing.
 			*/
 			const props = __props;
+			const slots = (0, vue.useSlots)();
 			const classes = (0, vue.computed)(() => {
 				return { "sk-card": true };
 			});
@@ -23210,17 +23232,17 @@ Defaulting to \`null\`.`);
 					class: (0, vue.normalizeClass)(classes.value)
 				}, {
 					default: (0, vue.withCtx)(() => [
-						__props.title || _ctx.$slots.header ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						__props.title || (0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).header) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 0,
 							class: "sk-card-header",
 							style: (0, vue.normalizeStyle)(headerStyles.value)
 						}, [__props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("h3", _hoisted_1$33, (0, vue.toDisplayString)(__props.title), 1)) : (0, vue.createCommentVNode)("", true), (0, vue.renderSlot)(_ctx.$slots, "header")], 4)) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.media ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$17, [(0, vue.renderSlot)(_ctx.$slots, "media")])) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).media) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$17, [(0, vue.renderSlot)(_ctx.$slots, "media")])) : (0, vue.createCommentVNode)("", true),
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 2,
 							class: (0, vue.normalizeClass)(contentClasses.value)
 						}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2)) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$13, [(0, vue.renderSlot)(_ctx.$slots, "footer")])) : (0, vue.createCommentVNode)("", true)
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).footer) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$13, [(0, vue.renderSlot)(_ctx.$slots, "footer")])) : (0, vue.createCommentVNode)("", true)
 					]),
 					_: 3
 				}, 8, [
@@ -23316,6 +23338,7 @@ Defaulting to \`null\`.`);
 			* @default false
 			*/
 			const checked = (0, vue.useModel)(__props, "modelValue");
+			const slots = (0, vue.useSlots)();
 			const classes = (0, vue.computed)(() => ({
 				"sk-checkbox": true,
 				[`sk-${props.kind}`]: true,
@@ -23353,10 +23376,10 @@ Defaulting to \`null\`.`);
 					"disabled",
 					"required",
 					"name"
-				]), __props.label || _ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$12, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.createCommentVNode)("", true)], 2);
+				]), __props.label || (0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$12, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.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" };
@@ -27900,6 +27923,7 @@ Defaulting to \`null\`.`);
 			const props = __props;
 			const emit = __emit;
 			const { theme } = usePortalContext();
+			const slots = (0, vue.useSlots)();
 			const isOpen = (0, vue.ref)(props.open);
 			(0, vue.watch)(() => props.open, (newValue) => {
 				isOpen.value = newValue;
@@ -27939,7 +27963,7 @@ Defaulting to \`null\`.`);
 					open: isOpen.value,
 					"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
 				}, {
-					default: (0, vue.withCtx)(() => [_ctx.$slots.trigger || __props.triggerText ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DialogTrigger_default), {
+					default: (0, vue.withCtx)(() => [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).trigger) || __props.triggerText ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DialogTrigger_default), {
 						key: 0,
 						"as-child": ""
 					}, {
@@ -27961,7 +27985,7 @@ Defaulting to \`null\`.`);
 							onInteractOutside: handleOverlayClick
 						}, {
 							default: (0, vue.withCtx)(() => [
-								_ctx.$slots.title || __props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$21, [(0, vue.createVNode)((0, vue.unref)(DialogTitle_default), { class: "sk-modal-title" }, {
+								(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).title) || __props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$21, [(0, vue.createVNode)((0, vue.unref)(DialogTitle_default), { class: "sk-modal-title" }, {
 									default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "title", { close }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.title), 1)], true)]),
 									_: 3
 								}), (0, vue.createVNode)((0, vue.unref)(DialogClose_default), { "as-child": "" }, {
@@ -27984,7 +28008,7 @@ Defaulting to \`null\`.`);
 									_: 1
 								})])) : (0, vue.createCommentVNode)("", true),
 								(0, vue.createElementVNode)("div", _hoisted_2$12, [(0, vue.renderSlot)(_ctx.$slots, "default", { close }, void 0, true)]),
-								_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$9, [(0, vue.renderSlot)(_ctx.$slots, "footer", { close }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+								(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).footer) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$9, [(0, vue.renderSlot)(_ctx.$slots, "footer", { close }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 							]),
 							_: 3
 						}, 8, [
@@ -27998,7 +28022,7 @@ Defaulting to \`null\`.`);
 				}, 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" };
@@ -28081,17 +28105,20 @@ Defaulting to \`null\`.`);
 					class: (0, vue.normalizeClass)(classes.value),
 					style: (0, vue.normalizeStyle)((0, vue.unref)(customColorStyles))
 				}, [(0, vue.createElementVNode)("div", _hoisted_1$20, [
-					(0, vue.unref)(slots).leading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$11, [(0, vue.renderSlot)(_ctx.$slots, "leading")])) : (0, vue.createCommentVNode)("", true),
-					(0, vue.unref)(slots).brand ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$8, [(0, vue.renderSlot)(_ctx.$slots, "brand")])) : (0, vue.createCommentVNode)("", true),
-					(0, vue.unref)(slots).default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$7, [(0, vue.renderSlot)(_ctx.$slots, "default")])) : (0, vue.createCommentVNode)("", true),
-					(0, vue.unref)(slots).actions ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$5, [(0, vue.renderSlot)(_ctx.$slots, "actions")])) : (0, vue.createCommentVNode)("", true)
+					(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).leading) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$11, [(0, vue.renderSlot)(_ctx.$slots, "leading")])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).brand) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$8, [(0, vue.renderSlot)(_ctx.$slots, "brand")])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$7, [(0, vue.renderSlot)(_ctx.$slots, "default")])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).actions) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5$5, [(0, vue.renderSlot)(_ctx.$slots, "actions")])) : (0, vue.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__ */ (0, vue.defineComponent)({
@@ -28116,6 +28143,10 @@ Defaulting to \`null\`.`);
 			min: { default: void 0 },
 			max: { default: void 0 },
 			step: { default: 1 },
+			showSteppers: {
+				type: Boolean,
+				default: true
+			},
 			baseColor: {},
 			textColor: {},
 			borderColor: {}
@@ -28174,7 +28205,7 @@ Defaulting to \`null\`.`);
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(NumberFieldInput_default), {
 						class: (0, vue.normalizeClass)(inputClasses.value),
 						placeholder: __props.placeholder
-					}, null, 8, ["class", "placeholder"]), (0, vue.createElementVNode)("div", _hoisted_1$19, [(0, vue.createVNode)((0, vue.unref)(NumberFieldIncrement_default), { class: "sk-number-input-increment" }, {
+					}, null, 8, ["class", "placeholder"]), __props.showSteppers ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$19, [(0, vue.createVNode)((0, vue.unref)(NumberFieldIncrement_default), { class: "sk-number-input-increment" }, {
 						default: (0, vue.withCtx)(() => [..._cache[1] || (_cache[1] = [(0, vue.createElementVNode)("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							viewBox: "0 0 24 24",
@@ -28196,7 +28227,7 @@ Defaulting to \`null\`.`);
 							"stroke-linejoin": "miter"
 						}, [(0, vue.createElementVNode)("polyline", { points: "18 9 12 15 6 9" })], -1)])]),
 						_: 1
-					})])]),
+					})])) : (0, vue.createCommentVNode)("", true)]),
 					_: 1
 				}, 8, [
 					"modelValue",
@@ -28212,7 +28243,7 @@ Defaulting to \`null\`.`);
 				])], 2);
 			};
 		}
-	}), [["__scopeId", "data-v-b589687f"]]);
+	}), [["__scopeId", "data-v-413329cd"]]);
 	//#endregion
 	//#region src/components/Theme/useTheme.ts
 	var ThemeSymbol = Symbol("SkTheme");
@@ -28574,8 +28605,8 @@ Defaulting to \`null\`.`);
 			const props = __props;
 			const emit = __emit;
 			const slots = (0, vue.useSlots)();
-			const hasSidebar = (0, vue.computed)(() => Boolean(slots.sidebar));
-			const hasAside = (0, vue.computed)(() => Boolean(slots.aside));
+			const hasSidebar = (0, vue.computed)(() => hasSlotContent(slots.sidebar));
+			const hasAside = (0, vue.computed)(() => hasSlotContent(slots.aside));
 			const rootRef = (0, vue.ref)(null);
 			const rootWidth = (0, vue.ref)(Number.POSITIVE_INFINITY);
 			function resolvePx(value, context) {
@@ -28727,26 +28758,26 @@ Defaulting to \`null\`.`);
 					style: (0, vue.normalizeStyle)(customStyles.value),
 					"data-scheme": __props.theme
 				}, [
-					_ctx.$slots.header ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_2$10, [(0, vue.renderSlot)(_ctx.$slots, "header", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-					_ctx.$slots.subheader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$7, [(0, vue.renderSlot)(_ctx.$slots, "subheader", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(hasSlotContent)(slots.header) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", _hoisted_2$10, [(0, vue.renderSlot)(_ctx.$slots, "header", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(hasSlotContent)(slots.subheader) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$7, [(0, vue.renderSlot)(_ctx.$slots, "subheader", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_4$6, [
 						hasSidebar.value && !isSidebarDrawerActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("aside", _hoisted_5$4, [
-							_ctx.$slots["sidebar-header"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$3, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-header", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+							(0, vue.unref)(hasSlotContent)(slots["sidebar-header"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6$3, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-header", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 							(0, vue.createElementVNode)("div", _hoisted_7$1, [(0, vue.renderSlot)(_ctx.$slots, "sidebar", { isDrawer: false }, void 0, true)]),
-							_ctx.$slots["sidebar-footer"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-footer", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+							(0, vue.unref)(hasSlotContent)(slots["sidebar-footer"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_8, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-footer", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 						])) : (0, vue.createCommentVNode)("", true),
 						(0, vue.createElementVNode)("div", _hoisted_9, [
-							_ctx.$slots["main-header"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_10, [(0, vue.renderSlot)(_ctx.$slots, "main-header", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+							(0, vue.unref)(hasSlotContent)(slots["main-header"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_10, [(0, vue.renderSlot)(_ctx.$slots, "main-header", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 							(0, vue.createElementVNode)("main", _hoisted_11, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
-							_ctx.$slots["main-footer"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12, [(0, vue.renderSlot)(_ctx.$slots, "main-footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+							(0, vue.unref)(hasSlotContent)(slots["main-footer"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_12, [(0, vue.renderSlot)(_ctx.$slots, "main-footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 						]),
 						hasAside.value && !isAsideDrawerActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("aside", _hoisted_13, [
-							_ctx.$slots["aside-header"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_14, [(0, vue.renderSlot)(_ctx.$slots, "aside-header", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+							(0, vue.unref)(hasSlotContent)(slots["aside-header"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_14, [(0, vue.renderSlot)(_ctx.$slots, "aside-header", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 							(0, vue.createElementVNode)("div", _hoisted_15, [(0, vue.renderSlot)(_ctx.$slots, "aside", { isDrawer: false }, void 0, true)]),
-							_ctx.$slots["aside-footer"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_16, [(0, vue.renderSlot)(_ctx.$slots, "aside-footer", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+							(0, vue.unref)(hasSlotContent)(slots["aside-footer"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_16, [(0, vue.renderSlot)(_ctx.$slots, "aside-footer", { isDrawer: false }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 						])) : (0, vue.createCommentVNode)("", true)
 					]),
-					_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("footer", _hoisted_17, [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.unref)(hasSlotContent)(slots.footer) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("footer", _hoisted_17, [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 					hasSidebar.value && isSidebarDrawerActive.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createVNode)(vue.Transition, { name: "sk-page-drawer-backdrop" }, {
 						default: (0, vue.withCtx)(() => [(0, vue.unref)(sidebarDrawerOpen) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 							key: 0,
@@ -28767,9 +28798,9 @@ Defaulting to \`null\`.`);
 							tabindex: "-1",
 							onClick: onSidebarDrawerClick
 						}, [
-							_ctx.$slots["sidebar-header"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_20, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-header", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+							(0, vue.unref)(hasSlotContent)(slots["sidebar-header"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_20, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-header", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 							(0, vue.createElementVNode)("div", _hoisted_21, [(0, vue.renderSlot)(_ctx.$slots, "sidebar", { isDrawer: true }, void 0, true)]),
-							_ctx.$slots["sidebar-footer"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_22, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-footer", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+							(0, vue.unref)(hasSlotContent)(slots["sidebar-footer"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_22, [(0, vue.renderSlot)(_ctx.$slots, "sidebar-footer", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 						], 8, _hoisted_19)) : (0, vue.createCommentVNode)("", true)]),
 						_: 3
 					})], 64)) : (0, vue.createCommentVNode)("", true),
@@ -28793,16 +28824,16 @@ Defaulting to \`null\`.`);
 							tabindex: "-1",
 							onClick: onAsideDrawerClick
 						}, [
-							_ctx.$slots["aside-header"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_25, [(0, vue.renderSlot)(_ctx.$slots, "aside-header", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+							(0, vue.unref)(hasSlotContent)(slots["aside-header"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_25, [(0, vue.renderSlot)(_ctx.$slots, "aside-header", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 							(0, vue.createElementVNode)("div", _hoisted_26, [(0, vue.renderSlot)(_ctx.$slots, "aside", { isDrawer: true }, void 0, true)]),
-							_ctx.$slots["aside-footer"] ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_27, [(0, vue.renderSlot)(_ctx.$slots, "aside-footer", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
+							(0, vue.unref)(hasSlotContent)(slots["aside-footer"]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_27, [(0, vue.renderSlot)(_ctx.$slots, "aside-footer", { isDrawer: true }, void 0, true)])) : (0, vue.createCommentVNode)("", true)
 						], 8, _hoisted_24)) : (0, vue.createCommentVNode)("", true)]),
 						_: 3
 					})], 64)) : (0, vue.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 = {
@@ -29230,6 +29261,7 @@ Defaulting to \`null\`.`);
 				set: (value) => emit("update:open", value ?? false)
 			});
 			const { theme } = usePortalContext();
+			const slots = (0, vue.useSlots)();
 			const contentClasses = (0, vue.computed)(() => ({
 				"sk-popover-content": true,
 				[`sk-${props.kind}`]: true
@@ -29254,7 +29286,7 @@ Defaulting to \`null\`.`);
 							"collision-padding": 8
 						}, {
 							default: (0, vue.withCtx)(() => [
-								__props.title || _ctx.$slots.header ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$15, [
+								__props.title || (0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).header) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$15, [
 									__props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("h3", _hoisted_2$7, (0, vue.toDisplayString)(__props.title), 1)) : (0, vue.createCommentVNode)("", true),
 									(0, vue.renderSlot)(_ctx.$slots, "header", {}, void 0, true),
 									__props.closable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PopoverClose_default), {
@@ -29286,8 +29318,8 @@ Defaulting to \`null\`.`);
 										_: 1
 									})) : (0, vue.createCommentVNode)("", true)
 								])) : (0, vue.createCommentVNode)("", true),
-								_ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$5, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
-								_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$4, [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+								(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3$5, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
+								(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).footer) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_4$4, [(0, vue.renderSlot)(_ctx.$slots, "footer", {}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
 								__props.showArrow ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(PopoverArrow_default), {
 									key: 3,
 									class: "sk-popover-arrow"
@@ -29308,7 +29340,7 @@ Defaulting to \`null\`.`);
 				}, 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__ */ (0, vue.defineComponent)({
@@ -29449,6 +29481,7 @@ Defaulting to \`null\`.`);
 			*                 formatting, icons, or complex layouts alongside the radio button.
 			*/
 			const props = __props;
+			const slots = (0, vue.useSlots)();
 			const parentKind = (0, vue.inject)("radio-kind", (0, vue.computed)(() => void 0));
 			const parentSize = (0, vue.inject)("radio-size", (0, vue.computed)(() => void 0));
 			const effectiveKind = (0, vue.computed)(() => props.kind ?? parentKind.value ?? "neutral");
@@ -29477,10 +29510,10 @@ Defaulting to \`null\`.`);
 					"style",
 					"value",
 					"disabled"
-				]), __props.label || _ctx.$slots.default ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$14, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.createCommentVNode)("", true)], 2);
+				]), __props.label || (0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$14, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], true)])) : (0, vue.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__ */ (0, vue.defineComponent)({
@@ -30544,7 +30577,7 @@ Defaulting to \`null\`.`);
 				};
 			});
 			const showLabel = (0, vue.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 = (0, vue.computed)(() => {
 				return Boolean(props.labelOn || props.labelOff || slots["label-on"] || slots["label-off"]);
@@ -30577,14 +30610,14 @@ Defaulting to \`null\`.`);
 					"required",
 					"class",
 					"style"
-				]), showLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_2$3, [(0, vue.unref)(slots).default ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }) : useOnOffLabels.value && !__props.disableLabelAnimation ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
+				]), showLabel.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("label", _hoisted_2$3, [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).default) ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }) : useOnOffLabels.value && !__props.disableLabelAnimation ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
 					key: 1,
 					name: "sk-switch-label-fade",
 					mode: "out-in"
 				}, {
-					default: (0, vue.withCtx)(() => [__props.modelValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$3, [(0, vue.unref)(slots)["label-on"] ? (0, vue.renderSlot)(_ctx.$slots, "label-on", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOn.value), 1)], 64))])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$3, [(0, vue.unref)(slots)["label-off"] ? (0, vue.renderSlot)(_ctx.$slots, "label-off", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOff.value), 1)], 64))]))]),
+					default: (0, vue.withCtx)(() => [__props.modelValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$3, [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots)["label-on"]) ? (0, vue.renderSlot)(_ctx.$slots, "label-on", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOn.value), 1)], 64))])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$3, [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots)["label-off"]) ? (0, vue.renderSlot)(_ctx.$slots, "label-off", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOff.value), 1)], 64))]))]),
 					_: 3
-				})) : useOnOffLabels.value && __props.disableLabelAnimation ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [__props.modelValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$2, [(0, vue.unref)(slots)["label-on"] ? (0, vue.renderSlot)(_ctx.$slots, "label-on", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOn.value), 1)], 64))])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$1, [(0, vue.unref)(slots)["label-off"] ? (0, vue.renderSlot)(_ctx.$slots, "label-off", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOff.value), 1)], 64))]))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], 64))])) : (0, vue.createCommentVNode)("", true)]);
+				})) : useOnOffLabels.value && __props.disableLabelAnimation ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 2 }, [__props.modelValue ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$2, [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots)["label-on"]) ? (0, vue.renderSlot)(_ctx.$slots, "label-on", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOn.value), 1)], 64))])) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_6$1, [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots)["label-off"]) ? (0, vue.renderSlot)(_ctx.$slots, "label-off", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(labelOff.value), 1)], 64))]))], 64)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)], 64))])) : (0, vue.createCommentVNode)("", true)]);
 			};
 		}
 	});
@@ -30724,6 +30757,7 @@ Defaulting to \`null\`.`);
 			* @slot icon - Optional icon displayed before the tab label. Useful for visual indicators.
 			*/
 			const props = __props;
+			const slots = (0, vue.useSlots)();
 			const parentKind = (0, vue.inject)("tabs-kind", (0, vue.computed)(() => void 0));
 			const kind = (0, vue.computed)(() => props.kind ?? parentKind.value);
 			const classes = (0, vue.computed)(() => {
@@ -30739,7 +30773,7 @@ Defaulting to \`null\`.`);
 					disabled: __props.disabled,
 					class: (0, vue.normalizeClass)(classes.value)
 				}, {
-					default: (0, vue.withCtx)(() => [_ctx.$slots.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$7, [(0, vue.renderSlot)(_ctx.$slots, "icon")])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", _hoisted_2$2, [(0, vue.createElementVNode)("span", _hoisted_3$2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)])]), (0, vue.createElementVNode)("span", _hoisted_4$2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)])])])]),
+					default: (0, vue.withCtx)(() => [(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).icon) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$7, [(0, vue.renderSlot)(_ctx.$slots, "icon")])) : (0, vue.createCommentVNode)("", true), (0, vue.createElementVNode)("span", _hoisted_2$2, [(0, vue.createElementVNode)("span", _hoisted_3$2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)])]), (0, vue.createElementVNode)("span", _hoisted_4$2, [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label), 1)])])])]),
 					_: 3
 				}, 8, [
 					"value",
@@ -31990,6 +32024,7 @@ Defaulting to \`null\`.`);
 			}
 		},
 		setup(__props) {
+			const slots = (0, vue.useSlots)();
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(TreeItem_default), (0, vue.mergeProps)({ class: "sk-tree-item" }, __props.item.bind, {
 					value: __props.item.value,
@@ -32006,7 +32041,7 @@ Defaulting to \`null\`.`);
 							key: 0,
 							class: (0, vue.normalizeClass)(["sk-tree-item-chevron", { "sk-expanded": isExpanded }])
 						}, [((0, vue.openBlock)(), (0, vue.createElementBlock)("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [(0, vue.createElementVNode)("polyline", { points: "9 6 15 12 9 18" }, null, -1)])]))], 2)) : __props.showChevron ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2)) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.leading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "leading", {
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).leading) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_3, [(0, vue.renderSlot)(_ctx.$slots, "leading", {
 							isExpanded,
 							isSelected
 						}, void 0, true)])) : (0, vue.createCommentVNode)("", true),
@@ -32016,7 +32051,7 @@ Defaulting to \`null\`.`);
 							hasChildren: __props.item.hasChildren,
 							level: __props.item.level
 						}, void 0, true)]),
-						_ctx.$slots.trailing ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "trailing", {
+						(0, vue.unref)(hasSlotContent)((0, vue.unref)(slots).trailing) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "trailing", {
 							isExpanded,
 							isSelected
 						}, void 0, true)])) : (0, vue.createCommentVNode)("", true)
@@ -32031,7 +32066,7 @@ Defaulting to \`null\`.`);
 				]);
 			};
 		}
-	}), [["__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__ */ (0, vue.defineComponent)({

package/dist/utils/slots.d.ts

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+type SlotLike = (...args: any[]) => unknown;
+export declare function hasRenderableContent(vnodes: VNode[]): boolean;
+export declare function hasSlotContent(slot: SlotLike | undefined, props?: Record<string, unknown>): boolean;
+export declare function filterRenderableVNodes(vnodes: VNode[]): VNode[];
+export {};

package/llms-full.txt

@@ -6867,6 +6867,9 @@ or inventory caps. |
 | step | number | 1 | false | The increment/decrement step amount when using stepper buttons or arrow keys. Use
 fractional values like 0.01 for currency or 0.1 for percentages. Pressing Shift while
 stepping may multiply the step for faster navigation. |
+| showSteppers | boolean | true | false | 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). |
 
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skewedaspect/sleekspace-ui",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "A Vue 3 component library with a cyberpunk aesthetic, featuring OKLCH colors, beveled corners, and a powerful design token system",
   "type": "module",
   "main": "dist/sleekspace-ui.umd.js",
@@ -38,8 +38,11 @@
     "LICENSE"
   ],
   "scripts": {
-    "dev": "concurrently -n vite,tokens -c cyan,magenta \"vite build --watch\" \"sass --watch src/styles/tokens.scss dist/tokens.css --no-source-map\"",
-    "build": "npm run generate:static-types && npm run generate:web-types && vite build && npm run generate:types && npm run build:static && npm run build:tokens && npm run copy:docs && npm run generate:llms",
+    "dev": "concurrently -n vite,tokens -c cyan,magenta \"npm run dev:vite\" \"npm run dev:tokens\"",
+    "dev:vite": "vite build --watch",
+    "dev:tokens": "sass --watch src/styles/tokens.scss dist/tokens.css --no-source-map",
+    "build": "npm run clean && npm run generate:static-types && npm run generate:web-types && vite build && npm run generate:types && npm run build:static && npm run build:tokens && npm run copy:docs && npm run generate:llms",
+    "clean": "rm -rf dist",
     "build:static": "vite build -c vite.static.config.ts",
     "build:tokens": "sass src/styles/tokens.scss dist/tokens.css --no-source-map",
     "copy:docs": "cp ../../Readme.md README.md && cp ../../LICENSE LICENSE",

package/src/components/Alert/SkAlert.vue

@@ -94,6 +94,9 @@
     // Composables
     import { useCustomColors } from '@/composables/useCustomColors';
 
+    // Utils
+    import { hasSlotContent } from '@/utils/slots';
+
     //------------------------------------------------------------------------------------------------------------------
 
     // Kinds that have default icons
@@ -162,9 +165,8 @@
 
         // Auto-show if kind has a default icon or if slot content is provided
         const hasDefaultIcon = FEEDBACK_KINDS.includes(props.kind as typeof FEEDBACK_KINDS[number]);
-        const hasSlotContent = !!slots.icon;
 
-        return hasDefaultIcon || hasSlotContent;
+        return hasDefaultIcon || hasSlotContent(slots.icon);
     });
 
     //------------------------------------------------------------------------------------------------------------------

package/src/components/Breadcrumbs/SkBreadcrumbs.vue

@@ -46,6 +46,9 @@
     import type { ComponentCustomColors } from '@/types';
     import type { SkBreadcrumbsProps } from './types';
 
+    // Utils
+    import { filterRenderableVNodes } from '@/utils/slots';
+
     //------------------------------------------------------------------------------------------------------------------
 
     export interface SkBreadcrumbsComponentProps extends SkBreadcrumbsProps, ComponentCustomColors
@@ -109,18 +112,9 @@
 
     const processedItems = computed<VNode[]>(() =>
     {
-        if(!slots.default)
-        {
-            return [];
-        }
-
-        const defaultSlot = slots.default();
-        if(!defaultSlot || defaultSlot.length === 0)
-        {
-            return [];
-        }
-
-        return defaultSlot;
+        if(!slots.default) { return []; }
+
+        return filterRenderableVNodes(slots.default());
     });
 
     //------------------------------------------------------------------------------------------------------------------

package/src/components/Button/SkButton.vue

@@ -18,16 +18,16 @@
         <span class="sk-button-chrome">
             <span v-if="loading" class="sk-button-loader" aria-hidden="true" />
             <span :class="{ 'sk-button-content': true, 'loading': loading }">
-                <span v-if="$slots.leading" class="sk-button-icon sk-button-icon-leading">
+                <span v-if="hasSlotContent(slots.leading)" class="sk-button-icon sk-button-icon-leading">
                     <slot name="leading" />
                 </span>
-                <span v-if="$slots.icon" class="sk-button-icon sk-button-icon-only">
+                <span v-if="hasSlotContent(slots.icon)" class="sk-button-icon sk-button-icon-only">
                     <slot name="icon" />
                 </span>
-                <span v-if="$slots.default" class="sk-button-text">
+                <span v-if="hasSlotContent(slots.default)" class="sk-button-text">
                     <slot />
                 </span>
-                <span v-if="$slots.trailing" class="sk-button-icon sk-button-icon-trailing">
+                <span v-if="hasSlotContent(slots.trailing)" class="sk-button-icon sk-button-icon-trailing">
                     <slot name="trailing" />
                 </span>
             </span>
@@ -72,6 +72,9 @@
     // Composables
     import { useCustomColors } from '@/composables/useCustomColors';
 
+    // Utils
+    import { hasSlotContent } from '@/utils/slots';
+
     //------------------------------------------------------------------------------------------------------------------
 
     export interface SkButtonComponentProps extends ComponentCustomColors
@@ -199,7 +202,7 @@
 
     const classes = computed<Record<string, boolean>>(() =>
     {
-        const isIconOnly = !!(slots.icon && !slots.default);
+        const isIconOnly = hasSlotContent(slots.icon) && !hasSlotContent(slots.default);
 
         return {
             'sk-button': true,