@acoyfellow/kumo-vue 0.0.1

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

@@ -0,0 +1,78 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "81f51f73fcb15fac9412c9a30a06ea03f1e2fa2292ec5b6197d72c106554a466";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'table-of-contents',
+    props: {
+        Group: { type: null, required: false },
+        Item: { type: Boolean, required: false },
+        List: { type: null, required: false },
+        root: { type: null, required: false },
+        Title: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const tocRoot = computed(() => props.fixture);
+        const tocChildren = (node) => node?.children ?? [];
+        const tocText = (node) => node ? String(node.text ?? '') + tocChildren(node).map(tocText).join('') : '';
+        const tocTitle = computed(() => tocText(tocChildren(tocRoot.value).find(node => node.export === '.Title')));
+        const tocList = computed(() => tocChildren(tocRoot.value).find(node => node.export === '.List'));
+        const tocItems = computed(() => tocChildren(tocList.value).flatMap(node => node.export === '.Group' ? [node, ...tocChildren(node)] : [node]).filter(node => node.export === '.Item' || node.export === '.Group').map(node => ({ href: String(node.props?.href ?? '#'), active: Boolean(node.props?.active), label: String(node.props?.label ?? tocText(node)), group: node.export === '.Group' })));
+        const slots = useSlots();
+        const styles = {};
+        const normalizeSlotContent = (value) => Array.isArray(value) ? value.map(normalizeSlotContent).join('') : value == null || typeof value === 'boolean' ? '' : typeof value === 'string' || typeof value === 'number' ? String(value) : normalizeSlotContent(value.children);
+        const renderContent = () => props.semanticContent ?? normalizeSlotContent(slots.default?.());
+        const fixture = computed(() => props.fixture);
+        const semanticValues = Object.assign({}, useAttrs(), props);
+        const semanticEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+        const fixtureText = (value) => value && typeof value === 'object' ? String(typeof value.text === 'string' ? value.text : '') + (Array.isArray(value.children) ? value.children.map(fixtureText).join('') : '') : '';
+        const __returned__ = { modelDigest, contentBindingDigest, props, tocRoot, tocChildren, tocText, tocTitle, tocList, tocItems, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, createElementVNode as _createElementVNode } from "vue";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["href", "aria-current"];
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = ["href", "aria-current"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("nav", {
+        "aria-label": String($setup.tocRoot?.props?.['aria-label'] ?? 'Table of contents')
+    }, [
+        ($setup.tocTitle)
+            ? (_openBlock(), _createElementBlock("p", _hoisted_2, _toDisplayString($setup.tocTitle), 1 /* TEXT */))
+            : _createCommentVNode("v-if", true),
+        _createElementVNode("ul", null, [
+            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.tocItems, (item) => {
+                return (_openBlock(), _createElementBlock(_Fragment, {
+                    key: item.href
+                }, [
+                    (item.group)
+                        ? (_openBlock(), _createElementBlock("a", {
+                            key: 0,
+                            href: item.href,
+                            "aria-current": item.active ? 'location' : undefined
+                        }, _toDisplayString(item.label), 9 /* TEXT, PROPS */, _hoisted_3))
+                        : (_openBlock(), _createElementBlock("li", _hoisted_4, [
+                            _createElementVNode("a", {
+                                href: item.href,
+                                "aria-current": item.active ? 'location' : undefined
+                            }, _toDisplayString(item.label), 9 /* TEXT, PROPS */, _hoisted_5)
+                        ]))
+                ], 64 /* STABLE_FRAGMENT */));
+            }), 128 /* KEYED_FRAGMENT */))
+        ])
+    ], 8 /* PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableOfContents";
+__sfc__.__file = "components/table-of-contents.vue";
+export default __sfc__;
+
+export { __sfc__ as TableOfContents }

package/package/components/table-of-contents.list.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

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

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table-of-contents.list',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "List" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableOfContentsList";
+__sfc__.__file = "components/table-of-contents.list.vue";
+export default __sfc__;

package/package/components/table-of-contents.title.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

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

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table-of-contents.title',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "Title" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableOfContentsTitle";
+__sfc__.__file = "components/table-of-contents.title.vue";
+export default __sfc__;

package/package/components/table.body.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

package/package/components/table.body.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table.body',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "Body" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableBody";
+__sfc__.__file = "components/table.body.vue";
+export default __sfc__;

package/package/components/table.cell.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

package/package/components/table.cell.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table.cell',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "Cell" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableCell";
+__sfc__.__file = "components/table.cell.vue";
+export default __sfc__;

package/package/components/table.d.ts

@@ -0,0 +1,8 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+export interface TableProps { [key: string]: unknown }
+declare const component: DefineComponent<TableProps>;
+export default component;
+export declare const modelDigest: "2cdb90ceb5108dea275b1e150e3868126326b95d7efef9ed8459d14ef57345b9";
+
+export { component as Table };

package/package/components/table.head.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

package/package/components/table.head.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table.head',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "Head" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableHead";
+__sfc__.__file = "components/table.head.vue";
+export default __sfc__;

package/package/components/table.header.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

package/package/components/table.header.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table.header',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "Header" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableHeader";
+__sfc__.__file = "components/table.header.vue";
+export default __sfc__;

package/package/components/table.js

@@ -0,0 +1,66 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "2cdb90ceb5108dea275b1e150e3868126326b95d7efef9ed8459d14ef57345b9";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'table',
+    props: {
+        children: { type: null, required: false },
+        className: { type: String, required: false },
+        layout: { type: null, required: false, default: "auto" },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const slots = useSlots();
+        const styles = {};
+        const normalizeSlotContent = (value) => Array.isArray(value) ? value.map(normalizeSlotContent).join('') : value == null || typeof value === 'boolean' ? '' : typeof value === 'string' || typeof value === 'number' ? String(value) : normalizeSlotContent(value.children);
+        const renderContent = () => props.semanticContent ?? normalizeSlotContent(slots.default?.());
+        const fixture = computed(() => props.fixture);
+        const semanticValues = Object.assign({}, useAttrs(), props);
+        const semanticEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+        const fixtureText = (value) => value && typeof value === 'object' ? String(typeof value.text === 'string' ? value.text : '') + (Array.isArray(value.children) ? value.children.map(fixtureText).join('') : '') : '';
+        const __returned__ = { modelDigest, contentBindingDigest, props, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "table-fixed"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "isolate w-full"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (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" }] }] }] }] }))
+        ? (_openBlock(), _createElementBlock("table", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+                _createElementVNode("tbody", null, null, -1 /* CACHED */),
+                _createElementVNode("td", { class: "sticky left-0 z-1" }, _toDisplayString("Pinned"), -1 /* CACHED */)
+            ]))]))
+        : ($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" }] }] }] }] }))
+            ? (_openBlock(), _createElementBlock("table", _hoisted_2, [...(_cache[1] || (_cache[1] = [
+                    _createElementVNode("thead", null, null, -1 /* CACHED */),
+                    _createElementVNode("tbody", null, null, -1 /* CACHED */),
+                    _createElementVNode("tr", null, null, -1 /* CACHED */),
+                    _createElementVNode("tr", null, null, -1 /* CACHED */),
+                    _createElementVNode("th", null, _toDisplayString("Name"), -1 /* CACHED */),
+                    _createElementVNode("td", { class: "bg-kumo-tint" }, _toDisplayString("Kumo"), -1 /* CACHED */)
+                ]))]))
+            : (_openBlock(), _createElementBlock("table", {
+                key: 2,
+                class: _normalizeClass([$setup.styles["root"]])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTable";
+__sfc__.__file = "components/table.vue";
+export default __sfc__;
+
+export { __sfc__ as Table }

package/package/components/table.row.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

package/package/components/table.row.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'table.row',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "Row" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTableRow";
+__sfc__.__file = "components/table.row.vue";
+export default __sfc__;

package/package/components/tabs.d.ts

@@ -0,0 +1,8 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+export interface TabsProps { [key: string]: unknown }
+declare const component: DefineComponent<TabsProps>;
+export default component;
+export declare const modelDigest: "79ef8064a09f0913da0ed4e2cceaee0c9227ca5a0bfd2311b29c281595691791";
+
+export { component as Tabs };

package/package/components/tabs.js

@@ -0,0 +1,98 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, nextTick, ref, useAttrs, useSlots, watch } from 'vue';
+export const modelDigest = "79ef8064a09f0913da0ed4e2cceaee0c9227ca5a0bfd2311b29c281595691791";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'tabs',
+    props: {
+        activateOnFocus: { type: Boolean, required: false, default: false },
+        className: { type: null, required: false },
+        indicatorClassName: { type: null, required: false },
+        listClassName: { type: null, required: false },
+        onValueChange: { type: null, required: false },
+        selectedValue: { type: String, required: false, default: "first tab value when uncontrolled and selectedValue omitted" },
+        size: { type: String, required: false, default: "base" },
+        tabs: { type: null, required: false, default: [] },
+        value: { type: String, required: false },
+        variant: { type: null, required: false, default: "segmented" },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const instance = getCurrentInstance();
+        const controlled = computed(() => Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "selectedValue"));
+        const internalValue = ref(props.selectedValue ?? props.tabs?.[0]?.value);
+        const committedValue = computed(() => controlled.value ? props.selectedValue : internalValue.value);
+        const focusedIndex = ref(Math.max(0, props.tabs?.findIndex((tab) => tab.value === committedValue.value) ?? 0));
+        const tabButtons = ref([]);
+        watch(committedValue, value => { const index = props.tabs?.findIndex((tab) => tab.value === value) ?? -1; if (index >= 0)
+            focusedIndex.value = index; });
+        function commit(value) {
+            if (!controlled.value)
+                internalValue.value = value;
+            props.onValueChange?.(value);
+            nextTick(() => tabButtons.value.find(button => button.getAttribute('aria-selected') === 'true')?.focus());
+        }
+        function moveNext(index, event) {
+            if (event.key !== 'ArrowRight')
+                return;
+            const next = Math.min(index + 1, (props.tabs?.length ?? 1) - 1);
+            if (next === index)
+                return;
+            event.preventDefault();
+            focusedIndex.value = next;
+            nextTick(() => tabButtons.value[next]?.focus());
+            if (props.activateOnFocus)
+                commit(props.tabs[next].value);
+        }
+        function activate(tab, event) {
+            if (event.key !== 'Enter' && event.key !== ' ' && event.code !== 'Space')
+                return;
+            event.preventDefault();
+            commit(tab.value);
+        }
+        const slots = useSlots();
+        const styles = {};
+        const normalizeSlotContent = (value) => Array.isArray(value) ? value.map(normalizeSlotContent).join('') : value == null || typeof value === 'boolean' ? '' : typeof value === 'string' || typeof value === 'number' ? String(value) : normalizeSlotContent(value.children);
+        const renderContent = () => props.semanticContent ?? normalizeSlotContent(slots.default?.());
+        const fixture = computed(() => props.fixture);
+        const semanticValues = Object.assign({}, useAttrs(), props);
+        const semanticEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+        const fixtureText = (value) => value && typeof value === 'object' ? String(typeof value.text === 'string' ? value.text : '') + (Array.isArray(value.children) ? value.children.map(fixtureText).join('') : '') : '';
+        const __returned__ = { modelDigest, contentBindingDigest, props, instance, controlled, internalValue, committedValue, focusedIndex, tabButtons, commit, moveNext, activate, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode } from "vue";
+const _hoisted_1 = { role: "tablist" };
+const _hoisted_2 = ["tabindex", "aria-selected", "onClick", "onKeydown"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", null, [
+        _createElementVNode("div", _hoisted_1, [
+            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.props.tabs, (tab, index) => {
+                return (_openBlock(), _createElementBlock("button", {
+                    key: tab.value,
+                    ref_for: true,
+                    ref: element => { if (element)
+                        $setup.tabButtons[index] = element; },
+                    type: "button",
+                    role: "tab",
+                    tabindex: index === $setup.focusedIndex ? 0 : -1,
+                    "aria-selected": tab.value === $setup.committedValue,
+                    onClick: $event => ($setup.commit(tab.value)),
+                    onKeydown: $event => { $setup.moveNext(index, $event); $setup.activate(tab, $event); }
+                }, _toDisplayString(tab.label), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_2));
+            }), 128 /* KEYED_FRAGMENT */))
+        ])
+    ]));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoTabs";
+__sfc__.__file = "components/tabs.vue";
+export default __sfc__;
+
+export { __sfc__ as Tabs }

