@acoyfellow/kumo-vue 0.0.1

package/package/components/command-palette.highlighted-text.js

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

package/package/components/command-palette.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/command-palette.input.js

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

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

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

package/package/components/command-palette.js

@@ -0,0 +1,126 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, onMounted, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "4aabec222bec5b00f25388a2bb017b36c91349e55fa3ba6cb97fdc3d0afee0c0";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'command-palette',
+    props: {
+        compound: { type: null, required: false },
+        Dialog: { type: null, required: false },
+        Input: { type: null, required: false },
+        Panel: { type: String, required: false },
+        Root: { type: String, required: false },
+        onHighlightChange: { type: null, required: false },
+        onValueChange: { type: null, required: false },
+        onOpenChange: { type: null, required: false },
+        highlights: { type: null, required: false },
+        text: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const paletteFixture = 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 highlightedText = computed(() => paletteFixture.value?.export === '.HighlightedText');
+        const highlightSegments = computed(() => {
+            const text = String(paletteFixture.value?.props?.text ?? '');
+            const ranges = (paletteFixture.value?.props?.highlights ?? []);
+            const segments = [];
+            let cursor = 0;
+            for (const [start, end] of ranges.toSorted((a, b) => a[0] - b[0])) {
+                if (start > cursor)
+                    segments.push({ text: text.slice(cursor, start), marked: false });
+                segments.push({ text: text.slice(start, end + 1), marked: true });
+                cursor = Math.max(cursor, end + 1);
+            }
+            if (cursor < text.length)
+                segments.push({ text: text.slice(cursor), marked: false });
+            return segments;
+        });
+        const inputPart = computed(() => fixturePart(paletteFixture.value, '.Input'));
+        const listPart = computed(() => fixturePart(paletteFixture.value, '.List'));
+        const items = computed(() => fixtureChildren(listPart.value).filter(item => item.export === '.Item'));
+        const inputRef = ref(null);
+        const open = ref(Boolean(paletteFixture.value?.props?.open));
+        const value = ref('');
+        const highlightedIndex = ref(items.value.length ? 0 : -1);
+        onMounted(() => { if (!highlightedText.value && highlightedIndex.value >= 0)
+            props.onHighlightChange?.(String(items.value[highlightedIndex.value]?.props?.value ?? partText(items.value[highlightedIndex.value]))); });
+        function handleInput(event) { value.value = event.currentTarget.value; props.onValueChange?.(value.value); }
+        function handlePaletteKey(event) {
+            if (event.key === 'ArrowDown' && items.value.length) {
+                event.preventDefault();
+                highlightedIndex.value = Math.min(highlightedIndex.value + 1, items.value.length - 1);
+                props.onHighlightChange?.(String(items.value[highlightedIndex.value]?.props?.value ?? partText(items.value[highlightedIndex.value])));
+            }
+            else if (event.key === 'Escape') {
+                event.preventDefault();
+                open.value = false;
+                props.onOpenChange?.(false);
+                inputRef.value?.blur();
+                nextTick(() => document.activeElement?.blur?.());
+            }
+        }
+        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, paletteFixture, fixtureChildren, fixturePart, partText, highlightedText, highlightSegments, inputPart, listPart, items, inputRef, open, value, highlightedIndex, handleInput, handlePaletteKey, 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, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["placeholder", "value"];
+const _hoisted_4 = ["hidden"];
+const _hoisted_5 = ["data-highlighted"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return ($setup.highlightedText)
+        ? (_openBlock(), _createElementBlock("span", _hoisted_1, [
+            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.highlightSegments, (segment, index) => {
+                return (_openBlock(), _createElementBlock(_Fragment, { key: index }, [
+                    (segment.marked)
+                        ? (_openBlock(), _createElementBlock("mark", _hoisted_2, _toDisplayString(segment.text), 1 /* TEXT */))
+                        : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                            _createTextVNode(_toDisplayString(segment.text), 1 /* TEXT */)
+                        ], 64 /* STABLE_FRAGMENT */))
+                ], 64 /* STABLE_FRAGMENT */));
+            }), 128 /* KEYED_FRAGMENT */))
+        ]))
+        : (_openBlock(), _createElementBlock("div", _mergeProps({ key: 1 }, _ctx.$attrs, { "data-kumo-component": "CommandPalette" }), [
+            _createElementVNode("input", {
+                ref: "inputRef",
+                placeholder: $setup.inputPart?.props?.placeholder,
+                value: $setup.value,
+                onInput: $setup.handleInput,
+                onKeydown: $setup.handlePaletteKey
+            }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3),
+            _createElementVNode("ul", {
+                hidden: !$setup.open
+            }, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.items, (item, index) => {
+                    return (_openBlock(), _createElementBlock("li", {
+                        key: String(item.props?.value ?? index),
+                        "data-highlighted": index === $setup.highlightedIndex || undefined
+                    }, _toDisplayString($setup.partText(item)), 9 /* TEXT, PROPS */, _hoisted_5));
+                }), 128 /* KEYED_FRAGMENT */))
+            ], 8 /* PROPS */, _hoisted_4)
+        ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoCommandPalette";
+__sfc__.__file = "components/command-palette.vue";
+export default __sfc__;
+
+export { __sfc__ as CommandPalette }

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

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

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

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

