@acoyfellow/kumo-vue 0.0.1

package/package/components/select.js

@@ -0,0 +1,200 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, nextTick, onMounted, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "0c3f889199eb1006a83fb3d1f7315e54f420dbb14327c8661decd4eb1b7a3215";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'select',
+    props: {
+        "aria-label/aria-labelledby": { type: null, required: false },
+        children: { type: null, required: false },
+        container: { type: null, required: false },
+        hideLabel: { type: Boolean, required: false },
+        items: { type: null, required: false },
+        label: { type: null, required: false },
+        "labelTooltip/description/error": { type: null, required: false },
+        "placeholder/loading/disabled/required": { type: null, required: false },
+        renderValue: { type: null, required: false },
+        Root: { type: null, required: false },
+        size: { type: String, required: false, default: "base" },
+        ariaLabel: { type: String, required: false },
+        placeholder: { type: String, required: false },
+        defaultValue: { type: null, required: false },
+        value: { type: null, required: false },
+        defaultOpen: { type: Boolean, required: false },
+        open: { type: Boolean, required: false },
+        multiple: { type: Boolean, required: false },
+        onOpenChange: { type: null, required: false },
+        onValueChange: { type: null, required: false },
+        "aria-label": { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const instance = getCurrentInstance();
+        const supplied = (name) => Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, name);
+        const fixtureRoot = computed(() => props.fixture);
+        const fixtureTextContent = (node) => node ? String(node.text ?? '') + (node.children ?? []).map(fixtureTextContent).join('') : '';
+        const selectOptions = computed(() => (fixtureRoot.value?.children ?? []).filter(node => node.export === '.Option').map(node => ({ value: node.props?.value, label: fixtureTextContent(node), disabled: node.props?.disabled === true })));
+        const multiple = computed(() => Boolean(props.multiple));
+        const valueControlled = supplied('value');
+        const openControlled = supplied('open');
+        const internalValue = ref(supplied('defaultValue') ? props.defaultValue : (multiple.value ? [] : null));
+        const internalOpen = ref(supplied('defaultOpen') ? Boolean(props.defaultOpen) : false);
+        const selectedValue = computed(() => valueControlled ? props.value : internalValue.value);
+        const selectOpen = computed(() => openControlled ? Boolean(props.open) : internalOpen.value);
+        const triggerRef = ref(null);
+        const mounted = ref(false);
+        onMounted(() => { mounted.value = true; });
+        const optionRefs = ref([]);
+        const activeIndex = ref(-1);
+        const highlightScrolled = ref(false);
+        const selectLabel = computed(() => props.ariaLabel ?? props['aria-label']);
+        const equalValue = (a, b) => a === b || JSON.stringify(a) === JSON.stringify(b);
+        const isSelected = (value) => multiple.value ? (Array.isArray(selectedValue.value) && selectedValue.value.some(item => equalValue(item, value))) : equalValue(selectedValue.value, value);
+        function emitOpen(next) { if (!openControlled)
+            internalOpen.value = next; props.onOpenChange?.(next); }
+        function focusOption(index) {
+            activeIndex.value = index;
+            nextTick(() => { const element = optionRefs.value[index]; element?.focus(); if (element) {
+                element.scrollIntoView?.({ block: 'nearest' });
+                highlightScrolled.value = true;
+            } });
+        }
+        function firstEnabled() { return selectOptions.value.findIndex(item => !item.disabled); }
+        function lastEnabled() { for (let i = selectOptions.value.length - 1; i >= 0; i--)
+            if (!selectOptions.value[i].disabled)
+                return i; return -1; }
+        function openSelect() { if (selectOpen.value)
+            return; emitOpen(true); const index = firstEnabled(); if (index >= 0)
+            focusOption(index); }
+        function triggerKey(event) { if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            openSelect();
+            if (selectOpen.value) {
+                const index = firstEnabled();
+                if (index >= 0)
+                    focusOption(index);
+            }
+        } }
+        function selectItem(item, index) {
+            if (item.disabled)
+                return;
+            if (multiple.value) {
+                const current = Array.isArray(selectedValue.value) ? selectedValue.value : [];
+                const next = current.some(value => equalValue(value, item.value)) ? current : [...current, item.value];
+                if (!valueControlled)
+                    internalValue.value = next;
+                props.onValueChange?.(next);
+                focusOption(index);
+                return;
+            }
+            if (!valueControlled)
+                internalValue.value = item.value;
+            props.onValueChange?.(item.value);
+            emitOpen(false);
+            if (openControlled)
+                focusOption(index);
+            else
+                nextTick(() => triggerRef.value?.focus());
+        }
+        function optionKey(event) {
+            let index = -1;
+            if (event.key === 'Home')
+                index = firstEnabled();
+            else if (event.key === 'End')
+                index = lastEnabled();
+            else if (event.key.length === 1)
+                index = selectOptions.value.findIndex(item => !item.disabled && item.label.toLocaleLowerCase().startsWith(event.key.toLocaleLowerCase()));
+            else if (event.key === 'Escape') {
+                event.preventDefault();
+                emitOpen(false);
+                nextTick(() => triggerRef.value?.focus());
+                return;
+            }
+            else if (event.key === 'Tab') {
+                event.preventDefault();
+                emitOpen(false);
+                nextTick(() => triggerRef.value?.focus());
+                return;
+            }
+            else
+                return;
+            if (index >= 0) {
+                event.preventDefault();
+                focusOption(index);
+            }
+        }
+        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, supplied, fixtureRoot, fixtureTextContent, selectOptions, multiple, valueControlled, openControlled, internalValue, internalOpen, selectedValue, selectOpen, triggerRef, mounted, optionRefs, activeIndex, highlightScrolled, selectLabel, equalValue, isSelected, emitOpen, focusOption, firstEnabled, lastEnabled, openSelect, triggerKey, selectItem, optionKey, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, Teleport as _Teleport, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps } from "vue";
+const _hoisted_1 = ["aria-expanded", "aria-label", "data-placeholder"];
+const _hoisted_2 = ["aria-multiselectable", "data-highlight-scrolled"];
+const _hoisted_3 = ["aria-selected", "aria-disabled", "data-value", "data-highlighted", "data-selected", "onClick"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _normalizeProps(_guardReactiveProps(_ctx.$attrs)), [
+        _createElementVNode("button", {
+            ref: "triggerRef",
+            type: "button",
+            tabindex: "0",
+            role: "combobox",
+            "aria-expanded": String($setup.selectOpen),
+            "aria-haspopup": "listbox",
+            "aria-label": $setup.selectLabel,
+            "data-kumo-component": "Select",
+            "data-kumo-part": "trigger",
+            "data-placeholder": $setup.selectedValue == null || ($setup.multiple && $setup.selectedValue.length === 0) ? '' : undefined,
+            onClick: $setup.openSelect,
+            onKeydown: $setup.triggerKey
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1),
+        ($setup.mounted && $setup.selectOpen)
+            ? (_openBlock(), _createBlock(_Teleport, {
+                key: 0,
+                to: "body"
+            }, [
+                _createElementVNode("div", {
+                    role: "listbox",
+                    "aria-multiselectable": $setup.multiple || undefined,
+                    "data-highlight-scrolled": $setup.highlightScrolled || undefined
+                }, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.selectOptions, (item, index) => {
+                        return (_openBlock(), _createElementBlock("div", {
+                            key: index,
+                            ref_for: true,
+                            ref: element => { if (element)
+                                $setup.optionRefs[index] = element; },
+                            role: "option",
+                            tabindex: "-1",
+                            "aria-selected": $setup.isSelected(item.value),
+                            "aria-disabled": item.disabled || undefined,
+                            "data-value": typeof item.value === 'object' ? item.value?.id : item.value,
+                            "data-highlighted": $setup.activeIndex === index || undefined,
+                            "data-selected": $setup.isSelected(item.value) || undefined,
+                            onClick: $event => ($setup.selectItem(item, index)),
+                            onKeydown: $setup.optionKey
+                        }, _toDisplayString(item.label), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_3));
+                    }), 128 /* KEYED_FRAGMENT */))
+                ], 8 /* PROPS */, _hoisted_2)
+            ]))
+            : _createCommentVNode("v-if", true)
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSelect";
+__sfc__.__file = "components/select.vue";
+export default __sfc__;
+
+export { __sfc__ as Select }

