zabi-components 8.0.0 → 8.1.0

package/dist/organisms/TopNavbar.svelte

@@ -1,24 +1,50 @@
 <script lang="ts">
+    import { mergeStrings } from "../util/ready-made-strings.js";
+    import { zabiStringsFor } from "../util/zabi-strings.js";
     import ThemeToggle from "../atoms/ThemeToggle.svelte";
     import IconButton from "../atoms/IconButton.svelte";
-    import { ExternalLink, Menu, X } from "@lucide/svelte";
+    import ExternalLink from "@lucide/svelte/icons/external-link";
+    import Menu from "@lucide/svelte/icons/menu";
+    import X from "@lucide/svelte/icons/x";
     import type { Component, Snippet } from "svelte";
     import { generateId } from "../util/ssr-safe.js";
     import { cn } from "../util/cn.js";
+    import type { ThemeToggleLabels } from "../util/theme-mode.js";
+    import { DEFAULT_TOP_NAVBAR_STRINGS, type TopNavbarStrings } from "../util/top-navbar.js";
+    import { isInsideToastRegion } from "../util/focus-utils.js";
 
     export interface TopNavbarNavItem {
         label: string;
         href: string;
         icon?: Component<{ size?: number; class?: string }>;
         iconFilled?: Component<{ size?: number; class?: string }>;
+        /** Marks the link and opens it in a new tab. Defaults to true for absolute URLs. */
+        external?: boolean;
     }
 
+    export type TopNavbarCollapseAt = "sm" | "md" | "lg" | "xl";
+
     interface Props {
         brand?: string;
         brandHref?: string;
         /** `aria-label` on `<nav>` when multiple nav landmarks exist. */
         ariaLabel?: string;
         showThemeToggle?: boolean;
+        /**
+         * How the theme toggle steps: `"two"` flips light and dark, `"three"`
+         * goes through system, light and dark. As `modes` of ThemeToggle.
+         */
+        themeModes?: "two" | "three";
+        /**
+         * The `localStorage` key the theme choice is kept under; `null` keeps
+         * nothing. As `storageKey` of ThemeToggle, whose default applies when
+         * this is left out.
+         */
+        themeStorageKey?: string | null;
+        /** The texts of the theme toggle's name, for another language. As `labels` of ThemeToggle. */
+        themeLabels?: Partial<ThemeToggleLabels>;
+        /** The words the bar says by itself: the menu button's two names and the note on a link that opens a new tab. */
+        strings?: Partial<TopNavbarStrings>;
         class?: string;
         /** @deprecated use `class`. */
         className?: string;
@@ -27,6 +53,12 @@
         items?: TopNavbarNavItem[];
         navVariant?: "header" | "sidebar";
         currentPath?: string;
+        /**
+         * Where the links move from the phone menu into the bar: at this
+         * breakpoint and wider they sit in the row. Raise it when the row has
+         * more items than fit at 768px.
+         */
+        collapseAt?: TopNavbarCollapseAt;
         preventNavigation?: boolean;
         onclick?: (event: Event) => void;
     }
@@ -36,12 +68,17 @@
         brandHref,
         ariaLabel,
         showThemeToggle = true,
+        themeModes = "two",
+        themeStorageKey,
+        themeLabels,
+        strings,
         class: classAttr = "",
         className: legacyClass = "",
         embedded = false,
         items = [],
         navVariant = "header",
         currentPath = "",
+        collapseAt = "md",
         preventNavigation = false,
         onclick,
         nav,
@@ -55,18 +92,135 @@
 
     const mobileMenuId = generateId("topnavbar-menu");
 
+    /** The app-wide words for this component, from a `ZabiStringsProvider` above it, if there is one. */
+    const provided = zabiStringsFor("topNavbar");
+    const text = $derived(mergeStrings(DEFAULT_TOP_NAVBAR_STRINGS, provided(), strings));
+
     let isMenuOpen = $state(false);