package/package/components/date-picker.d.ts

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

package/package/components/date-picker.js

@@ -0,0 +1,119 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "5f335d94261bdac9b04be13a3684f1d47504a43360cb208c4a84231a1d259fce";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'date-picker',
+    props: {
+        "aria-label": { type: String, required: false },
+        fromDate: { type: null, required: false },
+        mode: { type: null, required: false },
+        onChange: { type: null, required: false },
+        reactDayPickerProps: { type: null, required: false },
+        selected: { type: null, required: false },
+        toDate: { type: null, required: false },
+        ariaLabel: { type: String, required: false },
+        selectedDate: { type: String, required: false },
+        defaultMonthDate: { type: String, required: false },
+        disabledBeforeDate: { type: String, required: false },
+        disabledAfterDate: { type: String, 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 ?? {}, 'selectedDate'));
+        const internalSelectedDate = ref(props.selectedDate);
+        const selectedDate = computed(() => controlled.value ? props.selectedDate : internalSelectedDate.value);
+        const padDatePart = (value) => String(value).padStart(2, '0');
+        const isoDate = (date) => `${String(date.getUTCFullYear()).padStart(4, '0')}-${padDatePart(date.getUTCMonth() + 1)}-${padDatePart(date.getUTCDate())}`;
+        const parseDate = (value, fallback) => {
+            const match = typeof value === 'string' && /^([0-9]{4})-([0-9]{2})-([0-9]{2})$/.exec(value);
+            if (!match)
+                return new Date(fallback + 'T00:00:00.000Z');
+            const date = new Date(Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3])));
+            return Number.isNaN(date.getTime()) ? new Date(fallback + 'T00:00:00.000Z') : date;
+        };
+        const initialMonth = parseDate(props.defaultMonthDate, '2025-01-01');
+        const monthDate = ref(new Date(Date.UTC(initialMonth.getUTCFullYear(), initialMonth.getUTCMonth(), 1)));
+        const calendarDays = computed(() => {
+            const first = monthDate.value;
+            const start = new Date(Date.UTC(first.getUTCFullYear(), first.getUTCMonth(), 1 - first.getUTCDay()));
+            const daysInMonth = new Date(Date.UTC(first.getUTCFullYear(), first.getUTCMonth() + 1, 0)).getUTCDate();
+            const count = Math.ceil((first.getUTCDay() + daysInMonth) / 7) * 7;
+            return Array.from({ length: count }, (_, index) => {
+                const date = new Date(start.getTime() + index * 86400000);
+                return { iso: isoDate(date), day: date.getUTCDate() };
+            });
+        });
+        const calendarRows = computed(() => Array.from({ length: calendarDays.value.length / 7 }, (_, row) => calendarDays.value.slice(row * 7, row * 7 + 7)));
+        function isDisabled(iso) { return Boolean((props.disabledBeforeDate && iso < props.disabledBeforeDate) || (props.disabledAfterDate && iso > props.disabledAfterDate)); }
+        function changeMonth(offset) { monthDate.value = new Date(Date.UTC(monthDate.value.getUTCFullYear(), monthDate.value.getUTCMonth() + offset, 1)); }
+        function selectDay(iso) {
+            if (isDisabled(iso))
+                return;
+            if (!controlled.value)
+                internalSelectedDate.value = iso;
+            props.onChange?.(iso);
+        }
+        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, internalSelectedDate, selectedDate, padDatePart, isoDate, parseDate, initialMonth, monthDate, calendarDays, calendarRows, isDisabled, changeMonth, selectDay, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { role: "grid" };
+const _hoisted_3 = ["data-day", "disabled", "aria-selected", "onClick"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _mergeProps(_ctx.$attrs, {
+        "aria-label": $setup.props.ariaLabel
+    }), [
+        _createElementVNode("button", {
+            type: "button",
+            onClick: _cache[0] || (_cache[0] = $event => ($setup.changeMonth(-1)))
+        }, "Previous"),
+        _createElementVNode("button", {
+            type: "button",
+            onClick: _cache[1] || (_cache[1] = $event => ($setup.changeMonth(1)))
+        }, "Next"),
+        _createElementVNode("table", _hoisted_2, [
+            _createElementVNode("tbody", null, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.calendarRows, (row, rowIndex) => {
+                    return (_openBlock(), _createElementBlock("tr", { key: rowIndex }, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(row, (day) => {
+                            return (_openBlock(), _createElementBlock("td", {
+                                key: day.iso
+                            }, [
+                                _createElementVNode("button", {
+                                    type: "button",
+                                    "data-day": day.iso,
+                                    disabled: $setup.isDisabled(day.iso) || undefined,
+                                    "aria-selected": day.iso === $setup.selectedDate || undefined,
+                                    onClick: $event => ($setup.selectDay(day.iso))
+                                }, _toDisplayString(day.day), 9 /* TEXT, PROPS */, _hoisted_3)
+                            ]));
+                        }), 128 /* KEYED_FRAGMENT */))
+                    ]));
+                }), 128 /* KEYED_FRAGMENT */))
+            ])
+        ])
+    ], 16 /* FULL_PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoDatePicker";
+__sfc__.__file = "components/date-picker.vue";
+export default __sfc__;
+
+export { __sfc__ as DatePicker }

package/package/components/date-range-picker.d.ts

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

package/package/components/date-range-picker.js

@@ -0,0 +1,154 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "3cfb56490eb493fd3a522a1fdf7ba0b041d91576a3c454046059939ae2aae977";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'date-range-picker',
+    props: {
+        className: { type: String, required: false },
+        onEndDateChange: { type: null, required: false },
+        onStartDateChange: { type: null, required: false },
+        size: { type: String, required: false, default: "base" },
+        timezone: { type: String, required: false, default: "New York, NY, USA (GMT-4)" },
+        variant: { type: null, required: false, default: "default" },
+        onStartChange: { type: null, required: false },
+        onEndChange: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const rangeRoot = ref(null);
+        const startValue = ref(null);
+        const endValue = ref(null);
+        const monthCursor = ref(new Date(Date.UTC(2026, 5, 1)));
+        const pad = (value) => String(value).padStart(2, '0');
+        const iso = (date) => `${date.getUTCFullYear()}-${pad(date.getUTCMonth() + 1)}-${pad(date.getUTCDate())}`;
+        const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+        function buildMonth(base) {
+            const year = base.getUTCFullYear(), month = base.getUTCMonth();
+            const first = new Date(Date.UTC(year, month, 1)), start = new Date(first);
+            start.setUTCDate(1 - first.getUTCDay());
+            const days = Array.from({ length: 42 }, (_, index) => { const date = new Date(start); date.setUTCDate(start.getUTCDate() + index); return { iso: iso(date), day: date.getUTCDate(), inMonth: date.getUTCMonth() === month }; });
+            return { key: `${year}-${month}`, label: `${monthNames[month]} ${year}`, days };
+        }
+        const monthPanels = computed(() => [0, 1].map(offset => { const date = new Date(monthCursor.value); date.setUTCMonth(date.getUTCMonth() + offset); return buildMonth(date); }));
+        const rootClasses = computed(() => props.size === 'sm' && props.variant === 'subtle' ? "p-3 bg-kumo-base" : "p-4 bg-kumo-overlay");
+        function changeMonth(delta) { const date = new Date(monthCursor.value); date.setUTCMonth(date.getUTCMonth() + delta); monthCursor.value = date; }
+        function isInRange(value) { return Boolean(startValue.value && endValue.value && value >= startValue.value && value <= endValue.value); }
+        function selectDay(value) {
+            if (startValue.value === null || endValue.value !== null || value < startValue.value) {
+                startValue.value = value;
+                endValue.value = null;
+                props.onStartChange?.(value);
+                props.onStartDateChange?.(value);
+                return;
+            }
+            endValue.value = value;
+            props.onEndChange?.(value);
+            props.onEndDateChange?.(value);
+        }
+        function resetRange() {
+            startValue.value = null;
+            endValue.value = null;
+            props.onStartChange?.(null);
+            props.onStartDateChange?.(null);
+            props.onEndChange?.(null);
+            props.onEndDateChange?.(null);
+            nextTick(() => { if (rangeRoot.value) {
+                rangeRoot.value.setAttribute('tabindex', '-1');
+                rangeRoot.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, rangeRoot, startValue, endValue, monthCursor, pad, iso, monthNames, buildMonth, monthPanels, rootClasses, changeMonth, isInRange, selectDay, resetRange, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = { class: "kumo-date-range__toolbar" };
+const _hoisted_2 = { class: "kumo-date-range__months" };
+const _hoisted_3 = {
+    class: "kumo-date-range__weekdays",
+    "aria-hidden": "true"
+};
+const _hoisted_4 = {
+    class: "kumo-date-range__grid",
+    role: "grid"
+};
+const _hoisted_5 = ["data-day", "data-outside-month", "aria-label", "aria-selected", "data-in-range", "onClick"];
+const _hoisted_6 = { class: "kumo-date-range__footer" };
+const _hoisted_7 = { "aria-live": "polite" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _mergeProps({ ref: "rangeRoot" }, _ctx.$attrs, {
+        class: ['kumo-date-range', $setup.rootClasses]
+    }), [
+        _createElementVNode("div", _hoisted_1, [
+            _createElementVNode("button", {
+                type: "button",
+                "data-navigation": "previous",
+                "aria-label": "Previous month",
+                onClick: _cache[0] || (_cache[0] = $event => ($setup.changeMonth(-1)))
+            }, "Previous"),
+            _createElementVNode("button", {
+                type: "button",
+                "data-navigation": "next",
+                "aria-label": "Next month",
+                onClick: _cache[1] || (_cache[1] = $event => ($setup.changeMonth(1)))
+            }, "Next")
+        ]),
+        _createElementVNode("div", _hoisted_2, [
+            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.monthPanels, (month) => {
+                return (_openBlock(), _createElementBlock("section", {
+                    key: month.key,
+                    class: "kumo-date-range__month"
+                }, [
+                    _createElementVNode("h3", null, _toDisplayString(month.label), 1 /* TEXT */),
+                    _createElementVNode("div", _hoisted_3, [
+                        (_openBlock(), _createElementBlock(_Fragment, null, _renderList(['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], (day) => {
+                            return _createElementVNode("span", { key: day }, _toDisplayString(day), 1 /* TEXT */);
+                        }), 64 /* STABLE_FRAGMENT */))
+                    ]),
+                    _createElementVNode("div", _hoisted_4, [
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(month.days, (day) => {
+                            return (_openBlock(), _createElementBlock("button", {
+                                key: day.iso,
+                                type: "button",
+                                "data-day": day.iso,
+                                "data-outside-month": !day.inMonth || undefined,
+                                "aria-label": day.iso,
+                                "aria-selected": day.iso === $setup.startValue || day.iso === $setup.endValue || undefined,
+                                "data-in-range": $setup.isInRange(day.iso) || undefined,
+                                onClick: $event => ($setup.selectDay(day.iso))
+                            }, _toDisplayString(day.day), 9 /* TEXT, PROPS */, _hoisted_5));
+                        }), 128 /* KEYED_FRAGMENT */))
+                    ])
+                ]));
+            }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _createElementVNode("div", _hoisted_6, [
+            _createElementVNode("span", _hoisted_7, _toDisplayString($setup.startValue ? ($setup.endValue ? $setup.startValue + ' – ' + $setup.endValue : 'Start: ' + $setup.startValue) : 'Choose a start date'), 1 /* TEXT */),
+            _createElementVNode("button", {
+                type: "button",
+                "data-reset": "",
+                onClick: $setup.resetRange
+            }, "Reset dates")
+        ])
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoDateRangePicker";
+__sfc__.__file = "components/date-range-picker.vue";
+export default __sfc__;
+
+export { __sfc__ as DateRangePicker }

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

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

package/package/components/dialog.d.ts

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

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

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