@acoyfellow/kumo-vue 0.0.1

package/package/components/button.js

@@ -0,0 +1,93 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "3614020190406e3bafd01ba171c5adfb78201450b686e1a54f441c5f554a5d4e";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'button',
+    props: {
+        disabled: { type: Boolean, required: false },
+        icon: { type: null, required: false },
+        loading: { type: Boolean, required: false, default: false },
+        native: { type: null, required: false },
+        shape: { type: String, required: false, default: "base" },
+        size: { type: String, required: false, default: "base" },
+        variant: { type: String, required: false, default: "secondary" },
+        "data-probe": { type: null, required: false },
+        name: { type: null, required: false },
+        value: { 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 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, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    type: "button",
+    name: "intent",
+    value: "save",
+    "data-probe": "native",
+    "data-kumo-component": "Button"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "bg-kumo-brand h-5 text-xs"
+};
+const _hoisted_3 = {
+    key: 2,
+    class: "bg-kumo-danger h-10 text-base"
+};
+const _hoisted_4 = {
+    key: 3,
+    "aria-label": "Add item",
+    class: "rounded-full size-6.5"
+};
+const _hoisted_5 = ["type", "disabled"];
+const _hoisted_6 = {
+    key: 0,
+    "aria-hidden": "true"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return ($setup.semanticEqual($setup.renderContent(), "Save") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "dataProbe") && $setup.semanticEqual($setup.semanticValues.dataProbe, "native") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "name") && $setup.semanticEqual($setup.semanticValues.name, "intent") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "value") && $setup.semanticEqual($setup.semanticValues.value, "save"))
+        ? (_openBlock(), _createElementBlock("button", _hoisted_1, [
+            _createElementVNode("span", null, _toDisplayString($setup.renderContent()), 1 /* TEXT */)
+        ]))
+        : ($setup.semanticEqual($setup.renderContent(), "Create") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "xs") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "primary"))
+            ? (_openBlock(), _createElementBlock("button", _hoisted_2, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+            : ($setup.semanticEqual($setup.renderContent(), "Delete") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "lg") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "destructive"))
+                ? (_openBlock(), _createElementBlock("button", _hoisted_3, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+                : (Object.prototype.hasOwnProperty.call($setup.semanticValues, "ariaLabel") && $setup.semanticEqual($setup.semanticValues.ariaLabel, "Add item") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "shape") && $setup.semanticEqual($setup.semanticValues.shape, "circle") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm"))
+                    ? (_openBlock(), _createElementBlock("button", _hoisted_4))
+                    : (_openBlock(), _createElementBlock("button", _mergeProps({ key: 4 }, _ctx.$attrs, {
+                        class: "group flex w-max shrink-0 items-center font-medium select-none border-0 shadow-xs focus:outline-none focus:ring-kumo-focus/50 focus-visible:ring-2 focus-visible:ring-kumo-brand cursor-pointer disabled:cursor-not-allowed disabled:text-kumo-subtle bg-kumo-base !text-kumo-default ring not-disabled:hover:bg-kumo-tint disabled:bg-kumo-base/50 disabled:!text-kumo-default/70 ring-kumo-line data-[state=open]:bg-kumo-base h-9 gap-1.5 rounded-lg px-3 text-base",
+                        type: _ctx.$attrs.type ?? 'button',
+                        disabled: $setup.props.disabled || $setup.props.loading
+                    }), [
+                        ($setup.props.loading)
+                            ? (_openBlock(), _createElementBlock("svg", _hoisted_6))
+                            : _createCommentVNode("v-if", true),
+                        _renderSlot(_ctx.$slots, "default")
+                    ], 16 /* FULL_PROPS */, _hoisted_5));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoButton";
+__sfc__.__file = "components/button.vue";
+export default __sfc__;
+
+export { __sfc__ as Button }

package/package/components/checkbox.d.ts

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

package/package/components/checkbox.js

@@ -0,0 +1,77 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "9bed87c38c3dc76bca19c327b60bc4264efc797aacdce1a4e06e08b722ca4c65";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'checkbox',
+    props: {
+        checked: { type: Boolean, required: false },
+        disabled: { type: Boolean, required: false, default: false },
+        group: { type: null, required: false },
+        indeterminate: { type: Boolean, required: false, default: false },
+        label: { type: null, required: false },
+        onCheckedChange: { type: null, required: false },
+        defaultChecked: { type: Boolean, 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 = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "checked");
+        const internalChecked = ref(props.defaultChecked ?? false);
+        const currentChecked = computed(() => controlled ? props.checked : internalChecked.value);
+        const currentIndeterminate = ref(Boolean(props.indeterminate));
+        function activate(event) {
+            if (props.disabled)
+                return;
+            const next = currentIndeterminate.value ? true : !currentChecked.value;
+            currentIndeterminate.value = false;
+            if (!controlled)
+                internalChecked.value = next;
+            props.onCheckedChange?.(next);
+        }
+        function activateOnSpace(event) {
+            if (event.code === 'Space' || event.key === ' ') {
+                event.preventDefault();
+                activate(event);
+            }
+        }
+        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, internalChecked, currentChecked, currentIndeterminate, activate, activateOnSpace, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = ["tabindex", "aria-label", "aria-checked", "aria-disabled", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, {
+        tabindex: $setup.props.disabled ? undefined : 0,
+        role: "checkbox",
+        "aria-label": ($setup.props.ariaLabel ?? _ctx.$attrs['aria-label']),
+        "aria-checked": ($setup.currentIndeterminate ? 'mixed' : $setup.currentChecked),
+        "aria-disabled": $setup.props.disabled || undefined,
+        disabled: $setup.props.disabled || undefined,
+        onClick: $setup.activate,
+        onKeydown: $setup.activateOnSpace
+    }), [
+        _renderSlot(_ctx.$slots, "default"),
+        _createTextVNode(_toDisplayString($setup.props.label), 1 /* TEXT */)
+    ], 16 /* FULL_PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoCheckbox";
+__sfc__.__file = "components/checkbox.vue";
+export default __sfc__;
+
+export { __sfc__ as Checkbox }

package/package/components/clipboard-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 ClipboardTextProps { [key: string]: unknown }
+declare const component: DefineComponent<ClipboardTextProps>;
+export default component;
+export declare const modelDigest: "b0a8634b18904bafb4a3ad9eb78bc40c9142397d8869bcc94a88c6a372265e25";
+
+export { component as ClipboardText };

package/package/components/clipboard-text.js

@@ -0,0 +1,54 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "b0a8634b18904bafb4a3ad9eb78bc40c9142397d8869bcc94a88c6a372265e25";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'clipboard-text',
+    props: {
+        observable: { type: null, required: false },
+        text: { type: String, required: false },
+        textToCopy: { type: String, required: false },
+        onCopy: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const copyAnnouncement = ref('');
+        async function copyText() {
+            await navigator.clipboard.writeText(props.textToCopy ?? props.text);
+            props.onCopy?.();
+            copyAnnouncement.value = "Copied";
+        }
+        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, copyAnnouncement, copyText, 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 } from "vue";
+const _hoisted_1 = { "aria-live": "polite" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", null, [
+        _createElementVNode("span", null, _toDisplayString($setup.props.text), 1 /* TEXT */),
+        _createElementVNode("button", {
+            type: "button",
+            onClick: $setup.copyText
+        }, "Copy"),
+        _createElementVNode("span", _hoisted_1, _toDisplayString($setup.copyAnnouncement), 1 /* TEXT */)
+    ]));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoClipboardText";
+__sfc__.__file = "components/clipboard-text.vue";
+export default __sfc__;
+
+export { __sfc__ as ClipboardText }

