@manta-eu/react 0.1.0

package/dist/components/sidebar/index.js

@@ -0,0 +1,267 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Slot } from "@radix-ui/react-slot";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { PanelLeftIcon } from "lucide-react";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { Button } from "../button/index.js";
+import { Input } from "../input/index.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "../sheet/index.js";
+import { Skeleton } from "../skeleton/index.js";
+import { Tooltip, TooltipContent, TooltipProvider } from "../tooltip/index.js";
+import { SidebarContext } from "./sidebar-context.js";
+import { useIsMobile } from "./use-mobile.js";
+import { cn } from "#style";
+const sidebarStorageKey = "sidebar_state";
+const sidebarWidth = "232px";
+const sidebarWidthMobile = "18rem";
+const sidebarWidthIcon = "68px";
+const sidebarKeyboardShortcut = "b";
+function useSidebar() {
+    const context = useContext(SidebarContext);
+    if (!context) {
+        throw new Error("useSidebar must be used within a SidebarProvider.");
+    }
+    return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = useState(false);
+    const [_open, _setOpen] = useState(() => {
+        if (typeof window === "undefined")
+            return defaultOpen;
+        const stored = window.localStorage.getItem(sidebarStorageKey);
+        if (!isPresent(stored))
+            return defaultOpen;
+        return stored === "true";
+    });
+    const _openCurrent = openProp ?? _open;
+    const setOpen = useCallback((_value) => {
+        const openState = typeof _value === "function" ? _value(_openCurrent) : _value;
+        if (setOpenProp) {
+            setOpenProp(openState);
+        }
+        else {
+            _setOpen(openState);
+        }
+        if (typeof window !== "undefined") {
+            window.localStorage.setItem(sidebarStorageKey, String(openState));
+        }
+    }, [setOpenProp, _openCurrent]);
+    const toggleSidebar = useCallback(() => {
+        return isMobile ? setOpenMobile((_open) => !_open) : setOpen((_open) => !_open);
+    }, [isMobile, setOpen, setOpenMobile]);
+    useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === sidebarKeyboardShortcut && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    const state = _openCurrent ? "expanded" : "collapsed";
+    const contextValue = useMemo(() => ({
+        state,
+        open: _openCurrent,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+    }), [state, _openCurrent, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
+    return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx(TooltipProvider, { delayDuration: 0, children: _jsx("div", { "data-slot": "sidebar-wrapper", style: {
+                    "--sidebar-width": sidebarWidth,
+                    "--sidebar-width-icon": sidebarWidthIcon,
+                    ...style,
+                }, className: cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex h-svh w-full", className), ...props, children: children }) }) }));
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+        return (_jsx("div", { "data-slot": "sidebar", className: cn("bg-sidebar text-default-foreground hidden lg:flex h-svh shrink-0 flex-col", className), style: {
+                "--sidebar-width": sidebarWidth,
+                width: sidebarWidth,
+                minWidth: sidebarWidth,
+                maxWidth: sidebarWidth,
+            }, ...props, children: children }));
+    }
+    if (isMobile) {
+        return (_jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: _jsxs(SheetContent, { "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "bg-sidebar text-default-foreground w-(--sidebar-width) p-0 [&>button]:hidden", style: {
+                    "--sidebar-width": sidebarWidthMobile,
+                }, side: side, children: [_jsxs(SheetHeader, { className: "sr-only", children: [_jsx(SheetTitle, { text: "Sidebar" }), _jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), _jsx("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
+    }
+    return (_jsxs("div", { className: "group peer text-default-foreground hidden md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [_jsx("div", { "data-slot": "sidebar-gap", className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-[400ms] ease-[cubic-bezier(0.32,0.72,0,1)]", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
+                    ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), _jsx("div", { "data-slot": "sidebar-container", className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-[400ms] ease-[cubic-bezier(0.32,0.72,0,1)] md:flex", side === "left"
+                    ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+                    : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", 
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset"
+                    ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "bg-sidebar group-data-[variant=floating]:border-muted-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm", children: children }) })] }));
+}
+function SidebarTrigger(props) {
+    const { className, onClick, ...otherProps } = props;
+    const { toggleSidebar } = useSidebar();
+    return (_jsx(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", className: cn("size-7", className), onClick: (event) => {
+            onClick?.(event);
+            toggleSidebar();
+        }, ...otherProps, icon: PanelLeftIcon, iconOnly: true, "aria-label": "Toggle Sidebar" }));
+}
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("hover:after:bg-muted-foreground absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-muted-foreground group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
+}
+function SidebarInset({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-inset", className: cn("bg-sidebar relative flex flex-1 flex-col min-h-0 min-w-0", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className), ...props }));
+}
+function SidebarInput({ className, ...props }) {
+    return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("bg-card h-8 w-full shadow-none", className), ...props }));
+}
+function SidebarHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("flex flex-col gap-2 p-3.5", className), ...props }));
+}
+function SidebarFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-3.5 transition-[padding] duration-200 ease-linear", className), ...props }));
+}
+function SidebarSeparator({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("bg-muted-border mx-2 h-px w-auto", className), ...props }));
+}
+function SidebarContent({ className, children, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-content", "data-sidebar": "content", className: cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", "[background:linear-gradient(to_top,var(--color-sidebar)_30%,transparent)_bottom/100%_40px_no-repeat_local,linear-gradient(to_top,rgba(0,0,0,0.08),transparent)_bottom/100%_12px_no-repeat_scroll]", className), ...props, children: children }));
+}
+function SidebarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-3.5 transition-[padding] duration-200 ease-linear", className), ...props }));
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return (_jsx(Comp, { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: cn([
+            "flex h-8 shrink-0 items-center rounded-md px-2",
+            "typography-tiny-medium ",
+            "text-default-foreground/70",
+            "ring-active-border outline-hidden focus-visible:ring-2",
+            "transition-[margin,opacity] duration-200 ease-linear",
+            "[&>svg]:shrink-0",
+            "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        ], className), ...props }));
+}
+function SidebarGroupAction({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { "data-slot": "sidebar-group-action", "data-sidebar": "group-action", className: cn("text-default-foreground ring-muted-foreground hover:bg-muted-foreground hover:text-default-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:shrink-0", 
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className), ...props }));
+}
+function SidebarGroupContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("w-full typography-small", className), ...props }));
+}
+function SidebarMenu({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+}
+function SidebarMenuItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+}
+function SidebarMenuButton({ asChild = false, isActive = false, tooltip, className, title, ...props }) {
+    const { isMobile, state } = useSidebar();
+    const buttonClassName = cn([
+        "flex items-center gap-2 px-3 py-2.5 rounded-xl w-full min-w-0 overflow-hidden whitespace-nowrap",
+        "typography-small-medium",
+        "text-default-foreground hover:bg-muted",
+        isActive && "bg-muted text-default-foreground",
+        "[&>svg]:shrink-0",
+        "[&>span]:min-w-0 [&>span]:flex-1 [&>span]:truncate",
+        "[&>span]:opacity-100 [&>span]:transition-opacity [&>span]:duration-150 [&>span]:ease-[cubic-bezier(0.32,0.72,0,1)]",
+        "group-data-[state=collapsed]:[&>span]:opacity-0",
+        "group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0",
+        "group-data-[collapsible=icon]:[&>span]:hidden",
+    ], className);
+    const tooltipLabel = typeof tooltip === "string"
+        ? tooltip
+        : tooltip && typeof tooltip.children === "string"
+            ? tooltip.children
+            : undefined;
+    const shouldShowRadixTooltip = !!tooltip && state === "collapsed" && !isMobile;
+    const Comp = asChild ? Slot : "button";
+    const control = (_jsx(Comp, { "data-slot": "sidebar-menu-button", "data-sidebar": "menu-button", "data-active": isActive, title: title ?? (shouldShowRadixTooltip ? undefined : tooltipLabel), className: buttonClassName, ...(asChild ? {} : { type: "button" }), ...props }));
+    if (!shouldShowRadixTooltip) {
+        return control;
+    }
+    const tooltipContentProps = typeof tooltip === "string" ? { children: tooltip } : (tooltip ?? {});
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: control }), _jsx(TooltipContent, { side: "right", align: "center", ...tooltipContentProps })] }));
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { "data-slot": "sidebar-menu-action", "data-sidebar": "menu-action", className: cn("text-default-foreground ring-active-border hover:bg-accent hover:text-accent-foreground peer-hover/menu-button:text-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:shrink-0", 
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover &&
+            "peer-data-[active=true]/menu-button:text-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className), ...props }));
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn([
+            // Layout & positioning
+            "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1",
+            // Typography
+            "typography-tiny-medium tabular-nums",
+            // Colors
+            "text-default-foreground",
+            // Interactions
+            "pointer-events-none select-none",
+            // Peer states
+            "peer-hover/menu-button:text-accent-foreground peer-data-[active=true]/menu-button:text-accent-foreground",
+            // Size variants
+            "peer-data-[size=sm]/menu-button:top-1",
+            "peer-data-[size=default]/menu-button:top-1.5",
+            "peer-data-[size=lg]/menu-button:top-2.5",
+            // Collapsed state
+            "group-data-[collapsible=icon]:hidden",
+        ], className), ...props }));
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+    const width = useMemo(() => {
+        return `${Math.floor(Math.random() * 40) + 50}%`;
+    }, []);
+    return (_jsxs("div", { "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [showIcon && _jsx(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }), _jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
+                    "--skeleton-width": width,
+                } })] }));
+}
+function SidebarMenuSub({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn("border-muted-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className), ...props }));
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item relative", className), ...props }));
+}
+function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false, className, ...props }) {
+    const Comp = asChild ? Slot : "a";
+    return (_jsx(Comp, { "data-slot": "sidebar-menu-sub-button", "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: cn([
+            // Layout
+            "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2",
+            // Typography
+            size === "sm" && "typography-tiny",
+            size === "md" && "typography-small",
+            // Colors
+            "text-default-foreground",
+            // Focus & Ring
+            "ring-active-border outline-hidden focus-visible:ring-2",
+            // Hover states
+            "hover:bg-accent hover:text-accent-foreground",
+            // Active states
+            "active:bg-accent active:text-accent-foreground",
+            "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
+            // Disabled states
+            "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+            // Child elements
+            "[&>svg]:text-accent-foreground [&>svg]:shrink-0",
+            "[&>span:last-child]:truncate",
+            // Collapsed state
+            "group-data-[collapsible=icon]:hidden",
+        ], className), ...props }));
+}
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
+export { CompanyPicker, toCompanyItems } from "./company-picker.js";
+export { Initials } from "./initials.js";
+export { NavMenu } from "./nav-menu.js";
+export { useIsMobile } from "./use-mobile.js";
+export { NavUser } from "./nav-user.js";
+export { sidebarStorageKey };