package/package/components/select.option.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/select.option.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'select.option',
+    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": "Option" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSelectOption";
+__sfc__.__file = "components/select.option.vue";
+export default __sfc__;

package/package/components/sensitive-input.d.ts

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

package/package/components/sensitive-input.js

@@ -0,0 +1,82 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "929d4c3eecd153af78d2db33ff8ba69333a6f6f39415ee3c65cb1d8f9eabcc3c";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sensitive-input',
+    props: {
+        observable: { type: null, required: false },
+        onValueChange: { type: null, required: false },
+        onCopy: { type: null, required: false },
+        defaultValue: { type: null, required: false },
+        label: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const sensitiveValue = ref(props.defaultValue ?? '');
+        const revealed = ref(false);
+        const sensitiveInputRef = ref(null);
+        const copyAnnouncement = ref('');
+        function revealValue() {
+            revealed.value = true;
+            nextTick(() => sensitiveInputRef.value?.focus());
+        }
+        function updateSensitiveValue(event) {
+            sensitiveValue.value = event.currentTarget.value;
+            props.onValueChange?.(sensitiveValue.value);
+        }
+        async function copySensitiveValue() {
+            await navigator.clipboard.writeText(sensitiveValue.value);
+            copyAnnouncement.value = 'Copied to clipboard';
+            props.onCopy?.();
+        }
+        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, sensitiveValue, revealed, sensitiveInputRef, copyAnnouncement, revealValue, updateSensitiveValue, copySensitiveValue, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["value"];
+const _hoisted_2 = { "aria-live": "polite" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _mergeProps(_ctx.$attrs, { "data-kumo-component": "SensitiveInput" }), [
+        _createElementVNode("label", null, _toDisplayString($setup.props.label), 1 /* TEXT */),
+        _createElementVNode("div", {
+            "data-kumo-part": "masked-container",
+            onClick: $setup.revealValue
+        }, _toDisplayString($setup.revealed ? $setup.sensitiveValue : 'Value hidden'), 1 /* TEXT */),
+        _createElementVNode("input", {
+            ref: "sensitiveInputRef",
+            type: "password",
+            value: $setup.sensitiveValue,
+            onInput: $setup.updateSensitiveValue
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_1),
+        _createElementVNode("button", {
+            type: "button",
+            onClick: $setup.revealValue
+        }, "Reveal"),
+        _createElementVNode("button", {
+            type: "button",
+            onClick: $setup.copySensitiveValue
+        }, "Copy"),
+        _createElementVNode("div", _hoisted_2, _toDisplayString($setup.copyAnnouncement), 1 /* TEXT */)
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSensitiveInput";
+__sfc__.__file = "components/sensitive-input.vue";
+export default __sfc__;
+
+export { __sfc__ as SensitiveInput }

package/package/components/sidebar.collapsible-content.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/sidebar.collapsible-content.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.collapsible-content',
+    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": "CollapsibleContent" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebarCollapsibleContent";
+__sfc__.__file = "components/sidebar.collapsible-content.vue";
+export default __sfc__;

package/package/components/sidebar.collapsible.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/sidebar.collapsible.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.collapsible',
+    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": "Collapsible" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebarCollapsible";
+__sfc__.__file = "components/sidebar.collapsible.vue";
+export default __sfc__;

package/package/components/sidebar.content.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/sidebar.content.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.content',
+    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": "Content" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebarContent";
+__sfc__.__file = "components/sidebar.content.vue";
+export default __sfc__;

package/package/components/sidebar.d.ts

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

package/package/components/sidebar.footer.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/sidebar.footer.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.footer',
+    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": "Footer" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebarFooter";
+__sfc__.__file = "components/sidebar.footer.vue";
+export default __sfc__;

package/package/components/sidebar.group-label.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/sidebar.group-label.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.group-label',
+    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": "GroupLabel" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebarGroupLabel";
+__sfc__.__file = "components/sidebar.group-label.vue";
+export default __sfc__;

package/package/components/sidebar.group.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/sidebar.group.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.group',
+    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": "Group" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebarGroup";
+__sfc__.__file = "components/sidebar.group.vue";
+export default __sfc__;

package/package/components/sidebar.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/sidebar.header.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar.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 = "KumoSidebarHeader";
+__sfc__.__file = "components/sidebar.header.vue";
+export default __sfc__;