@acoyfellow/kumo-vue 0.0.1

package/package/components/toasty.js

@@ -0,0 +1,101 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, nextTick, onBeforeUnmount, ref, useAttrs, useSlots } from 'vue';
+export const modelDigest = "f05e8c2389dfb02ca23049e0fc5aa80b2797a0b63cb9c09a9603acb5d07c79bf";
+export const contentBindingDigest = "a6655036dbbdb2cd56a9e62bf5f2f8f75bb6a7bb4d3c5fbf41726fd8666277cd";
+const __sfc__ = /*@__PURE__*/ _defineComponent({
+    ...{ inheritAttrs: false },
+    __name: 'toasty',
+    props: {
+        children: { type: null, required: false },
+        container: { type: null, required: false, default: "provider container or document.body" },
+        toastManager: { type: null, required: false },
+        variant: { type: null, required: false, default: "default" },
+        onNotify: { type: null, required: false },
+        onAction: { type: null, required: false },
+        fixture: { type: null, required: false },
+        semanticContent: { type: null, required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        __expose();
+        const props = __props;
+        const visible = ref(false);
+        const title = ref('');
+        const description = ref('');
+        const announcement = computed(() => visible.value ? [title.value, description.value].filter(Boolean).join(' ') : '');
+        let removalTimer;
+        const toastFixtureText = (node) => node ? String(node.text ?? node.props?.children ?? '') + (node.children ?? []).map(toastFixtureText).join('') : '';
+        const providerText = computed(() => renderContent() || toastFixtureText(props.fixture) || 'Application');
+        function notify() {
+            if (removalTimer !== undefined)
+                clearTimeout(removalTimer);
+            title.value = "Saved";
+            description.value = "Changes saved";
+            visible.value = true;
+            props.onNotify?.();
+        }
+        function act() { props.onAction?.(); }
+        function closeToast() {
+            if (removalTimer !== undefined)
+                clearTimeout(removalTimer);
+            removalTimer = setTimeout(() => {
+                visible.value = false;
+                nextTick(() => { document.activeElement?.blur?.(); document.body.focus(); });
+            }, 300);
+        }
+        onBeforeUnmount(() => { if (removalTimer !== undefined)
+            clearTimeout(removalTimer); });
+        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, visible, title, description, announcement, get removalTimer() { return removalTimer; }, set removalTimer(v) { removalTimer = v; }, toastFixtureText, providerText, notify, act, closeToast, slots, styles, normalizeSlotContent, renderContent, fixture, semanticValues, semanticEqual, fixtureText };
+        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+        return __returned__;
+    }
+});
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, mergeProps as _mergeProps } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    role: "status",
+    "aria-live": "polite",
+    "data-toast": ""
+};
+const _hoisted_2 = { "data-toast-title": "" };
+const _hoisted_3 = { "data-toast-description": "" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return (_openBlock(), _createElementBlock("div", _mergeProps(_ctx.$attrs, { "data-kumo-component": "Toasty" }), [
+        _createTextVNode(_toDisplayString($setup.providerText), 1 /* TEXT */),
+        _createElementVNode("button", {
+            type: "button",
+            "data-notify": "",
+            "aria-label": "Notify",
+            onClick: $setup.notify
+        }),
+        ($setup.visible)
+            ? (_openBlock(), _createElementBlock("div", _hoisted_1, [
+                _createElementVNode("div", _hoisted_2, _toDisplayString($setup.title), 1 /* TEXT */),
+                _createElementVNode("div", _hoisted_3, _toDisplayString($setup.description), 1 /* TEXT */),
+                _createElementVNode("button", {
+                    type: "button",
+                    "data-toast-action": "",
+                    onClick: $setup.act
+                }, "Action"),
+                _createElementVNode("button", {
+                    type: "button",
+                    "aria-label": "Close",
+                    onClick: $setup.closeToast
+                }, "Close")
+            ]))
+            : _createCommentVNode("v-if", true)
+    ], 16 /* FULL_PROPS */));
+}
+__sfc__.render = render;
+__sfc__.name = "KumoToasty";
+__sfc__.__file = "components/toasty.vue";
+export default __sfc__;
+
+export { __sfc__ as Toasty }

