@sekiui/elements 0.0.61 → 0.0.63

package/dist/collection/utils/calendar/date-utils.js

@@ -0,0 +1,132 @@
+import { startOfMonth, endOfMonth, startOfWeek, endOfWeek, eachDayOfInterval, addMonths, subMonths, isSameDay, isSameMonth, isWithinInterval, format, addDays, subDays, getDay, isToday, isBefore, isAfter, startOfDay, } from "date-fns";
+/**
+ * Get the days of the week labels based on week start
+ */
+export function getWeekDays(weekStartsOn = 0) {
+    const baseDate = new Date(2024, 0, 7); // A Sunday
+    const days = [];
+    for (let i = 0; i < 7; i++) {
+        const day = addDays(baseDate, (i + weekStartsOn) % 7);
+        days.push(format(day, 'EEE'));
+    }
+    return days;
+}
+/**
+ * Get all days to display in a calendar month grid (6 weeks)
+ */
+export function getCalendarDays(month, options = {}) {
+    const { weekStartsOn = 0, selectedDate = null, rangeStart = null, rangeEnd = null, minDate = null, maxDate = null, disabledDates = [], } = options;
+    const monthStart = startOfMonth(month);
+    const monthEnd = endOfMonth(month);
+    const calendarStart = startOfWeek(monthStart, { weekStartsOn });
+    const calendarEnd = endOfWeek(monthEnd, { weekStartsOn });
+    const allDays = eachDayOfInterval({ start: calendarStart, end: calendarEnd });
+    const weeks = [];
+    let currentWeek = [];
+    for (const date of allDays) {
+        const isDisabledByRange = (minDate && isBefore(date, startOfDay(minDate))) ||
+            (maxDate && isAfter(date, startOfDay(maxDate)));
+        const isDisabledByList = disabledDates.some(d => isSameDay(date, d));
+        const isSelected = selectedDate ? isSameDay(date, selectedDate) : false;
+        let isInRange = false;
+        let isRangeStart = false;
+        let isRangeEnd = false;
+        if (rangeStart && rangeEnd) {
+            const start = isBefore(rangeStart, rangeEnd) ? rangeStart : rangeEnd;
+            const end = isBefore(rangeStart, rangeEnd) ? rangeEnd : rangeStart;
+            isInRange = isWithinInterval(date, { start, end });
+            isRangeStart = isSameDay(date, start);
+            isRangeEnd = isSameDay(date, end);
+        }
+        else if (rangeStart) {
+            isRangeStart = isSameDay(date, rangeStart);
+        }
+        const day = {
+            date,
+            dayOfMonth: date.getDate(),
+            isCurrentMonth: isSameMonth(date, month),
+            isToday: isToday(date),
+            isSelected,
+            isInRange,
+            isRangeStart,
+            isRangeEnd,
+            isDisabled: isDisabledByRange || isDisabledByList,
+        };
+        currentWeek.push(day);
+        if (currentWeek.length === 7) {
+            weeks.push(currentWeek);
+            currentWeek = [];
+        }
+    }
+    // Ensure we always have 6 weeks for consistent height
+    while (weeks.length < 6) {
+        const lastWeek = weeks[weeks.length - 1];
+        const lastDay = lastWeek[lastWeek.length - 1].date;
+        const newWeek = [];
+        for (let i = 1; i <= 7; i++) {
+            const date = addDays(lastDay, i);
+            newWeek.push({
+                date,
+                dayOfMonth: date.getDate(),
+                isCurrentMonth: false,
+                isToday: isToday(date),
+                isSelected: false,
+                isInRange: false,
+                isRangeStart: false,
+                isRangeEnd: false,
+                isDisabled: true,
+            });
+        }
+        weeks.push(newWeek);
+    }
+    return weeks;
+}
+/**
+ * Get the previous month
+ */
+export function getPreviousMonth(month) {
+    return subMonths(month, 1);
+}
+/**
+ * Get the next month
+ */
+export function getNextMonth(month) {
+    return addMonths(month, 1);
+}
+/**
+ * Format a date for display
+ */
+export function formatDate(date, formatStr = 'PPP') {
+    return format(date, formatStr);
+}
+/**
+ * Get month label (e.g., "January")
+ */
+export function getMonthLabel(date) {
+    return format(date, 'MMMM');
+}
+/**
+ * Get year label (e.g., "2024")
+ */
+export function getYearLabel(date) {
+    return format(date, 'yyyy');
+}
+/**
+ * Navigate to previous/next day
+ */
+export function navigateDay(date, direction) {
+    return direction === 'prev' ? subDays(date, 1) : addDays(date, 1);
+}
+/**
+ * Navigate to previous/next week
+ */
+export function navigateWeek(date, direction) {
+    return direction === 'prev' ? subDays(date, 7) : addDays(date, 7);
+}
+/**
+ * Get the day of week index
+ */
+export function getDayOfWeek(date) {
+    return getDay(date);
+}
+export { isSameDay, isSameMonth, isToday, startOfMonth, startOfDay, format, };

package/dist/collection/utils/common.js