package/dist/components/sidebar/initials.d.ts

@@ -0,0 +1,6 @@
+export type InitialsArgs = {
+    name: string;
+    className?: string;
+};
+export declare function Initials(args: InitialsArgs): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=initials.d.ts.map

package/dist/components/sidebar/initials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"initials.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/initials.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,2CAe1C"}

package/dist/components/sidebar/initials.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getInitials } from "@manta-eu/lib/string";
+import { cn } from "#style";
+export function Initials(args) {
+    const { name, className, ...rest } = args;
+    return (_jsx("div", { role: "img", "aria-label": name, className: cn("bg-primary text-primary-foreground border border-muted-border rounded-lg flex items-center justify-center p-1.5 size-8", className), children: getInitials({ name, ...rest }) }));
+}

package/dist/components/sidebar/nav-menu.d.ts

@@ -0,0 +1,45 @@
+import { type ComponentPropsWithoutRef, type ComponentType, type ReactNode } from "react";
+export type NavMenuLinkProps = ComponentPropsWithoutRef<"a"> & {
+    href: string;
+};
+export type NavMenuLinkComponent = ComponentType<NavMenuLinkProps>;
+export type NavSubItem = {
+    title: string;
+    href?: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    shortcut?: ReactNode;
+};
+export type NavItemBase = {
+    id?: string;
+    title: string;
+    icon: ComponentType<{
+        className?: string;
+        height?: number;
+        width?: number;
+    }>;
+    disabled?: boolean;
+    isActive?: boolean;
+    shortcut?: ReactNode;
+    tooltip?: string;
+};
+export type NavLeafItem = NavItemBase & {
+    href?: string;
+    onClick?: () => void;
+    items?: never;
+};
+export type NavSubmenuItem = NavItemBase & {
+    items: NavSubItem[];
+    href?: never;
+    onClick?: never;
+};
+export type NavItem = NavLeafItem | NavSubmenuItem;
+export type NavMenuSubmenuVariant = "list" | "dropdown";
+export type NavMenuArgs = {
+    items: NavItem[];
+    linkComponent?: NavMenuLinkComponent;
+    className?: string;
+    submenuVariant?: NavMenuSubmenuVariant;
+};
+export declare function NavMenu(props: NavMenuArgs): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-menu.d.ts.map

