@acoyfellow/kumo-vue 0.0.1 → 0.0.2

package/package/components/input-area.js

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { computed, useAttrs, useId, useSlots } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
 export const modelDigest = "3f2ca47762723bd72e47c5da8490058c226bbee67e5518d548fc19ba2c467f14";
 export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
 const __sfc__ = /*@__PURE__*/ _defineComponent({
@@ -21,7 +21,7 @@ const __sfc__ = /*@__PURE__*/ _defineComponent({
         const props = __props;
         const nativeAttrs = computed(() => Object.fromEntries(Object.entries(useAttrs()).filter(([name]) => name !== 'id').map(([name, value]) => [name.replace(/[A-Z]/g, letter => '-' + letter.toLowerCase()), value])));
         const nativeAriaLabel = computed(() => props.ariaLabel ?? props['aria-label']);
-        const controlId = useId();
+        const controlId = "kumo-614bcb3608f3";
         function handleNativeInput(event) {
             props.onChange?.(event.currentTarget.value);
         }
@@ -40,29 +40,47 @@ const __sfc__ = /*@__PURE__*/ _defineComponent({
 });
 import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["for"];
-const _hoisted_3 = ["id", "aria-label", "value", "disabled"];
-const _hoisted_4 = ["aria-label", "value", "disabled"];
+const _hoisted_2 = ["aria-label", "value", "disabled"];
+const _hoisted_3 = ["aria-label", "value", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
     return ($setup.props.label !== undefined)
         ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
-            _createElementVNode("label", { for: $setup.controlId }, _toDisplayString($setup.props.label), 9 /* TEXT, PROPS */, _hoisted_2),
+            _createElementVNode("label", { for: $setup.controlId }, _toDisplayString($setup.props.label), 1 /* TEXT */),
             _createElementVNode("textarea", _mergeProps($setup.nativeAttrs, {
                 id: $setup.controlId,
                 "aria-label": $setup.nativeAriaLabel,
                 value: $setup.props.defaultValue,
                 disabled: $setup.props.disabled || undefined,
                 onInput: $setup.handleNativeInput
-            }), _toDisplayString($setup.props.defaultValue), 17 /* TEXT, FULL_PROPS */, _hoisted_3)
+            }), _toDisplayString($setup.props.defaultValue), 17 /* TEXT, FULL_PROPS */, _hoisted_2)
         ]))
         : (_openBlock(), _createElementBlock("textarea", _mergeProps({ key: 1 }, $setup.nativeAttrs, {
             "aria-label": $setup.nativeAriaLabel,
             value: $setup.props.defaultValue,
             disabled: $setup.props.disabled || undefined,
             onInput: $setup.handleNativeInput
-        }), _toDisplayString($setup.props.defaultValue), 17 /* TEXT, FULL_PROPS */, _hoisted_4));
+        }), _toDisplayString($setup.props.defaultValue), 17 /* TEXT, FULL_PROPS */, _hoisted_3));
+}
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if ($setup.props.label !== undefined) {
+        _push(`<div${_ssrRenderAttrs(_attrs)}><label${_ssrRenderAttr("for", $setup.controlId)}>${_ssrInterpolate($setup.props.label)}</label><textarea${_ssrRenderAttrs(_mergeProps($setup.nativeAttrs, {
+            id: $setup.controlId,
+            "aria-label": $setup.nativeAriaLabel,
+            value: $setup.props.defaultValue,
+            disabled: $setup.props.disabled || undefined
+        }), "textarea")}>${_ssrInterpolate($setup.props.defaultValue)}</textarea></div>`);
+    }
+    else {
+        _push(`<textarea${_ssrRenderAttrs(_mergeProps($setup.nativeAttrs, {
+            "aria-label": $setup.nativeAriaLabel,
+            value: $setup.props.defaultValue,
+            disabled: $setup.props.disabled || undefined
+        }, _attrs), "textarea")}>${_ssrInterpolate($setup.props.defaultValue)}</textarea>`);
+    }
 }
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInputArea";
 __sfc__.__file = "components/input-area.vue";
 export default __sfc__;

