@acoyfellow/kumo-vue 0.0.1

package/package/components/sidebar.js

@@ -0,0 +1,140 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "25a19cbe99e84a9f4daf06d56a4f43a039827812a3623bc39919eb4683550b77";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'sidebar',
+    props: {
+        Collapsible: { type: null, required: false },
+        CollapsibleTrigger: { type: null, required: false },
+        MenuButton: { type: null, required: false },
+        MenuSubButton: { type: null, required: false },
+        Provider: { type: null, required: false },
+        root: { type: null, required: false },
+        SlidingView: { type: null, required: false },
+        SlidingViews: { type: null, required: false },
+        onOpenChange: { type: null, required: false },
+        onWidthChange: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const sidebarFixture = computed(() => props.fixture);
+        const fixtureChildren = (node) => node?.children ?? [];
+        const part = (node, name) => fixtureChildren(node).find(child => child.export === name);
+        const partText = (node) => node ? String(node.text ?? '') + fixtureChildren(node).map(partText).join('') : '';
+        const providerProps = computed(() => sidebarFixture.value?.props ?? {});
+        const sidebarRoot = computed(() => part(sidebarFixture.value, 'root'));
+        const header = computed(() => part(sidebarRoot.value, '.Header'));
+        const content = computed(() => part(sidebarRoot.value, '.Content'));
+        const group = computed(() => part(content.value, '.Group'));
+        const menu = computed(() => part(group.value, '.Menu'));
+        const menuButtons = computed(() => fixtureChildren(menu.value).filter(node => node.export === '.MenuButton'));
+        const collapsible = computed(() => part(sidebarRoot.value, '.Collapsible'));
+        const resizeHandle = computed(() => part(sidebarRoot.value, '.ResizeHandle'));
+        const open = ref(providerProps.value.defaultOpen !== false);
+        const width = ref(Number(providerProps.value.defaultWidth ?? 256));
+        const state = computed(() => open.value ? 'expanded' : 'collapsed');
+        const resizeRef = ref(null);
+        function toggleSidebar() { open.value = !open.value; props.onOpenChange?.(open.value); }
+        function resizeKey(event) {
+            if (event.key !== 'End')
+                return;
+            event.preventDefault();
+            open.value = true;
+            width.value = Number(providerProps.value.maxWidth ?? 480);
+            props.onOpenChange?.(true);
+            props.onWidthChange?.(width.value);
+            nextTick(() => resizeRef.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, sidebarFixture, fixtureChildren, part, partText, providerProps, sidebarRoot, header, content, group, menu, menuButtons, collapsible, resizeHandle, open, width, state, resizeRef, toggleSidebar, resizeKey, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = ["data-state"];
+const _hoisted_2 = ["data-state"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { type: "button" };
+const _hoisted_8 = { key: 2 };
+const _hoisted_9 = ["aria-expanded", "aria-label"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _mergeProps(_ctx.$attrs, {
+        "data-sidebar-wrapper": "",
+        "data-state": $setup.state,
+        "data-side": "left",
+        style: { '--sidebar-width': $setup.width + 'px', width: $setup.width + 'px' }
+    }), [
+        _createElementVNode("aside", {
+            "data-state": $setup.state,
+            "data-side": "left",
+            "data-collapsible": "icon"
+        }, [
+            ($setup.collapsible)
+                ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [], 64 /* STABLE_FRAGMENT */))
+                : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
+                    ($setup.header)
+                        ? (_openBlock(), _createElementBlock("header", _hoisted_3, _toDisplayString($setup.partText($setup.header)), 1 /* TEXT */))
+                        : _createCommentVNode("v-if", true),
+                    ($setup.content)
+                        ? (_openBlock(), _createElementBlock("div", _hoisted_4, [
+                            ($setup.group)
+                                ? (_openBlock(), _createElementBlock("div", _hoisted_5, [
+                                    _createElementVNode("span", null, _toDisplayString($setup.partText($setup.part($setup.group, '.GroupLabel'))), 1 /* TEXT */),
+                                    ($setup.menu)
+                                        ? (_openBlock(), _createElementBlock("ul", _hoisted_6, [
+                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList($setup.menuButtons, (item, index) => {
+                                                return (_openBlock(), _createElementBlock("li", { key: index }, [
+                                                    _createElementVNode("button", _hoisted_7, _toDisplayString($setup.partText(item)), 1 /* TEXT */)
+                                                ]));
+                                            }), 128 /* KEYED_FRAGMENT */))
+                                        ]))
+                                        : _createCommentVNode("v-if", true)
+                                ]))
+                                : _createCommentVNode("v-if", true)
+                        ]))
+                        : _createCommentVNode("v-if", true),
+                    ($setup.part($setup.sidebarRoot, '.Footer'))
+                        ? (_openBlock(), _createElementBlock("footer", _hoisted_8, [
+                            _createElementVNode("button", {
+                                type: "button",
+                                "aria-expanded": $setup.open,
+                                "aria-label": $setup.open ? 'Collapse sidebar' : 'Expand sidebar',
+                                onClick: $setup.toggleSidebar
+                            }, _toDisplayString($setup.open ? 'Collapse sidebar' : 'Expand sidebar'), 9 /* TEXT, PROPS */, _hoisted_9)
+                        ]))
+                        : _createCommentVNode("v-if", true),
+                    ($setup.resizeHandle)
+                        ? (_openBlock(), _createElementBlock("button", {
+                            key: 3,
+                            ref: "resizeRef",
+                            type: "button",
+                            "aria-label": "Resize sidebar",
+                            onKeydown: $setup.resizeKey
+                        }, null, 544 /* NEED_HYDRATION, NEED_PATCH */))
+                        : _createCommentVNode("v-if", true)
+                ], 64 /* STABLE_FRAGMENT */))
+        ], 8 /* PROPS */, _hoisted_2)
+    ], 16 /* FULL_PROPS */, _hoisted_1));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSidebar";
+__sfc__.__file = "components/sidebar.vue";
+export default __sfc__;
+
+export { __sfc__ as Sidebar }