package/dist/components/sidebar/nav-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/nav-menu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,GAAG,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,WAAW,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,UAAU,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC,CAAC;AAWF,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,2CAczC"}

package/dist/components/sidebar/nav-menu.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronDown, LockIcon } from "lucide-react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { useEffect, useId, useState, } from "react";
+import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger, preventPointerFocus, } from "../dropdown/index.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/index.js";
+import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, useSidebar, } from "./index.js";
+import { cn } from "#style";
+const listSubItemClassName = "h-9 w-full rounded-xl px-3 typography-small-medium text-body-foreground hover:bg-muted data-[active=true]:bg-muted data-[active=true]:text-default-foreground";
+const disabledTopLevelClassName = "relative disabled:pointer-events-none disabled:opacity-50";
+function NavMenuDefaultLink(props) {
+    return _jsx("a", { ...props });
+}
+export function NavMenu(props) {
+    const { items, linkComponent: LinkComponent = NavMenuDefaultLink, className, submenuVariant = "list" } = props;
+    return (_jsx(SidebarGroup, { className: className, children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: items.map((item) => (_jsx(NavMenuEntry, { item: item, linkComponent: LinkComponent, submenuVariant: submenuVariant }, item.title))) }) }) }));
+}
+function NavMenuEntry(props) {
+    const { item, linkComponent, submenuVariant } = props;
+    if (hasSubItems(item)) {
+        return _jsx(NavSubmenuMenuItem, { item: item, linkComponent: linkComponent, submenuVariant: submenuVariant });
+    }
+    return (_jsx(SidebarMenuItem, { children: _jsx(NavLeafMenuItem, { item: item, linkComponent: linkComponent }) }));
+}
+function hasSubItems(item) {
+    return Array.isArray(item.items) && item.items.length > 0;
+}
+function NavSubmenuMenuItem(props) {
+    const { item, linkComponent, submenuVariant } = props;
+    const { isMobile, state } = useSidebar();
+    const shouldReduceMotion = useReducedMotion();
+    const tooltipContent = useNavMenuTooltipContent(item);
+    const submenuId = useId();
+    const hasActiveSubItem = item.items.some((subItem) => subItem.isActive);
+    const isActive = !item.disabled && (item.isActive || hasActiveSubItem);
+    const [isOpen, setIsOpen] = useState(hasActiveSubItem);
+    const resolvedSubmenuVariant = submenuVariant === "dropdown" || (state === "collapsed" && !isMobile) ? "dropdown" : "list";
+    useEffect(() => {
+        if (hasActiveSubItem) {
+            setIsOpen(true);
+        }
+    }, [hasActiveSubItem]);
+    if (item.disabled) {
+        return (_jsx(SidebarMenuItem, { children: _jsx(NavMenuDisabledTooltip, { content: tooltipContent, children: _jsx(SidebarMenuButton, { type: "button", disabled: true, isActive: isActive, "aria-label": item.title, className: disabledTopLevelClassName, "data-nav-id": item.id, children: _jsx(NavMenuItemContent, { item: item }) }) }) }));
+    }
+    if (resolvedSubmenuVariant === "dropdown") {
+        return (_jsx(SidebarMenuItem, { children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { type: "button", isActive: isActive, tooltip: tooltipContent, "aria-label": item.title, className: "group data-[state=open]:bg-muted data-[state=open]:text-default-foreground", "data-nav-id": item.id, children: [_jsx(NavMenuItemContent, { item: item }), _jsx(ChevronDown, { className: "ml-auto size-4 shrink-0 transition-transform duration-150 ease-out group-data-[collapsible=icon]:hidden group-data-[state=open]:rotate-180" })] }) }), _jsx(DropdownContent, { className: "w-40 min-w-40 p-0 shadow-md", side: isMobile ? "bottom" : "right", align: "start", sideOffset: 8, children: _jsx(DropdownGroup, { label: item.title, className: "p-2", children: item.items.map((subItem) => (_jsx(NavDropdownSubItem, { item: subItem, linkComponent: linkComponent }, subItem.title))) }) })] }) }));
+    }
+    return (_jsxs(SidebarMenuItem, { children: [_jsxs(SidebarMenuButton, { type: "button", isActive: isActive, tooltip: tooltipContent, "aria-label": item.title, "aria-expanded": isOpen, "aria-controls": submenuId, onClick: () => setIsOpen((current) => !current), "data-nav-id": item.id, children: [_jsx(NavMenuItemContent, { item: item }), _jsx(ChevronDown, { className: cn("ml-auto size-4 shrink-0 transition-transform duration-150 ease-out group-data-[collapsible=icon]:hidden", isOpen && "rotate-180") })] }), _jsx(AnimatePresence, { initial: false, children: isOpen && (_jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: shouldReduceMotion ? { duration: 0 } : { duration: 0.2, ease: [0.23, 1, 0.32, 1] }, className: "overflow-hidden", children: _jsx(SidebarMenuSub, { id: submenuId, className: "ml-5.5 mr-0 mt-1 translate-x-0 border-muted-border px-3 py-0", children: item.items.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(NavListSubItem, { item: subItem, linkComponent: linkComponent }) }, subItem.title))) }) })) })] }));
+}
+function NavLeafMenuItem(props) {
+    const { item, linkComponent: LinkComponent } = props;
+    const href = item.href;
+    const tooltipContent = useNavMenuTooltipContent(item);
+    if (item.onClick || !href || item.disabled) {
+        const isDisabled = item.disabled || !item.onClick;
+        const button = (_jsx(SidebarMenuButton, { type: "button", onClick: item.disabled ? undefined : item.onClick, disabled: isDisabled, tooltip: isDisabled ? undefined : tooltipContent, isActive: !item.disabled && item.isActive, "aria-label": item.title, className: isDisabled ? disabledTopLevelClassName : undefined, "data-nav-id": item.id, children: _jsx(NavMenuItemContent, { item: item }) }));
+        if (isDisabled) {
+            return _jsx(NavMenuDisabledTooltip, { content: tooltipContent, children: button });
+        }
+        return button;
+    }
+    return (_jsx(SidebarMenuButton, { asChild: true, tooltip: tooltipContent, isActive: item.isActive, "data-nav-id": item.id, children: _jsx(LinkComponent, { href: href, "aria-label": item.title, children: _jsx(NavMenuItemContent, { item: item }) }) }));
+}
+function useNavMenuTooltipContent(item) {
+    const { isMobile, state } = useSidebar();
+    const shouldShowCollapsedTitle = state === "collapsed" && !isMobile;
+    const customTooltip = item.tooltip?.trim();
+    if (customTooltip && shouldShowCollapsedTitle) {
+        return `${item.title}: ${customTooltip}`;
+    }
+    return customTooltip || (shouldShowCollapsedTitle ? item.title : undefined);
+}
+// Disabled buttons are pointer-events-none, so a tooltip on the button itself never fires —
+// hence the wrapper span, which still receives the hover.
+function NavMenuDisabledTooltip(props) {
+    const { children, content } = props;
+    if (!content) {
+        return children;
+    }
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "block w-full", children: children }) }), _jsx(TooltipContent, { side: "right", align: "center", children: content })] }));
+}
+function NavMenuItemContent(props) {
+    const { item } = props;
+    return (_jsxs(_Fragment, { children: [_jsx(item.icon, { height: 20, width: 20, className: "size-5" }), _jsx("span", { children: item.title }), !item.disabled && item.shortcut, item.disabled && (_jsx(LockIcon, { className: "ml-auto size-4 shrink-0 text-muted-foreground group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:top-1 group-data-[collapsible=icon]:right-1 group-data-[collapsible=icon]:size-2.5" }))] }));
+}
+function NavListSubItem(props) {
+    const { item, linkComponent: LinkComponent } = props;
+    const href = item.href;
+    if (item.onClick || !href) {
+        return (_jsx(SidebarMenuSubButton, { asChild: true, isActive: item.isActive, className: listSubItemClassName, children: _jsx("button", { type: "button", onClick: item.onClick, disabled: !item.onClick, children: _jsx(NavSubItemContent, { item: item }) }) }));
+    }
+    return (_jsx(SidebarMenuSubButton, { asChild: true, isActive: item.isActive, className: listSubItemClassName, children: _jsx(LinkComponent, { href: href, children: _jsx(NavSubItemContent, { item: item }) }) }));
+}
+function NavDropdownSubItem(props) {
+    const { item, linkComponent: LinkComponent } = props;
+    const className = cn("rounded-xl px-2 py-1.5", item.isActive && "bg-faint");
+    const href = item.href;
+    if (item.onClick || !href) {
+        return (_jsx(DropdownItem, { className: className, onClick: item.onClick, disabled: !item.onClick, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: _jsx(NavSubItemContent, { item: item }) }));
+    }
+    return (_jsx(DropdownItem, { asChild: true, className: className, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: _jsx(LinkComponent, { href: href, children: _jsx(NavSubItemContent, { item: item }) }) }));
+}
+function NavSubItemContent(props) {
+    const { item } = props;
+    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: item.title }), item.shortcut] }));
+}

