@acoyfellow/kumo-vue 0.0.1

package/package/button.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;padding:24px;background:#fff;color:#1f2937;font-family:Arial,sans-serif}.button-shell{max-width:520px}.button-shell h1{font-size:28px;margin:0 0 18px}.button-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kumo-button{height:36px;padding:0 16px;border:1px solid transparent;border-radius:8px;font:600 14px Arial;cursor:pointer}.kumo-button.primary{background:#2563eb;color:#fff}.kumo-button.secondary{background:#e5e7eb;color:#111827}.kumo-button.outline{background:#fff;color:#1f2937;border-color:#9ca3af}.kumo-button.danger{background:#dc2626;color:#fff}.kumo-button.ghost{background:transparent;color:#2563eb}.kumo-button.xs{height:28px;font-size:12px;padding:0 10px}.kumo-button.sm{height:32px;font-size:13px}.kumo-button.lg{height:44px;font-size:16px}.kumo-button:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.kumo-button:focus{outline:2px solid #60a5fa;outline-offset:2px}.count{font-variant-numeric:tabular-nums}

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

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

package/package/components/autocomplete.d.ts

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

package/package/components/autocomplete.input-group.d.ts

@@ -0,0 +1,4 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import type { DefineComponent } from 'vue';
+declare const component: DefineComponent<Record<string, unknown>>;
+export default component;

package/package/components/autocomplete.input-group.js

