@acoyfellow/kumo-vue 0.0.1 → 0.0.2

package/kumo.manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": 3,
   "name": "@acoyfellow/kumo-vue",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "framework": "vue",
-  "modelDigest": "4220a6b34c8a9299e2510f638f86039c550dc8a460f95b14152e2775c324483b",
+  "modelDigest": "2d73bcb71b71b5b303dc07ea0530dde25729351b38141f1de0c5ce255aabc04d",
   "contentBindingDigest": "966acebdb268c451fbc81a5d44f7c50ffca3e27f432d2fdd1e51cad2998f3eed",
   "semanticDigest": "f90830560454da631c9e3e612018d70cc1f37e51bf8e5c7b95c09af8b0f9ddea",
   "components": [
@@ -21,7 +21,7 @@
       "modelDigest": "d61594f3236e8d7e4602671f3db5548b0873d563cfc52c9d9249597042a2cf31",
       "contentBindingDigest": "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd",
       "semanticVariantCount": 2,
-      "sourceSha256": "7adfd1893bc9e975a63855f08077a80f9b0464ea4443c909d967f7e0f9f060e0"
+      "sourceSha256": "b2060e5937622412a49e278c49d1c22cf5961a2b584e8bb06e027ba4918de11f"
     },
     {
       "component": "banner",
@@ -42,10 +42,10 @@
     {
       "component": "button",
       "symbol": "Button",
-      "modelDigest": "3614020190406e3bafd01ba171c5adfb78201450b686e1a54f441c5f554a5d4e",
+      "modelDigest": "1f0d364d4ac22b2a6071a1180f81ea5d71793eaf4d14d6718ec31a00b6381b22",
       "contentBindingDigest": "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd",
       "semanticVariantCount": 4,
-      "sourceSha256": "eabd77db40161949858ba7038f43ec6831c9be23f0ab294cb9135033ccc5c732"
+      "sourceSha256": "864294cadd37129056e0a19ad0cec1f8b86fe26212abd166eff5f5fd5847cca7"
     },
     {
       "component": "checkbox",
@@ -165,7 +165,7 @@
       "modelDigest": "ccce2fdcca8c5218c94732f83446c137e03d4b7dd9548ffde312605374734e2f",
       "contentBindingDigest": "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd",
       "semanticVariantCount": 1,
-      "sourceSha256": "79e04b1bf5207b6e25ec0700529865f38f509d81aff91471b28dc2b3181b7596"
+      "sourceSha256": "2dbb0c248c4efd8eed87e8eb802174d06018f354029f3675103ffd2118926585"
     },
     {
       "component": "input-area",
@@ -173,7 +173,7 @@
       "modelDigest": "3f2ca47762723bd72e47c5da8490058c226bbee67e5518d548fc19ba2c467f14",
       "contentBindingDigest": "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd",
       "semanticVariantCount": 1,
-      "sourceSha256": "4e1fe5e1c03f4015e78732c6ccb0427ba1b2654248e4219581d5e7d0f2395f64"
+      "sourceSha256": "c033cb16091f8b9c4aa99bc7f03ca4cd1c569a1b25e634f054584dfb062c92fb"
     },
     {
       "component": "input-group",
@@ -181,7 +181,7 @@
       "modelDigest": "aec5871cdfdf97c938fb06aeb6a15dedd413550ce59bca231f5fe2e61f6d347c",
       "contentBindingDigest": "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd",
       "semanticVariantCount": 1,
-      "sourceSha256": "43866a24df66a5e93a1d384704d4ef5521bbb5c64d7cb43088b2b7398636f292"
+      "sourceSha256": "ad42218de783b0df75c674802b78a7e8dced4d2f92a27d8ab4389a5163ba1e98"
     },
     {
       "component": "label",
@@ -1134,7 +1134,7 @@
   },
   "build": {
     "compiler": "@vue/compiler-sfc",
-    "mode": "client-render",
+    "mode": "client+ssr-render",
     "sourceCount": 104
   }
 }

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

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