package/package/components/input-group.addon.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": "Addon" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInputGroupAddon";
 __sfc__.__file = "components/input-group.addon.vue";
 export default __sfc__;

package/package/components/input-group.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": "Button" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInputGroupButton";
 __sfc__.__file = "components/input-group.button.vue";
 export default __sfc__;

package/package/components/input-group.input.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": "Input" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInputGroupInput";
 __sfc__.__file = "components/input-group.input.vue";
 export default __sfc__;

package/package/components/input-group.js

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { computed, ref, useAttrs, useId, useSlots } from 'vue';
+import { computed, ref, useAttrs, useSlots } from 'vue';
 export const modelDigest = "aec5871cdfdf97c938fb06aeb6a15dedd413550ce59bca231f5fe2e61f6d347c";
 export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
 const __sfc__ = /*@__PURE__*/ _defineComponent({
@@ -19,7 +19,7 @@ const __sfc__ = /*@__PURE__*/ _defineComponent({
         const partText = (node) => node ? String(node.text ?? '') + fixtureChildren(node).map(partText).join('') : '';
         const inputGroupProps = computed(() => inputGroupFixture.value?.props ?? {});
         const inputPart = computed(() => fixturePart('.Input'));
-        const inputId = useId();
+        const inputId = "kumo-e828cc80d749";
         const inputValue = ref('');
         function trackInput(event) { inputValue.value = event.currentTarget.value; }
         const slots = useSlots();
@@ -36,15 +36,14 @@ const __sfc__ = /*@__PURE__*/ _defineComponent({
     }
 });
 import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, mergeProps as _mergeProps } from "vue";
-const _hoisted_1 = ["for"];
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = {
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = {
     key: 0,
     "data-kumo-part": "Addon"
 };
-const _hoisted_4 = ["id", "aria-label", "disabled", "required", "value"];
-const _hoisted_5 = ["data-variant"];
-const _hoisted_6 = {
+const _hoisted_3 = ["aria-label", "disabled", "required", "value"];
+const _hoisted_4 = ["data-variant"];
+const _hoisted_5 = {
     key: 3,
     "data-kumo-part": "Suffix"
 };
@@ -54,17 +53,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ? (_openBlock(), _createElementBlock("label", {
                 key: 0,
                 for: $setup.inputId
-            }, _toDisplayString($setup.inputGroupProps.label), 9 /* TEXT, PROPS */, _hoisted_1))
+            }, _toDisplayString($setup.inputGroupProps.label), 1 /* TEXT */))
             : _createCommentVNode("v-if", true),
         ($setup.inputGroupProps.description !== undefined)
-            ? (_openBlock(), _createElementBlock("p", _hoisted_2, _toDisplayString($setup.inputGroupProps.description), 1 /* TEXT */))
+            ? (_openBlock(), _createElementBlock("p", _hoisted_1, _toDisplayString($setup.inputGroupProps.description), 1 /* TEXT */))
             : _createCommentVNode("v-if", true),
         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.fixtureChildren($setup.inputGroupFixture), (part, index) => {
             return (_openBlock(), _createElementBlock(_Fragment, {
                 key: part.export ?? index
             }, [
                 (part.export === '.Addon')
-                    ? (_openBlock(), _createElementBlock("span", _hoisted_3, _toDisplayString($setup.partText(part)), 1 /* TEXT */))
+                    ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString($setup.partText(part)), 1 /* TEXT */))
                     : (part.export === '.Input')
                         ? (_openBlock(), _createElementBlock("input", {
                             key: 1,
@@ -74,21 +73,59 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             required: $setup.inputGroupProps.required,
                             value: $setup.inputValue,
                             onInput: $setup.trackInput
-                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_4))
+                        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3))
                         : (part.export === '.Button')
                             ? (_openBlock(), _createElementBlock("button", {
                                 key: 2,
                                 type: "button",
                                 "data-variant": part.props?.variant
-                            }, _toDisplayString($setup.partText(part)), 9 /* TEXT, PROPS */, _hoisted_5))
+                            }, _toDisplayString($setup.partText(part)), 9 /* TEXT, PROPS */, _hoisted_4))
                             : (part.export === '.Suffix')