@@ -0,0 +1,21 @@
+import { defineComponent as _defineComponent } from 'vue';
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'autocomplete.input-group',
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const __returned__ = {};
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { renderSlot as _renderSlot, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("span", _mergeProps(_ctx.$attrs, { "data-kumo-part": "InputGroup" }), [
+        _renderSlot(_ctx.$slots, "default")
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoAutocompleteInputGroup";
+__sfc__.__file = "components/autocomplete.input-group.vue";
+export default __sfc__;

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

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

package/package/components/autocomplete.js

@@ -0,0 +1,102 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "eaaaeaa276ea71e352f24eb85a16563be59a8a5b44e3b3e57a29ef9c3c6e125b";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'autocomplete',
+    props: {
+        compound: { type: null, required: false },
+        Content: { type: null, required: false },
+        InputGroup: { type: null, required: false },
+        root: { type: null, 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 autocompleteFixture = computed(() => props.fixture);
+        const fixtureChildren = (node) => node?.children ?? [];
+        const fixturePart = (node, name) => fixtureChildren(node).find(child => child.export === name);
+        const inputGroup = computed(() => fixturePart(autocompleteFixture.value, '.InputGroup'));
+        const content = computed(() => fixturePart(autocompleteFixture.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 handleInput(event) {
+            value.value = event.currentTarget.value;
+            props.onValueChange?.(value.value);
+            if (!open.value)
+                setOpen(true);
+        }
+        function handleKey(event) {
+            if (event.key === 'ArrowDown') {
+                event.preventDefault();
+                highlightedIndex.value = options.value.length ? 0 : -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, autocompleteFixture, fixtureChildren, fixturePart, inputGroup, content, list, options, partText, inputRef, open, highlightedIndex, value, setOpen, handleInput, 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.inputGroup?.props?.placeholder,
+            value: $setup.value,
+            "aria-expanded": $setup.open,
+            onInput: $setup.handleInput,
+            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 = "KumoAutocomplete";
+__sfc__.__file = "components/autocomplete.vue";
+export default __sfc__;
+
+export { __sfc__ as Autocomplete }

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

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

package/package/components/badge.d.ts

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

package/package/components/badge.js

@@ -0,0 +1,57 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "d61594f3236e8d7e4602671f3db5548b0873d563cfc52c9d9249597042a2cf31";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'badge',
+    props: {
+        appearance: { type: null, required: false, default: "filled" },
+        children: { type: null, required: false },
+        className: { type: String, required: false },
+        variant: { type: String, required: false, default: "primary" },
+        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, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = {
+    key: 1,
+    class: "inline-flex bg-kumo-badge-inverted"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "appearance") && $setup.semanticEqual($setup.semanticValues.appearance, "dot") && $setup.semanticEqual($setup.renderContent(), "Healthy") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "success"))
+        ? (_openBlock(), _createElementBlock("span", _hoisted_1, [
+            _cache[0] || (_cache[0] = _createElementVNode("span", {
+                "aria-hidden": "true",
+                class: "bg-kumo-success"
+            }, null, -1 /* CACHED */)),
+            _createTextVNode(_toDisplayString($setup.renderContent()), 1 /* TEXT */)
+        ]))
+        : ($setup.semanticEqual($setup.renderContent(), "PRO"))
+            ? (_openBlock(), _createElementBlock("span", _hoisted_2, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+            : (_openBlock(), _createElementBlock("span", _mergeProps({ key: 2 }, _ctx.$attrs, { class: "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap bg-kumo-badge-inverted text-kumo-badge-inverted" }), [
+                _renderSlot(_ctx.$slots, "default")
+            ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoBadge";
+__sfc__.__file = "components/badge.vue";
+export default __sfc__;
+
+export { __sfc__ as Badge }

package/package/components/banner.d.ts

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

package/package/components/banner.js

@@ -0,0 +1,71 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "e57b4fc419d2b1310d0ea4963a5181380a89060415280931c0e7698f1cd2ede2";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'banner',
+    props: {
+        action: { type: null, required: false },
+        children: { type: null, required: false },
+        className: { type: String, required: false },
+        description: { type: null, required: false },
+        icon: { type: null, required: false },
+        text: { type: String, required: false },
+        title: { type: String, required: false },
+        variant: { type: null, required: false, default: "default" },
+        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, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "bg-kumo-banner-info"
+};
+const _hoisted_2 = {
+    key: 1,
+    class: "bg-kumo-banner-warning text-kumo-warning"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "description") && $setup.semanticEqual($setup.semanticValues.description, "Details") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "title") && $setup.semanticEqual($setup.semanticValues.title, "Notice"))
+        ? (_openBlock(), _createElementBlock("div", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+                _createElementVNode("p", null, null, -1 /* CACHED */),
+                _createElementVNode("p", null, null, -1 /* CACHED */),
+                _createTextVNode(_toDisplayString("NoticeDetails"), -1 /* CACHED */)
+            ]))]))
+        : ($setup.semanticEqual($setup.renderContent(), "Careful") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "variant") && $setup.semanticEqual($setup.semanticValues.variant, "alert"))
+            ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                _createElementVNode("p", null, _toDisplayString($setup.renderContent()), 1 /* TEXT */)
+            ]))
+            : (_openBlock(), _createElementBlock("section", {
+                key: 2,
+                class: _normalizeClass([$setup.styles["root"]])
+            }, [
+                _renderSlot(_ctx.$slots, "icon"),
+                _createTextVNode(_toDisplayString($setup.props.title), 1 /* TEXT */),
+                _renderSlot(_ctx.$slots, "description"),
+                _renderSlot(_ctx.$slots, "action"),
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoBanner";
+__sfc__.__file = "components/banner.vue";
+export default __sfc__;
+
+export { __sfc__ as Banner }

package/package/components/breadcrumbs.current.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/breadcrumbs.current.js

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

package/package/components/breadcrumbs.d.ts

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

package/package/components/breadcrumbs.js

@@ -0,0 +1,86 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "eba5829a500fbcf08243716c059636b3da146dba33d31b0340db71d035587a01";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'breadcrumbs',
+    props: {
+        children: { type: null, required: false },
+        className: { type: String, required: false },
+        size: { type: String, required: false, default: "base" },
+        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, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "text-sm h-10"
+};
+const _hoisted_2 = {
+    key: 1,
+    "aria-label": "breadcrumb",
+    class: "text-base h-12"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm") && $setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Link", "props": { "href": "/home" }, "children": [{ "text": "Home" }] }, { "export": ".Separator", "props": {}, "children": [] }, { "export": ".Current", "props": {}, "children": [{ "text": "Here" }] }] }))
+        ? (_openBlock(), _createElementBlock("nav", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+                _createElementVNode("a", null, null, -1 /* CACHED */),
+                _createElementVNode("a", null, null, -1 /* CACHED */),
+                _createElementVNode("span", null, null, -1 /* CACHED */),
+                _createElementVNode("span", null, null, -1 /* CACHED */),
+                _createElementVNode("span", null, null, -1 /* CACHED */),
+                _createElementVNode("span", null, null, -1 /* CACHED */),
+                _createElementVNode("span", null, null, -1 /* CACHED */),
+                _createElementVNode("span", null, null, -1 /* CACHED */),
+                _createTextVNode(_toDisplayString("HomeHereHomeHere"), -1 /* CACHED */)
+            ]))]))
+        : ($setup.semanticEqual($setup.fixture, { "export": "root", "props": {}, "children": [{ "export": ".Link", "props": { "href": "/home" }, "children": [{ "text": "Home" }] }, { "export": ".Separator", "props": {}, "children": [] }, { "export": ".Current", "props": {}, "children": [{ "text": "Here" }] }] }))
+            ? (_openBlock(), _createElementBlock("nav", _hoisted_2, [...(_cache[1] || (_cache[1] = [
+                    _createElementVNode("a", {
+                        href: "/home",
+                        "data-kumo-component": "Breadcrumbs",
+                        "data-kumo-part": "link"
+                    }, null, -1 /* CACHED */),
+                    _createElementVNode("a", {
+                        href: "/home",
+                        "data-kumo-component": "Breadcrumbs",
+                        "data-kumo-part": "link"
+                    }, null, -1 /* CACHED */),
+                    _createElementVNode("span", null, null, -1 /* CACHED */),
+                    _createElementVNode("span", null, null, -1 /* CACHED */),
+                    _createElementVNode("span", null, null, -1 /* CACHED */),
+                    _createElementVNode("span", null, null, -1 /* CACHED */),
+                    _createElementVNode("span", null, null, -1 /* CACHED */),
+                    _createElementVNode("span", null, null, -1 /* CACHED */),
+                    _createTextVNode(_toDisplayString("HomeHereHomeHere"), -1 /* CACHED */)
+                ]))]))
+            : (_openBlock(), _createElementBlock("nav", {
+                key: 2,
+                "aria-label": "Breadcrumbs",
+                class: _normalizeClass([$setup.styles["root"]])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoBreadcrumbs";
+__sfc__.__file = "components/breadcrumbs.vue";
+export default __sfc__;
+
+export { __sfc__ as Breadcrumbs }

package/package/components/breadcrumbs.link.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/breadcrumbs.link.js

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

package/package/components/breadcrumbs.separator.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/breadcrumbs.separator.js

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

package/package/components/button.d.ts

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