@acoyfellow/kumo-vue 0.0.1 → 0.0.2

package/package/components/popover.js

@@ -130,7 +130,45 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : _createCommentVNode("v-if", true)
     ], 16 /* FULL_PROPS */, _hoisted_1));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList, ssrRenderTeleport as _ssrRenderTeleport } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<button${_ssrRenderAttrs(_mergeProps({ ref: "triggerRef" }, _ctx.$attrs, {
+        type: "button",
+        tabindex: "0",
+        "aria-haspopup": "dialog",
+        "aria-expanded": $setup.currentOpen,
+        "data-kumo-component": "Popover",
+        "data-kumo-part": "trigger"
+    }, _attrs))}>${_ssrInterpolate($setup.partText($setup.triggerPart))}`);
+    if ($setup.mounted && $setup.currentOpen) {
+        _ssrRenderTeleport(_push, (_push) => {
+            _push(`<div role="dialog"${_ssrRenderAttr("data-side", $setup.resolvedSide)}${_ssrRenderAttr("data-align", $setup.align)}${_ssrRenderAttr("data-position-method", $setup.positionMethod)}><!--[-->`);
+            _ssrRenderList($setup.fixtureChildren($setup.contentPart), (child, index) => {
+                _push(`<!--[-->`);
+                if (child.export === '.Title') {
+                    _push(`<h2>${_ssrInterpolate($setup.partText(child))}</h2>`);
+                }
+                else if (child.export === '.Description') {
+                    _push(`<p>${_ssrInterpolate($setup.partText(child))}</p>`);
+                }
+                else if (child.export === '.Close') {
+                    _push(`<button type="button">${_ssrInterpolate($setup.partText(child))}</button>`);
+                }
+                else {
+                    _push(`<!--[-->${_ssrInterpolate($setup.partText(child))}<!--]-->`);
+                }
+                _push(`<!--]-->`);
+            });
+            _push(`<!--]--></div>`);
+        }, "body", false, _parent);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`</button>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoPopover";
 __sfc__.__file = "components/popover.vue";
 export default __sfc__;

package/package/components/popover.title.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Title" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoPopoverTitle";
 __sfc__.__file = "components/popover.title.vue";
 export default __sfc__;

package/package/components/popover.trigger.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Trigger" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoPopoverTrigger";
 __sfc__.__file = "components/popover.trigger.vue";
 export default __sfc__;

package/package/components/radio.js

@@ -83,7 +83,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128 /* KEYED_FRAGMENT */))
     ], 16 /* FULL_PROPS */, _hoisted_1));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_mergeProps({ ref: "groupRef" }, _ctx.$attrs, {
+        role: "radiogroup",
+        "aria-label": $setup.radioFixture.legend
+    }, _attrs))}><!--[-->`);
+    _ssrRenderList($setup.radioFixture.items, (item, index) => {
+        _push(`<div role="radio"${_ssrRenderAttr("tabindex", ($setup.radioFixture.disabled || item.disabled) ? undefined : 0)}${_ssrRenderAttr("aria-checked", item.value === $setup.selectedValue)}${_ssrRenderAttr("aria-label", item.label)}${_ssrRenderAttr("aria-disabled", $setup.radioFixture.disabled || item.disabled || undefined)}>${_ssrInterpolate(item.label)}</div>`);
+    });
+    _push(`<!--]--></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoRadio";
 __sfc__.__file = "components/radio.vue";
 export default __sfc__;

package/package/components/select.js

@@ -192,7 +192,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : _createCommentVNode("v-if", true)
     ], 16 /* FULL_PROPS */));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList, ssrRenderTeleport as _ssrRenderTeleport } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, _attrs))}><button type="button" tabindex="0" role="combobox"${_ssrRenderAttr("aria-expanded", String($setup.selectOpen))} aria-haspopup="listbox"${_ssrRenderAttr("aria-label", $setup.selectLabel)} data-kumo-component="Select" data-kumo-part="trigger"${_ssrRenderAttr("data-placeholder", $setup.selectedValue == null || ($setup.multiple && $setup.selectedValue.length === 0) ? '' : undefined)}></button>`);
+    if ($setup.mounted && $setup.selectOpen) {
+        _ssrRenderTeleport(_push, (_push) => {
+            _push(`<div role="listbox"${_ssrRenderAttr("aria-multiselectable", $setup.multiple || undefined)}${_ssrRenderAttr("data-highlight-scrolled", $setup.highlightScrolled || undefined)}><!--[-->`);
+            _ssrRenderList($setup.selectOptions, (item, index) => {
+                _push(`<div role="option" tabindex="-1"${_ssrRenderAttr("aria-selected", $setup.isSelected(item.value))}${_ssrRenderAttr("aria-disabled", item.disabled || undefined)}${_ssrRenderAttr("data-value", typeof item.value === 'object' ? item.value?.id : item.value)}${_ssrRenderAttr("data-highlighted", $setup.activeIndex === index || undefined)}${_ssrRenderAttr("data-selected", $setup.isSelected(item.value) || undefined)}>${_ssrInterpolate(item.label)}</div>`);
+            });
+            _push(`<!--]--></div>`);
+        }, "body", false, _parent);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`</div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSelect";
 __sfc__.__file = "components/select.vue";
 export default __sfc__;