package/package/dialog.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;padding:24px;background:#fff;color:#1f2937;font-family:Arial,sans-serif}.dialog-shell{max-width:820px}.dialog-shell h1{margin:0 0 16px}.dialog-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dialog-demo{min-height:190px;padding:14px;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb}.dialog-demo>strong{display:block;margin-bottom:10px}.dialog-demo button,.dialog-actions button{padding:7px 12px;border:1px solid #9ca3af;border-radius:6px;background:white}.kumo-dialog{position:relative;inset:auto;margin:0;width:100%;max-height:160px;padding:16px;border:1px solid #9ca3af;border-radius:10px;box-shadow:0 8px 24px #0002}.kumo-dialog.sm{max-width:300px}.kumo-dialog.md{max-width:420px}.kumo-dialog.lg{max-width:600px}.kumo-dialog.full{max-width:none}.kumo-dialog::backdrop{background:#11182799;backdrop-filter:blur(2px)}.dialog-title{margin:0 28px 6px 0;font-size:18px}.dialog-description{margin:0 0 14px;color:#6b7280;font-size:13px}.dialog-close{position:absolute;right:10px;top:9px;border:0!important;padding:4px!important;font-size:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions .primary{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:600px){.dialog-matrix{grid-template-columns:1fr}}

package/package/form.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#111827;font:14px system-ui}.form-shell{width:760px;margin:0 auto;padding:28px}.form-shell h1{font-size:26px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card{background:#fff;border:1px solid #d7dce3;border-radius:10px;padding:16px;min-height:128px}.form-card h2{font-size:15px;margin:0 0 12px}.field{display:grid;gap:6px}.field label{font-weight:650}.field small{color:#64748b}.control,.group{width:100%;min-height:38px;border:1px solid #94a3b8;border-radius:7px;background:#fff;padding:9px 10px;font:inherit}.group{display:flex;padding:0;overflow:hidden}.group span{padding:9px;background:#eef2f7}.group input{min-width:0;flex:1;border:0;padding:9px;font:inherit}.row{display:flex;gap:8px}.row .control{flex:1}.action{border:1px solid #94a3b8;border-radius:7px;background:#eef2f7;padding:8px 12px;font-weight:650}.status{color:#166534;margin:8px 0 0;min-height:18px}textarea.control{resize:none;height:58px}

package/package/index.d.ts