-                                ? (_openBlock(), _createElementBlock("span", _hoisted_6, _toDisplayString($setup.partText(part)), 1 /* TEXT */))
+                                ? (_openBlock(), _createElementBlock("span", _hoisted_5, _toDisplayString($setup.partText(part)), 1 /* TEXT */))
                                 : _createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */));
         }), 128 /* KEYED_FRAGMENT */))
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, 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-kumo-component": "InputGroup" }, _attrs))}>`);
+    if ($setup.inputGroupProps.label !== undefined) {
+        _push(`<label${_ssrRenderAttr("for", $setup.inputId)}>${_ssrInterpolate($setup.inputGroupProps.label)}</label>`);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    if ($setup.inputGroupProps.description !== undefined) {
+        _push(`<p>${_ssrInterpolate($setup.inputGroupProps.description)}</p>`);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`<!--[-->`);
+    _ssrRenderList($setup.fixtureChildren($setup.inputGroupFixture), (part, index) => {
+        _push(`<!--[-->`);
+        if (part.export === '.Addon') {
+            _push(`<span data-kumo-part="Addon">${_ssrInterpolate($setup.partText(part))}</span>`);
+        }
+        else if (part.export === '.Input') {
+            _push(`<input${_ssrRenderAttr("id", $setup.inputId)}${_ssrRenderAttr("aria-label", $setup.inputPart?.props?.['aria-label'])}${(_ssrIncludeBooleanAttr($setup.props.disabled || undefined)) ? " disabled" : ""}${(_ssrIncludeBooleanAttr($setup.inputGroupProps.required)) ? " required" : ""}${_ssrRenderAttr("value", $setup.inputValue)}>`);
+        }
+        else if (part.export === '.Button') {
+            _push(`<button type="button"${_ssrRenderAttr("data-variant", part.props?.variant)}>${_ssrInterpolate($setup.partText(part))}</button>`);
+        }
+        else if (part.export === '.Suffix') {
+            _push(`<span data-kumo-part="Suffix">${_ssrInterpolate($setup.partText(part))}</span>`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+    });
+    _push(`<!--]--></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInputGroup";
 __sfc__.__file = "components/input-group.vue";
 export default __sfc__;

package/package/components/input-group.suffix.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": "Suffix" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInputGroupSuffix";
 __sfc__.__file = "components/input-group.suffix.vue";
 export default __sfc__;

package/package/components/input.js

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { computed, useAttrs, useId, useSlots } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
 export const modelDigest = "ccce2fdcca8c5218c94732f83446c137e03d4b7dd9548ffde312605374734e2f";
 export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
 const __sfc__ = /*@__PURE__*/ _defineComponent({
@@ -21,7 +21,7 @@ const __sfc__ = /*@__PURE__*/ _defineComponent({
         const props = __props;
         const nativeAttrs = computed(() => Object.fromEntries(Object.entries(useAttrs()).filter(([name]) => name !== 'id').map(([name, value]) => [name.replace(/[A-Z]/g, letter => '-' + letter.toLowerCase()), value])));
         const nativeAriaLabel = computed(() => props.ariaLabel ?? props['aria-label']);
-        const controlId = useId();
+        const controlId = "kumo-8eb97ee93afe";
         function handleNativeInput(event) {
             props.onChange?.(event.currentTarget.value);
         }
@@ -40,29 +40,47 @@ const __sfc__ = /*@__PURE__*/ _defineComponent({
 });
 import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = { key: 0 };
-const _hoisted_2 = ["for"];
-const _hoisted_3 = ["id", "aria-label", "value", "disabled"];
-const _hoisted_4 = ["aria-label", "value", "disabled"];
+const _hoisted_2 = ["aria-label", "value", "disabled"];
+const _hoisted_3 = ["aria-label", "value", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
     return ($setup.props.label !== undefined)
         ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
-            _createElementVNode("label", { for: $setup.controlId }, _toDisplayString($setup.props.label), 9 /* TEXT, PROPS */, _hoisted_2),
+            _createElementVNode("label", { for: $setup.controlId }, _toDisplayString($setup.props.label), 1 /* TEXT */),
             _createElementVNode("input", _mergeProps($setup.nativeAttrs, {
                 id: $setup.controlId,
                 "aria-label": $setup.nativeAriaLabel,
                 value: $setup.props.defaultValue,
                 disabled: $setup.props.disabled || undefined,
                 onInput: $setup.handleNativeInput
-            }), null, 16 /* FULL_PROPS */, _hoisted_3)
+            }), null, 16 /* FULL_PROPS */, _hoisted_2)
         ]))
         : (_openBlock(), _createElementBlock("input", _mergeProps({ key: 1 }, $setup.nativeAttrs, {
             "aria-label": $setup.nativeAriaLabel,
             value: $setup.props.defaultValue,
             disabled: $setup.props.disabled || undefined,
             onInput: $setup.handleNativeInput
-        }), null, 16 /* FULL_PROPS */, _hoisted_4));
+        }), null, 16 /* FULL_PROPS */, _hoisted_3));
+}
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if ($setup.props.label !== undefined) {
+        _push(`<div${_ssrRenderAttrs(_attrs)}><label${_ssrRenderAttr("for", $setup.controlId)}>${_ssrInterpolate($setup.props.label)}</label><input${_ssrRenderAttrs(_mergeProps($setup.nativeAttrs, {
+            id: $setup.controlId,
+            "aria-label": $setup.nativeAriaLabel,
+            value: $setup.props.defaultValue,
+            disabled: $setup.props.disabled || undefined
+        }))}></div>`);
+    }
+    else {
+        _push(`<input${_ssrRenderAttrs(_mergeProps($setup.nativeAttrs, {
+            "aria-label": $setup.nativeAriaLabel,
+            value: $setup.props.defaultValue,
+            disabled: $setup.props.disabled || undefined
+        }, _attrs))}>`);
+    }
 }
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoInput";
 __sfc__.__file = "components/input.vue";
 export default __sfc__;

package/package/components/label.js

@@ -48,7 +48,25 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     _renderSlot(_ctx.$slots, "default")
                 ], 16 /* FULL_PROPS */));
 }
+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 ($setup.semanticEqual($setup.renderContent(), "Middle Name") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "showOptional") && $setup.semanticEqual($setup.semanticValues.showOptional, true)) {
+        _push(`<label${_ssrRenderAttrs(_attrs)}><span class="font-normal text-kumo-subtle"></span>${_ssrInterpolate("Middle Name(optional)")}</label>`);
+    }
+    else if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "asContent") && $setup.semanticEqual($setup.semanticValues.asContent, true) && $setup.semanticEqual($setup.renderContent(), "Email")) {
+        _push(`<span${_ssrRenderAttrs(_attrs)}>${_ssrInterpolate($setup.renderContent())}</span>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Email")) {
+        _push(`<label${_ssrRenderAttrs(_attrs)}>${_ssrInterpolate($setup.renderContent())}</label>`);
+    }
+    else {
+        _push(`<label${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { class: "m-0 text-base font-medium text-kumo-default inline-flex items-center gap-1" }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</label>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoLabel";
 __sfc__.__file = "components/label.vue";
 export default __sfc__;

package/package/components/layer-card.js

@@ -52,7 +52,25 @@ 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 ($setup.semanticEqual($setup.renderContent(), "Card")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "bg-kumo-base shadow-xs ring-kumo-line" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</div>`);
+    }
+    else if ($setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Secondary", "props": {}, "children": [{ "text": "Top" }] }, { "export": ".Primary", "props": {}, "children": [{ "text": "Main" }] }] })) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "bg-kumo-elevated ring-kumo-hairline" }, _attrs))}><div></div><div></div>${_ssrInterpolate("TopMain")}</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 = "KumoLayerCard";
 __sfc__.__file = "components/layer-card.vue";
 export default __sfc__;

package/package/components/layer-card.primary.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": "Primary" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoLayerCardPrimary";
 __sfc__.__file = "components/layer-card.primary.vue";
 export default __sfc__;

package/package/components/layer-card.secondary.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": "Secondary" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoLayerCardSecondary";
 __sfc__.__file = "components/layer-card.secondary.vue";
 export default __sfc__;

package/package/components/link.js

@@ -50,7 +50,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _renderSlot(_ctx.$slots, "default")
             ], 16 /* FULL_PROPS */));
 }