package/package/components/select.option.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Option" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSelectOption";
 __sfc__.__file = "components/select.option.vue";
 export default __sfc__;

package/package/components/sensitive-input.js

@@ -74,7 +74,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _createElementVNode("div", _hoisted_2, _toDisplayString($setup.copyAnnouncement), 1 /* TEXT */)
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-component": "SensitiveInput" }, _attrs))}><label>${_ssrInterpolate($setup.props.label)}</label><div data-kumo-part="masked-container">${_ssrInterpolate($setup.revealed ? $setup.sensitiveValue : 'Value hidden')}</div><input type="password"${_ssrRenderAttr("value", $setup.sensitiveValue)}><button type="button">Reveal</button><button type="button">Copy</button><div aria-live="polite">${_ssrInterpolate($setup.copyAnnouncement)}</div></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSensitiveInput";
 __sfc__.__file = "components/sensitive-input.vue";
 export default __sfc__;

package/package/components/sidebar.collapsible-content.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "CollapsibleContent" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarCollapsibleContent";
 __sfc__.__file = "components/sidebar.collapsible-content.vue";
 export default __sfc__;

package/package/components/sidebar.collapsible.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Collapsible" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarCollapsible";
 __sfc__.__file = "components/sidebar.collapsible.vue";
 export default __sfc__;

package/package/components/sidebar.content.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Content" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarContent";
 __sfc__.__file = "components/sidebar.content.vue";
 export default __sfc__;

package/package/components/sidebar.footer.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Footer" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarFooter";
 __sfc__.__file = "components/sidebar.footer.vue";
 export default __sfc__;

package/package/components/sidebar.group-label.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "GroupLabel" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarGroupLabel";
 __sfc__.__file = "components/sidebar.group-label.vue";
 export default __sfc__;

package/package/components/sidebar.group.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Group" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarGroup";
 __sfc__.__file = "components/sidebar.group.vue";
 export default __sfc__;

package/package/components/sidebar.header.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Header" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarHeader";
 __sfc__.__file = "components/sidebar.header.vue";
 export default __sfc__;

package/package/components/sidebar.js