package/package/components/sidebar.menu-button.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/sidebar.menu-button.js

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

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

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

package/package/components/sidebar.provider.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/sidebar.provider.js

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

package/package/components/sidebar.resize-handle.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/sidebar.resize-handle.js

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

package/package/components/sidebar.sliding-view.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/sidebar.sliding-view.js

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

package/package/components/sidebar.sliding-views.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/sidebar.sliding-views.js

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

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

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

package/package/components/surface.d.ts

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

package/package/components/surface.js

@@ -0,0 +1,60 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, useAttrs, useSlots } from 'vue';
+export const modelDigest = "bcb4aa3e592b9584d7e18fe498c9d2cfaad66ee570e649a81bfcf73eeccac950";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    __name: 'surface',
+    props: {
+        as: { type: null, required: false },
+        children: { type: null, required: false },
+        className: { type: String, required: false },
+        color: { type: String, required: false, default: "primary" },
+        render: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const slots = useSlots();
+        const styles = {};
+        const normalizeSlotContent = (value) => Array.isArray(value) ? value.map(normalizeSlotContent).join('') : value == null || typeof value === 'boolean' ? '' : typeof value === 'string' || typeof value === 'number' ? String(value) : normalizeSlotContent(value.children);
+        const renderContent = () => props.semanticContent ?? normalizeSlotContent(slots.default?.());
+        const fixture = computed(() => props.fixture);
+        const semanticValues = Object.assign({}, useAttrs(), props);
+        const semanticEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+        const fixtureText = (value) => value && typeof value === 'object' ? String(typeof value.text === 'string' ? value.text : '') + (Array.isArray(value.children) ? value.children.map(fixtureText).join('') : '') : '';
+        const __returned__ = { modelDigest, contentBindingDigest, props, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    "data-surface-color": "secondary",
+    "data-deprecated": "surface"
+};
+const _hoisted_2 = {
+    key: 1,
+    "data-surface-color": "primary",
+    "data-deprecated": "surface"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "as") && $setup.semanticEqual($setup.semanticValues.as, "section") && $setup.semanticEqual($setup.renderContent(), "Card") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "color") && $setup.semanticEqual($setup.semanticValues.color, "secondary"))
+        ? (_openBlock(), _createElementBlock("section", _hoisted_1, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+        : ($setup.semanticEqual($setup.renderContent(), "Card"))
+            ? (_openBlock(), _createElementBlock("div", _hoisted_2, _toDisplayString($setup.renderContent()), 1 /* TEXT */))
+            : (_openBlock(), _createElementBlock("div", {
+                key: 2,
+                class: _normalizeClass([$setup.styles["root"]])
+            }, [
+                _renderSlot(_ctx.$slots, "default")
+            ], 2 /* CLASS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSurface";
+__sfc__.__file = "components/surface.vue";
+export default __sfc__;
+
+export { __sfc__ as Surface }

package/package/components/switch.d.ts

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

package/package/components/switch.js

@@ -0,0 +1,78 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, getCurrentInstance, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "70db6933357de8ee3d47759cd14f5ca8cab2cc88427a19740a54a5f4d65377b3";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'switch',
+    props: {
+        checked: { type: Boolean, required: false },
+        disabled: { type: Boolean, required: false, default: false },
+        group: { type: null, required: false },
+        label: { type: null, required: false },
+        onCheckedChange: { type: null, required: false },
+        size: { type: String, required: false, default: "base" },
+        defaultChecked: { type: Boolean, required: false },
+        "aria-label": { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const instance = getCurrentInstance();
+        const controlled = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "checked");
+        const internalChecked = ref(props.defaultChecked ?? false);
+        const currentChecked = computed(() => controlled ? props.checked : internalChecked.value);
+        function activate(event) {
+            if (props.disabled)
+                return;
+            const next = !currentChecked.value;
+            if (!controlled)
+                internalChecked.value = next;
+            props.onCheckedChange?.(next);
+        }
+        const slots = useSlots();
+        const styles = {};
+        const normalizeSlotContent = (value) => Array.isArray(value) ? value.map(normalizeSlotContent).join('') : value == null || typeof value === 'boolean' ? '' : typeof value === 'string' || typeof value === 'number' ? String(value) : normalizeSlotContent(value.children);
+        const renderContent = () => props.semanticContent ?? normalizeSlotContent(slots.default?.());
+        const fixture = computed(() => props.fixture);
+        const semanticValues = Object.assign({}, useAttrs(), props);
+        const semanticEqual = (left, right) => JSON.stringify(left) === JSON.stringify(right);
+        const fixtureText = (value) => value && typeof value === 'object' ? String(typeof value.text === 'string' ? value.text : '') + (Array.isArray(value.children) ? value.children.map(fixtureText).join('') : '') : '';
+        const __returned__ = { modelDigest, contentBindingDigest, props, instance, controlled, internalChecked, currentChecked, activate, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    role: "switch",
+    "aria-checked": "false",
+    class: "h-4 w-8"
+};
+const _hoisted_2 = ["aria-label", "aria-checked", "aria-disabled", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (Object.prototype.hasOwnProperty.call($setup.semanticValues, "ariaLabel") && $setup.semanticEqual($setup.semanticValues.ariaLabel, "Small") && Object.prototype.hasOwnProperty.call($setup.semanticValues, "size") && $setup.semanticEqual($setup.semanticValues.size, "sm"))
+        ? (_openBlock(), _createElementBlock("button", _hoisted_1))
+        : (_openBlock(), _createElementBlock("button", _mergeProps({ key: 1 }, _ctx.$attrs, {
+            type: "button",
+            role: "switch",
+            class: [($setup.props.size === "sm") ? "h-4 w-8" : '', ($setup.props.size === "lg") ? "h-5 w-10" : ''],
+            "aria-label": ($setup.props.ariaLabel ?? _ctx.$attrs['aria-label']),
+            "aria-checked": $setup.currentChecked,
+            "aria-disabled": $setup.props.disabled || undefined,
+            disabled: $setup.props.disabled || undefined,
+            onClick: $setup.activate
+        }), [
+            _renderSlot(_ctx.$slots, "default"),
+            _createTextVNode(_toDisplayString($setup.props.label), 1 /* TEXT */)
+        ], 16 /* FULL_PROPS */, _hoisted_2));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoSwitch";
+__sfc__.__file = "components/switch.vue";
+export default __sfc__;
+
+export { __sfc__ as Switch }

package/package/components/table-of-contents.d.ts

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

package/package/components/table-of-contents.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/table-of-contents.group.js

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

package/package/components/table-of-contents.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/table-of-contents.item.js

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