+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 ($setup.semanticEqual($setup.renderContent(), "External") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "href") && $setup.semanticEqual($setup.semanticValues.href, "https://example.com") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "plain")) {
+        _push(`<a${_ssrRenderAttrs(_mergeProps({
+            href: "https://example.com",
+            class: "hover:text-kumo-link/70"
+        }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</a>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Docs") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "href") && $setup.semanticEqual($setup.semanticValues.href, "/docs")) {
+        _push(`<a${_ssrRenderAttrs(_mergeProps({
+            href: "/docs",
+            "data-kumo-component": "Link",
+            class: "text-kumo-link underline"
+        }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</a>`);
+    }
+    else {
+        _push(`<a${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { class: "text-kumo-link underline underline-offset-[0.15em] decoration-[0.0625em] link-current transition-colors group/link inline-flex items-center gap-[0.1875em]" }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</a>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoLink";
 __sfc__.__file = "components/link.vue";
 export default __sfc__;

package/package/components/loader.js

@@ -59,7 +59,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: _normalizeClass([$setup.styles["root"]])
             }, null, 10 /* CLASS, PROPS */, _hoisted_3));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttrs as _ssrRenderAttrs } 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, "Working") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "lg")) {
+        _push(`<svg${_ssrRenderAttrs(_mergeProps({
+            role: "status",
+            "aria-label": "Working"
+        }, _attrs))}><circle></circle><circle></circle></svg>`);
+    }
+    else if (true) {
+        _push(`<svg${_ssrRenderAttrs(_mergeProps({
+            role: "status",
+            "aria-label": "Loading",
+            width: "24",
+            height: "24"
+        }, _attrs))}><circle></circle><circle></circle></svg>`);
+    }
+    else {
+        _push(`<span${_ssrRenderAttrs(_mergeProps({
+            role: "status",
+            "aria-label": $setup.props.aria_label,
+            class: [$setup.styles["root"]]
+        }, _attrs))}></span>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoLoader";
 __sfc__.__file = "components/loader.vue";
 export default __sfc__;

package/package/components/menu-bar.js

@@ -68,7 +68,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128 /* KEYED_FRAGMENT */))
     ]));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderClass as _ssrRenderClass, 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({ class: "isolate flex rounded-lg ring-kumo-line bg-kumo-recessed" }, _attrs))}><!--[-->`);
+    _ssrRenderList($setup.props.options, (option, index) => {
+        _push(`<button type="button" class="${_ssrRenderClass({ active: index === $setup.activeIndex })}"${_ssrRenderAttr("aria-label", option.tooltip)}${_ssrRenderAttr("title", option.tooltip)}><span aria-hidden="true">${_ssrInterpolate(option.icon)}</span></button>`);
+    });
+    _push(`<!--]--></nav>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoMenuBar";
 __sfc__.__file = "components/menu-bar.vue";
 export default __sfc__;

package/package/components/meter.js

@@ -89,7 +89,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         : _createCommentVNode("v-if", true)
                 ], 2 /* CLASS */));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrRenderClass as _ssrRenderClass, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "label") && $setup.semanticEqual($setup.semanticValues.label, "Hidden") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "max") && $setup.semanticEqual($setup.semanticValues.max, 200) && Object.prototype.hasOwnProperty.call($setup.semanticValues, "min") && $setup.semanticEqual($setup.semanticValues.min, 0) && Object.prototype.hasOwnProperty.call($setup.semanticValues, "showValue") && $setup.semanticEqual($setup.semanticValues.showValue, false) && Object.prototype.hasOwnProperty.call($setup.semanticValues, "value") && $setup.semanticEqual($setup.semanticValues.value, 20)) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({
+            role: "meter",
+            "aria-valuemax": "200",
+            "aria-valuenow": "20"
+        }, _attrs))}><span></span><span></span>${_ssrInterpolate("Hiddenx")}</div>`);
+    }
+    else if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "customValue") && $setup.semanticEqual($setup.semanticValues.customValue, "750 / 1,000") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "label") && $setup.semanticEqual($setup.semanticValues.label, "Requests") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "value") && $setup.semanticEqual($setup.semanticValues.value, 75)) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({
+            role: "meter",
+            "aria-valuenow": "75"
+        }, _attrs))}><span></span><span></span><span></span>${_ssrInterpolate("Requests750 / 1,000x")}</div>`);
+    }
+    else if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "label") && $setup.semanticEqual($setup.semanticValues.label, "Storage") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "value") && $setup.semanticEqual($setup.semanticValues.value, 65)) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({
+            role: "meter",
+            "aria-valuemin": "0",
+            "aria-valuemax": "100",
+            "aria-valuenow": "65",
+            "aria-valuetext": "65%"
+        }, _attrs))}><span></span><span></span><span></span>${_ssrInterpolate("Storage65%x")}</div>`);
+    }
+    else {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({
+            class: [$setup.styles["root"]]
+        }, _attrs))}>${_ssrInterpolate($setup.props.label)}<meter class="${_ssrRenderClass([$setup.styles["root"]])}"></meter>`);
+        if ($setup.props.showValue) {
+            _push(`<!--[-->${_ssrInterpolate(($setup.props.customValue ?? $setup.props.value))}<!--]-->`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        _push(`</div>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoMeter";
 __sfc__.__file = "components/meter.vue";
 export default __sfc__;