+    let navElement = $state<HTMLElement | null>(null);
+    let panelElement = $state<HTMLElement | null>(null);
+    let menuButtonHolder = $state<HTMLElement | null>(null);
+
+    /**
+     * The classes that move the links between the row and the menu, written
+     * out for each breakpoint: Tailwind only generates a class it can read in
+     * the source, so `${collapseAt}:hidden` would produce nothing. `query` is
+     * the same breakpoint for the script (Tailwind's defaults).
+     */
+    const COLLAPSE: Record<
+        TopNavbarCollapseAt,
+        { row: string; menu: string; brand: string; query: string }
+    > = {
+        sm: { row: "hidden sm:block", menu: "sm:hidden", brand: "sm:shrink-0", query: "(min-width: 40rem)" },
+        md: { row: "hidden md:block", menu: "md:hidden", brand: "md:shrink-0", query: "(min-width: 48rem)" },
+        lg: { row: "hidden lg:block", menu: "lg:hidden", brand: "lg:shrink-0", query: "(min-width: 64rem)" },
+        xl: { row: "hidden xl:block", menu: "xl:hidden", brand: "xl:shrink-0", query: "(min-width: 80rem)" },
+    };
+    const collapse = $derived(COLLAPSE[collapseAt] ?? COLLAPSE.md);
 
     function toggleMenu() {
         isMenuOpen = !isMenuOpen;
     }
 
+    function focusMenuButton() {
+        menuButtonHolder?.querySelector("button")?.focus();
+    }
+
+    /**
+     * The menu is a disclosure, not a dialog: nothing is trapped or locked, so
+     * it has to get out of the way by itself whenever the user has moved on.
+     */
     function handleWindowKeydown(event: KeyboardEvent) {
-        if (event.key === "Escape" && isMenuOpen) {
+        // A menu inside the panel (a Dropdown, say) closes on Escape first.
+        if (event.key !== "Escape" || !isMenuOpen || event.defaultPrevented) return;
+        const focusInside = !!panelElement?.contains(document.activeElement);
+        isMenuOpen = false;
+        // The link that had focus is gone; without this, focus falls to <body>.
+        if (focusInside) focusMenuButton();
+    }
+
+    /** A toast lies over the menu; a press on it, or focus in it, is not leaving the bar. */
+    function isOutside(event: Event): boolean {
+        if (isInsideToastRegion(event.target)) return false;
+        return !!navElement && !(event.target instanceof Node && navElement.contains(event.target));
+    }
+
+    /**
+     * A press outside the bar closes the menu once it is complete (the click),
+     * not when it starts. The open menu pushes the page down, so closing it
+     * on the way down moved the page back up under the pointer and the
+     * control that was pressed never got its click.
+     */
+    let pressing = false;
+
+    function handleOutsideClick(event: MouseEvent) {
+        if (isMenuOpen && isOutside(event)) isMenuOpen = false;
+    }
+
+    /**
+     * Focus that leaves the bar by the keyboard or from a script. A press
+     * moves focus too, between its `mousedown` and its click (after the
+     * finger has lifted, on a touch screen); that one is left to the click.
+     */
+    function handleOutsideFocus(event: FocusEvent) {
+        if (isMenuOpen && !pressing && isOutside(event)) isMenuOpen = false;
+    }
+
+    /** Following a link in the menu: the page under it is about to change. */
+    function handlePanelClick(event: MouseEvent) {
+        if (event.target instanceof Element && event.target.closest("a[href]")) {
             isMenuOpen = false;
         }
     }
 
+    // The route changed some other way (history, a link elsewhere on the page).
+    let lastPath: string | undefined;
+    $effect(() => {
+        if (lastPath !== undefined && currentPath !== lastPath) isMenuOpen = false;
+        lastPath = currentPath;
+    });
+
+    // Past the breakpoint the menu button is gone, so a menu left open could
+    // not be closed, and it would still be open on the way back down.
+    $effect(() => {
+        if (typeof window === "undefined" || !window.matchMedia) return;
+        const wide = window.matchMedia(collapse.query);
+        const close = () => {
+            if (wide.matches) isMenuOpen = false;
+        };
+        wide.addEventListener("change", close);
+        return () => wide.removeEventListener("change", close);
+    });
+
+    /**
+     * The menu scrolls on its own only when it is taller than the room under
+     * the bar. A scrolling box clips whatever reaches outside it, and a
+     * Dropdown among the `actions` opens past the end of the menu: when the
+     * menu fits, that has to stay visible, as it was before the menu could
+     * scroll.
+     */
+    let panelScrolls = $state(false);
+    $effect(() => {
+        const panel = panelElement;
+        const content = panel?.firstElementChild;
+        if (!panel || !content) {
+            panelScrolls = false;
+            return;
+        }
+        const measure = () => {
+            const room = parseFloat(getComputedStyle(panel).maxHeight);
+            panelScrolls = Number.isFinite(room) && content.getBoundingClientRect().height > room;
+        };
+        measure();
+        window.addEventListener("resize", measure);
+        const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+        observer?.observe(content);
+        return () => {
+            window.removeEventListener("resize", measure);
+            observer?.disconnect();
+        };
+    });
+
     function handleNavLinkClick(event: MouseEvent) {
         if (preventNavigation) {
             event.preventDefault();
@@ -76,9 +230,10 @@
         }
     }
 
-    /** Absolute URLs leave the site, so they are marked and open in a new tab. */
-    function isExternal(href: string): boolean {
-        return href.startsWith("http://") || href.startsWith("https://");
+    /** Absolute URLs leave the site, so they are marked and open in a new tab.
+     * `external` overrides that for same-origin links that leave the app. */
+    function isExternal(item: TopNavbarNavItem): boolean {
+        return item.external ?? (item.href.startsWith("http://") || item.href.startsWith("https://"));
     }
 
     /** App routes: prefix match except `/` and absolute URLs (exact match). */
@@ -98,8 +253,24 @@
             : "flex flex-col gap-1 md:flex-row md:items-center md:justify-between";
     });
 