@@ -0,0 +1,119 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import RootAutocomplete from './components/autocomplete.vue'
+import AutocompleteContent from './components/autocomplete.content.vue'
+import AutocompleteInputGroup from './components/autocomplete.input-group.vue'
+import AutocompleteItem from './components/autocomplete.item.vue'
+import AutocompleteList from './components/autocomplete.list.vue'
+export const Autocomplete = Object.assign(RootAutocomplete, { "Content": AutocompleteContent, "InputGroup": AutocompleteInputGroup, "Item": AutocompleteItem, "List": AutocompleteList })
+export { default as Badge } from './components/badge.vue'
+export { default as Banner } from './components/banner.vue'
+import RootBreadcrumbs from './components/breadcrumbs.vue'
+import BreadcrumbsCurrent from './components/breadcrumbs.current.vue'
+import BreadcrumbsLink from './components/breadcrumbs.link.vue'
+import BreadcrumbsSeparator from './components/breadcrumbs.separator.vue'
+export const Breadcrumbs = Object.assign(RootBreadcrumbs, { "Current": BreadcrumbsCurrent, "Link": BreadcrumbsLink, "Separator": BreadcrumbsSeparator })
+export { default as Button } from './components/button.vue'
+export { default as Checkbox } from './components/checkbox.vue'
+export { default as ClipboardText } from './components/clipboard-text.vue'
+export { default as CloudflareLogo } from './components/cloudflare-logo.vue'
+export { default as Code } from './components/code.vue'
+import RootCombobox from './components/combobox.vue'
+import ComboboxContent from './components/combobox.content.vue'
+import ComboboxItem from './components/combobox.item.vue'
+import ComboboxList from './components/combobox.list.vue'
+import ComboboxTriggerInput from './components/combobox.trigger-input.vue'
+export const Combobox = Object.assign(RootCombobox, { "Content": ComboboxContent, "Item": ComboboxItem, "List": ComboboxList, "TriggerInput": ComboboxTriggerInput })
+import RootCommandPalette from './components/command-palette.vue'
+import CommandPaletteHighlightedText from './components/command-palette.highlighted-text.vue'
+import CommandPaletteInput from './components/command-palette.input.vue'
+import CommandPaletteItem from './components/command-palette.item.vue'
+import CommandPaletteList from './components/command-palette.list.vue'
+import CommandPaletteRoot from './components/command-palette.root.vue'
+export const CommandPalette = Object.assign(RootCommandPalette, { "HighlightedText": CommandPaletteHighlightedText, "Input": CommandPaletteInput, "Item": CommandPaletteItem, "List": CommandPaletteList, "Root": CommandPaletteRoot })
+export { default as DatePicker } from './components/date-picker.vue'
+export { default as DateRangePicker } from './components/date-range-picker.vue'
+import RootDialog from './components/dialog.vue'
+import DialogClose from './components/dialog.close.vue'
+import DialogDescription from './components/dialog.description.vue'
+import DialogRoot from './components/dialog.root.vue'
+import DialogTitle from './components/dialog.title.vue'
+import DialogTrigger from './components/dialog.trigger.vue'
+export const Dialog = Object.assign(RootDialog, { "Close": DialogClose, "Description": DialogDescription, "Root": DialogRoot, "Title": DialogTitle, "Trigger": DialogTrigger })
+import RootDropdownMenu from './components/dropdown-menu.vue'
+import DropdownMenuContent from './components/dropdown-menu.content.vue'
+import DropdownMenuItem from './components/dropdown-menu.item.vue'
+import DropdownMenuSub from './components/dropdown-menu.sub.vue'
+import DropdownMenuSubContent from './components/dropdown-menu.sub-content.vue'
+import DropdownMenuSubTrigger from './components/dropdown-menu.sub-trigger.vue'
+import DropdownMenuTrigger from './components/dropdown-menu.trigger.vue'
+export const DropdownMenu = Object.assign(RootDropdownMenu, { "Content": DropdownMenuContent, "Item": DropdownMenuItem, "Sub": DropdownMenuSub, "SubContent": DropdownMenuSubContent, "SubTrigger": DropdownMenuSubTrigger, "Trigger": DropdownMenuTrigger })
+export { default as Empty } from './components/empty.vue'
+import RootField from './components/field.vue'
+import FieldNativeInput from './components/field.native-input.vue'
+export const Field = Object.assign(RootField, { "NativeInput": FieldNativeInput })
+export { default as Grid } from './components/grid.vue'
+export { default as GridItem } from './components/grid-item.vue'
+export { default as Input } from './components/input.vue'
+export { default as InputArea } from './components/input-area.vue'
+import RootInputGroup from './components/input-group.vue'
+import InputGroupAddon from './components/input-group.addon.vue'
+import InputGroupButton from './components/input-group.button.vue'
+import InputGroupInput from './components/input-group.input.vue'
+import InputGroupSuffix from './components/input-group.suffix.vue'
+export const InputGroup = Object.assign(RootInputGroup, { "Addon": InputGroupAddon, "Button": InputGroupButton, "Input": InputGroupInput, "Suffix": InputGroupSuffix })
+export { default as Label } from './components/label.vue'
+import RootLayerCard from './components/layer-card.vue'
+import LayerCardPrimary from './components/layer-card.primary.vue'
+import LayerCardSecondary from './components/layer-card.secondary.vue'
+export const LayerCard = Object.assign(RootLayerCard, { "Primary": LayerCardPrimary, "Secondary": LayerCardSecondary })
+export { default as Link } from './components/link.vue'
+export { default as Loader } from './components/loader.vue'
+export { default as MenuBar } from './components/menu-bar.vue'
+export { default as Meter } from './components/meter.vue'
+export { default as Pagination } from './components/pagination.vue'
+import RootPopover from './components/popover.vue'
+import PopoverClose from './components/popover.close.vue'
+import PopoverContent from './components/popover.content.vue'
+import PopoverDescription from './components/popover.description.vue'
+import PopoverTitle from './components/popover.title.vue'
+import PopoverTrigger from './components/popover.trigger.vue'
+export const Popover = Object.assign(RootPopover, { "Close": PopoverClose, "Content": PopoverContent, "Description": PopoverDescription, "Title": PopoverTitle, "Trigger": PopoverTrigger })
+export { default as Radio } from './components/radio.vue'
+import RootSelect from './components/select.vue'
+import SelectOption from './components/select.option.vue'
+export const Select = Object.assign(RootSelect, { "Option": SelectOption })
+export { default as SensitiveInput } from './components/sensitive-input.vue'
+import RootSidebar from './components/sidebar.vue'
+import SidebarCollapsible from './components/sidebar.collapsible.vue'
+import SidebarCollapsibleContent from './components/sidebar.collapsible-content.vue'
+import SidebarContent from './components/sidebar.content.vue'
+import SidebarFooter from './components/sidebar.footer.vue'
+import SidebarGroup from './components/sidebar.group.vue'
+import SidebarGroupLabel from './components/sidebar.group-label.vue'
+import SidebarHeader from './components/sidebar.header.vue'
+import SidebarMenu from './components/sidebar.menu.vue'
+import SidebarMenuButton from './components/sidebar.menu-button.vue'
+import SidebarProvider from './components/sidebar.provider.vue'
+import SidebarResizeHandle from './components/sidebar.resize-handle.vue'
+import SidebarSlidingView from './components/sidebar.sliding-view.vue'
+import SidebarSlidingViews from './components/sidebar.sliding-views.vue'
+import SidebarTrigger from './components/sidebar.trigger.vue'
+export const Sidebar = Object.assign(RootSidebar, { "Collapsible": SidebarCollapsible, "CollapsibleContent": SidebarCollapsibleContent, "Content": SidebarContent, "Footer": SidebarFooter, "Group": SidebarGroup, "GroupLabel": SidebarGroupLabel, "Header": SidebarHeader, "Menu": SidebarMenu, "MenuButton": SidebarMenuButton, "Provider": SidebarProvider, "ResizeHandle": SidebarResizeHandle, "SlidingView": SidebarSlidingView, "SlidingViews": SidebarSlidingViews, "Trigger": SidebarTrigger })
+export { default as Surface } from './components/surface.vue'
+export { default as Switch } from './components/switch.vue'
+import RootTable from './components/table.vue'
+import TableBody from './components/table.body.vue'
+import TableCell from './components/table.cell.vue'
+import TableHead from './components/table.head.vue'
+import TableHeader from './components/table.header.vue'
+import TableRow from './components/table.row.vue'
+export const Table = Object.assign(RootTable, { "Body": TableBody, "Cell": TableCell, "Head": TableHead, "Header": TableHeader, "Row": TableRow })
+import RootTableOfContents from './components/table-of-contents.vue'
+import TableOfContentsGroup from './components/table-of-contents.group.vue'
+import TableOfContentsItem from './components/table-of-contents.item.vue'
+import TableOfContentsList from './components/table-of-contents.list.vue'
+import TableOfContentsTitle from './components/table-of-contents.title.vue'
+export const TableOfContents = Object.assign(RootTableOfContents, { "Group": TableOfContentsGroup, "Item": TableOfContentsItem, "List": TableOfContentsList, "Title": TableOfContentsTitle })
+export { default as Tabs } from './components/tabs.vue'
+export { default as Text } from './components/text.vue'
+export { default as Toasty } from './components/toasty.vue'