@@ -132,7 +132,67 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8 /* PROPS */, _hoisted_2)
     ], 16 /* FULL_PROPS */, _hoisted_1));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, {
+        "data-sidebar-wrapper": "",
+        "data-state": $setup.state,
+        "data-side": "left",
+        style: { '--sidebar-width': $setup.width + 'px', width: $setup.width + 'px' }
+    }, _attrs))}><aside${_ssrRenderAttr("data-state", $setup.state)} data-side="left" data-collapsible="icon">`);
+    if ($setup.collapsible) {
+        _push(`<!--[--><!--]-->`);
+    }
+    else {
+        _push(`<!--[-->`);
+        if ($setup.header) {
+            _push(`<header>${_ssrInterpolate($setup.partText($setup.header))}</header>`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        if ($setup.content) {
+            _push(`<div>`);
+            if ($setup.group) {
+                _push(`<div><span>${_ssrInterpolate($setup.partText($setup.part($setup.group, '.GroupLabel')))}</span>`);
+                if ($setup.menu) {
+                    _push(`<ul><!--[-->`);
+                    _ssrRenderList($setup.menuButtons, (item, index) => {
+                        _push(`<li><button type="button">${_ssrInterpolate($setup.partText(item))}</button></li>`);
+                    });
+                    _push(`<!--]--></ul>`);
+                }
+                else {
+                    _push(`<!---->`);
+                }
+                _push(`</div>`);
+            }
+            else {
+                _push(`<!---->`);
+            }
+            _push(`</div>`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        if ($setup.part($setup.sidebarRoot, '.Footer')) {
+            _push(`<footer><button type="button"${_ssrRenderAttr("aria-expanded", $setup.open)}${_ssrRenderAttr("aria-label", $setup.open ? 'Collapse sidebar' : 'Expand sidebar')}>${_ssrInterpolate($setup.open ? 'Collapse sidebar' : 'Expand sidebar')}</button></footer>`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        if ($setup.resizeHandle) {
+            _push(`<button type="button" aria-label="Resize sidebar"></button>`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+    }
+    _push(`</aside></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebar";
 __sfc__.__file = "components/sidebar.vue";
 export default __sfc__;

package/package/components/sidebar.menu-button.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "MenuButton" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarMenuButton";
 __sfc__.__file = "components/sidebar.menu-button.vue";
 export default __sfc__;

package/package/components/sidebar.menu.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Menu" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarMenu";
 __sfc__.__file = "components/sidebar.menu.vue";
 export default __sfc__;

package/package/components/sidebar.provider.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Provider" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarProvider";
 __sfc__.__file = "components/sidebar.provider.vue";
 export default __sfc__;

package/package/components/sidebar.resize-handle.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "ResizeHandle" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarResizeHandle";
 __sfc__.__file = "components/sidebar.resize-handle.vue";
 export default __sfc__;

package/package/components/sidebar.sliding-view.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "SlidingView" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarSlidingView";
 __sfc__.__file = "components/sidebar.sliding-view.vue";
 export default __sfc__;

package/package/components/sidebar.sliding-views.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "SlidingViews" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarSlidingViews";
 __sfc__.__file = "components/sidebar.sliding-views.vue";
 export default __sfc__;

package/package/components/sidebar.trigger.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Trigger" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSidebarTrigger";
 __sfc__.__file = "components/sidebar.trigger.vue";
 export default __sfc__;

package/package/components/surface.js

@@ -52,7 +52,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _renderSlot(_ctx.$slots, "default")
             ], 2 /* CLASS */));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrRenderSlot as _ssrRenderSlot, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "as") && $setup.semanticEqual($setup.semanticValues.as, "section") && $setup.semanticEqual($setup.renderContent(), "Card") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "color") && $setup.semanticEqual($setup.semanticValues.color, "secondary")) {
+        _push(`<section${_ssrRenderAttrs(_mergeProps({
+            "data-surface-color": "secondary",
+            "data-deprecated": "surface"
+        }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</section>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Card")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({
+            "data-surface-color": "primary",
+            "data-deprecated": "surface"
+        }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</div>`);
+    }
+    else {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({
+            class: [$setup.styles["root"]]
+        }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</div>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSurface";
 __sfc__.__file = "components/surface.vue";
 export default __sfc__;

package/package/components/switch.js

@@ -70,7 +70,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _createTextVNode(_toDisplayString($setup.props.label), 1 /* TEXT */)
         ], 16 /* FULL_PROPS */, _hoisted_2));
 }
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrRenderSlot as _ssrRenderSlot, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "ariaLabel") && $setup.semanticEqual($setup.semanticValues.ariaLabel, "Small") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm")) {
+        _push(`<button${_ssrRenderAttrs(_mergeProps({
+            role: "switch",
+            "aria-checked": "false",
+            class: "h-4 w-8"
+        }, _attrs))}></button>`);
+    }
+    else {
+        _push(`<button${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, {
+            type: "button",
+            role: "switch",
+            class: [($setup.props.size === "sm") ? "h-4 w-8" : '', ($setup.props.size === "lg") ? "h-5 w-10" : ''],
+            "aria-label": ($setup.props.ariaLabel ?? _ctx.$attrs['aria-label']),
+            "aria-checked": $setup.currentChecked,
+            "aria-disabled": $setup.props.disabled || undefined,
+            disabled: $setup.props.disabled || undefined
+        }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`${_ssrInterpolate($setup.props.label)}</button>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoSwitch";
 __sfc__.__file = "components/switch.vue";
 export default __sfc__;

package/package/components/table-of-contents.group.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Group" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTableOfContentsGroup";
 __sfc__.__file = "components/table-of-contents.group.vue";
 export default __sfc__;

package/package/components/table-of-contents.item.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Item" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTableOfContentsItem";
 __sfc__.__file = "components/table-of-contents.item.vue";
 export default __sfc__;

package/package/components/table-of-contents.js

@@ -70,7 +70,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ], 8 /* PROPS */, _hoisted_1));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<nav${_ssrRenderAttrs(_mergeProps({
+        "aria-label": String($setup.tocRoot?.props?.['aria-label'] ?? 'Table of contents')
+    }, _attrs))}>`);
+    if ($setup.tocTitle) {
+        _push(`<p>${_ssrInterpolate($setup.tocTitle)}</p>`);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`<ul><!--[-->`);
+    _ssrRenderList($setup.tocItems, (item) => {
+        _push(`<!--[-->`);
+        if (item.group) {
+            _push(`<a${_ssrRenderAttr("href", item.href)}${_ssrRenderAttr("aria-current", item.active ? 'location' : undefined)}>${_ssrInterpolate(item.label)}</a>`);
+        }
+        else {
+            _push(`<li><a${_ssrRenderAttr("href", item.href)}${_ssrRenderAttr("aria-current", item.active ? 'location' : undefined)}>${_ssrInterpolate(item.label)}</a></li>`);
+        }
+        _push(`<!--]-->`);
+    });
+    _push(`<!--]--></ul></nav>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTableOfContents";
 __sfc__.__file = "components/table-of-contents.vue";
 export default __sfc__;

package/package/components/table-of-contents.list.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "List" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTableOfContentsList";
 __sfc__.__file = "components/table-of-contents.list.vue";
 export default __sfc__;

package/package/components/table-of-contents.title.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Title" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTableOfContentsTitle";
 __sfc__.__file = "components/table-of-contents.title.vue";
 export default __sfc__;

package/package/components/table.body.js

@@ -15,7 +15,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-part": "Body" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTableBody";
 __sfc__.__file = "components/table.body.vue";
 export default __sfc__;