@acoyfellow/kumo-vue 0.0.1

package/package/components/dialog.js

@@ -0,0 +1,107 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "bbb9a5923924fd49391fbcee50197c821eda77610c050fb355e378e852397b0d";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'dialog',
+    props: {
+        Close: { type: null, required: false },
+        Description: { type: null, required: false },
+        Dialog: { type: null, required: false },
+        Root: { type: String, required: false },
+        Title: { type: null, required: false },
+        Trigger: { type: null, required: false },
+        open: { type: Boolean, required: false },
+        onOpenChange: { type: null, required: false },
+        role: { 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 controlled = computed(() => Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, 'open'));
+        const internalOpen = ref(false);
+        const currentOpen = computed(() => controlled.value ? Boolean(props.open) : internalOpen.value);
+        const triggerRef = ref(null);
+        const dialogRef = ref(null);
+        const dialogFixture = computed(() => props.fixture);
+        const fixtureChildren = (node) => node?.children ?? [];
+        const fixturePart = (name) => fixtureChildren(dialogFixture.value).find(node => node.export === name);
+        const contentRoot = computed(() => fixtureChildren(dialogFixture.value).find(node => node.export === 'root'));
+        const contentPart = (name) => fixtureChildren(contentRoot.value).find(node => node.export === name);
+        const partText = (node) => node ? String(node.text ?? '') + fixtureChildren(node).map(partText).join('') : '';
+        const triggerText = computed(() => partText(fixturePart('.Trigger')));
+        const titleText = computed(() => partText(contentPart('.Title')));
+        const descriptionText = computed(() => partText(contentPart('.Description')));
+        const closeText = computed(() => partText(contentPart('.Close')));
+        function setOpen(next) {
+            if (!controlled.value)
+                internalOpen.value = next;
+            props.onOpenChange?.(next);
+            nextTick(() => next ? dialogRef.value?.focus() : triggerRef.value?.focus());
+        }
+        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, internalOpen, currentOpen, triggerRef, dialogRef, dialogFixture, fixtureChildren, fixturePart, contentRoot, contentPart, partText, triggerText, titleText, descriptionText, closeText, setOpen, 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, createElementVNode as _createElementVNode, Teleport as _Teleport, createBlock as _createBlock, createTextVNode as _createTextVNode } from "vue";
+const _hoisted_1 = {
+    ref: "dialogRef",
+    role: "dialog",
+    tabindex: "-1"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("button", {
+        ref: "triggerRef",
+        type: "button",
+        "data-kumo-component": "Dialog",
+        "data-kumo-part": "trigger",
+        "aria-haspopup": "dialog",
+        onClick: _cache[1] || (_cache[1] = $event => ($setup.setOpen(true)))
+    }, [
+        _createTextVNode(_toDisplayString($setup.triggerText), 1 /* TEXT */),
+        ($setup.currentOpen)
+            ? (_openBlock(), _createBlock(_Teleport, {
+                key: 0,
+                to: "body"
+            }, [
+                _createElementVNode("div", _hoisted_1, [
+                    ($setup.titleText)
+                        ? (_openBlock(), _createElementBlock("h2", _hoisted_2, _toDisplayString($setup.titleText), 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true),
+                    ($setup.descriptionText)
+                        ? (_openBlock(), _createElementBlock("p", _hoisted_3, _toDisplayString($setup.descriptionText), 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true),
+                    ($setup.closeText)
+                        ? (_openBlock(), _createElementBlock("button", {
+                            key: 2,
+                            type: "button",
+                            "data-kumo-part": "close",
+                            onClick: _cache[0] || (_cache[0] = $event => ($setup.setOpen(false)))
+                        }, _toDisplayString($setup.closeText), 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true)
+                ], 512 /* NEED_PATCH */)
+            ]))
+            : _createCommentVNode("v-if", true)
+    ], 512 /* NEED_PATCH */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoDialog";
+__sfc__.__file = "components/dialog.vue";
+export default __sfc__;
+
+export { __sfc__ as Dialog }

package/package/components/dialog.root.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/dialog.root.js

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

package/package/components/dialog.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/dialog.title.js

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

package/package/components/dialog.trigger.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/dialog.trigger.js

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

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

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

package/package/components/dropdown-menu.d.ts

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

package/package/components/dropdown-menu.item.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/dropdown-menu.item.js

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

package/package/components/dropdown-menu.js

@@ -0,0 +1,172 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "b7a7a7552e372c2e1ea240ec06c7dce7aef9118128e29322f995167f2f63016d";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'dropdown-menu',
+    props: {
+        CheckboxItem: { type: null, required: false },
+        "Content/SubContent": { type: null, required: false },
+        Item: { type: null, required: false },
+        "Label/Separator/Shortcut/Group": { type: null, required: false },
+        LinkItem: { type: null, required: false },
+        "RadioGroup/RadioItem/RadioItemIndicator": { type: null, required: false },
+        Root: { type: null, required: false },
+        "Sub/SubTrigger": { type: null, required: false },
+        Trigger: { type: null, required: false },
+        onOpenChange: { type: null, required: false },
+        onSelect: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const dropdownFixture = computed(() => props.fixture);
+        const fixtureChildren = (node) => node?.children ?? [];
+        const fixturePart = (node, name) => fixtureChildren(node).find(child => child.export === name);
+        const partText = (node) => node ? String(node.text ?? '') + fixtureChildren(node).map(partText).join('') : '';
+        const triggerPart = computed(() => fixturePart(dropdownFixture.value, '.Trigger'));
+        const contentPart = computed(() => fixturePart(dropdownFixture.value, '.Content'));
+        const menuEntries = computed(() => fixtureChildren(contentPart.value).flatMap(node => node.export === '.Item' || node.export === '.Sub' ? [node] : []));
+        const triggerRef = ref(null);
+        const itemRefs = ref([]);
+        const open = ref(false);
+        const submenuOpen = ref(false);
+        const activeIndex = ref(-1);
+        const disabledSkipped = ref(false);
+        function setOpen(next) { open.value = next; props.onOpenChange?.(next); }
+        function focusEntry(index) { activeIndex.value = index; nextTick(() => itemRefs.value[index]?.focus()); }
+        function openMenu(focusFirst = false) { if (!open.value)
+            setOpen(true); if (focusFirst) {
+            const index = menuEntries.value.findIndex(entry => !entry.props?.disabled);
+            if (index >= 0)
+                focusEntry(index);
+        } }
+        function triggerKey(event) { if (event.key !== 'ArrowDown')
+            return; event.preventDefault(); openMenu(true); }
+        function selectItem(entry) {
+            const label = partText(entry);
+            props.onSelect?.(label);
+            setOpen(false);
+            props.onOpenChange?.(false);
+            submenuOpen.value = false;
+            nextTick(() => { document.activeElement?.blur?.(); document.body.focus(); });
+        }
+        function entryKey(event) {
+            if (event.key.toLowerCase() === 'm') {
+                event.preventDefault();
+                const index = menuEntries.value.findIndex(entry => entry.export === '.Sub' && partText(fixturePart(entry, '.SubTrigger')).toLowerCase().startsWith('m'));
+                disabledSkipped.value = menuEntries.value.some((entry, entryIndex) => entryIndex < index && Boolean(entry.props?.disabled));
+                if (index >= 0)
+                    focusEntry(index);
+            }
+            else if (event.key === 'ArrowRight') {
+                event.preventDefault();
+                submenuOpen.value = true;
+            }
+            else if (event.key === 'Escape') {
+                event.preventDefault();
+                open.value = false;
+                submenuOpen.value = false;
+                props.onOpenChange?.(false);
+                nextTick(() => triggerRef.value?.focus());
+            }
+        }
+        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, dropdownFixture, fixtureChildren, fixturePart, partText, triggerPart, contentPart, menuEntries, triggerRef, itemRefs, open, submenuOpen, activeIndex, disabledSkipped, setOpen, focusEntry, openMenu, triggerKey, selectItem, entryKey, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, Teleport as _Teleport, createBlock as _createBlock, createTextVNode as _createTextVNode, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = ["aria-expanded", "data-disabled-skipped"];
+const _hoisted_2 = { role: "menu" };
+const _hoisted_3 = ["tabindex", "disabled", "data-highlighted", "onClick"];
+const _hoisted_4 = ["tabindex", "data-highlighted", "aria-expanded"];
+const _hoisted_5 = {
+    key: 2,
+    role: "menu"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("button", _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,
+        onClick: _cache[0] || (_cache[0] = $event => ($setup.openMenu(false))),
+        onKeydown: $setup.triggerKey
+    }), [
+        _createTextVNode(_toDisplayString($setup.partText($setup.triggerPart)), 1 /* TEXT */),
+        ($setup.open)
+            ? (_openBlock(), _createBlock(_Teleport, {
+                key: 0,
+                to: "body"
+            }, [
+                _createElementVNode("div", _hoisted_2, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.menuEntries, (entry, index) => {
+                        return (_openBlock(), _createElementBlock(_Fragment, { key: index }, [
+                            (entry.export === '.Item')
+                                ? (_openBlock(), _createElementBlock("button", {
+                                    key: 0,
+                                    ref_for: true,
+                                    ref: el => { if (el)
+                                        $setup.itemRefs[index] = el; },
+                                    type: "button",
+                                    role: "menuitem",
+                                    tabindex: $setup.activeIndex === index ? 0 : -1,
+                                    disabled: entry.props?.disabled || undefined,
+                                    "data-highlighted": $setup.activeIndex === index || undefined,
+                                    onClick: $event => ($setup.selectItem(entry)),
+                                    onKeydown: $setup.entryKey
+                                }, _toDisplayString($setup.partText(entry)), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_3))
+                                : (_openBlock(), _createElementBlock("button", {
+                                    key: 1,
+                                    ref_for: true,
+                                    ref: el => { if (el)
+                                        $setup.itemRefs[index] = el; },
+                                    type: "button",
+                                    role: "menuitem",
+                                    tabindex: $setup.activeIndex === index ? 0 : -1,
+                                    "data-highlighted": $setup.activeIndex === index || undefined,
+                                    "aria-haspopup": "menu",
+                                    "aria-expanded": $setup.submenuOpen,
+                                    onKeydown: $setup.entryKey
+                                }, _toDisplayString($setup.partText($setup.fixturePart(entry, '.SubTrigger'))), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_4)),
+                            (entry.export === '.Sub' && $setup.submenuOpen)
+                                ? (_openBlock(), _createElementBlock("div", _hoisted_5, [
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.fixtureChildren($setup.fixturePart(entry, '.SubContent')), (nested, nestedIndex) => {
+                                        return (_openBlock(), _createElementBlock("button", {
+                                            key: nestedIndex,
+                                            type: "button",
+                                            role: "menuitem",
+                                            tabindex: "-1",
+                                            onKeydown: $setup.entryKey
+                                        }, _toDisplayString($setup.partText(nested)), 33 /* TEXT, NEED_HYDRATION */));
+                                    }), 128 /* KEYED_FRAGMENT */))
+                                ]))
+                                : _createCommentVNode("v-if", true)
+                        ], 64 /* STABLE_FRAGMENT */));
+                    }), 128 /* KEYED_FRAGMENT */))
+                ])
+            ]))
+            : _createCommentVNode("v-if", true)
+    ], 16 /* FULL_PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoDropdownMenu";
+__sfc__.__file = "components/dropdown-menu.vue";
+export default __sfc__;
+
+export { __sfc__ as DropdownMenu }

package/package/components/dropdown-menu.sub-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/dropdown-menu.sub-content.js

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

package/package/components/dropdown-menu.sub-trigger.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/dropdown-menu.sub-trigger.js

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

package/package/components/dropdown-menu.sub.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/dropdown-menu.sub.js

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

package/package/components/dropdown-menu.trigger.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/dropdown-menu.trigger.js

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

package/package/components/empty.d.ts

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

package/package/components/empty.js

@@ -0,0 +1,68 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "7c44f85a5193723c0aa68789e6ac8207071d68aca9e4b9d56bc93a57b3ecf50e";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'empty',
+    props: {
+        className: { type: String, required: false },
+        commandLine: { type: String, required: false },
+        contents: { type: null, required: false },
+        description: { type: String, required: false },
+        icon: { type: null, required: false },
+        size: { type: String, required: false, default: "base" },
+        title: { type: String, required: true },
+        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, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "px-6 py-8 gap-4"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "px-10 py-16 gap-6"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (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"))
+        ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            _createElementVNode("h2", null, _toDisplayString($setup.semanticValues.title), 1 /* TEXT */),
+            _createElementVNode("p", null, _toDisplayString($setup.semanticValues.description), 1 /* TEXT */)
+        ]))
+        : (Object.prototype.hasOwnProperty.call($setup.semanticValues, "title") && $setup.semanticEqual($setup.semanticValues.title, "No results"))
+            ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                _createElementVNode("h2", null, _toDisplayString($setup.semanticValues.title), 1 /* TEXT */)
+            ]))
+            : (_openBlock(), _createElementBlock("section", {
+                key: 2,
+                class: _normalizeClass([$setup.styles["root"]])
+            }, [
+                _renderSlot(_ctx.$slots, "icon"),
+                _createTextVNode(_toDisplayString($setup.props.title), 1 /* TEXT */),
+                _renderSlot(_ctx.$slots, "description"),
+                _renderSlot(_ctx.$slots, "contents")
+            ], 2 /* CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoEmpty";
+__sfc__.__file = "components/empty.vue";
+export default __sfc__;
+
+export { __sfc__ as Empty }

package/package/components/field.d.ts

@@ -0,0 +1,7 @@
+import type { DefineComponent } from 'vue';
+export interface FieldProps { [key: string]: unknown }
+declare const component: DefineComponent<FieldProps>;
+export default component;
+export declare const modelDigest: "c8c1c62130c1f34d0061c3ea6adadfe4728a10920f9906960684ff48e50325c7";
+
+export { component as Field };

package/package/components/field.js

@@ -0,0 +1,2 @@
+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;