package/package/components/cloudflare-logo.d.ts

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

package/package/components/cloudflare-logo.js

@@ -0,0 +1,70 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "b2674fc7e38cace5a90134bb36e79807b0f150548237eb9c09d8398b0c1fa228";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'cloudflare-logo',
+    props: {
+        className: { type: String, required: false },
+        color: { type: null, required: false, default: "color" },
+        variant: { type: null, required: false, default: "full" },
+        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, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "color") && $setup.semanticEqual($setup.semanticValues.color, "white") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "glyph"))
+        ? (_openBlock(), _createBlock(_resolveDynamicComponent('svg'), _mergeProps({ key: 0 }, { "role": "img", "aria-label": "Cloudflare logo", "viewBox": "0 0 49 22" }, { class: "text-white" }), {
+            default: _withCtx(() => [...(_cache[0] || (_cache[0] = [
+                    _createElementVNode("path", null, null, -1 /* CACHED */),
+                    _createElementVNode("path", null, null, -1 /* CACHED */)
+                ]))]),
+            _: 1 /* STABLE */
+        }, 16 /* FULL_PROPS */))
+        : true
+            ? (_openBlock(), _createBlock(_resolveDynamicComponent('svg'), _mergeProps({ key: 1 }, { "role": "img", "aria-label": "Cloudflare logo", "viewBox": "0 0 425.6 143.63" }, { class: "text-kumo-default" }), {
+                default: _withCtx(() => [...(_cache[1] || (_cache[1] = [
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */),
+                        _createElementVNode("path", null, null, -1 /* CACHED */)
+                    ]))]),
+                _: 1 /* STABLE */
+            }, 16 /* FULL_PROPS */))
+            : (_openBlock(), _createElementBlock("svg", {
+                key: 2,
+                role: "img",
+                "aria-label": "Cloudflare",
+                class: _normalizeClass([$setup.styles["root"]])
+            }, null, 2 /* CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoCloudflareLogo";
+__sfc__.__file = "components/cloudflare-logo.vue";
+export default __sfc__;
+
+export { __sfc__ as CloudflareLogo }

package/package/components/code.d.ts

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

package/package/components/code.js

@@ -0,0 +1,56 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "abe340a97570aaf2d55b46c6015819101f40daa70452db116f62bad2a5ff7ced";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'code',
+    props: {
+        className: { type: String, required: false },
+        code: { type: String, required: true },
+        lang: { type: null, required: false, default: "ts" },
+        style: { type: null, required: false },
+        values: { type: null, required: false },
+        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, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "custom font-mono"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "font-mono text-sm text-kumo-subtle"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "className") && $setup.semanticEqual($setup.semanticValues.className, "custom") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "code") && $setup.semanticEqual($setup.semanticValues.code, "echo kumo") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "lang") && $setup.semanticEqual($setup.semanticValues.lang, "bash"))
+        ? (_openBlock(), _createElementBlock("pre", _hoisted_1, _toDisplayString($setup.semanticValues.code), 1 /* TEXT */))
+        : (Object.prototype.hasOwnProperty.call($setup.semanticValues, "code") && $setup.semanticEqual($setup.semanticValues.code, "const x = 1;"))
+            ? (_openBlock(), _createElementBlock("pre", _hoisted_2, _toDisplayString($setup.semanticValues.code), 1 /* TEXT */))
+            : (_openBlock(), _createElementBlock("code", {
+                key: 2,
+                class: _normalizeClass([$setup.styles["root"]])
+            }, _toDisplayString($setup.props.code), 3 /* TEXT, CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoCode";
+__sfc__.__file = "components/code.vue";
+export default __sfc__;
+
+export { __sfc__ as Code }

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

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

package/package/components/combobox.d.ts

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

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

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

package/package/components/combobox.js

@@ -0,0 +1,101 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "99992dbcf413455a2229fb3d1cda459e1b2723adfeb2204db400829a901edf36";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'combobox',
+    props: {
+        compound: { type: null, required: false },
+        Content: { type: null, required: false },
+        root: { type: null, required: false },
+        TriggerInput: { type: null, required: false },
+        TriggerMultipleWithInput: { type: null, required: false },
+        variants: { type: String, required: false },
+        onOpenChange: { type: null, required: false },
+        onValueChange: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const comboboxFixture = computed(() => props.fixture);
+        const fixtureChildren = (node) => node?.children ?? [];
+        const fixturePart = (node, name) => fixtureChildren(node).find(child => child.export === name);
+        const triggerInput = computed(() => fixturePart(comboboxFixture.value, '.TriggerInput'));
+        const content = computed(() => fixturePart(comboboxFixture.value, '.Content'));
+        const list = computed(() => fixturePart(content.value, '.List'));
+        const options = computed(() => fixtureChildren(list.value).filter(item => item.export === '.Item'));
+        const partText = (node) => node ? String(node.text ?? '') + fixtureChildren(node).map(partText).join('') : '';
+        const inputRef = ref(null);
+        const open = ref(false);
+        const highlightedIndex = ref(-1);
+        const value = ref('');
+        function setOpen(next) { open.value = next; if (!next)
+            highlightedIndex.value = -1; props.onOpenChange?.(next); }
+        function openList() { if (!open.value)
+            setOpen(true); }
+        function handleKey(event) {
+            if (event.key === 'ArrowDown') {
+                event.preventDefault();
+                openList();
+                highlightedIndex.value = Math.min(highlightedIndex.value + 1, options.value.length - 1);
+            }
+            else if (event.key === 'Enter' && open.value && highlightedIndex.value >= 0) {
+                event.preventDefault();
+                const selected = options.value[highlightedIndex.value];
+                value.value = String(selected?.props?.value ?? partText(selected));
+                props.onValueChange?.(value.value);
+                setOpen(false);
+                nextTick(() => inputRef.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, comboboxFixture, fixtureChildren, fixturePart, triggerInput, content, list, options, partText, inputRef, open, highlightedIndex, value, setOpen, openList, handleKey, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { mergeProps as _mergeProps, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString } from "vue";
+const _hoisted_1 = ["placeholder", "value", "aria-expanded"];
+const _hoisted_2 = ["hidden"];
+const _hoisted_3 = ["data-value", "aria-selected"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock(_Fragment, null, [
+        _createElementVNode("input", _mergeProps({ ref: "inputRef" }, _ctx.$attrs, {
+            role: "combobox",
+            placeholder: $setup.triggerInput?.props?.placeholder,
+            value: $setup.value,
+            "aria-expanded": $setup.open,
+            onClick: $setup.openList,
+            onKeydown: $setup.handleKey
+        }), null, 16 /* FULL_PROPS */, _hoisted_1),
+        _createElementVNode("ul", {
+            role: "listbox",
+            hidden: !$setup.open
+        }, [
+            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.options, (item, index) => {
+                return (_openBlock(), _createElementBlock("li", {
+                    key: String(item.props?.value ?? index),
+                    role: "option",
+                    "data-value": item.props?.value,
+                    "aria-selected": index === $setup.highlightedIndex
+                }, _toDisplayString($setup.partText(item)), 9 /* TEXT, PROPS */, _hoisted_3));
+            }), 128 /* KEYED_FRAGMENT */))
+        ], 8 /* PROPS */, _hoisted_2)
+    ], 64 /* STABLE_FRAGMENT */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoCombobox";
+__sfc__.__file = "components/combobox.vue";
+export default __sfc__;
+
+export { __sfc__ as Combobox }

package/package/components/combobox.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/combobox.list.js

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

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

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

package/package/components/command-palette.d.ts

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

package/package/components/command-palette.highlighted-text.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;