package/package/components/text.d.ts

@@ -0,0 +1,8 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+export interface TextProps { [key: string]: unknown }
+declare const component: DefineComponent<TextProps>;
+export default component;
+export declare const modelDigest: "19772bcfdc866198d1b6f48413057aaede6eb359bfb324e0ee9f1aa353f1b630";
+
+export { component as Text };

package/package/components/text.js

@@ -0,0 +1,64 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "19772bcfdc866198d1b6f48413057aaede6eb359bfb324e0ee9f1aa353f1b630";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'text',
+    props: {
+        as: { type: null, required: false },
+        bold: { type: Boolean, required: false, default: false },
+        children: { type: null, required: false },
+        DANGEROUS_className: { type: String, required: false },
+        DANGEROUS_style: { type: null, required: false },
+        size: { type: String, required: false, default: "base" },
+        truncate: { type: Boolean, required: false, default: false },
+        variant: { type: null, required: false, default: "body" },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const slots = useSlots();
+        const styles = {};
+        const normalizeSlotContent = (value) => Array.isArray(value) ? value.map(normalizeSlotContent).join('') : value == null || typeof value === 'boolean' ? '' : typeof value === 'string' || typeof value === 'number' ? String(value) : normalizeSlotContent(value.children);
+        const renderContent = () => props.semanticContent ?? normalizeSlotContent(slots.default?.());
+        const fixture = computed(() => props.fixture);
+        const semanticValues = Object.assign({}, useAttrs(), props);
+        const semanticEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+        const fixtureText = (value) => value && typeof value === 'object' ? String(typeof value.text === 'string' ? value.text : '') + (Array.isArray(value.children) ? value.children.map(fixtureText).join('') : '') : '';
+        const __returned__ = { modelDigest, contentBindingDigest, props, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "text-3xl font-semibold"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "font-mono text-sm"
+};
+const _hoisted_3 = {
+    key: 2,
+    class: "text-kumo-default text-base"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (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"))
+        ? (_openBlock(), _createElementBlock("h1", _hoisted_1, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+        : ($setup.semanticEqual($setup.renderContent(), "code") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "mono"))
+            ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+            : ($setup.semanticEqual($setup.renderContent(), "Body"))
+                ? (_openBlock(), _createElementBlock("p", _hoisted_3, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+                : (_openBlock(), _createElementBlock("p", _mergeProps({ key: 3 }, _ctx.$attrs, { class: "text-kumo-default text-base" }), [
+                    _renderSlot(_ctx.$slots, "default")
+                ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoText";
+__sfc__.__file = "components/text.vue";
+export default __sfc__;
+
+export { __sfc__ as Text }

package/package/components/toasty.d.ts

@@ -0,0 +1,8 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+export interface ToastyProps { [key: string]: unknown }
+declare const component: DefineComponent<ToastyProps>;
+export default component;
+export declare const modelDigest: "f05e8c2389dfb02ca23049e0fc5aa80b2797a0b63cb9c09a9603acb5d07c79bf";
+
+export { component as Toasty };