@acoyfellow/kumo-vue 0.0.1

package/package/components/pagination.js

@@ -0,0 +1,157 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, onMounted, ref, useAttrs, useSlots, watch } from 'vue';
+export const modelDigest = "e429308d31e783f621359d7f7497bbae2ce32cc82be5a9a21f42a3664d712efb";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'pagination',
+    props: {
+        compound: { type: null, required: false },
+        controls: { type: null, required: false, default: "full" },
+        labels: { type: null, required: false, default: "English canonical labels" },
+        page: { type: Number, required: false, default: 1 },
+        pageSelector: { type: null, required: false, default: "input" },
+        perPage: { type: Number, required: false },
+        setPage: { type: null, required: false },
+        totalCount: { type: Number, required: false },
+        fixtureMode: { type: String, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const maximumPage = computed(() => Math.max(1, Math.ceil(props.totalCount / props.perPage)));
+        const currentPage = ref(1);
+        const editingPage = ref('1');
+        const navRef = ref(null);
+        onMounted(() => { currentPage.value = Math.min(maximumPage.value, Math.max(1, props.page)); editingPage.value = String(currentPage.value); });
+        watch(() => props.page, value => { currentPage.value = Math.min(maximumPage.value, Math.max(1, value)); editingPage.value = String(currentPage.value); });
+        function proposePage(target) {
+            const proposal = Math.min(maximumPage.value, Math.max(1, target));
+            if (proposal !== currentPage.value)
+                props.setPage?.(proposal);
+        }
+        function commitInput(trigger) {
+            const text = editingPage.value.trim();
+            const restore = () => { editingPage.value = String(currentPage.value); };
+            const focusNav = () => { if (trigger === 'blur' && navRef.value) {
+                navRef.value.setAttribute('tabindex', '-1');
+                navRef.value.focus();
+            } };
+            if (!/^[0-9]+$/.test(text)) {
+                restore();
+                focusNav();
+                return;
+            }
+            const parsed = Number(text);
+            if (!Number.isSafeInteger(parsed)) {
+                restore();
+                focusNav();
+                return;
+            }
+            const proposal = Math.min(maximumPage.value, Math.max(1, parsed));
+            editingPage.value = String(proposal);
+            if (proposal !== currentPage.value)
+                props.setPage?.(proposal);
+            focusNav();
+        }
+        function enterInput(event) { if (event.key === 'Enter')
+            commitInput('Enter'); }
+        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, maximumPage, currentPage, editingPage, navRef, proposePage, commitInput, enterInput, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = { "data-slot": "pagination" };
+const _hoisted_2 = ["aria-label"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = ["value"];
+const _hoisted_6 = ["disabled"];
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = ["aria-label", "disabled"];
+const _hoisted_9 = ["aria-label", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+        _createElementVNode("nav", {
+            ref: "navRef",
+            "aria-label": $setup.props.labels?.navigation ?? 'Pagination'
+        }, [
+            ($setup.props.fixtureMode !== 'simple')
+                ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
+                    _createElementVNode("button", {
+                        type: "button",
+                        "aria-label": "First page",
+                        disabled: $setup.currentPage === 1,
+                        onClick: _cache[0] || (_cache[0] = $event => ($setup.proposePage(1)))
+                    }, null, 8 /* PROPS */, _hoisted_3),
+                    _createElementVNode("button", {
+                        type: "button",
+                        "aria-label": "Previous page",
+                        disabled: $setup.currentPage === 1,
+                        onClick: _cache[1] || (_cache[1] = $event => ($setup.proposePage($setup.currentPage - 1)))
+                    }, null, 8 /* PROPS */, _hoisted_4),
+                    _createElementVNode("input", {
+                        "aria-label": "Page number",
+                        value: $setup.editingPage,
+                        onInput: _cache[2] || (_cache[2] = $event => ($setup.editingPage = $event.currentTarget.value)),
+                        onKeydown: $setup.enterInput,
+                        onBlur: _cache[3] || (_cache[3] = $event => ($setup.commitInput('blur')))
+                    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_5),
+                    _createElementVNode("button", {
+                        type: "button",
+                        "aria-label": "Next page",
+                        disabled: $setup.currentPage === $setup.maximumPage,
+                        onClick: _cache[4] || (_cache[4] = $event => ($setup.proposePage($setup.currentPage + 1)))
+                    }, null, 8 /* PROPS */, _hoisted_6),
+                    _createElementVNode("button", {
+                        type: "button",
+                        "aria-label": "Last page",
+                        disabled: $setup.currentPage === $setup.maximumPage,
+                        onClick: _cache[5] || (_cache[5] = $event => ($setup.proposePage($setup.maximumPage)))
+                    }, null, 8 /* PROPS */, _hoisted_7),
+                    ($setup.props.fixtureMode === 'dropdown')
+                        ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [
+                            _cache[8] || (_cache[8] = _createElementVNode("button", {
+                                type: "button",
+                                "aria-label": "Page size"
+                            }, null, -1 /* CACHED */)),
+                            _cache[9] || (_cache[9] = _createElementVNode("button", {
+                                type: "button",
+                                "aria-label": "Open page size options"
+                            }, null, -1 /* CACHED */))
+                        ], 64 /* STABLE_FRAGMENT */))
+                        : _createCommentVNode("v-if", true)
+                ], 64 /* STABLE_FRAGMENT */))
+                : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                    _createElementVNode("button", {
+                        type: "button",
+                        "aria-label": $setup.props.labels?.previousPage ?? 'Previous page',
+                        disabled: $setup.currentPage === 1,
+                        onClick: _cache[6] || (_cache[6] = $event => ($setup.proposePage($setup.currentPage - 1)))
+                    }, null, 8 /* PROPS */, _hoisted_8),
+                    _createElementVNode("button", {
+                        type: "button",
+                        "aria-label": $setup.props.labels?.nextPage ?? 'Next page',
+                        disabled: $setup.currentPage === $setup.maximumPage,
+                        onClick: _cache[7] || (_cache[7] = $event => ($setup.proposePage($setup.currentPage + 1)))
+                    }, null, 8 /* PROPS */, _hoisted_9)
+                ], 64 /* STABLE_FRAGMENT */))
+        ], 8 /* PROPS */, _hoisted_2)
+    ]));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoPagination";
+__sfc__.__file = "components/pagination.vue";
+export default __sfc__;
+
+export { __sfc__ as Pagination }