package/package/index.js

@@ -0,0 +1,119 @@
+// @generated by src/kumo/emitters/vue/index.mjs; do not edit
+import RootAutocomplete from './components/autocomplete.js';
+import AutocompleteContent from './components/autocomplete.content.js';
+import AutocompleteInputGroup from './components/autocomplete.input-group.js';
+import AutocompleteItem from './components/autocomplete.item.js';
+import AutocompleteList from './components/autocomplete.list.js';
+export const Autocomplete = Object.assign(RootAutocomplete, { "Content": AutocompleteContent, "InputGroup": AutocompleteInputGroup, "Item": AutocompleteItem, "List": AutocompleteList });
+export { default as Badge } from './components/badge.js';
+export { default as Banner } from './components/banner.js';
+import RootBreadcrumbs from './components/breadcrumbs.js';
+import BreadcrumbsCurrent from './components/breadcrumbs.current.js';
+import BreadcrumbsLink from './components/breadcrumbs.link.js';
+import BreadcrumbsSeparator from './components/breadcrumbs.separator.js';
+export const Breadcrumbs = Object.assign(RootBreadcrumbs, { "Current": BreadcrumbsCurrent, "Link": BreadcrumbsLink, "Separator": BreadcrumbsSeparator });
+export { default as Button } from './components/button.js';
+export { default as Checkbox } from './components/checkbox.js';
+export { default as ClipboardText } from './components/clipboard-text.js';
+export { default as CloudflareLogo } from './components/cloudflare-logo.js';
+export { default as Code } from './components/code.js';
+import RootCombobox from './components/combobox.js';
+import ComboboxContent from './components/combobox.content.js';
+import ComboboxItem from './components/combobox.item.js';
+import ComboboxList from './components/combobox.list.js';
+import ComboboxTriggerInput from './components/combobox.trigger-input.js';
+export const Combobox = Object.assign(RootCombobox, { "Content": ComboboxContent, "Item": ComboboxItem, "List": ComboboxList, "TriggerInput": ComboboxTriggerInput });
+import RootCommandPalette from './components/command-palette.js';
+import CommandPaletteHighlightedText from './components/command-palette.highlighted-text.js';
+import CommandPaletteInput from './components/command-palette.input.js';
+import CommandPaletteItem from './components/command-palette.item.js';
+import CommandPaletteList from './components/command-palette.list.js';
+import CommandPaletteRoot from './components/command-palette.root.js';
+export const CommandPalette = Object.assign(RootCommandPalette, { "HighlightedText": CommandPaletteHighlightedText, "Input": CommandPaletteInput, "Item": CommandPaletteItem, "List": CommandPaletteList, "Root": CommandPaletteRoot });
+export { default as DatePicker } from './components/date-picker.js';
+export { default as DateRangePicker } from './components/date-range-picker.js';
+import RootDialog from './components/dialog.js';
+import DialogClose from './components/dialog.close.js';
+import DialogDescription from './components/dialog.description.js';
+import DialogRoot from './components/dialog.root.js';
+import DialogTitle from './components/dialog.title.js';
+import DialogTrigger from './components/dialog.trigger.js';
+export const Dialog = Object.assign(RootDialog, { "Close": DialogClose, "Description": DialogDescription, "Root": DialogRoot, "Title": DialogTitle, "Trigger": DialogTrigger });
+import RootDropdownMenu from './components/dropdown-menu.js';
+import DropdownMenuContent from './components/dropdown-menu.content.js';
+import DropdownMenuItem from './components/dropdown-menu.item.js';
+import DropdownMenuSub from './components/dropdown-menu.sub.js';
+import DropdownMenuSubContent from './components/dropdown-menu.sub-content.js';
+import DropdownMenuSubTrigger from './components/dropdown-menu.sub-trigger.js';
+import DropdownMenuTrigger from './components/dropdown-menu.trigger.js';
+export const DropdownMenu = Object.assign(RootDropdownMenu, { "Content": DropdownMenuContent, "Item": DropdownMenuItem, "Sub": DropdownMenuSub, "SubContent": DropdownMenuSubContent, "SubTrigger": DropdownMenuSubTrigger, "Trigger": DropdownMenuTrigger });
+export { default as Empty } from './components/empty.js';
+import RootField from './components/field.js';
+import FieldNativeInput from './components/field.native-input.js';
+export const Field = Object.assign(RootField, { "NativeInput": FieldNativeInput });
+export { default as Grid } from './components/grid.js';
+export { default as GridItem } from './components/grid-item.js';
+export { default as Input } from './components/input.js';
+export { default as InputArea } from './components/input-area.js';
+import RootInputGroup from './components/input-group.js';
+import InputGroupAddon from './components/input-group.addon.js';
+import InputGroupButton from './components/input-group.button.js';
+import InputGroupInput from './components/input-group.input.js';
+import InputGroupSuffix from './components/input-group.suffix.js';
+export const InputGroup = Object.assign(RootInputGroup, { "Addon": InputGroupAddon, "Button": InputGroupButton, "Input": InputGroupInput, "Suffix": InputGroupSuffix });
+export { default as Label } from './components/label.js';
+import RootLayerCard from './components/layer-card.js';
+import LayerCardPrimary from './components/layer-card.primary.js';
+import LayerCardSecondary from './components/layer-card.secondary.js';
+export const LayerCard = Object.assign(RootLayerCard, { "Primary": LayerCardPrimary, "Secondary": LayerCardSecondary });
+export { default as Link } from './components/link.js';
+export { default as Loader } from './components/loader.js';
+export { default as MenuBar } from './components/menu-bar.js';
+export { default as Meter } from './components/meter.js';
+export { default as Pagination } from './components/pagination.js';
+import RootPopover from './components/popover.js';
+import PopoverClose from './components/popover.close.js';
+import PopoverContent from './components/popover.content.js';
+import PopoverDescription from './components/popover.description.js';
+import PopoverTitle from './components/popover.title.js';
+import PopoverTrigger from './components/popover.trigger.js';
+export const Popover = Object.assign(RootPopover, { "Close": PopoverClose, "Content": PopoverContent, "Description": PopoverDescription, "Title": PopoverTitle, "Trigger": PopoverTrigger });
+export { default as Radio } from './components/radio.js';
+import RootSelect from './components/select.js';
+import SelectOption from './components/select.option.js';
+export const Select = Object.assign(RootSelect, { "Option": SelectOption });
+export { default as SensitiveInput } from './components/sensitive-input.js';
+import RootSidebar from './components/sidebar.js';
+import SidebarCollapsible from './components/sidebar.collapsible.js';
+import SidebarCollapsibleContent from './components/sidebar.collapsible-content.js';
+import SidebarContent from './components/sidebar.content.js';
+import SidebarFooter from './components/sidebar.footer.js';
+import SidebarGroup from './components/sidebar.group.js';
+import SidebarGroupLabel from './components/sidebar.group-label.js';
+import SidebarHeader from './components/sidebar.header.js';
+import SidebarMenu from './components/sidebar.menu.js';
+import SidebarMenuButton from './components/sidebar.menu-button.js';
+import SidebarProvider from './components/sidebar.provider.js';
+import SidebarResizeHandle from './components/sidebar.resize-handle.js';
+import SidebarSlidingView from './components/sidebar.sliding-view.js';
+import SidebarSlidingViews from './components/sidebar.sliding-views.js';
+import SidebarTrigger from './components/sidebar.trigger.js';
+export const Sidebar = Object.assign(RootSidebar, { "Collapsible": SidebarCollapsible, "CollapsibleContent": SidebarCollapsibleContent, "Content": SidebarContent, "Footer": SidebarFooter, "Group": SidebarGroup, "GroupLabel": SidebarGroupLabel, "Header": SidebarHeader, "Menu": SidebarMenu, "MenuButton": SidebarMenuButton, "Provider": SidebarProvider, "ResizeHandle": SidebarResizeHandle, "SlidingView": SidebarSlidingView, "SlidingViews": SidebarSlidingViews, "Trigger": SidebarTrigger });
+export { default as Surface } from './components/surface.js';
+export { default as Switch } from './components/switch.js';
+import RootTable from './components/table.js';
+import TableBody from './components/table.body.js';
+import TableCell from './components/table.cell.js';
+import TableHead from './components/table.head.js';
+import TableHeader from './components/table.header.js';
+import TableRow from './components/table.row.js';
+export const Table = Object.assign(RootTable, { "Body": TableBody, "Cell": TableCell, "Head": TableHead, "Header": TableHeader, "Row": TableRow });
+import RootTableOfContents from './components/table-of-contents.js';
+import TableOfContentsGroup from './components/table-of-contents.group.js';
+import TableOfContentsItem from './components/table-of-contents.item.js';
+import TableOfContentsList from './components/table-of-contents.list.js';
+import TableOfContentsTitle from './components/table-of-contents.title.js';
+export const TableOfContents = Object.assign(RootTableOfContents, { "Group": TableOfContentsGroup, "Item": TableOfContentsItem, "List": TableOfContentsList, "Title": TableOfContentsTitle });
+export { default as Tabs } from './components/tabs.js';
+export { default as Text } from './components/text.js';
+export { default as Toasty } from './components/toasty.js';

