@acoyfellow/kumo-vue 0.0.1 → 0.0.2

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

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

package/package/components/table.header.js

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

package/package/components/table.js

@@ -58,7 +58,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 (Object.prototype.hasOwnProperty.call($setup.semanticValues, "layout") && $setup.semanticEqual($setup.semanticValues.layout, "fixed") && $setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Body", "props": {}, "children": [{ "export": ".Row", "props": {}, "children": [{ "export": ".Cell", "props": { "sticky": "left" }, "children": [{ "text": "Pinned" }] }] }] }] })) {
+        _push(`<table${_ssrRenderAttrs(_mergeProps({ class: "table-fixed" }, _attrs))}><tbody></tbody><td class="sticky left-0 z-1">${_ssrInterpolate("Pinned")}</td></table>`);
+    }
+    else if ($setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Header", "props": {}, "children": [{ "export": ".Row", "props": {}, "children": [{ "export": ".Head", "props": {}, "children": [{ "text": "Name" }] }] }] }, { "export": ".Body", "props": {}, "children": [{ "export": ".Row", "props": {}, "children": [{ "export": ".Cell", "props": { "className": "bg-kumo-tint" }, "children": [{ "text": "Kumo" }] }] }] }] })) {
+        _push(`<table${_ssrRenderAttrs(_mergeProps({ class: "isolate w-full" }, _attrs))}><thead></thead><tbody></tbody><tr></tr><tr></tr><th>${_ssrInterpolate("Name")}</th><td class="bg-kumo-tint">${_ssrInterpolate("Kumo")}</td></table>`);
+    }
+    else {
+        _push(`<table${_ssrRenderAttrs(_mergeProps({
+            class: [$setup.styles["root"]]
+        }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</table>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTable";
 __sfc__.__file = "components/table.vue";
 export default __sfc__;

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

package/package/components/tabs.js

@@ -90,7 +90,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
     ]));
 }
+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(_attrs)}><div role="tablist"><!--[-->`);
+    _ssrRenderList($setup.props.tabs, (tab, index) => {
+        _push(`<button type="button" role="tab"${_ssrRenderAttr("tabindex", index === $setup.focusedIndex ? 0 : -1)}${_ssrRenderAttr("aria-selected", tab.value === $setup.committedValue)}>${_ssrInterpolate(tab.label)}</button>`);
+    });
+    _push(`<!--]--></div></div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoTabs";
 __sfc__.__file = "components/tabs.vue";
 export default __sfc__;

package/package/components/text.js

@@ -56,7 +56,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 (Object.prototype.hasOwnProperty.call($setup.semanticValues, "as") && $setup.semanticEqual($setup.semanticValues.as, "h1") && $setup.semanticEqual($setup.renderContent(), "Title") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "heading1")) {
+        _push(`<h1${_ssrRenderAttrs(_mergeProps({ class: "text-3xl font-semibold" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</h1>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "code") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "mono")) {
+        _push(`<span${_ssrRenderAttrs(_mergeProps({ class: "font-mono text-sm" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</span>`);
+    }
+    else if ($setup.semanticEqual($setup.renderContent(), "Body")) {
+        _push(`<p${_ssrRenderAttrs(_mergeProps({ class: "text-kumo-default text-base" }, _attrs))}>${_ssrInterpolate($setup.renderContent())}</p>`);
+    }
+    else {
+        _push(`<p${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { class: "text-kumo-default text-base" }, _attrs))}>`);
+        _ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+        _push(`</p>`);
+    }
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoText";
 __sfc__.__file = "components/text.vue";
 export default __sfc__;

package/package/components/toasty.js

@@ -93,7 +93,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : _createCommentVNode("v-if", true)
     ], 16 /* FULL_PROPS */));
 }
+import { ssrRenderAttrs as _ssrRenderAttrs, ssrInterpolate as _ssrInterpolate } from "vue/server-renderer";
+function ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+    _push(`<div${_ssrRenderAttrs(_mergeProps(_ctx.$attrs, { "data-kumo-component": "Toasty" }, _attrs))}>${_ssrInterpolate($setup.providerText)}<button type="button" data-notify aria-label="Notify"></button>`);
+    if ($setup.visible) {
+        _push(`<div role="status" aria-live="polite" data-toast><div data-toast-title>${_ssrInterpolate($setup.title)}</div><div data-toast-description>${_ssrInterpolate($setup.description)}</div><button type="button" data-toast-action>Action</button><button type="button" aria-label="Close">Close</button></div>`);
+    }
+    else {
+        _push(`<!---->`);
+    }
+    _push(`</div>`);
+}
 __sfc__.render = render;
+__sfc__.ssrRender = ssrRender;
 __sfc__.name = "KumoToasty";
 __sfc__.__file = "components/toasty.vue";
 export default __sfc__;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoyfellow/kumo-vue",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "peerDependencies": {
     "vue": "^3.5.0"