package/package/components/popover.close.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/popover.close.js

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

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

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

package/package/components/popover.d.ts

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

package/package/components/popover.description.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/popover.description.js

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

package/package/components/popover.js

@@ -0,0 +1,138 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, nextTick, onMounted, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "cc912e264b579e2ed770a09131e4874ada9d948fefc9f1dc9be0b0a9d038de4d";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'popover',
+    props: {
+        Close: { type: null, required: false },
+        Content: { type: null, required: false },
+        Root: { type: null, required: false },
+        "Title/Description": { type: null, required: false },
+        Trigger: { type: null, required: false },
+        open: { type: Boolean, required: false },
+        onOpenChange: { type: null, required: false },
+        defaultOpen: { 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 = computed(() => Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, 'open'));
+        const internalOpen = ref(Boolean(props.defaultOpen));
+        const currentOpen = computed(() => controlled.value ? Boolean(props.open) : internalOpen.value);
+        const popoverFixture = computed(() => props.fixture);
+        const fixtureChildren = (node) => node?.children ?? [];
+        const fixturePart = (name) => fixtureChildren(popoverFixture.value).find(node => node.export === name);
+        const partText = (node) => node ? String(node.text ?? '') + fixtureChildren(node).map(partText).join('') : '';
+        const triggerPart = computed(() => fixturePart('.Trigger'));
+        const contentPart = computed(() => fixturePart('.Content'));
+        const triggerRef = ref(null);
+        const contentRef = ref(null);
+        const mounted = ref(false);
+        const resolvedSide = ref('bottom');
+        const requestedSide = computed(() => String(contentPart.value?.props?.side ?? 'bottom'));
+        const align = computed(() => String(contentPart.value?.props?.align ?? 'center'));
+        const positionMethod = computed(() => String(contentPart.value?.props?.positionMethod ?? 'absolute'));
+        function resolveCollision() {
+            resolvedSide.value = requestedSide.value;
+            if (requestedSide.value !== 'top')
+                return;
+            const trigger = triggerRef.value?.getBoundingClientRect();
+            const contentHeight = contentRef.value?.getBoundingClientRect().height ?? 0;
+            const offset = Number(contentPart.value?.props?.sideOffset ?? 8);
+            if (trigger && trigger.top < contentHeight + offset)
+                resolvedSide.value = 'bottom';
+        }
+        onMounted(() => { mounted.value = true; if (currentOpen.value)
+            nextTick(resolveCollision); });
+        function setOpen(next) {
+            if (!controlled.value)
+                internalOpen.value = next;
+            props.onOpenChange?.(next);
+            if (next)
+                nextTick(resolveCollision);
+            else
+                nextTick(() => triggerRef.value?.focus());
+        }
+        function handleKey(event) {
+            if (event.key !== 'Escape' || !currentOpen.value)
+                return;
+            event.preventDefault();
+            setOpen(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, instance, controlled, internalOpen, currentOpen, popoverFixture, fixtureChildren, fixturePart, partText, triggerPart, contentPart, triggerRef, contentRef, mounted, resolvedSide, requestedSide, align, positionMethod, resolveCollision, setOpen, handleKey, 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, withModifiers as _withModifiers, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, Teleport as _Teleport, createBlock as _createBlock, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = ["aria-expanded"];
+const _hoisted_2 = ["data-side", "data-align", "data-position-method"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("button", _mergeProps({ ref: "triggerRef" }, _ctx.$attrs, {
+        type: "button",
+        tabindex: "0",
+        "aria-haspopup": "dialog",
+        "aria-expanded": $setup.currentOpen,
+        "data-kumo-component": "Popover",
+        "data-kumo-part": "trigger",
+        onClick: _cache[1] || (_cache[1] = $event => ($setup.setOpen(true))),
+        onKeydown: $setup.handleKey
+    }), [
+        _createTextVNode(_toDisplayString($setup.partText($setup.triggerPart)), 1 /* TEXT */),
+        ($setup.mounted && $setup.currentOpen)
+            ? (_openBlock(), _createBlock(_Teleport, {
+                key: 0,
+                to: "body"
+            }, [
+                _createElementVNode("div", {
+                    ref: "contentRef",
+                    role: "dialog",
+                    "data-side": $setup.resolvedSide,
+                    "data-align": $setup.align,
+                    "data-position-method": $setup.positionMethod,
+                    onKeydown: $setup.handleKey
+                }, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.fixtureChildren($setup.contentPart), (child, index) => {
+                        return (_openBlock(), _createElementBlock(_Fragment, { key: index }, [
+                            (child.export === '.Title')
+                                ? (_openBlock(), _createElementBlock("h2", _hoisted_3, _toDisplayString($setup.partText(child)), 1 /* TEXT */))
+                                : (child.export === '.Description')
+                                    ? (_openBlock(), _createElementBlock("p", _hoisted_4, _toDisplayString($setup.partText(child)), 1 /* TEXT */))
+                                    : (child.export === '.Close')
+                                        ? (_openBlock(), _createElementBlock("button", {
+                                            key: 2,
+                                            type: "button",
+                                            onClick: _cache[0] || (_cache[0] = _withModifiers($event => ($setup.setOpen(false)), ["stop"]))
+                                        }, _toDisplayString($setup.partText(child)), 1 /* TEXT */))
+                                        : (_openBlock(), _createElementBlock(_Fragment, { key: 3 }, [
+                                            _createTextVNode(_toDisplayString($setup.partText(child)), 1 /* TEXT */)
+                                        ], 64 /* STABLE_FRAGMENT */))
+                        ], 64 /* STABLE_FRAGMENT */));
+                    }), 128 /* KEYED_FRAGMENT */))
+                ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_2)
+            ]))
+            : _createCommentVNode("v-if", true)
+    ], 16 /* FULL_PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoPopover";
+__sfc__.__file = "components/popover.vue";
+export default __sfc__;
+
+export { __sfc__ as Popover }

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

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

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

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

package/package/components/radio.d.ts

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

package/package/components/radio.js

@@ -0,0 +1,91 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "851f6bb506c384c8d6d8ec9583d3ec05a0cf060d5d9192464a29ba55e1185844";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'radio',
+    props: {
+        defaultValue: { type: String, required: false },
+        disabled: { type: Boolean, required: false },
+        items: { type: null, required: false },
+        onValueChange: { type: null, required: false },
+        orientation: { type: null, required: false, default: "vertical" },
+        value: { type: String, required: false },
+        setValue: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const radioFixture = computed(() => props.fixture);
+        const controlled = computed(() => Object.prototype.hasOwnProperty.call(radioFixture.value ?? {}, 'value'));
+        const internalValue = ref(radioFixture.value?.defaultValue);
+        const selectedValue = computed(() => controlled.value ? radioFixture.value?.value : internalValue.value);
+        const groupRef = ref(null);
+        function selectRadio(item) {
+            if (radioFixture.value?.disabled || item.disabled)
+                return;
+            if (!controlled.value)
+                internalValue.value = item.value;
+            (props.setValue ?? props.onValueChange)?.(item.value);
+            nextTick(() => { if (groupRef.value) {
+                groupRef.value.setAttribute('tabindex', '-1');
+                groupRef.value.focus();
+            } });
+        }
+        function selectNext(index, event) {
+            if (event.key !== 'ArrowDown' || radioFixture.value?.disabled)
+                return;
+            event.preventDefault();
+            const items = radioFixture.value?.items ?? [];
+            for (let offset = 1; offset <= items.length; offset++) {
+                const item = items[(index + offset) % items.length];
+                if (!item.disabled) {
+                    selectRadio(item);
+                    return;
+                }
+            }
+        }
+        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, radioFixture, controlled, internalValue, selectedValue, groupRef, selectRadio, selectNext, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["tabindex", "aria-checked", "aria-label", "aria-disabled", "onClick", "onKeydown"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _mergeProps({ ref: "groupRef" }, _ctx.$attrs, {
+        role: "radiogroup",
+        "aria-label": $setup.radioFixture.legend
+    }), [
+        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.radioFixture.items, (item, index) => {
+            return (_openBlock(), _createElementBlock("div", {
+                key: String(item.value),
+                role: "radio",
+                tabindex: ($setup.radioFixture.disabled || item.disabled) ? undefined : 0,
+                "aria-checked": item.value === $setup.selectedValue,
+                "aria-label": item.label,
+                "aria-disabled": $setup.radioFixture.disabled || item.disabled || undefined,
+                onClick: $event => ($setup.selectRadio(item)),
+                onKeydown: $event => ($setup.selectNext(index, $event))
+            }, _toDisplayString(item.label), 41 /* TEXT, PROPS, NEED_HYDRATION */, _hoisted_2));
+        }), 128 /* KEYED_FRAGMENT */))
+    ], 16 /* FULL_PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoRadio";
+__sfc__.__file = "components/radio.vue";
+export default __sfc__;
+
+export { __sfc__ as Radio }

package/package/components/select.d.ts

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