package/package/native-control.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;background:#fff;color:#111827;font:16px system-ui}.native-shell{padding:36px;max-width:760px;margin:auto}.native-shell h1{font-size:30px;margin:0 0 28px}.native-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.native-control{min-height:76px;border:1px solid #d1d5db;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;font-weight:600;cursor:pointer}.native-control:has(input:focus-visible){outline:3px solid #93c5fd;outline-offset:2px}.native-control:has(input:disabled){opacity:.5;cursor:not-allowed}.native-control input{position:absolute;opacity:0;width:1px;height:1px}.indicator{width:22px;height:22px;border:2px solid #64748b;border-radius:5px;display:inline-grid;place-items:center;background:white}.checkbox input:checked+.indicator{background:#2563eb;border-color:#2563eb}.checkbox input:checked+.indicator:after{content:'✓';color:white;font-size:15px}.switch .indicator{width:42px;border-radius:999px;position:relative;background:#cbd5e1}.switch .indicator:after{content:'';position:absolute;width:16px;height:16px;left:2px;border-radius:50%;background:white;transition:.15s}.switch input:checked+.indicator{background:#2563eb;border-color:#2563eb}.switch input:checked+.indicator:after{transform:translateX(18px)}.switch.compact .indicator{width:34px;height:20px}.switch.compact .indicator:after{width:12px;height:12px}.switch.compact input:checked+.indicator:after{transform:translateX(14px)}@media(max-width:600px){.native-matrix{grid-template-columns:1fr}}