package/dist/components/sidebar/nav-user.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+export type NavUserArgs = {
+    children?: ReactNode;
+    topSlot?: ReactNode;
+    accountExtraSlot?: ReactNode;
+    name: string;
+    currentDatastore: {
+        name: string;
+        iconLogoUrl?: string;
+    };
+    pickerSlot?: ReactNode;
+    onNavigateToAccount: () => void;
+    onLogout: () => void;
+    className?: string;
+    onCloseAutoFocus?: (event: Event) => void;
+};
+export declare function NavUser(args: NavUserArgs): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-user.d.ts.map

package/dist/components/sidebar/nav-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/nav-user.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,wBAAgB,OAAO,CAAC,IAAI,EAAE,WAAW,2CA2FxC"}

package/dist/components/sidebar/nav-user.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsUpDown, LogOut } from "lucide-react";
+import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownSeparator, DropdownTrigger, preventPointerFocus, } from "../dropdown/index.js";
+import { Initials } from "./initials.js";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar } from "./index.js";
+export function NavUser(args) {
+    const { children, topSlot, accountExtraSlot, className, name, currentDatastore, pickerSlot, onNavigateToAccount, onLogout, onCloseAutoFocus, } = args;
+    const { isMobile } = useSidebar();
+    return (_jsx(SidebarMenu, { className: className, children: _jsx(SidebarMenuItem, { children: _jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { "data-testid": "user-menu-trigger", className: "data-[state=open]:bg-muted data-[state=open]:text-default-foreground w-full group-data-[collapsible=icon]:p-0", tooltip: currentDatastore.name, children: [currentDatastore.iconLogoUrl ? (_jsx("img", { src: currentDatastore.iconLogoUrl, alt: currentDatastore.name, width: 32, height: 32, className: "size-8 object-cover bg-faint rounded-full shrink-0 transition-[width,height] duration-200 ease-linear" })) : (_jsx(Initials, { className: "bg-primary shrink-0 rounded-full transition-[width,height] duration-200 ease-linear group-data-[collapsible=icon]:p-0", name: currentDatastore.name })), _jsxs("div", { className: "flex flex-col min-w-0 flex-1 transition-[opacity,max-width] duration-200 ease-linear max-w-full group-data-[collapsible=icon]:max-w-0 group-data-[collapsible=icon]:hidden", children: [_jsx("span", { "data-testid": "user-display-name", className: "truncate typography-small-medium text-left", children: name }), _jsx("span", { className: "truncate typography-tiny text-muted-foreground text-left", children: currentDatastore.name })] }), _jsx(ChevronsUpDown, { className: "ml-auto size-4 shrink-0 my-auto transition-[opacity,max-width] duration-200 ease-linear group-data-[collapsible=icon]:max-w-0 group-data-[collapsible=icon]:hidden" })] }) }), _jsxs(DropdownContent, { className: "w-(--radix-dropdown-menu-trigger-width) min-w-60 rounded-lg px-0 bg-card border-muted shadow-md", side: isMobile ? "bottom" : "right", align: "end", sideOffset: 4, onCloseAutoFocus: onCloseAutoFocus, children: [pickerSlot, topSlot, (pickerSlot || topSlot) && _jsx(DropdownSeparator, {}), _jsxs(DropdownGroup, { className: "p-2", children: [_jsxs(DropdownItem, { className: "p-1.5 flex flex-row items-center gap-1.5 typography-caption h-11", onClick: onNavigateToAccount, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(Initials, { name: name }), _jsx("span", { className: "typography-caption", children: name })] }), accountExtraSlot] }), children, _jsx(DropdownSeparator, {}), _jsx(DropdownGroup, { className: "p-2", children: _jsxs(DropdownItem, { "data-testid": "logout-button", className: "p-1.5 flex flex-row items-center gap-1.5 h-11", onClick: onLogout, onPointerMove: preventPointerFocus, onPointerLeave: preventPointerFocus, children: [_jsx(LogOut, { className: "size-4" }), _jsx("span", { className: "my-auto typography-caption", children: "Sign out" })] }) })] })] }) }) }));
+}