package/package/components/autocomplete.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 = "KumoAutocompleteItem";
 __sfc__.__file = "components/autocomplete.item.vue";
 export default __sfc__;

package/package/components/autocomplete.js

@@ -94,7 +94,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8 /* PROPS */, _hoisted_2)
     ], 64 /* STABLE_FRAGMENT */));
 }
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrRenderAttr as _ssrRenderAttr, ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<!--[--><input${_ssrRenderAttrs(_mergeProps({ ref: "inputRef" }, _ctx.$attrs, {
+        role: "combobox",
+        placeholder: $setup.inputGroup?.props?.placeholder,
+        value: $setup.value,
+        "aria-expanded": $setup.open
+    }))}><ul role="listbox"${(_ssrIncludeBooleanAttr(!$setup.open)) ? " hidden" : ""}><!--[-->`);
+    _ssrRenderList($setup.options, (item, index) => {
+        _push(`<li role="option"${_ssrRenderAttr("data-value", item.props?.value)}${_ssrRenderAttr("aria-selected", index === $setup.highlightedIndex)}>${_ssrInterpolate($setup.partText(item))}</li>`);
+    });
+    _push(`<!--]--></ul><!--]-->`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoAutocomplete";
 __sfc__.__file = "components/autocomplete.vue";
 export default __sfc__;

package/package/components/autocomplete.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 = "KumoAutocompleteList";
 __sfc__.__file = "components/autocomplete.list.vue";
 export default __sfc__;

package/package/components/badge.js

@@ -45,11 +45,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]))
         : ($setup.semanticEqual($setup.renderContent(), "PRO"))
             ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
-            : (_openBlock(), _createElementBlock("span", _mergeProps({ key: 2 }, _ctx.$attrs, { class: "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-inverted text-kumo-badge-inverted" }), [
+            : (_openBlock(), _createElementBlock("span", _mergeProps({ key: 2 }, _ctx.$attrs, {
+                class: $setup.props.variant === "secondary" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-fill text-kumo-badge-neutral-subtle" : $setup.props.variant === "error" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-danger-tint/60 text-kumo-danger" : $setup.props.variant === "warning" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-warning-tint/70 text-kumo-warning" : $setup.props.variant === "success" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-success-tint/70 text-kumo-success" : $setup.props.variant === "destructive" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-red text-white" : $setup.props.variant === "info" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-info-tint/70 text-kumo-info" : $setup.props.variant === "beta" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap border border-dashed border-kumo-brand bg-transparent text-kumo-link" : $setup.props.variant === "outline" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap border border-kumo-fill bg-transparent text-kumo-default" : $setup.props.variant === "red" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-red text-white" : $setup.props.variant === "green" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-green text-white" : $setup.props.variant === "neutral" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-neutral text-white" : $setup.props.variant === "orange" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-orange text-black" : $setup.props.variant === "purple" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-purple text-white" : $setup.props.variant === "teal" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-teal text-white" : $setup.props.variant === "teal-subtle" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-teal-subtle text-kumo-badge-teal-subtle" : $setup.props.variant === "blue" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-blue text-white" : "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-inverted text-kumo-badge-inverted"
+            }), [
                 _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 (Object.prototype.hasOwnProperty.call($setup.semanticValues, "appearance") && $setup.semanticEqual($setup.semanticValues.appearance, "dot") && $setup.semanticEqual($setup.renderContent(), "Healthy") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "success")) {
+        _push(`<span${_ssrRenderAttrs(_attrs)}><span aria-hidden="true" class="bg-kumo-success"></span>${_ssrInterpolate($setup.renderContent())}</span>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "PRO")) {
+        _push(`<span${_ssrRenderAttrs(_mergeProps({ class: "inline-flex bg-kumo-badge-inverted" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</span>`);
+    }
+    else {
+        _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, {
+            class: $setup.props.variant === "secondary" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-fill text-kumo-badge-neutral-subtle" : $setup.props.variant === "error" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-danger-tint/60 text-kumo-danger" : $setup.props.variant === "warning" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-warning-tint/70 text-kumo-warning" : $setup.props.variant === "success" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-success-tint/70 text-kumo-success" : $setup.props.variant === "destructive" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-red text-white" : $setup.props.variant === "info" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-info-tint/70 text-kumo-info" : $setup.props.variant === "beta" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap border border-dashed border-kumo-brand bg-transparent text-kumo-link" : $setup.props.variant === "outline" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap border border-kumo-fill bg-transparent text-kumo-default" : $setup.props.variant === "red" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-red text-white" : $setup.props.variant === "green" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-green text-white" : $setup.props.variant === "neutral" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-neutral text-white" : $setup.props.variant === "orange" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-orange text-black" : $setup.props.variant === "purple" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-purple text-white" : $setup.props.variant === "teal" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-teal text-white" : $setup.props.variant === "teal-subtle" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-teal-subtle text-kumo-badge-teal-subtle" : $setup.props.variant === "blue" ? "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-blue text-white" : "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-inverted text-kumo-badge-inverted"
+        }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</span>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoBadge";
 __sfc__.__file = "components/badge.vue";
 export default __sfc__;

package/package/components/banner.js

@@ -63,7 +63,29 @@ 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, "description") && $setup.semanticEqual($setup.semanticValues.description, "Details") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "title") && $setup.semanticEqual($setup.semanticValues.title, "Notice")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "bg-kumo-banner-info" }, _attrs))}><p></p><p></p>${_ssrInterpolate("NoticeDetails")}</div>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Careful") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "alert")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "bg-kumo-banner-warning text-kumo-warning" }, _attrs))}><p>${_ssrInterpolate($setup.renderContent())}</p></div>`);
+    }
+    else {
+        _push(`<section${_ssrRenderAttrs(_mergeProps({
+            class: [$setup.styles["root"]]
+        }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "icon", {}, null, _push, _parent);
+        _push(`${_ssrInterpolate($setup.props.title)}`);
+        _ssrRenderSlot(_ctx.$slots, "description", {}, null, _push, _parent);
+        _ssrRenderSlot(_ctx.$slots, "action", {}, null, _push, _parent);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</section>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoBanner";
 __sfc__.__file = "components/banner.vue";
 export default __sfc__;

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

package/package/components/breadcrumbs.js

@@ -78,7 +78,29 @@ 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, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm") && $setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Link", "props": { "href": "/home" }, "children": [{ "text": "Home" }] }, { "export": ".Separator", "props": {}, "children": [] }, { "export": ".Current", "props": {}, "children": [{ "text": "Here" }] }] })) {
+        _push(`<nav${_ssrRenderAttrs(_mergeProps({ class: "text-sm h-10" }, _attrs))}><a></a><a></a><span></span><span></span><span></span><span></span><span></span><span></span>${_ssrInterpolate("HomeHereHomeHere")}</nav>`);
+    }
+    else if ($setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Link", "props": { "href": "/home" }, "children": [{ "text": "Home" }] }, { "export": ".Separator", "props": {}, "children": [] }, { "export": ".Current", "props": {}, "children": [{ "text": "Here" }] }] })) {
+        _push(`<nav${_ssrRenderAttrs(_mergeProps({
+            "aria-label": "breadcrumb",
+            class: "text-base h-12"
+        }, _attrs))}><a href="/home" data-kumo-component="Breadcrumbs" data-kumo-part="link"></a><a href="/home" data-kumo-component="Breadcrumbs" data-kumo-part="link"></a><span></span><span></span><span></span><span></span><span></span><span></span>${_ssrInterpolate("HomeHereHomeHere")}</nav>`);
+    }
+    else {
+        _push(`<nav${_ssrRenderAttrs(_mergeProps({
+            "aria-label": "Breadcrumbs",
+            class: [$setup.styles["root"]]
+        }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</nav>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoBreadcrumbs";
 __sfc__.__file = "components/breadcrumbs.vue";
 export default __sfc__;

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

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

package/package/components/button.d.ts

@@ -3,6 +3,6 @@ import type { DefineComponent } from 'vue';
 export interface ButtonProps { [key: string]: unknown }
 declare const component: DefineComponent<ButtonProps>;
 export default component;
-export declare const modelDigest: "3614020190406e3bafd01ba171c5adfb78201450b686e1a54f441c5f554a5d4e";
+export declare const modelDigest: "1f0d364d4ac22b2a6071a1180f81ea5d71793eaf4d14d6718ec31a00b6381b22";
 
 export { component as Button };

package/package/components/button.js

@@ -1,6 +1,6 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { computed, useAttrs, useSlots } from 'vue';
-export const modelDigest = "3614020190406e3bafd01ba171c5adfb78201450b686e1a54f441c5f554a5d4e";
+export const modelDigest = "1f0d364d4ac22b2a6071a1180f81ea5d71793eaf4d14d6718ec31a00b6381b22";
 export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
 const __sfc__ = /*@__PURE__*/ _defineComponent({
     ...{ inheritAttrs: false },
@@ -75,7 +75,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 : (Object.prototype.hasOwnProperty.call($setup.semanticValues, "ariaLabel") && $setup.semanticEqual($setup.semanticValues.ariaLabel, "Add item") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "shape") && $setup.semanticEqual($setup.semanticValues.shape, "circle") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm"))
                     ? (_openBlock(), _createElementBlock("button", _hoisted_4))
                     : (_openBlock(), _createElementBlock("button", _mergeProps({ key: 4 }, _ctx.$attrs, {
-                        class: "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-base !text-kumo-default ring not-disabled:hover:bg-kumo-tint disabled:bg-kumo-base/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-base h-9 gap-1.5 rounded-lg px-3 text-base",
+                        class: $setup.props.variant === "primary" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-brand !text-white hover:bg-kumo-brand-hover disabled:bg-kumo-brand/50 h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "ghost" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle text-kumo-default hover:bg-kumo-tint shadow-none bg-inherit h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "destructive" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-danger !text-white hover:bg-kumo-danger/70 h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "secondary-destructive" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-base !text-kumo-danger ring not-disabled:hover:!text-kumo-danger not-disabled:hover:ring-kumo-danger/30 disabled:bg-kumo-base/50 disabled:!text-kumo-danger/70 ring-kumo-line data-[state=open]:bg-kumo-base h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "outline" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-transparent text-kumo-default ring ring-kumo-line transition-colors not-disabled:hover:text-kumo-strong not-disabled:hover:ring-kumo-focus/25 h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "danger" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-danger !text-white hover:bg-kumo-danger/70 h-9 gap-1.5 rounded-lg px-3 text-base" : "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-base !text-kumo-default ring not-disabled:hover:bg-kumo-tint disabled:bg-kumo-base/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-base h-9 gap-1.5 rounded-lg px-3 text-base",
                         type: _ctx.$attrs.type ?? 'button',
                         disabled: $setup.props.disabled || $setup.props.loading
                     }), [
@@ -85,7 +85,47 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         _renderSlot(_ctx.$slots, "default")
                     ], 16 /* FULL_PROPS */, _hoisted_5));
 }
+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(), "Save") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "dataProbe") && $setup.semanticEqual($setup.semanticValues.dataProbe, "native") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "name") && $setup.semanticEqual($setup.semanticValues.name, "intent") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "value") && $setup.semanticEqual($setup.semanticValues.value, "save")) {
+        _push(`<button${_ssrRenderAttrs(_mergeProps({
+            type: "button",
+            name: "intent",
+            value: "save",
+            "data-probe": "native",
+            "data-kumo-component": "Button"
+        }, _attrs))}><span>${_ssrInterpolate($setup.renderContent())}</span></button>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Create") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "xs") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "primary")) {
+        _push(`<button${_ssrRenderAttrs(_mergeProps({ class: "bg-kumo-brand h-5 text-xs" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</button>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Delete") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "lg") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "destructive")) {
+        _push(`<button${_ssrRenderAttrs(_mergeProps({ class: "bg-kumo-danger h-10 text-base" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</button>`);
+    }
+    else if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "ariaLabel") && $setup.semanticEqual($setup.semanticValues.ariaLabel, "Add item") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "shape") && $setup.semanticEqual($setup.semanticValues.shape, "circle") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm")) {
+        _push(`<button${_ssrRenderAttrs(_mergeProps({
+            "aria-label": "Add item",
+            class: "rounded-full size-6.5"
+        }, _attrs))}></button>`);
+    }
+    else {
+        _push(`<button${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, {
+            class: $setup.props.variant === "primary" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-brand !text-white hover:bg-kumo-brand-hover disabled:bg-kumo-brand/50 h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "ghost" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle text-kumo-default hover:bg-kumo-tint shadow-none bg-inherit h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "destructive" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-danger !text-white hover:bg-kumo-danger/70 h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "secondary-destructive" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-base !text-kumo-danger ring not-disabled:hover:!text-kumo-danger not-disabled:hover:ring-kumo-danger/30 disabled:bg-kumo-base/50 disabled:!text-kumo-danger/70 ring-kumo-line data-[state=open]:bg-kumo-base h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "outline" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-transparent text-kumo-default ring ring-kumo-line transition-colors not-disabled:hover:text-kumo-strong not-disabled:hover:ring-kumo-focus/25 h-9 gap-1.5 rounded-lg px-3 text-base" : $setup.props.variant === "danger" ? "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-danger !text-white hover:bg-kumo-danger/70 h-9 gap-1.5 rounded-lg px-3 text-base" : "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-base !text-kumo-default ring not-disabled:hover:bg-kumo-tint disabled:bg-kumo-base/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-base h-9 gap-1.5 rounded-lg px-3 text-base",
+            type: _ctx.$attrs.type ?? 'button',
+            disabled: $setup.props.disabled || $setup.props.loading
+        }, _attrs))}>`);
+        if ($setup.props.loading) {
+            _push(`<svg aria-hidden="true"></svg>`);
+        }
+        else {
+            _push(`<!---->`);
+        }
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</button>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoButton";
 __sfc__.__file = "components/button.vue";
 export default __sfc__;

package/package/components/checkbox.js

@@ -69,7 +69,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _createTextVNode(_toDisplayString($setup.props.label), 1 /* TEXT */)
     ], 16 /* FULL_PROPS */, _hoisted_1));
 }