@@ -284,3 +284,29 @@ export function camelToKebab(str) {
 export function kebabToCamel(str) {
     return str.replace(/-./g, (x) => x[1].toUpperCase());
 }
+/**
+ * Check if an element has slotted content for a given slot name
+ * @param el - The host element to check
+ * @param name - The slot name to check for
+ * @param checkTextContent - Whether to check text content for default slot (default: false)
+ */
+export function hasSlot(el, name, checkTextContent = false) {
+    var _a;
+    const slot = el.querySelector(`[slot="${name}"]`);
+    if (slot)
+        return true;
+    if (checkTextContent && name === 'default') {
+        return ((_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== '';
+    }
+    return false;
+}
+/**
+ * Build a class string from a record of class names and their active states
+ * @param classes - Object with class names as keys and boolean values for active state
+ */
+export function buildClassString(classes) {
+    return Object.entries(classes)
+        .filter(([, active]) => active)
+        .map(([name]) => name)
+        .join(' ');
+}

package/dist/collection/utils/dialog/focus-trap.js

@@ -0,0 +1,78 @@
+/**
+ * Focus trap utility for dialog and modal components
+ */
+const FOCUSABLE_SELECTOR = [
+    'button:not([disabled])',
+    '[href]',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+].join(', ');
+/**
+ * Get all focusable elements within a container
+ */
+export function getFocusableElements(container) {
+    const elements = Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR));
+    return elements.filter(el => !el.closest('[hidden]') && !el.closest('[aria-hidden="true"]'));
+}
+/**
+ * Focus the first focusable element in a container
+ */
+export function focusFirst(container) {
+    const focusables = getFocusableElements(container);
+    if (focusables.length > 0) {
+        focusables[0].focus();
+    }
+}
+/**
+ * Focus the last focusable element in a container
+ */
+export function focusLast(container) {
+    const focusables = getFocusableElements(container);
+    if (focusables.length > 0) {
+        focusables[focusables.length - 1].focus();
+    }
+}
+/**
+ * Trap focus within a container during Tab key navigation
+ */
+export function trapFocus(container, event) {
+    if (event.key !== 'Tab')
+        return;
+    const focusables = getFocusableElements(container);
+    if (focusables.length === 0)
+        return;
+    const first = focusables[0];
+    const last = focusables[focusables.length - 1];
+    const active = document.activeElement;
+    if (event.shiftKey) {
+        // Shift+Tab: if on first element, go to last
+        if (active === first || !container.contains(active)) {
+            event.preventDefault();
+            last.focus();
+        }
+    }
+    else {
+        // Tab: if on last element, go to first
+        if (active === last || !container.contains(active)) {
+            event.preventDefault();
+            first.focus();
+        }
+    }
+}
+/**
+ * Lock body scroll when modal is open
+ */
+export function lockBodyScroll() {
+    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    document.body.style.overflow = 'hidden';
+    document.body.style.paddingRight = `${scrollbarWidth}px`;
+}
+/**
+ * Unlock body scroll when modal is closed
+ */
+export function unlockBodyScroll() {
+    document.body.style.overflow = '';
+    document.body.style.paddingRight = '';
+}

package/dist/components/index.js

@@ -1,5 +1,5 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-D2lrrniN.js';
-export { S as SekiSwitch } from './p-BwXR4cDh.js';
+export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-C_O046uN.js';
+export { S as SekiSwitch } from './p-FcPLiKcN.js';
 
 /**
  * Keyboard Service
@@ -872,6 +872,32 @@ function camelToKebab(str) {
 function kebabToCamel(str) {
     return str.replace(/-./g, (x) => x[1].toUpperCase());
 }
+/**
+ * Check if an element has slotted content for a given slot name
+ * @param el - The host element to check
+ * @param name - The slot name to check for
+ * @param checkTextContent - Whether to check text content for default slot (default: false)
+ */
+function hasSlot(el, name, checkTextContent = false) {
+    var _a;
+    const slot = el.querySelector(`[slot="${name}"]`);
+    if (slot)
+        return true;
+    if (checkTextContent && name === 'default') {
+        return ((_a = el.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== '';
+    }
+    return false;
+}
+/**
+ * Build a class string from a record of class names and their active states
+ * @param classes - Object with class names as keys and boolean values for active state
+ */
+function buildClassString(classes) {
+    return Object.entries(classes)
+        .filter(([, active]) => active)
+        .map(([name]) => name)
+        .join(' ');
+}
 
 /**
  * Accessibility Utilities
@@ -1207,4 +1233,4 @@ function isTooltipSide(value) {
     return ['top', 'right', 'bottom', 'left'].includes(value);
 }
 
-export { DEFAULT_BREAKPOINTS, FocusService, KeyboardService, MediaQueryService, addAriaDescription, addAriaLabel, addClass, announceAriaLive, announceToScreenReader, camelToKebab, createFocusService, createKeyboardService, createMediaQueryService, createSkipLink, debounce, deepClone, dispatchCustomEvent, enableKeyboardNavigation, ensureFocusVisible, generateAriaId, generateUniqueId, getAccessibleName, getComputedValue, getDataAttribute, getDataAttributes, getElementOffset, getFocusService, getKeyboardService, getMediaQueryService, getPrefixedProperty, hasAccessibleFocus, hasClass, isAriaHidden, isButtonSize, isButtonVariant, isCollapseMode, isElementInViewport, isSidebarVariant, isTooltipSide, kebabToCamel, mergeObjects, onCustomEvent, removeClass, requestAnimationFramePromise, resetIdCounter, scrollIntoView, setAriaAttributes, setAriaChecked, setAriaDisabled, setAriaExpanded, setAriaHidden, setAriaPopup, setAriaSelected, setAriaValueNow, setDataAttribute, setHeadingLevel, setRole, supportsCSSFeature, throttle, toggleClass, wait, waitForElement };
+export { DEFAULT_BREAKPOINTS, FocusService, KeyboardService, MediaQueryService, addAriaDescription, addAriaLabel, addClass, announceAriaLive, announceToScreenReader, buildClassString, camelToKebab, createFocusService, createKeyboardService, createMediaQueryService, createSkipLink, debounce, deepClone, dispatchCustomEvent, enableKeyboardNavigation, ensureFocusVisible, generateAriaId, generateUniqueId, getAccessibleName, getComputedValue, getDataAttribute, getDataAttributes, getElementOffset, getFocusService, getKeyboardService, getMediaQueryService, getPrefixedProperty, hasAccessibleFocus, hasClass, hasSlot, isAriaHidden, isButtonSize, isButtonVariant, isCollapseMode, isElementInViewport, isSidebarVariant, isTooltipSide, kebabToCamel, mergeObjects, onCustomEvent, removeClass, requestAnimationFramePromise, resetIdCounter, scrollIntoView, setAriaAttributes, setAriaChecked, setAriaDisabled, setAriaExpanded, setAriaHidden, setAriaPopup, setAriaSelected, setAriaValueNow, setDataAttribute, setHeadingLevel, setRole, supportsCSSFeature, throttle, toggleClass, wait, waitForElement };

package/dist/components/p-BeqnZ40Z.js

@@ -0,0 +1,190 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-C_O046uN.js';
+
+const sekiNavigationMenuViewportCss = ":host{--indicator-left:0px;--content-offset:0px;--content-height:0px;position:absolute;top:100%;left:0;right:0;z-index:40;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity var(--seki-nav-animation-duration, 150ms) ease,\n    transform var(--seki-nav-animation-duration, 150ms) ease}:host(.navigation-menu-viewport--visible){pointer-events:auto;opacity:1;transform:translateY(0)}.navigation-menu-viewport__indicator{position:absolute;top:-10px;left:var(--indicator-left);transform:translateX(-50%);z-index:41;color:var(--seki-background);filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.05));transition:left 200ms ease}.navigation-menu-viewport__indicator svg{display:block}.navigation-menu-viewport__content{position:relative;left:var(--content-offset);width:fit-content;background-color:var(--seki-background);border:1px solid var(--seki-border);border-radius:var(--seki-nav-content-radius, 0.375rem);box-shadow:var(--seki-nav-content-shadow);overflow:hidden;transition:left 200ms ease,\n    height var(--seki-nav-animation-duration, 150ms) ease}:host(.navigation-menu-viewport--visible) .navigation-menu-viewport__content{height:var(--content-height)}:host([data-theme='dark']) .navigation-menu-viewport__indicator{color:var(--seki-background)}@media (prefers-reduced-motion: reduce){:host,.navigation-menu-viewport__indicator,.navigation-menu-viewport__content{transition:none}}";
+
+const SekiNavigationMenuViewport = /*@__PURE__*/ proxyCustomElement(class SekiNavigationMenuViewport extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        // =========================================================================
+        // Props
+        // =========================================================================
+        /** Currently active item ID */
+        this.activeItem = null;
+        /** Currently hovered trigger ID (for indicator) */
+        this.hoveredTrigger = null;
+        // =========================================================================
+        // State
+        // =========================================================================
+        /** Whether viewport is visible */
+        this.isVisible = false;
+        /** Indicator position (left offset) */
+        this.indicatorLeft = 0;
+        /** Content horizontal offset for positioning */
+        this.contentOffset = 0;
+        /** Current content height for animation */
+        this.contentHeight = 0;
+    }
+    // =========================================================================
+    // Lifecycle
+    // =========================================================================
+    componentDidLoad() {
+        this.setupResizeObserver();
+    }
+    disconnectedCallback() {
+        this.cleanupResizeObserver();
+    }
+    // =========================================================================
+    // Watchers
+    // =========================================================================
+    onActiveItemChange(newValue) {
+        this.isVisible = newValue !== null;
+        if (newValue) {
+            this.updateContentPosition();
+            this.updateContentHeight();
+        }
+    }
+    onHoveredTriggerChange() {
+        this.updateIndicatorPosition();
+    }
+    // =========================================================================
+    // Private Methods
+    // =========================================================================
+    setupResizeObserver() {
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        this.resizeObserver = new ResizeObserver(() => {
+            if (this.isVisible) {
+                this.updateContentHeight();
+                this.updateContentPosition();
+            }
+        });
+        if (this.contentRef) {
+            this.resizeObserver.observe(this.contentRef);
+        }
+    }
+    cleanupResizeObserver() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = undefined;
+        }
+    }
+    updateIndicatorPosition() {
+        if (!this.hoveredTrigger)
+            return;
+        const parentMenu = this.el.closest('seki-navigation-menu');
+        if (!parentMenu)
+            return;
+        const trigger = parentMenu.querySelector(`seki-navigation-menu-item[data-item-id="${this.hoveredTrigger}"] seki-navigation-menu-trigger`);
+        if (trigger) {
+            const triggerRect = trigger.getBoundingClientRect();
+            const menuRect = parentMenu.getBoundingClientRect();
+            this.indicatorLeft = triggerRect.left - menuRect.left + triggerRect.width / 2;
+        }
+    }
+    updateContentPosition() {
+        var _a;
+        if (!this.activeItem)
+            return;
+        const parentMenu = this.el.closest('seki-navigation-menu');
+        if (!parentMenu)
+            return;
+        const trigger = parentMenu.querySelector(`seki-navigation-menu-item[data-item-id="${this.activeItem}"] seki-navigation-menu-trigger`);
+        const content = parentMenu.querySelector(`seki-navigation-menu-item[data-item-id="${this.activeItem}"] seki-navigation-menu-content`);
+        if (!trigger || !content)
+            return;
+        const triggerRect = trigger.getBoundingClientRect();
+        const menuRect = parentMenu.getBoundingClientRect();
+        const viewportWidth = window.innerWidth;
+        // Get content width (estimate or measure)
+        const contentInner = (_a = content.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.navigation-menu-content__inner');
+        const contentWidth = (contentInner === null || contentInner === void 0 ? void 0 : contentInner.offsetWidth) || 300;
+        // Calculate centered position
+        let left = triggerRect.left - menuRect.left + triggerRect.width / 2 - contentWidth / 2;
+        // Viewport-aware adjustments
+        const absoluteLeft = menuRect.left + left;
+        const absoluteRight = absoluteLeft + contentWidth;
+        // Shift if overflowing right
+        if (absoluteRight > viewportWidth - 16) {
+            left -= absoluteRight - viewportWidth + 16;
+        }
+        // Shift if overflowing left
+        if (absoluteLeft < 16) {
+            left += 16 - absoluteLeft;
+        }
+        this.contentOffset = left;
+        this.updateIndicatorPosition();
+    }
+    updateContentHeight() {
+        var _a;
+        if (!this.activeItem) {
+            this.contentHeight = 0;
+            return;
+        }
+        const parentMenu = this.el.closest('seki-navigation-menu');
+        if (!parentMenu)
+            return;
+        const content = parentMenu.querySelector(`seki-navigation-menu-item[data-item-id="${this.activeItem}"] seki-navigation-menu-content`);
+        if (content) {
+            const inner = (_a = content.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.navigation-menu-content__inner');
+            this.contentHeight = (inner === null || inner === void 0 ? void 0 : inner.offsetHeight) || 0;
+        }
+    }
+    renderContent() {
+        if (!this.activeItem)
+            return null;
+        const parentMenu = this.el.closest('seki-navigation-menu');
+        if (!parentMenu)
+            return null;
+        const content = parentMenu.querySelector(`seki-navigation-menu-item[data-item-id="${this.activeItem}"] seki-navigation-menu-content`);
+        if (!content)
+            return null;
+        // Clone the content for rendering in viewport
+        return h("slot", null);
+    }
+    render() {
+        return (h(Host, { key: '4769f3dae661dd574dcce4803d74342553e880d6', class: {
+                'navigation-menu-viewport': true,
+                'navigation-menu-viewport--visible': this.isVisible,
+            }, style: {
+                '--indicator-left': `${this.indicatorLeft}px`,
+                '--content-offset': `${this.contentOffset}px`,
+                '--content-height': `${this.contentHeight}px`,
+            } }, h("div", { key: 'a44e1b3ebad9523923d6f2544ae4dd194a125caa', class: "navigation-menu-viewport__indicator" }, h("svg", { key: 'ea53d1efdcab8da9346f1ace73314aa5be62f9af', width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentColor" }, h("polygon", { key: '93ac3e7cc98cb8a19f68b752d3d40bf78d5c53cc', points: "10,0 20,10 0,10" }))), h("div", { key: '721a6979da35be29137310b9d66dc775a01c0c96', ref: el => (this.contentRef = el), class: "navigation-menu-viewport__content" }, this.renderContent())));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "activeItem": ["onActiveItemChange"],
+        "hoveredTrigger": ["onHoveredTriggerChange"]
+    }; }
+    static get style() { return sekiNavigationMenuViewportCss; }
+}, [257, "seki-navigation-menu-viewport", {
+        "activeItem": [1, "active-item"],
+        "hoveredTrigger": [1, "hovered-trigger"],
+        "isVisible": [32],
+        "indicatorLeft": [32],
+        "contentOffset": [32],
+        "contentHeight": [32]
+    }, undefined, {
+        "activeItem": ["onActiveItemChange"],
+        "hoveredTrigger": ["onHoveredTriggerChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["seki-navigation-menu-viewport"];
+    components.forEach(tagName => { switch (tagName) {
+        case "seki-navigation-menu-viewport":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SekiNavigationMenuViewport);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SekiNavigationMenuViewport as S, defineCustomElement as d };

package/dist/components/p-CP7ZtKCE.js

@@ -0,0 +1,71 @@
+/**
+ * Focus trap utility for dialog and modal components
+ */
+const FOCUSABLE_SELECTOR = [
+    'button:not([disabled])',
+    '[href]',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+].join(', ');
+/**
+ * Get all focusable elements within a container
+ */
+function getFocusableElements(container) {
+    const elements = Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR));
+    return elements.filter(el => !el.closest('[hidden]') && !el.closest('[aria-hidden="true"]'));
+}
+/**
+ * Focus the first focusable element in a container
+ */
+function focusFirst(container) {
+    const focusables = getFocusableElements(container);
+    if (focusables.length > 0) {
+        focusables[0].focus();
+    }
+}
+/**
+ * Trap focus within a container during Tab key navigation
+ */
+function trapFocus(container, event) {
+    if (event.key !== 'Tab')
+        return;
+    const focusables = getFocusableElements(container);
+    if (focusables.length === 0)
+        return;
+    const first = focusables[0];
+    const last = focusables[focusables.length - 1];
+    const active = document.activeElement;
+    if (event.shiftKey) {
+        // Shift+Tab: if on first element, go to last
+        if (active === first || !container.contains(active)) {
+            event.preventDefault();
+            last.focus();
+        }
+    }
+    else {
+        // Tab: if on last element, go to first
+        if (active === last || !container.contains(active)) {
+            event.preventDefault();
+            first.focus();
+        }
+    }
+}
+/**
+ * Lock body scroll when modal is open
+ */
+function lockBodyScroll() {
+    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    document.body.style.overflow = 'hidden';
+    document.body.style.paddingRight = `${scrollbarWidth}px`;
+}
+/**
+ * Unlock body scroll when modal is closed
+ */
+function unlockBodyScroll() {
+    document.body.style.overflow = '';
+    document.body.style.paddingRight = '';
+}
+
+export { focusFirst as f, lockBodyScroll as l, trapFocus as t, unlockBodyScroll as u };

package/dist/{cdn/p-D31scOlb.js → components/p-C_O046uN.js}

@@ -1,8 +1,8 @@
-const globalStyles = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98.5%);--seki-sidebar-foreground:hsl(0, 0%, 9%);--seki-sidebar-primary:hsl(0, 0%, 12%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 97%);--seki-sidebar-accent-foreground:hsl(0, 0%, 12%);--seki-sidebar-border:hsl(0, 0%, 90%);--seki-sidebar-ring:hsl(0, 0%, 64%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(0, 0%, 12%);--seki-sidebar-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-primary:hsl(264, 100%, 60%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-accent:hsl(0, 0%, 18%);--seki-sidebar-accent-foreground:hsl(0, 0%, 98.5%);--seki-sidebar-border:hsla(0, 0%, 100%, 0.1);--seki-sidebar-ring:hsl(0, 0%, 40%)}";
-
 const NAMESPACE = 'sekiui';
 const BUILD = /* sekiui */ { hydratedSelectorName: "hydrated", lazyLoad: false, state: true, updatable: true};
 
+const globalStyles = ":host{--seki-neutral-50:hsl(0, 0%, 98%);--seki-neutral-100:hsl(0, 0%, 96.1%);--seki-neutral-200:hsl(0, 0%, 89.8%);--seki-neutral-300:hsl(0, 0%, 83.1%);--seki-neutral-400:hsl(0, 0%, 63.9%);--seki-neutral-500:hsl(0, 0%, 45.1%);--seki-neutral-600:hsl(0, 0%, 32.2%);--seki-neutral-700:hsl(0, 0%, 25.1%);--seki-neutral-800:hsl(0, 0%, 14.9%);--seki-neutral-900:hsl(0, 0%, 9%);--seki-neutral-950:hsl(0, 0%, 3.9%);--seki-primary-50:hsl(210, 100%, 97%);--seki-primary-100:hsl(210, 95%, 93%);--seki-primary-200:hsl(210, 95%, 85%);--seki-primary-300:hsl(210, 90%, 73%);--seki-primary-400:hsl(210, 85%, 58%);--seki-primary-500:hsl(210, 80%, 48%);--seki-primary-600:hsl(210, 75%, 40%);--seki-primary-700:hsl(210, 70%, 32%);--seki-primary-800:hsl(210, 65%, 25%);--seki-primary-900:hsl(210, 60%, 18%);--seki-primary-950:hsl(210, 55%, 10%);--seki-success-500:hsl(142, 71%, 45%);--seki-success-600:hsl(142, 71%, 35%);--seki-warning-500:hsl(38, 92%, 50%);--seki-warning-600:hsl(38, 92%, 40%);--seki-destructive-500:hsl(0, 84.2%, 60.2%);--seki-destructive-600:hsl(0, 72%, 41%);--seki-chart-1:hsl(12, 76%, 61%);--seki-chart-2:hsl(173, 58%, 39%);--seki-chart-3:hsl(197, 37%, 24%);--seki-chart-4:hsl(43, 74%, 66%);--seki-chart-5:hsl(27, 87%, 67%)}:host{--seki-background:hsl(0, 0%, 100%);--seki-foreground:hsl(0, 0%, 3.9%);--seki-muted:hsl(0, 0%, 96.1%);--seki-muted-foreground:hsl(0, 0%, 45.1%);--seki-card:hsl(0, 0%, 100%);--seki-card-foreground:hsl(0, 0%, 3.9%);--seki-popover:hsl(0, 0%, 100%);--seki-popover-foreground:hsl(0, 0%, 3.9%);--seki-border:hsl(0, 0%, 89.8%);--seki-input:hsl(0, 0%, 89.8%);--seki-primary:hsl(0, 0%, 9%);--seki-primary-foreground:hsl(0, 0%, 98%);--seki-secondary:hsl(0, 0%, 96.1%);--seki-secondary-foreground:hsl(0, 0%, 9%);--seki-accent:hsl(0, 0%, 96.1%);--seki-accent-foreground:hsl(0, 0%, 9%);--seki-destructive:hsl(0, 84.2%, 60.2%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 3.9%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-400);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-300)}:host([data-theme='dark']){--seki-background:hsl(0, 0%, 3.9%);--seki-foreground:hsl(0, 0%, 98%);--seki-muted:hsl(0, 0%, 14.9%);--seki-muted-foreground:hsl(0, 0%, 63.9%);--seki-card:hsl(0, 0%, 3.9%);--seki-card-foreground:hsl(0, 0%, 98%);--seki-popover:hsl(0, 0%, 3.9%);--seki-popover-foreground:hsl(0, 0%, 98%);--seki-border:hsl(0, 0%, 14.9%);--seki-input:hsl(0, 0%, 14.9%);--seki-primary:hsl(0, 0%, 98%);--seki-primary-foreground:hsl(0, 0%, 9%);--seki-secondary:hsl(0, 0%, 14.9%);--seki-secondary-foreground:hsl(0, 0%, 98%);--seki-accent:hsl(0, 0%, 14.9%);--seki-accent-foreground:hsl(0, 0%, 98%);--seki-destructive:hsl(0, 62.8%, 30.6%);--seki-destructive-foreground:hsl(0, 0%, 98%);--seki-ring:hsl(0, 0%, 83.1%);--seki-bg-primary:var(--seki-background);--seki-bg-secondary:var(--seki-muted);--seki-bg-tertiary:var(--seki-accent);--seki-text-primary:var(--seki-foreground);--seki-text-secondary:var(--seki-muted-foreground);--seki-text-tertiary:var(--seki-neutral-600);--seki-border-default:var(--seki-border);--seki-border-emphasis:var(--seki-neutral-700);--seki-button-primary-hover-bg:hsl(0, 0%, 98%, 0.9);--seki-button-secondary-hover-bg:hsl(0, 0%, 14.9%, 0.8)}:host{--seki-button-primary-bg:var(--seki-primary);--seki-button-primary-text:var(--seki-primary-foreground);--seki-button-primary-border:transparent;--seki-button-primary-hover-bg:hsl(0, 0%, 9%, 0.9);--seki-button-primary-hover-text:var(--seki-primary-foreground);--seki-button-primary-hover-border:transparent;--seki-button-secondary-bg:var(--seki-secondary);--seki-button-secondary-text:var(--seki-secondary-foreground);--seki-button-secondary-border:transparent;--seki-button-secondary-hover-bg:hsl(0, 0%, 96.1%, 0.8);--seki-button-secondary-hover-text:var(--seki-secondary-foreground);--seki-button-secondary-hover-border:transparent;--seki-button-outline-bg:transparent;--seki-button-outline-text:var(--seki-foreground);--seki-button-outline-border:var(--seki-input);--seki-button-outline-hover-bg:var(--seki-accent);--seki-button-outline-hover-text:var(--seki-accent-foreground);--seki-button-outline-hover-border:var(--seki-input);--seki-button-ghost-bg:transparent;--seki-button-ghost-text:var(--seki-foreground);--seki-button-ghost-border:transparent;--seki-button-ghost-hover-bg:var(--seki-accent);--seki-button-ghost-hover-text:var(--seki-accent-foreground);--seki-button-ghost-hover-border:transparent;--seki-button-destructive-bg:var(--seki-destructive);--seki-button-destructive-text:var(--seki-destructive-foreground);--seki-button-destructive-border:transparent;--seki-button-destructive-hover-bg:hsl(0, 84.2%, 60.2%, 0.9);--seki-button-destructive-hover-border:transparent;--seki-button-sm-padding-x:var(--seki-spacing-3, 0.75rem);--seki-button-sm-padding-y:0.375rem;--seki-button-sm-font-size:var(--seki-text-sm, 0.875rem);--seki-button-sm-height:2.25rem;--seki-button-md-padding-x:var(--seki-spacing-4, 1rem);--seki-button-md-padding-y:var(--seki-spacing-2, 0.5rem);--seki-button-md-font-size:var(--seki-text-base, 1rem);--seki-button-md-height:2.5rem;--seki-button-lg-padding-x:2rem;--seki-button-lg-padding-y:0.5rem;--seki-button-lg-font-size:1rem;--seki-button-lg-height:2.75rem;--seki-button-icon-sm-size:2rem;--seki-button-icon-size:2.5rem;--seki-button-icon-lg-size:3rem;--seki-button-icon-gap:0.5rem;--seki-button-link-bg:transparent;--seki-button-link-text:var(--seki-primary);--seki-button-link-border:transparent;--seki-button-link-hover-bg:transparent;--seki-button-link-hover-text:var(--seki-primary);--seki-button-link-hover-border:transparent;--seki-button-radius:var(--seki-radius-md, 0.375rem);--seki-button-font-weight:var(--seki-font-medium, 500);--seki-button-transition-duration:150ms;--seki-button-transition-timing:ease-in-out;--seki-button-shadow:var(--seki-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));--seki-button-shadow-hover:var(--seki-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));--seki-button-disabled-opacity:0.5;--seki-input-bg:var(--seki-background);--seki-input-border:var(--seki-border);--seki-input-text:var(--seki-foreground);--seki-input-placeholder:var(--seki-muted-foreground);--seki-input-ring:var(--seki-ring);--seki-input-invalid-border:var(--seki-destructive);--seki-input-invalid-ring:var(--seki-destructive);--seki-input-disabled-opacity:0.5;--seki-input-radius:var(--seki-radius-md);--seki-input-ring-offset:2px;--seki-select-trigger-bg:var(--seki-background);--seki-select-trigger-border:1px solid var(--seki-border);--seki-select-trigger-bg-hover:var(--seki-muted);--seki-select-trigger-radius:var(--seki-radius-md);--seki-select-trigger-min-height:2.5rem;--seki-select-trigger-padding:0.5rem 0.75rem;--seki-select-trigger-gap:0.5rem;--seki-select-content-bg:var(--seki-popover);--seki-select-content-border:1px solid var(--seki-border);--seki-select-content-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);--seki-select-content-radius:var(--seki-radius-md);--seki-select-content-padding:0.5rem 0;--seki-select-option-padding:0.5rem 0.75rem;--seki-select-option-gap:0.5rem;--seki-select-option-radius:var(--seki-radius-sm);--seki-select-option-bg-hover:var(--seki-muted);--seki-select-option-bg-selected:var(--seki-muted);--seki-select-group-label-padding:0.5rem 0.75rem;--seki-select-group-label-font-size:var(--seki-font-size-xs);--seki-select-group-label-font-weight:var(--seki-font-semibold);--seki-select-group-label-color:var(--seki-muted-foreground);--seki-select-group-separator:1px solid var(--seki-border)}:host{--seki-spacing-0:0;--seki-spacing-0-5:0.125rem;--seki-spacing-1:0.25rem;--seki-spacing-1-5:0.375rem;--seki-spacing-2:0.5rem;--seki-spacing-2-5:0.625rem;--seki-spacing-3:0.75rem;--seki-spacing-3-5:0.875rem;--seki-spacing-4:1rem;--seki-spacing-5:1.25rem;--seki-spacing-6:1.5rem;--seki-spacing-8:2rem;--seki-spacing-10:2.5rem;--seki-spacing-12:3rem;--seki-spacing-16:4rem;--seki-spacing-20:5rem;--seki-spacing-24:6rem;--seki-input-height-sm:2rem;--seki-input-height-md:2.5rem;--seki-input-height-lg:3rem;--seki-input-padding-x:0.75rem;--seki-input-padding-y:0.5rem;--seki-input-font-size:0.875rem;--seki-input-ring-offset:2px}:host{--seki-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--seki-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--seki-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -4px rgb(0 0 0 / 0.1)}:host{--seki-font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',\n    Arial, sans-serif;--seki-font-mono:ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;--seki-text-xs:0.75rem;--seki-text-sm:0.875rem;--seki-text-base:1rem;--seki-text-lg:1.125rem;--seki-text-xl:1.25rem;--seki-text-2xl:1.5rem;--seki-text-3xl:1.875rem;--seki-text-4xl:2.25rem;--seki-font-normal:400;--seki-font-medium:500;--seki-font-semibold:600;--seki-font-bold:700;--seki-leading-tight:1.25;--seki-leading-normal:1.5;--seki-leading-relaxed:1.75}:host{--seki-radius-sm:0.25rem;--seki-radius-md:0.375rem;--seki-radius-lg:0.5rem;--seki-radius-xl:1rem;}:host{--seki-sidebar-width:16rem;--seki-sidebar-width-icon:3rem;--seki-sidebar-width-mobile:18rem;--seki-sidebar-background:hsl(0, 0%, 98%);--seki-sidebar-foreground:hsl(240, 5.3%, 26.1%);--seki-sidebar-primary:hsl(240, 5.9%, 10%);--seki-sidebar-primary-foreground:hsl(0, 0%, 98%);--seki-sidebar-accent:hsl(240, 4.8%, 95.9%);--seki-sidebar-accent-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-border:hsl(220, 13%, 91%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 3.8%, 46.1%);--seki-sidebar-menu-button-height:2rem;--seki-sidebar-menu-button-height-lg:3rem;--seki-sidebar-menu-button-padding:0.5rem;--seki-sidebar-menu-button-gap:0.5rem;--seki-sidebar-menu-button-radius:var(--seki-radius-md, 0.375rem);--seki-sidebar-menu-sub-padding-left:1.75rem;--seki-sidebar-menu-sub-border-width:1px;--seki-sidebar-group-padding:0.5rem;--seki-sidebar-group-label-height:2rem;--seki-sidebar-group-label-padding:0.5rem;--seki-sidebar-header-height:auto;--seki-sidebar-footer-height:auto;--seki-sidebar-header-padding:0.5rem;--seki-sidebar-footer-padding:0.5rem;--seki-sidebar-content-padding:0.5rem;--seki-sidebar-rail-width:1rem;--seki-sidebar-transition-duration:200ms;--seki-sidebar-transition-timing:ease-in-out;--seki-sidebar-mobile-breakpoint:768px;--seki-sidebar-overlay-bg:hsla(0, 0%, 0%, 0.8)}:host([data-theme='dark']){--seki-sidebar-background:hsl(240, 5.9%, 10%);--seki-sidebar-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-primary:hsl(0, 0%, 98%);--seki-sidebar-primary-foreground:hsl(240, 5.9%, 10%);--seki-sidebar-accent:hsl(240, 3.7%, 15.9%);--seki-sidebar-accent-foreground:hsl(240, 4.8%, 95.9%);--seki-sidebar-border:hsl(240, 3.7%, 15.9%);--seki-sidebar-ring:hsl(217.2, 91.2%, 59.8%);--seki-sidebar-muted-foreground:hsl(240, 5%, 64.9%)}:host{--seki-animation-fast:150ms;--seki-animation-normal:200ms;--seki-animation-slow:300ms;--seki-ease-in:cubic-bezier(0.4, 0, 1, 1);--seki-ease-out:cubic-bezier(0, 0, 0.2, 1);--seki-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--seki-accordion-content-height:auto}@keyframes seki-fade-in{from{opacity:0}to{opacity:1}}@keyframes seki-fade-out{from{opacity:1}to{opacity:0}}@keyframes seki-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes seki-scale-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes seki-slide-in-from-top{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes seki-slide-in-from-bottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes seki-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes seki-slide-in-from-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes seki-slide-in-from-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes seki-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes seki-accordion-down{from{height:0;opacity:0}to{height:var(--seki-accordion-content-height);opacity:1}}@keyframes seki-accordion-up{from{height:var(--seki-accordion-content-height);opacity:1}to{height:0;opacity:0}}@keyframes seki-zoom-in{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes seki-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.96)}}@keyframes seki-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes seki-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@keyframes seki-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}@keyframes seki-collapsible-open{from{height:0;overflow:hidden}to{height:var(--seki-collapsible-content-height, auto)}}@keyframes seki-collapsible-close{from{height:var(--seki-collapsible-content-height, auto)}to{height:0;overflow:hidden}}@keyframes seki-toast-slide-in-right{from{transform:translateX(calc(100% + 1rem))}to{transform:translateX(0)}}@keyframes seki-toast-slide-out-right{from{transform:translateX(0)}to{transform:translateX(calc(100% + 1rem))}}@keyframes seki-toast-swipe-out{from{transform:translateX(var(--seki-toast-swipe-end-x, 0))}to{transform:translateX(calc(100% + 1rem))}}.seki-animate-fade-in{animation:seki-fade-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-fade-out{animation:seki-fade-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-scale-in{animation:seki-scale-in var(--seki-animation-normal) var(--seki-ease-out)}.seki-animate-scale-out{animation:seki-scale-out var(--seki-animation-normal) var(--seki-ease-in)}.seki-animate-spin{animation:seki-spin 1s linear infinite}.seki-animate-pulse{animation:seki-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.seki-animate-bounce{animation:seki-bounce 1s infinite}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}";
+
 /*
  Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
  */
@@ -1437,6 +1437,9 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (doc, elm, flags) => {
+  if (flags & 4 /* TargetDocument */) {
+    return doc;
+  }
   if (flags & 8 /* TargetWindow */) {
     return win;
   }
@@ -1466,4 +1469,4 @@ function render(vnode, container) {
   renderVdom(ref, vnode);
 }
 
-export { H, setNonce as a, setPlatformOptions as b, Host as c, createEvent as d, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s };
+export { H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s };