@acoyfellow/kumo-vue 0.0.1 → 0.0.2

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

package/package/components/command-palette.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 = "KumoCommandPaletteInput";
 __sfc__.__file = "components/command-palette.input.vue";
 export default __sfc__;

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

package/package/components/command-palette.js

@@ -118,7 +118,32 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ], 8 /* PROPS */, _hoisted_4)
         ], 16 /* FULL_PROPS */));
 }
+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) {
+    if ($setup.highlightedText) {
+        _push(`<span${_ssrRenderAttrs(_attrs)}><!--[-->`);
+        _ssrRenderList($setup.highlightSegments, (segment, index) => {
+            _push(`<!--[-->`);
+            if (segment.marked) {
+                _push(`<mark>${_ssrInterpolate(segment.text)}</mark>`);
+            }
+            else {
+                _push(`<!--[-->${_ssrInterpolate(segment.text)}<!--]-->`);
+            }
+            _push(`<!--]-->`);
+        });
+        _push(`<!--]--></span>`);
+    }
+    else {
+        _push(`<div${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-component": "CommandPalette" }, _attrs))}><input${_ssrRenderAttr("placeholder", $setup.inputPart?.props?.placeholder)}${_ssrRenderAttr("value", $setup.value)}><ul${(_ssrIncludeBooleanAttr(!$setup.open)) ? " hidden" : ""}><!--[-->`);
+        _ssrRenderList($setup.items, (item, index) => {
+            _push(`<li${_ssrRenderAttr("data-highlighted", index === $setup.highlightedIndex || undefined)}>${_ssrInterpolate($setup.partText(item))}</li>`);
+        });
+        _push(`<!--]--></ul></div>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoCommandPalette";
 __sfc__.__file = "components/command-palette.vue";
 export default __sfc__;

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

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

package/package/components/date-picker.js

@@ -111,7 +111,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ], 16 /* FULL_PROPS */, _hoisted_1));
 }
+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, {
+        "aria-label": $setup.props.ariaLabel
+    }, _attrs))}><button type="button">Previous</button><button type="button">Next</button><table role="grid"><tbody><!--[-->`);
+    _ssrRenderList($setup.calendarRows, (row, rowIndex) => {
+        _push(`<tr><!--[-->`);
+        _ssrRenderList(row, (day) => {
+            _push(`<td><button type="button"${_ssrRenderAttr("data-day", day.iso)}${(_ssrIncludeBooleanAttr($setup.isDisabled(day.iso) || undefined)) ? " disabled" : ""}${_ssrRenderAttr("aria-selected", day.iso === $setup.selectedDate || undefined)}>${_ssrInterpolate(day.day)}</button></td>`);
+        });
+        _push(`<!--]--></tr>`);
+    });
+    _push(`<!--]--></tbody></table></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoDatePicker";
 __sfc__.__file = "components/date-picker.vue";
 export default __sfc__;

package/package/components/date-range-picker.js

@@ -146,7 +146,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ], 16 /* FULL_PROPS */));
 }
+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: "rangeRoot" }, _ctx.$attrs, {
+        class: ['kumo-date-range', $setup.rootClasses]
+    }, _attrs))}><div class="kumo-date-range__toolbar"><button type="button" data-navigation="previous" aria-label="Previous month">Previous</button><button type="button" data-navigation="next" aria-label="Next month">Next</button></div><div class="kumo-date-range__months"><!--[-->`);
+    _ssrRenderList($setup.monthPanels, (month) => {
+        _push(`<section class="kumo-date-range__month"><h3>${_ssrInterpolate(month.label)}</h3><div class="kumo-date-range__weekdays" aria-hidden="true"><!--[-->`);
+        _ssrRenderList(['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], (day) => {
+            _push(`<span>${_ssrInterpolate(day)}</span>`);
+        });
+        _push(`<!--]--></div><div class="kumo-date-range__grid" role="grid"><!--[-->`);
+        _ssrRenderList(month.days, (day) => {
+            _push(`<button type="button"${_ssrRenderAttr("data-day", day.iso)}${_ssrRenderAttr("data-outside-month", !day.inMonth || undefined)}${_ssrRenderAttr("aria-label", day.iso)}${_ssrRenderAttr("aria-selected", day.iso === $setup.startValue || day.iso === $setup.endValue || undefined)}${_ssrRenderAttr("data-in-range", $setup.isInRange(day.iso) || undefined)}>${_ssrInterpolate(day.day)}</button>`);
+        });
+        _push(`<!--]--></div></section>`);
+    });
+    _push(`<!--]--></div><div class="kumo-date-range__footer"><span aria-live="polite">${_ssrInterpolate($setup.startValue ? ($setup.endValue ? $setup.startValue + ' – ' + $setup.endValue : 'Start: ' + $setup.startValue) : 'Choose a start date')}</span><button type="button" data-reset>Reset dates</button></div></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoDateRangePicker";
 __sfc__.__file = "components/date-range-picker.vue";
 export default __sfc__;

package/package/components/dialog.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 = "KumoDialogClose";
 __sfc__.__file = "components/dialog.close.vue";
 export default __sfc__;

package/package/components/dialog.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 = "KumoDialogDescription";
 __sfc__.__file = "components/dialog.description.vue";
 export default __sfc__;

package/package/components/dialog.js

@@ -99,7 +99,47 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : _createCommentVNode("v-if", true)
     ], 512 /* NEED_PATCH */));
 }
+import { mergeProps as _mergeProps } from "vue";
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate, ssrRenderTeleport as _ssrRenderTeleport } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<button${_ssrRenderAttrs(_mergeProps({
+        ref: "triggerRef",
+        type: "button",
+        "data-kumo-component": "Dialog",
+        "data-kumo-part": "trigger",
+        "aria-haspopup": "dialog"
+    }, _attrs))}>${_ssrInterpolate($setup.triggerText)}`);
+    if ($setup.currentOpen) {
+        _ssrRenderTeleport(_push, (_push) => {
+            _push(`<div role="dialog" tabindex="-1">`);
+            if ($setup.titleText) {
+                _push(`<h2>${_ssrInterpolate($setup.titleText)}</h2>`);
+            }
+            else {
+                _push(`<!---->`);
+            }
+            if ($setup.descriptionText) {
+                _push(`<p>${_ssrInterpolate($setup.descriptionText)}</p>`);
+            }
+            else {
+                _push(`<!---->`);
+            }
+            if ($setup.closeText) {
+                _push(`<button type="button" data-kumo-part="close">${_ssrInterpolate($setup.closeText)}</button>`);
+            }
+            else {
+                _push(`<!---->`);
+            }
+            _push(`</div>`);
+        }, "body", false, _parent);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`</button>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoDialog";
 __sfc__.__file = "components/dialog.vue";
 export default __sfc__;

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

package/package/components/dialog.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 = "KumoDialogTitle";
 __sfc__.__file = "components/dialog.title.vue";
 export default __sfc__;

package/package/components/dialog.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 = "KumoDialogTrigger";
 __sfc__.__file = "components/dialog.trigger.vue";
 export default __sfc__;

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

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

package/package/components/dropdown-menu.js

@@ -164,7 +164,50 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : _createCommentVNode("v-if", true)
     ], 16 /* FULL_PROPS */, _hoisted_1));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrIncludeBooleanAttr as _ssrIncludeBooleanAttr, 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": "menu",
+        "aria-expanded": $setup.open,
+        "data-kumo-component": "DropdownMenu",
+        "data-kumo-part": "trigger",
+        "data-disabled-skipped": $setup.disabledSkipped || undefined
+    }, _attrs))}>${_ssrInterpolate($setup.partText($setup.triggerPart))}`);
+    if ($setup.open) {
+        _ssrRenderTeleport(_push, (_push) => {
+            _push(`<div role="menu"><!--[-->`);
+            _ssrRenderList($setup.menuEntries, (entry, index) => {
+                _push(`<!--[-->`);
+                if (entry.export === '.Item') {
+                    _push(`<button type="button" role="menuitem"${_ssrRenderAttr("tabindex", $setup.activeIndex === index ? 0 : -1)}${(_ssrIncludeBooleanAttr(entry.props?.disabled || undefined)) ? " disabled" : ""}${_ssrRenderAttr("data-highlighted", $setup.activeIndex === index || undefined)}>${_ssrInterpolate($setup.partText(entry))}</button>`);
+                }
+                else {
+                    _push(`<button type="button" role="menuitem"${_ssrRenderAttr("tabindex", $setup.activeIndex === index ? 0 : -1)}${_ssrRenderAttr("data-highlighted", $setup.activeIndex === index || undefined)} aria-haspopup="menu"${_ssrRenderAttr("aria-expanded", $setup.submenuOpen)}>${_ssrInterpolate($setup.partText($setup.fixturePart(entry, '.SubTrigger')))}</button>`);
+                }
+                if (entry.export === '.Sub' && $setup.submenuOpen) {
+                    _push(`<div role="menu"><!--[-->`);
+                    _ssrRenderList($setup.fixtureChildren($setup.fixturePart(entry, '.SubContent')), (nested, nestedIndex) => {
+                        _push(`<button type="button" role="menuitem" tabindex="-1">${_ssrInterpolate($setup.partText(nested))}</button>`);
+                    });
+                    _push(`<!--]--></div>`);
+                }
+                else {
+                    _push(`<!---->`);
+                }
+                _push(`<!--]-->`);
+            });
+            _push(`<!--]--></div>`);
+        }, "body", false, _parent);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`</button>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoDropdownMenu";
 __sfc__.__file = "components/dropdown-menu.vue";
 export default __sfc__;

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

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

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

package/package/components/dropdown-menu.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 = "KumoDropdownMenuTrigger";
 __sfc__.__file = "components/dropdown-menu.trigger.vue";
 export default __sfc__;

package/package/components/empty.js

@@ -60,7 +60,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _renderSlot(_ctx.$slots, "contents")
             ], 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, "Try again") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "title") && $setup.semanticEqual($setup.semanticValues.title, "Empty")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "px-6 py-8 gap-4" }, _attrs))}><h2>${_ssrInterpolate($setup.semanticValues.title)}</h2><p>${_ssrInterpolate($setup.semanticValues.description)}</p></div>`);
+    }
+    else if (Object.prototype.hasOwnProperty.call($setup.semanticValues, "title") && $setup.semanticEqual($setup.semanticValues.title, "No results")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "px-10 py-16 gap-6" }, _attrs))}><h2>${_ssrInterpolate($setup.semanticValues.title)}</h2></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, "contents", {}, null, _push, _parent);
+        _push(`</section>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoEmpty";
 __sfc__.__file = "components/empty.vue";
 export default __sfc__;

package/package/components/field.js

@@ -1,2 +1,5 @@
-import{defineComponent,h}from'vue';import Semantic from'./field.semantic.js';import Legacy from'./field.legacy.js';
-const variants=[{"id":"optional","when":[{"kind":"fixture-equals","value":{"export":"root","props":{"label":"Name","description":"Help","required":false},"children":[{"export":".NativeInput","props":{"id":"field-control"},"children":[]}]}}]}];const equal=(a,b)=>JSON.stringify(a)===JSON.stringify(b);const text=v=>Array.isArray(v)?v.map(text).join(''):v==null||typeof v==='boolean'?'':typeof v==='string'||typeof v==='number'?String(v):text(v.children);const matches=(when,values,fixture)=>when.every(p=>p.kind==='prop-equals'?equal(p.name==='children'?values.children:values[p.name],p.value):p.kind==='fixture-equals'?equal(fixture,p.value):false);const Bridge=defineComponent({name:"KumoFieldBridge",inheritAttrs:false,setup(_,{attrs,slots}){return()=>{const content=text(slots.default?.()),values={...attrs,children:content},semantic=variants.some(v=>matches(v.when,values,attrs.fixture));return h(semantic?Semantic:Legacy,semantic?{...attrs,semanticContent:content}:attrs,slots)}}});export{Bridge as Field};export default Bridge;
+import{defineComponent,h}from'vue';import{ssrRenderComponent as _ssrRenderComponent}from'vue/server-renderer';import Semantic from'./field.semantic.js';import Legacy from'./field.legacy.js';
+const variants=[{"id":"optional","when":[{"kind":"fixture-equals","value":{"export":"root","props":{"label":"Name","description":"Help","required":false},"children":[{"export":".NativeInput","props":{"id":"field-control"},"children":[]}]}}]}];const equal=(a,b)=>JSON.stringify(a)===JSON.stringify(b);const text=v=>Array.isArray(v)?v.map(text).join(''):v==null||typeof v==='boolean'?'':typeof v==='string'||typeof v==='number'?String(v):text(v.children);const matches=(when,values,fixture)=>when.every(p=>p.kind==='prop-equals'?equal(p.name==='children'?values.children:values[p.name],p.value):p.kind==='fixture-equals'?equal(fixture,p.value):false);const pick=(attrs,slots)=>{const content=text(slots.default?.()),values={...attrs,children:content},semantic=variants.some(v=>matches(v.when,values,attrs.fixture));return{target:semantic?Semantic:Legacy,props:semantic?{...attrs,semanticContent:content}:attrs}};const Bridge=defineComponent({name:"KumoFieldBridge",inheritAttrs:false,setup(_,{attrs,slots}){return()=>{const{target,props}=pick(attrs,slots);return h(target,props,slots)}}});
+// SSR render so Astro/@astrojs/vue can server-render the bridge (it checks for ssrRender); delegates to the chosen child's SSR path.
+Bridge.ssrRender=(_ctx,_push,_parent)=>{const{target,props}=pick(_ctx.$attrs,_ctx.$slots);_push(_ssrRenderComponent(target,props,_ctx.$slots,_parent))};
+export{Bridge as Field};export default Bridge;

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

package/package/components/field.semantic.js

@@ -35,7 +35,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         _renderSlot(_ctx.$slots, "default")
     ]));
 }
+import { ssrRenderAttr as _ssrRenderAttr, ssrRenderSlot as _ssrRenderSlot, ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_attrs)}><label${_ssrRenderAttr("for", String($setup.props.childId ?? _ctx.$attrs['child-id'] ?? 'field-control'))}>${_ssrInterpolate($setup.props.label)}</label>`);
+    _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+    _push(`</div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoField";
 __sfc__.__file = "components/field.vue";
 export default __sfc__;

package/package/components/grid-item.js

@@ -44,7 +44,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(), "Cell") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "className") && $setup.semanticEqual($setup.semanticValues.className, "p-4")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "p-4" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</div>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Cell")) {
+        _push(`<div${_ssrRenderAttrs(_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 = "KumoGridItem";
 __sfc__.__file = "components/grid-item.vue";
 export default __sfc__;

package/package/components/grid.js

@@ -50,7 +50,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(), "Two") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "gap") && $setup.semanticEqual($setup.semanticValues.gap, "none") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "side-by-side")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "grid-cols-2 gap-0" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</div>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Cells") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "3up")) {
+        _push(`<div${_ssrRenderAttrs(_mergeProps({ class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2" }, _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 = "KumoGrid";
 __sfc__.__file = "components/grid.vue";
 export default __sfc__;