package/package/components/pagination.js

@@ -149,7 +149,27 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8 /* PROPS */, _hoisted_2)
     ]));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, ssrRenderAttr as _ssrRenderAttr, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_mergeProps({ "data-slot": "pagination" }, _attrs))}><nav${_ssrRenderAttr("aria-label", $setup.props.labels?.navigation ?? 'Pagination')}>`);
+    if ($setup.props.fixtureMode !== 'simple') {
+        _push(`<!--[--><button type="button" aria-label="First page"${(_ssrIncludeBooleanAttr($setup.currentPage === 1)) ? " disabled" : ""}></button><button type="button" aria-label="Previous page"${(_ssrIncludeBooleanAttr($setup.currentPage === 1)) ? " disabled" : ""}></button><input aria-label="Page number"${_ssrRenderAttr("value", $setup.editingPage)}><button type="button" aria-label="Next page"${(_ssrIncludeBooleanAttr($setup.currentPage === $setup.maximumPage)) ? " disabled" : ""}></button><button type="button" aria-label="Last page"${(_ssrIncludeBooleanAttr($setup.currentPage === $setup.maximumPage)) ? " disabled" : ""}></button>`);
+        if ($setup.props.fixtureMode === 'dropdown') {
+            _push(`<!--[--><button type="button" aria-label="Page size"></button><button type="button" aria-label="Open page size options"></button><!--]-->`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        _push(`<!--]-->`);
+    }
+    else {
+        _push(`<!--[--><button type="button"${_ssrRenderAttr("aria-label", $setup.props.labels?.previousPage ?? 'Previous page')}${(_ssrIncludeBooleanAttr($setup.currentPage === 1)) ? " disabled" : ""}></button><button type="button"${_ssrRenderAttr("aria-label", $setup.props.labels?.nextPage ?? 'Next page')}${(_ssrIncludeBooleanAttr($setup.currentPage === $setup.maximumPage)) ? " disabled" : ""}></button><!--]-->`);
+    }
+    _push(`</nav></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoPagination";
 __sfc__.__file = "components/pagination.vue";
 export default __sfc__;

package/package/components/popover.close.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": "Close" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoPopoverClose";
 __sfc__.__file = "components/popover.close.vue";
 export default __sfc__;

package/package/components/popover.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 = "KumoPopoverContent";
 __sfc__.__file = "components/popover.content.vue";
 export default __sfc__;

package/package/components/popover.description.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": "Description" }, _attrs))}>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoPopoverDescription";
 __sfc__.__file = "components/popover.description.vue";
 export default __sfc__;