package/package/navigation.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#182230;font:14px/1.5 system-ui}.nav-shell{width:760px;margin:24px auto;padding:24px;background:white;border:1px solid #d8dee6;border-radius:12px}h1{margin:0 0 20px;font-size:24px}h2{font-size:14px;margin:18px 0 8px}.tabs,.menubar{display:flex;gap:4px;border-bottom:1px solid #ccd4de}.tabs button,.menubar button{border:0;background:transparent;padding:9px 14px;color:#475569}.tabs [aria-selected=true],.menubar button:focus{color:#0759b8;box-shadow:inset 0 -2px #0759b8;outline:none}.panel{padding:16px;background:#f8fafc}.columns{display:grid;grid-template-columns:210px 1fr;gap:28px}.sidebar,.toc{display:flex;flex-direction:column;gap:4px}.sidebar a,.toc a{padding:7px 10px;color:#405168;text-decoration:none;border-radius:6px}.sidebar [aria-current],.toc [aria-current]{background:#e8f2ff;color:#0759b8;font-weight:650}.crumbs{display:flex;list-style:none;padding:0;gap:8px}.crumbs li+li:before{content:'/';margin-right:8px;color:#94a3b8}.crumbs a{color:#0759b8}output{display:block;margin-top:18px;color:#64748b;font-size:12px}