package/dist/components/sidebar/sidebar-context.d.ts

@@ -0,0 +1,11 @@
+export type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (_open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (_open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+export declare const SidebarContext: import("react").Context<SidebarContextProps | null>;
+//# sourceMappingURL=sidebar-context.d.ts.map

package/dist/components/sidebar/sidebar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,qDAAkD,CAAC"}

package/dist/components/sidebar/sidebar-context.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const SidebarContext = createContext(null);

package/dist/components/sidebar/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/components/sidebar/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/use-mobile.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,YAgB1B"}

package/dist/components/sidebar/use-mobile.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect, useState } from "react";
+const MOBILE_BREAKPOINT = 1024;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = useState(false);
+    useEffect(() => {
+        // Set initial value after component mounts (client-side only)
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return isMobile;
+}

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes } from "react";
+import { type VariantPropsOf } from "#style";
+export declare const skeletonConfig: {
+    base: string;
+    variants: {
+        variant: {
+            default: string;
+        };
+    };
+    defaultVariants: {
+        readonly variant: "default";
+    };
+};
+export type SkeletonProps = HTMLAttributes<HTMLDivElement> & VariantPropsOf<typeof skeletonConfig>;
+export declare const Skeleton: {
+    (props: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAC;AAEjD,eAAO,MAAM,cAAc;;;;;;;;;;CAY1B,CAAC;AAIF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnG,eAAO,MAAM,QAAQ;YAAW,aAAa;;CAI5C,CAAC"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { cn } from "#style";
+export const skeletonConfig = {
+    base: "animate-shimmer bg-gradient-to-r from-accent from-25% via-accent/10 to-accent to-75% bg-[length:220%_100%] " +
+        "motion-reduce:animate-none",
+    variants: {
+        variant: {
+            default: "rounded-md-v4",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+};
+const skeletonVariants = tv(skeletonConfig);
+export const Skeleton = (props) => {
+    const { className, variant = "default", ...rest } = props;
+    return _jsx("div", { className: cn(skeletonVariants({ variant }), className), ...rest });
+};
+Skeleton.displayName = "Skeleton";

package/dist/components/slider/index.d.ts

@@ -0,0 +1,7 @@
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import type { ComponentProps } from "react";
+export type SliderProps = ComponentProps<typeof SliderPrimitive.Root> & {
+    thumbProps?: ComponentProps<typeof SliderPrimitive.Thumb>[];
+};
+export declare function Slider(props: SliderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA2B5C,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACtE,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;CAC7D,CAAC;AAEF,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAwBxC"}