-    function getNavItemClasses(): string {
-        return "flex flex-col gap-1 grow h-full items-center justify-center min-h-0 min-w-0 relative shrink-0 cursor-pointer w-full md:w-auto";
+    /** Where a list of links is drawn: in the bar, in the phone menu, or alone (`embedded`). */
+    type NavListPlace = "row" | "menu" | "embedded";
+
+    function getListClasses(place: NavListPlace): string {
+        if (place === "embedded" || navVariant === "sidebar") return ulClasses;
+        // The row only shows at the breakpoint and wider, and the menu only
+        // below it, so neither needs a breakpoint of its own.
+        return place === "row"
+            ? "flex flex-row items-center justify-between gap-1"
+            : "flex flex-col gap-1";
+    }
+
+    function getNavItemClasses(place: NavListPlace = "embedded"): string {
+        const base =
+            "flex flex-col gap-1 grow h-full items-center justify-center min-h-0 min-w-0 relative shrink-0 cursor-pointer";
+        if (place === "row") return `${base} w-auto`;
+        if (place === "menu") return `${base} w-full`;
+        return `${base} w-full md:w-auto`;
     }
 
     /**
@@ -121,15 +292,20 @@
         const base =
             "focus-ring focus-ring--nav group/nav-item flex flex-col items-center justify-center overflow-clip relative rounded-pill shrink-0 transition-colors duration-200 outline-none";
         return isActive
-            ? cn(base, "bg-nav-menu-active text-nav-menu-item-active")
+            ? // Forced colours drop the fill and recolour the label: the
+              // current item keeps an inset outline there, which is drawn.
+              cn(
+                  base,
+                  "bg-nav-menu-active text-nav-menu-item-active forced-colors:outline-solid forced-colors:outline-2 forced-colors:-outline-offset-2",
+              )
             : cn(
                   base,
-                  "text-nav-menu-item hover:bg-nav-menu-hover hover:text-nav-menu-item-hover",
+                  "text-nav-menu-item hover:bg-nav-menu-hover hover:text-nav-menu-item-hover active:bg-nav-menu-active",
               );
     }
 
     function getStateLayerClasses(): string {
-        return "box-border flex gap-1 h-10 items-center px-4 py-2 relative shrink-0";
+        return "box-border flex gap-1 h-10 pointer-coarse:h-11 items-center px-4 py-2 relative shrink-0";
     }
 
     function getLabelClasses(): string {
@@ -143,15 +319,16 @@
     }
 </script>
 
-{#snippet defaultNavList()}
-    <ul class="{ulClasses} list-none m-0 p-0">
+{#snippet defaultNavList(place: NavListPlace)}
+    <ul class="{getListClasses(place)} list-none m-0 p-0">
         {#each items as item (item.href)}
             {@const isActive = isNavItemActive(item.href)}
-            {@const external = isExternal(item.href)}
-            <li class={getNavItemClasses()}>
+            {@const external = isExternal(item)}
+            <li class={getNavItemClasses(place)}>
+                <!-- In the menu the link is the whole row, not a pill as wide as its label. -->
                 <a
                     href={item.href}
-                    class={getIconContainerClasses(isActive)}
+                    class={cn(getIconContainerClasses(isActive), place === "menu" && "w-full")}
                     onclick={handleNavLinkClick}
                     aria-current={isActive ? "page" : undefined}
                     target={external ? "_blank" : undefined}
@@ -178,7 +355,7 @@
                                 class="shrink-0 text-current opacity-70"
                                 aria-hidden="true"
                             />
-                            <span class="sr-only">(opens in a new tab)</span>
+                            <span class="sr-only">{text.opensInNewTab}</span>
                         {/if}
                     </div>
                 </a>
@@ -187,57 +364,68 @@
     </ul>
 {/snippet}
 
-<svelte:window onkeydown={handleWindowKeydown} />
+<svelte:window
+    onkeydown={handleWindowKeydown}
+    onmousedowncapture={() => (pressing = true)}
+    onmouseupcapture={() => (pressing = false)}
+    onpointercancelcapture={() => (pressing = false)}
+    onclickcapture={handleOutsideClick}
+    onfocusin={handleOutsideFocus}
+/>
 
 {#if embedded}
     <nav class={className} aria-label={ariaLabel} {...restProps}>
         {#if nav}
             {@render nav()}
         {:else}
-            {@render defaultNavList()}
+            {@render defaultNavList("embedded")}
         {/if}
     </nav>
 {:else}
     <nav
+        bind:this={navElement}
         class={cn("border-b border-border bg-background sticky top-0 z-sticky", className)}
         aria-label={ariaLabel}
         {...restProps}
     >
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between items-center h-16">
-                <div class="shrink-0">
+                <!-- Beside the menu button the brand gives way and is cut short,
+                so the button stays on screen however long the name or large the
+                text. In the row it keeps its full width, as before. -->
+                <div class={cn("flex min-w-0", collapse.brand)}>
                     {#if brandHref}
                         <a
                             href={brandHref}
-                            class="focus-ring text-xl font-bold text-headline transition-colors hover:text-link"
+                            class="focus-ring block min-w-0 truncate text-xl font-bold text-headline transition-colors hover:text-link active:text-link pointer-coarse:min-h-11 pointer-coarse:leading-[2.75rem]"
                         >
                             {brand}
                         </a>
                     {:else}
-                        <span class="text-xl font-bold text-headline">{brand}</span>
+                        <span class="block min-w-0 truncate text-xl font-bold text-headline">{brand}</span>
                     {/if}
                 </div>
 
-                <div class="hidden md:block">
+                <div class={collapse.row}>
                     <div class="ml-10 flex items-center space-x-4">
                         {#if nav}
                             {@render nav()}
                         {:else if items.length > 0}
-                            {@render defaultNavList()}
+                            {@render defaultNavList("row")}
                         {/if}
                     </div>
                 </div>
 
-                <div class="hidden md:block">
+                <div class={collapse.row}>
                     <div class="ml-4 flex items-center space-x-4">
                         {@render actions?.()}
                         {#if showThemeToggle}
-                            <ThemeToggle />
+                            <ThemeToggle modes={themeModes} storageKey={themeStorageKey} labels={themeLabels} />
                         {/if}
                     </div>
                 </div>
 
-                <div class="md:hidden">
+                <div bind:this={menuButtonHolder} class={cn("ms-2 shrink-0", collapse.menu)}>
                     <!--
                       Was a bare ☰ glyph in a text-2xl span: font-dependent,
                       off the icon scale, and with no disclosure semantics, so
@@ -245,10 +433,10 @@
                     -->
                     <IconButton
                         variant="ghost"
-                        label={isMenuOpen ? "Close menu" : "Open menu"}
+                        label={isMenuOpen ? text.closeMenu : text.openMenu}
                         onclick={toggleMenu}
                         aria-expanded={isMenuOpen}
-                        aria-controls={mobileMenuId}
+                        aria-controls={isMenuOpen ? mobileMenuId : undefined}
                     >
                         {#if isMenuOpen}
                             <X size={20} />
@@ -259,21 +447,32 @@
                 </div>
             </div>
 
+            <!-- `aria-controls` above names this panel only while it exists.
+            Keeping it in the DOM, hidden, would render `nav` and `actions` a
+            second time on every page for every desktop visitor: duplicate ids
+            from the caller's snippets, and a second ThemeToggle mounted. -->
             {#if isMenuOpen}
-                <div class="md:hidden" id={mobileMenuId}>
+                <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
+                <div
+                    bind:this={panelElement}
+                    class={cn("topnavbar-menu", collapse.menu)}
+                    id={mobileMenuId}
+                    data-scrolls={panelScrolls ? "" : undefined}
+                    onclick={handlePanelClick}
+                >
                     <div
                         class="px-2 pt-2 pb-3 space-y-1 sm:px-3 border-t border-border"
                     >
                         {#if nav}
                             {@render nav()}
                         {:else if items.length > 0}
-                            {@render defaultNavList()}
+                            {@render defaultNavList("menu")}
                         {/if}
                         <div class="pt-4">
                             {@render actions?.()}
                             {#if showThemeToggle}
                                 <div class="mt-2">
-                                    <ThemeToggle />
+                                    <ThemeToggle modes={themeModes} storageKey={themeStorageKey} labels={themeLabels} />
                                 </div>
                             {/if}
                         </div>
@@ -283,3 +482,29 @@
         </div>
     </nav>
 {/if}
+
+<style>
+    /*
+     * The bar is sticky, so an open menu taller than the screen could never be
+     * scrolled into view: the page moved under it and its last control stayed
+     * below the fold. It takes what is left of the screen under the 4rem bar
+     * (and its 1px border) and scrolls on its own, without handing the scroll
+     * on to the page when it reaches an end. `dvh` follows a phone's
+     * collapsing address bar; `vh` is for browsers without it. In a web app
+     * installed to the home screen the bar starts below the status bar, so
+     * that inset comes off as well, or the menu's end would be under the
+     * bottom of the screen by as much.
+     *
+     * Only a menu that does not fit scrolls (`data-scrolls`, set by the
+     * script): a scrolling box would clip a Dropdown that opens out of it.
+     */
+    .topnavbar-menu {
+        max-height: calc(100vh - 4rem - 1px - env(safe-area-inset-top, 0px));
+        max-height: calc(100dvh - 4rem - 1px - env(safe-area-inset-top, 0px));
+    }
+
+    .topnavbar-menu[data-scrolls] {
+        overflow-y: auto;
+        overscroll-behavior: contain;
+    }
+</style>

package/dist/organisms/TopNavbar.svelte.d.ts

@@ -1,4 +1,6 @@
 import type { Component, Snippet } from "svelte";
+import type { ThemeToggleLabels } from "../util/theme-mode.js";
+import { type TopNavbarStrings } from "../util/top-navbar.js";
 export interface TopNavbarNavItem {
     label: string;
     href: string;
@@ -10,13 +12,31 @@ export interface TopNavbarNavItem {
         size?: number;
         class?: string;
     }>;
+    /** Marks the link and opens it in a new tab. Defaults to true for absolute URLs. */
+    external?: boolean;
 }
+export type TopNavbarCollapseAt = "sm" | "md" | "lg" | "xl";
 interface Props {
     brand?: string;
     brandHref?: string;
     /** `aria-label` on `<nav>` when multiple nav landmarks exist. */
     ariaLabel?: string;
     showThemeToggle?: boolean;
+    /**
+     * How the theme toggle steps: `"two"` flips light and dark, `"three"`
+     * goes through system, light and dark. As `modes` of ThemeToggle.
+     */
+    themeModes?: "two" | "three";
+    /**
+     * The `localStorage` key the theme choice is kept under; `null` keeps
+     * nothing. As `storageKey` of ThemeToggle, whose default applies when
+     * this is left out.
+     */
+    themeStorageKey?: string | null;
+    /** The texts of the theme toggle's name, for another language. As `labels` of ThemeToggle. */
+    themeLabels?: Partial<ThemeToggleLabels>;
+    /** The words the bar says by itself: the menu button's two names and the note on a link that opens a new tab. */
+    strings?: Partial<TopNavbarStrings>;
     class?: string;
     /** @deprecated use `class`. */
     className?: string;
@@ -25,6 +45,12 @@ interface Props {
     items?: TopNavbarNavItem[];
     navVariant?: "header" | "sidebar";
     currentPath?: string;
+    /**
+     * Where the links move from the phone menu into the bar: at this
+     * breakpoint and wider they sit in the row. Raise it when the row has
+     * more items than fit at 768px.
+     */
+    collapseAt?: TopNavbarCollapseAt;
     preventNavigation?: boolean;
     onclick?: (event: Event) => void;
 }

package/dist/organisms/index.d.ts

@@ -3,3 +3,8 @@ export { default as SidebarNavigation } from './SidebarNavigation.svelte';
 export { default as SidebarShell } from './SidebarShell.svelte';
 export { default as SidebarAccountPanel } from './SidebarAccountPanel.svelte';
 export { default as SidebarPanel } from './SidebarPanel.svelte';
+export { default as AppShell } from './AppShell.svelte';
+export { DEFAULT_TOP_NAVBAR_STRINGS } from '../util/top-navbar.js';
+export type { TopNavbarStrings } from '../util/top-navbar.js';
+export { DEFAULT_SIDEBAR_ACCOUNT_PANEL_STRINGS, DEFAULT_SIDEBAR_NAVIGATION_STRINGS, } from '../util/sidebar.js';
+export type { SidebarAccountPanelStrings, SidebarNavigationStrings } from '../util/sidebar.js';

package/dist/organisms/index.js

@@ -3,3 +3,6 @@ export { default as SidebarNavigation } from './SidebarNavigation.svelte';
 export { default as SidebarShell } from './SidebarShell.svelte';
 export { default as SidebarAccountPanel } from './SidebarAccountPanel.svelte';
 export { default as SidebarPanel } from './SidebarPanel.svelte';
+export { default as AppShell } from './AppShell.svelte';
+export { DEFAULT_TOP_NAVBAR_STRINGS } from '../util/top-navbar.js';
+export { DEFAULT_SIDEBAR_ACCOUNT_PANEL_STRINGS, DEFAULT_SIDEBAR_NAVIGATION_STRINGS, } from '../util/sidebar.js';

package/dist/types/components.d.ts

@@ -79,6 +79,10 @@ export interface SelectProps {
     searchPlaceholder?: string;
     maxMenuHeight?: string;
     menuWidth?: string;
+    /** `auto` (the default): a BottomSheet on a phone, under the field elsewhere. */
+    presentation?: "auto" | "popover" | "sheet" | "native";
+    /** The component's own texts; see `SelectStrings`. The single-text props win over it. */
+    strings?: Partial<import("../components/util/select.js").SelectStrings>;
     noResultsText?: string;
     disabled?: boolean;
     className?: string;

package/dist/types/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAGtJ,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7G,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC;CAChD;AAGD,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,SAAS;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;IACvC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;IACxC,KAAK,EAAE;QAAE,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC;IAC7B,IAAI,EAAE;QAAE,KAAK,EAAE,UAAU,CAAA;KAAE,CAAC;CAC/B;AAGD,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;CAC9C;AAGD,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;CAC3C;AAGD,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;IACvC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;CAC3C;AAGD,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;CAE3B;AAGD,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,UAAU;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,KAAK,CAAA;KAAE,CAAC;CAC9C;AAGD,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,aAAa,GAAG,eAAe,CAAC;IACzI,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE;QACT,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACL;AAGD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAClD,MAAM,MAAM,IAAI,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;AAC5C,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC3D,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AACpE,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AAC9D,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AACpE,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAC3D,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;AAC9C,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;AAC9C,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;AACpD,MAAM,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;AACpD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/types/components.ts"],"names":[],"mappings":"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"}