package/package/popover.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;padding:24px;background:#fff;color:#1f2937;font-family:Arial,sans-serif}.popover-shell{max-width:900px}.popover-shell h1{margin:0 0 16px}.popover-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.popover-demo{position:relative;min-height:210px;padding:78px 70px;border:1px solid #d1d5db;border-radius:10px;background:#f9fafb;text-align:center}.popover-demo>strong{position:absolute;left:12px;top:10px;font-size:13px}.popover-trigger{padding:8px 13px;border:1px solid #9ca3af;border-radius:7px;background:white}.kumo-popover{position:absolute;z-index:2;width:150px;padding:12px;border:1px solid #9ca3af;border-radius:8px;background:white;box-shadow:0 7px 20px #0002;text-align:left;font-size:13px}.kumo-popover p{margin:0 0 9px}.kumo-popover button{padding:5px 9px;border:1px solid #9ca3af;border-radius:5px;background:white}.side-top{bottom:calc(50% + var(--side-offset));}.side-bottom{top:calc(50% + var(--side-offset))}.side-left{right:calc(50% + var(--side-offset));top:50%;transform:translateY(-50%)}.side-right{left:calc(50% + var(--side-offset));top:50%;transform:translateY(-50%)}.side-top.align-start,.side-bottom.align-start{left:calc(50% + var(--align-offset))}.side-top.align-center,.side-bottom.align-center{left:50%;transform:translateX(calc(-50% + var(--align-offset)))}.side-top.align-end,.side-bottom.align-end{right:calc(50% - var(--align-offset))}@media(max-width:650px){.popover-matrix{grid-template-columns:1fr}}

package/package/selection-command-date.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172033;font:14px/1.4 system-ui}.family{max-width:1000px;margin:auto;padding:28px}.family h1{font-size:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid section{min-height:150px;padding:18px;border:1px solid #d6dce5;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0001}.grid h2{margin:0 0 14px;font-size:16px}button,input{font:inherit;border:1px solid #aeb8c7;border-radius:7px;padding:8px 10px;background:white}label{display:block;margin:7px 0}fieldset{border:0;padding:0}.combo,.menu-button,.command{width:100%;display:flex;justify-content:space-between}ul,.menu,.palette{list-style:none;margin:6px 0;padding:5px;border:1px solid #ccd3df;border-radius:7px;background:white}li,[role=menuitem]{display:block;width:100%;padding:7px;border:0;text-align:left}.toast{display:block;margin-top:10px;padding:9px;background:#e7f7ee;color:#17643a;border-radius:7px}.pagination{display:flex;gap:5px}.pagination [aria-current=page]{background:#1859b7;color:white}.palette{position:fixed;z-index:2;inset:20% 30%;padding:18px;box-shadow:0 12px 40px #0004}.palette input{width:100%}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}.palette{inset:15% 5%}}