+import { ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<span${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, {
+        tabindex: $setup.props.disabled ? undefined : 0,
+        role: "checkbox",
+        "aria-label": ($setup.props.ariaLabel ?? _ctx.$attrs['aria-label']),
+        "aria-checked": ($setup.currentIndeterminate ? 'mixed' : $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)}</span>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoCheckbox";
 __sfc__.__file = "components/checkbox.vue";
 export default __sfc__;

package/package/components/clipboard-text.js

@@ -46,7 +46,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _createElementVNode("span", _hoisted_1, _toDisplayString($setup.copyAnnouncement), 1 /* TEXT */)
     ]));
 }
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_attrs)}><span>${_ssrInterpolate($setup.props.text)}</span><button type="button">Copy</button><span aria-live="polite">${_ssrInterpolate($setup.copyAnnouncement)}</span></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoClipboardText";
 __sfc__.__file = "components/clipboard-text.vue";
 export default __sfc__;

package/package/components/cloudflare-logo.js

@@ -62,7 +62,61 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: _normalizeClass([$setup.styles["root"]])
             }, null, 2 /* CLASS */));
 }
+import { createVNode as _createVNode } from "vue";
+import { ssrRenderVNode as _ssrRenderVNode, ssrRenderAttrs as _ssrRenderAttrs } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "color") && $setup.semanticEqual($setup.semanticValues.color, "white") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "glyph")) {
+        _ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent('svg'), _mergeProps({ "role": "img", "aria-label": "Cloudflare logo", "viewBox": "0 0 49 22" }, { class: "text-white" }, _attrs), {
+            default: _withCtx((_, _push, _parent, _scopeId) => {
+                if (_push) {
+                    _push(`<path${_scopeId}></path><path${_scopeId}></path>`);
+                }
+                else {
+                    return [
+                        _createVNode("path"),
+                        _createVNode("path")
+                    ];
+                }
+            }),
+            _: 1 /* STABLE */
+        }), _parent);
+    }
+    else if (true) {
+        _ssrRenderVNode(_push, _createVNode(_resolveDynamicComponent('svg'), _mergeProps({ "role": "img", "aria-label": "Cloudflare logo", "viewBox": "0 0 425.6 143.63" }, { class: "text-kumo-default" }, _attrs), {
+            default: _withCtx((_, _push, _parent, _scopeId) => {
+                if (_push) {
+                    _push(`<path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path><path${_scopeId}></path>`);
+                }
+                else {
+                    return [
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path"),
+                        _createVNode("path")
+                    ];
+                }
+            }),
+            _: 1 /* STABLE */
+        }), _parent);
+    }
+    else {
+        _push(`<svg${_ssrRenderAttrs(_mergeProps({
+            role: "img",
+            "aria-label": "Cloudflare",
+            class: [$setup.styles["root"]]
+        }, _attrs))}></svg>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoCloudflareLogo";
 __sfc__.__file = "components/cloudflare-logo.vue";
 export default __sfc__;

package/package/components/code.js

@@ -48,7 +48,23 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: _normalizeClass([$setup.styles["root"]])
             }, _toDisplayString($setup.props.code), 3 /* TEXT, CLASS */));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "className") && $setup.semanticEqual($setup.semanticValues.className, "custom") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "code") && $setup.semanticEqual($setup.semanticValues.code, "echo kumo") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "lang") && $setup.semanticEqual($setup.semanticValues.lang, "bash")) {
+        _push(`<pre${_ssrRenderAttrs(_mergeProps({ class: "custom font-mono" }, _attrs))}>${_ssrInterpolate($setup.semanticValues.code)}</pre>`);
+    }
+    else if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "code") && $setup.semanticEqual($setup.semanticValues.code, "const x = 1;")) {
+        _push(`<pre${_ssrRenderAttrs(_mergeProps({ class: "font-mono text-sm text-kumo-subtle" }, _attrs))}>${_ssrInterpolate($setup.semanticValues.code)}</pre>`);
+    }
+    else {
+        _push(`<code${_ssrRenderAttrs(_mergeProps({
+            class: [$setup.styles["root"]]
+        }, _attrs))}>${_ssrInterpolate($setup.props.code)}</code>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoCode";
 __sfc__.__file = "components/code.vue";
 export default __sfc__;

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

package/package/components/combobox.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 = "KumoComboboxItem";
 __sfc__.__file = "components/combobox.item.vue";
 export default __sfc__;

package/package/components/combobox.js

@@ -93,7 +93,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8 /* PROPS */, _hoisted_2)
     ], 64 /* STABLE_FRAGMENT */));
 }
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrRenderAttr as _ssrRenderAttr, ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, ssrInterpolate as _ssrInterpolate, ssrRenderList as _ssrRenderList } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<!--[--><input${_ssrRenderAttrs(_mergeProps({ ref: "inputRef" }, _ctx.$attrs, {
+        role: "combobox",
+        placeholder: $setup.triggerInput?.props?.placeholder,
+        value: $setup.value,
+        "aria-expanded": $setup.open
+    }))}><ul role="listbox"${(_ssrIncludeBooleanAttr(!$setup.open)) ? " hidden" : ""}><!--[-->`);
+    _ssrRenderList($setup.options, (item, index) => {
+        _push(`<li role="option"${_ssrRenderAttr("data-value", item.props?.value)}${_ssrRenderAttr("aria-selected", index === $setup.highlightedIndex)}>${_ssrInterpolate($setup.partText(item))}</li>`);
+    });
+    _push(`<!--]--></ul><!--]-->`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoCombobox";
 __sfc__.__file = "components/combobox.vue";
 export default __sfc__;

package/package/components/combobox.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 = "KumoComboboxList";
 __sfc__.__file = "components/combobox.list.vue";
 export default __sfc__;

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