npm - admin-ui-starter-kit - Versions diffs - 0.1.3 → 0.4.2 - Mend

admin-ui-starter-kit 0.1.3 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2340) hide show

package/dist/_shared/sidebar-Q6TYE8Ux.js DELETED Viewed

@@ -1,371 +0,0 @@
-import { cn as e } from "../lib/utils.js";
-import { t } from "./button-DBR4QI9E.js";
-import { i as n, n as r, t as i } from "./tooltip-Cws4BiPT.js";
-import { t as a } from "./input-CZxP5Xgj.js";
-import { t as o } from "./separator-DR0uUMKa.js";
-import { t as s } from "./skeleton-B3HWEc6G.js";
-import { i as c, o as l, r as u, s as d, t as f } from "./sheet-cUI8cypP.js";
-import * as p from "react";
-import { useEffect as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { PanelLeftIcon as v } from "lucide-react";
-import { cva as y } from "class-variance-authority";
-import { mergeProps as b } from "@base-ui/react/merge-props";
-import { useRender as x } from "@base-ui/react/use-render";
-//#region src/hooks/use-mobile.tsx
-var S = 768;
-function C() {
-	let [e, t] = h();
-	return m(() => {
-		let e = window.matchMedia(`(max-width: ${S - 1}px)`), n = () => {
-			t(window.innerWidth < S);
-		};
-		return e.addEventListener("change", n), t(window.innerWidth < S), () => e.removeEventListener("change", n);
-	}, []), !!e;
-}
-//#endregion
-//#region src/components/ui/sidebar.tsx
-var w = "sidebar_state", T = 3600 * 24 * 7, E = "16rem", D = "18rem", O = "3rem", k = "b", A = p.createContext(null);
-function j() {
-	let e = p.useContext(A);
-	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
-	return e;
-}
-function M({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style: a, children: o, ...s }) {
-	let c = C(), [l, u] = p.useState(!1), [d, f] = p.useState(t), m = n ?? d, h = p.useCallback((e) => {
-		let t = typeof e == "function" ? e(m) : e;
-		r ? r(t) : f(t), document.cookie = `${w}=${t}; path=/; max-age=${T}`;
-	}, [r, m]), _ = p.useCallback(() => c ? u((e) => !e) : h((e) => !e), [
-		c,
-		h,
-		u
-	]);
-	p.useEffect(() => {
-		let e = (e) => {
-			e.key === k && (e.metaKey || e.ctrlKey) && (e.preventDefault(), _());
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [_]);
-	let v = m ? "expanded" : "collapsed", y = p.useMemo(() => ({
-		state: v,
-		open: m,
-		setOpen: h,
-		isMobile: c,
-		openMobile: l,
-		setOpenMobile: u,
-		toggleSidebar: _
-	}), [
-		v,
-		m,
-		h,
-		c,
-		l,
-		u,
-		_
-	]);
-	return /* @__PURE__ */ g(A.Provider, {
-		value: y,
-		children: /* @__PURE__ */ g("div", {
-			"data-slot": "sidebar-wrapper",
-			style: {
-				"--sidebar-width": E,
-				"--sidebar-width-icon": O,
-				...a
-			},
-			className: e("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", i),
-			...s,
-			children: o
-		})
-	});
-}
-function N({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: i, children: a, dir: o, ...s }) {
-	let { isMobile: p, state: m, openMobile: h, setOpenMobile: v } = j();
-	return r === "none" ? /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar",
-		className: e("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", i),
-		...s,
-		children: a
-	}) : p ? /* @__PURE__ */ g(f, {
-		open: h,
-		onOpenChange: v,
-		...s,
-		children: /* @__PURE__ */ _(u, {
-			dir: o,
-			"data-sidebar": "sidebar",
-			"data-slot": "sidebar",
-			"data-mobile": "true",
-			className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-			style: { "--sidebar-width": D },
-			side: t,
-			children: [/* @__PURE__ */ _(l, {
-				className: "sr-only",
-				children: [/* @__PURE__ */ g(d, { children: "Sidebar" }), /* @__PURE__ */ g(c, { children: "Displays the mobile sidebar." })]
-			}), /* @__PURE__ */ g("div", {
-				className: "flex h-full w-full flex-col",
-				children: a
-			})]
-		})
-	}) : /* @__PURE__ */ _("div", {
-		className: "group peer text-sidebar-foreground hidden md:block",
-		"data-state": m,
-		"data-collapsible": m === "collapsed" ? r : "",
-		"data-variant": n,
-		"data-side": t,
-		"data-slot": "sidebar",
-		children: [/* @__PURE__ */ g("div", {
-			"data-slot": "sidebar-gap",
-			className: e("transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", n === "floating" || n === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
-		}), /* @__PURE__ */ g("div", {
-			"data-slot": "sidebar-container",
-			"data-side": t,
-			className: e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", n === "floating" || n === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", i),
-			...s,
-			children: /* @__PURE__ */ g("div", {
-				"data-sidebar": "sidebar",
-				"data-slot": "sidebar-inner",
-				className: "bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col",
-				children: a
-			})
-		})]
-	});
-}
-function P({ className: n, onClick: r, ...i }) {
-	let { toggleSidebar: a } = j();
-	return /* @__PURE__ */ _(t, {
-		"data-sidebar": "trigger",
-		"data-slot": "sidebar-trigger",
-		variant: "ghost",
-		size: "icon-sm",
-		className: e(n),
-		onClick: (e) => {
-			r?.(e), a();
-		},
-		...i,
-		children: [/* @__PURE__ */ g(v, {}), /* @__PURE__ */ g("span", {
-			className: "sr-only",
-			children: "Toggle Sidebar"
-		})]
-	});
-}
-function F({ className: t, ...n }) {
-	let { toggleSidebar: r } = j();
-	return /* @__PURE__ */ g("button", {
-		"data-sidebar": "rail",
-		"data-slot": "sidebar-rail",
-		"aria-label": "Toggle Sidebar",
-		tabIndex: -1,
-		onClick: r,
-		title: "Toggle Sidebar",
-		className: e("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "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-sidebar 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", t),
-		...n
-	});
-}
-function I({ className: t, ...n }) {
-	return /* @__PURE__ */ g("main", {
-		"data-slot": "sidebar-inset",
-		className: e("bg-background 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 relative flex w-full flex-1 flex-col", t),
-		...n
-	});
-}
-function L({ className: t, ...n }) {
-	return /* @__PURE__ */ g(a, {
-		"data-slot": "sidebar-input",
-		"data-sidebar": "input",
-		className: e("bg-background h-8 w-full shadow-none", t),
-		...n
-	});
-}
-function R({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar-header",
-		"data-sidebar": "header",
-		className: e("gap-2 px-2 flex flex-col", t),
-		...n
-	});
-}
-function z({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar-footer",
-		"data-sidebar": "footer",
-		className: e("gap-2 p-2 flex flex-col", t),
-		...n
-	});
-}
-function B({ className: t, ...n }) {
-	return /* @__PURE__ */ g(o, {
-		"data-slot": "sidebar-separator",
-		"data-sidebar": "separator",
-		className: e("bg-sidebar-border mx-2 w-auto", t),
-		...n
-	});
-}
-function V({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar-content",
-		"data-sidebar": "content",
-		className: e("no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden", t),
-		...n
-	});
-}
-function H({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar-group",
-		"data-sidebar": "group",
-		className: e("p-2 relative flex w-full min-w-0 flex-col", t),
-		...n
-	});
-}
-function U({ className: t, render: n, ...r }) {
-	return x({
-		defaultTagName: "div",
-		props: b({ className: e("text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0", t) }, r),
-		render: n,
-		state: {
-			slot: "sidebar-group-label",
-			sidebar: "group-label"
-		}
-	});
-}
-function W({ className: t, render: n, ...r }) {
-	return x({
-		defaultTagName: "button",
-		props: b({ className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden", t) }, r),
-		render: n,
-		state: {
-			slot: "sidebar-group-action",
-			sidebar: "group-action"
-		}
-	});
-}
-function G({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar-group-content",
-		"data-sidebar": "group-content",
-		className: e("text-sm w-full", t),
-		...n
-	});
-}
-function K({ className: t, ...n }) {
-	return /* @__PURE__ */ g("ul", {
-		"data-slot": "sidebar-menu",
-		"data-sidebar": "menu",
-		className: e("gap-1 flex w-full min-w-0 flex-col", t),
-		...n
-	});
-}
-function q({ className: t, ...n }) {
-	return /* @__PURE__ */ g("li", {
-		"data-slot": "sidebar-menu-item",
-		"data-sidebar": "menu-item",
-		className: e("group/menu-item relative", t),
-		...n
-	});
-}
-var J = y("ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0", {
-	variants: {
-		variant: {
-			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-			outline: "bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-		},
-		size: {
-			default: "h-8 text-sm",
-			sm: "h-7 text-xs",
-			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function Y({ render: t, isActive: a = !1, variant: o = "default", size: s = "default", tooltip: c, className: l, ...u }) {
-	let { isMobile: d, state: f } = j(), p = c ? t ? /* @__PURE__ */ g(n, { render: t }) : n : void 0, m = x({
-		defaultTagName: "button",
-		props: b({ className: e(J({
-			variant: o,
-			size: s
-		}), l) }, u),
-		render: c ? p : t,
-		state: {
-			slot: "sidebar-menu-button",
-			sidebar: "menu-button",
-			size: s,
-			active: a
-		}
-	});
-	return c ? (typeof c == "string" && (c = { children: c }), /* @__PURE__ */ _(i, { children: [m, /* @__PURE__ */ g(r, {
-		side: "right",
-		align: "center",
-		hidden: f !== "collapsed" || d,
-		...c
-	})] })) : m;
-}
-function X({ className: t, render: n, showOnHover: r = !1, ...i }) {
-	return x({
-		defaultTagName: "button",
-		props: b({ className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0", r && "peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0", t) }, i),
-		render: n,
-		state: {
-			slot: "sidebar-menu-action",
-			sidebar: "menu-action"
-		}
-	});
-}
-function Z({ className: t, ...n }) {
-	return /* @__PURE__ */ g("div", {
-		"data-slot": "sidebar-menu-badge",
-		"data-sidebar": "menu-badge",
-		className: e("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden", t),
-		...n
-	});
-}
-function Q({ className: t, showIcon: n = !1, ...r }) {
-	let [i] = p.useState(() => `${Math.floor(Math.random() * 40) + 50}%`);
-	return /* @__PURE__ */ _("div", {
-		"data-slot": "sidebar-menu-skeleton",
-		"data-sidebar": "menu-skeleton",
-		className: e("h-8 gap-2 rounded-md px-2 flex items-center", t),
-		...r,
-		children: [!!n && /* @__PURE__ */ g(s, {
-			className: "size-4 rounded-md",
-			"data-sidebar": "menu-skeleton-icon"
-		}), /* @__PURE__ */ g(s, {
-			className: "h-4 max-w-(--skeleton-width) flex-1",
-			"data-sidebar": "menu-skeleton-text",
-			style: { "--skeleton-width": i }
-		})]
-	});
-}
-function $({ className: t, ...n }) {
-	return /* @__PURE__ */ g("ul", {
-		"data-slot": "sidebar-menu-sub",
-		"data-sidebar": "menu-sub",
-		className: e("border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", t),
-		...n
-	});
-}
-function ee({ className: t, ...n }) {
-	return /* @__PURE__ */ g("li", {
-		"data-slot": "sidebar-menu-sub-item",
-		"data-sidebar": "menu-sub-item",
-		className: e("group/menu-sub-item relative", t),
-		...n
-	});
-}
-function te({ render: t, size: n = "md", isActive: r = !1, className: i, ...a }) {
-	return x({
-		defaultTagName: "a",
-		props: b({ className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0", i) }, a),
-		render: t,
-		state: {
-			slot: "sidebar-menu-sub-button",
-			sidebar: "menu-sub-button",
-			size: n,
-			active: r
-		}
-	});
-}
-//#endregion
-export { P as C, B as S, $ as _, W as a, M as b, R as c, K as d, X as f, Q as g, q as h, H as i, L as l, Y as m, V as n, G as o, Z as p, z as r, U as s, N as t, I as u, te as v, j as w, F as x, ee as y };
-//# sourceMappingURL=sidebar-Q6TYE8Ux.js.map

package/dist/_shared/sidebar-Q6TYE8Ux.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"sidebar-Q6TYE8Ux.js","names":[],"sources":["../../src/hooks/use-mobile.tsx","../../src/components/ui/sidebar.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n const [isMobile, setIsMobile] = useState<boolean>();\n\n useEffect(() => {\n const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n\n const onChange = () => {\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n };\n\n mql.addEventListener('change', onChange);\n setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n\n return () => mql.removeEventListener('change', onChange);\n }, []);\n\n return !!isMobile;\n}\n","import { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { PanelLeftIcon } from \"lucide-react\"\nimport * as React from \"react\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { Separator } from \"@/components/ui/separator\"\nimport {\n Sheet,\n SheetContent,\n SheetDescription,\n SheetHeader,\n SheetTitle,\n} from \"@/components/ui/sheet\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport {\n Tooltip,\n TooltipContent,\n TooltipTrigger,\n} from \"@/components/ui/tooltip\"\nimport { useIsMobile } from \"@/hooks/use-mobile\"\nimport { cn } from \"@/lib/utils\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"16rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"18rem\"\nconst SIDEBAR_WIDTH_ICON = \"3rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\n\ntype SidebarContextProps = {\n state: \"expanded\" | \"collapsed\"\n open: boolean\n setOpen: (open: boolean) => void\n openMobile: boolean\n setOpenMobile: (open: boolean) => void\n isMobile: boolean\n toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n const context = React.useContext(SidebarContext)\n if (!context) {\n throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n }\n\n return context\n}\n\nfunction SidebarProvider({\n defaultOpen = true,\n open: openProp,\n onOpenChange: setOpenProp,\n className,\n style,\n children,\n ...props\n}: React.ComponentProps<\"div\"> & {\n defaultOpen?: boolean\n open?: boolean\n onOpenChange?: (open: boolean) => void\n}) {\n const isMobile = useIsMobile()\n const [openMobile, setOpenMobile] = React.useState(false)\n\n // This is the internal state of the sidebar.\n // We use openProp and setOpenProp for control from outside the component.\n const [_open, _setOpen] = React.useState(defaultOpen)\n const open = openProp ?? _open\n const setOpen = React.useCallback(\n (value: boolean | ((value: boolean) => boolean)) => {\n const openState = typeof value === \"function\" ? value(open) : value\n if (setOpenProp) {\n setOpenProp(openState)\n } else {\n _setOpen(openState)\n }\n\n // This sets the cookie to keep the sidebar state.\n document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n },\n [setOpenProp, open]\n )\n\n // Helper to toggle the sidebar.\n const toggleSidebar = React.useCallback(() => {\n return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)\n }, [isMobile, setOpen, setOpenMobile])\n\n // Adds a keyboard shortcut to toggle the sidebar.\n React.useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (\n event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n (event.metaKey || event.ctrlKey)\n ) {\n event.preventDefault()\n toggleSidebar()\n }\n }\n\n window.addEventListener(\"keydown\", handleKeyDown)\n return () => window.removeEventListener(\"keydown\", handleKeyDown)\n }, [toggleSidebar])\n\n // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n // This makes it easier to style the sidebar with Tailwind classes.\n const state = open ? \"expanded\" : \"collapsed\"\n\n const contextValue = React.useMemo<SidebarContextProps>(\n () => ({\n state,\n open,\n setOpen,\n isMobile,\n openMobile,\n setOpenMobile,\n toggleSidebar,\n }),\n [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n )\n\n return (\n <SidebarContext.Provider value={contextValue}>\n <div\n data-slot=\"sidebar-wrapper\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH,\n \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n ...style,\n } as React.CSSProperties\n }\n className={cn(\n \"group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full\",\n className\n )}\n {...props}\n >\n {children}\n </div>\n </SidebarContext.Provider>\n )\n}\n\nfunction Sidebar({\n side = \"left\",\n variant = \"sidebar\",\n collapsible = \"offcanvas\",\n className,\n children,\n dir,\n ...props\n}: React.ComponentProps<\"div\"> & {\n side?: \"left\" | \"right\"\n variant?: \"sidebar\" | \"floating\" | \"inset\"\n collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n}) {\n const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n if (collapsible === \"none\") {\n return (\n <div\n data-slot=\"sidebar\"\n className={cn(\n \"bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col\",\n className\n )}\n {...props}\n >\n {children}\n </div>\n )\n }\n\n if (isMobile) {\n return (\n <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n <SheetContent\n dir={dir}\n data-sidebar=\"sidebar\"\n data-slot=\"sidebar\"\n data-mobile=\"true\"\n className=\"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden\"\n style={\n {\n \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n } as React.CSSProperties\n }\n side={side}\n >\n <SheetHeader className=\"sr-only\">\n <SheetTitle>Sidebar</SheetTitle>\n <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n </SheetHeader>\n <div className=\"flex h-full w-full flex-col\">{children}</div>\n </SheetContent>\n </Sheet>\n )\n }\n\n return (\n <div\n className=\"group peer text-sidebar-foreground hidden md:block\"\n data-state={state}\n data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n data-variant={variant}\n data-side={side}\n data-slot=\"sidebar\"\n >\n {/* This is what handles the sidebar gap on desktop */}\n <div\n data-slot=\"sidebar-gap\"\n className={cn(\n \"transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent\",\n \"group-data-[collapsible=offcanvas]:w-0\",\n \"group-data-[side=right]:rotate-180\",\n variant === \"floating\" || variant === \"inset\"\n ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n )}\n />\n <div\n data-slot=\"sidebar-container\"\n data-side={side}\n className={cn(\n \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex\",\n // Adjust the padding for floating and inset variants.\n variant === \"floating\" || variant === \"inset\"\n ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n className\n )}\n {...props}\n >\n <div\n data-sidebar=\"sidebar\"\n data-slot=\"sidebar-inner\"\n className=\"bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col\"\n >\n {children}\n </div>\n </div>\n </div>\n )\n}\n\nfunction SidebarTrigger({\n className,\n onClick,\n ...props\n}: React.ComponentProps<typeof Button>) {\n const { toggleSidebar } = useSidebar()\n\n return (\n <Button\n data-sidebar=\"trigger\"\n data-slot=\"sidebar-trigger\"\n variant=\"ghost\"\n size=\"icon-sm\"\n className={cn(className)}\n onClick={(event) => {\n onClick?.(event)\n toggleSidebar()\n }}\n {...props}\n >\n <PanelLeftIcon />\n <span className=\"sr-only\">Toggle Sidebar</span>\n </Button>\n )\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<\"button\">) {\n const { toggleSidebar } = useSidebar()\n\n return (\n <button\n data-sidebar=\"rail\"\n data-slot=\"sidebar-rail\"\n aria-label=\"Toggle Sidebar\"\n tabIndex={-1}\n onClick={toggleSidebar}\n title=\"Toggle Sidebar\"\n className={cn(\n \"hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2\",\n \"in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize\",\n \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n \"hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full\",\n \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<\"main\">) {\n return (\n <main\n data-slot=\"sidebar-inset\"\n className={cn(\n \"bg-background 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 relative flex w-full flex-1 flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SidebarInput({\n className,\n ...props\n}: React.ComponentProps<typeof Input>) {\n return (\n <Input\n data-slot=\"sidebar-input\"\n data-sidebar=\"input\"\n className={cn(\"bg-background h-8 w-full shadow-none\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-header\"\n data-sidebar=\"header\"\n className={cn(\"gap-2 px-2 flex flex-col\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-footer\"\n data-sidebar=\"footer\"\n className={cn(\"gap-2 p-2 flex flex-col\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"sidebar-separator\"\n data-sidebar=\"separator\"\n className={cn(\"bg-sidebar-border mx-2 w-auto\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-content\"\n data-sidebar=\"content\"\n className={cn(\n \"no-scrollbar gap-2 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-group\"\n data-sidebar=\"group\"\n className={cn(\n \"p-2 relative flex w-full min-w-0 flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SidebarGroupLabel({\n className,\n render,\n ...props\n}: useRender.ComponentProps<\"div\"> & React.ComponentProps<\"div\">) {\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(\n \"text-sidebar-foreground/70 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"sidebar-group-label\",\n sidebar: \"group-label\",\n },\n })\n}\n\nfunction SidebarGroupAction({\n className,\n render,\n ...props\n}: useRender.ComponentProps<\"button\"> & React.ComponentProps<\"button\">) {\n return useRender({\n defaultTagName: \"button\",\n props: mergeProps<\"button\">(\n {\n className: cn(\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 w-5 rounded-md p-0 focus-visible:ring-2 [&>svg]:size-4 flex aspect-square items-center justify-center outline-hidden transition-transform [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"sidebar-group-action\",\n sidebar: \"group-action\",\n },\n })\n}\n\nfunction SidebarGroupContent({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-group-content\"\n data-sidebar=\"group-content\"\n className={cn(\"text-sm w-full\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"sidebar-menu\"\n data-sidebar=\"menu\"\n className={cn(\"gap-1 flex w-full min-w-0 flex-col\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"sidebar-menu-item\"\n data-sidebar=\"menu-item\"\n className={cn(\"group/menu-item relative\", className)}\n {...props}\n />\n )\n}\n\nconst sidebarMenuButtonVariants = cva(\n \"ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground gap-2 rounded-md p-2 text-left text-sm transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 data-active:font-medium peer/menu-button flex w-full items-center overflow-hidden outline-hidden group/menu-button disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n outline: \"bg-background hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]\",\n },\n size: {\n default: \"h-8 text-sm\",\n sm: \"h-7 text-xs\",\n lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction SidebarMenuButton({\n render,\n isActive = false,\n variant = \"default\",\n size = \"default\",\n tooltip,\n className,\n ...props\n}: useRender.ComponentProps<\"button\"> &\n React.ComponentProps<\"button\"> & {\n isActive?: boolean\n tooltip?: string | React.ComponentProps<typeof TooltipContent>\n } & VariantProps<typeof sidebarMenuButtonVariants>) {\n const { isMobile, state } = useSidebar()\n // When tooltip is enabled AND a custom render element is provided (e.g. <Link>),\n // compose them: render as TooltipTrigger but forward the custom render element\n // so the trigger renders as the Link instead of a plain <button>.\n const tooltipRender = tooltip\n ? render\n ? <TooltipTrigger render={render} />\n : TooltipTrigger\n : undefined\n\n const comp = useRender({\n defaultTagName: \"button\",\n props: mergeProps<\"button\">(\n {\n className: cn(sidebarMenuButtonVariants({ variant, size }), className),\n },\n props\n ),\n render: tooltip ? tooltipRender : render,\n state: {\n slot: \"sidebar-menu-button\",\n sidebar: \"menu-button\",\n size,\n active: isActive,\n },\n })\n\n if (!tooltip) {\n return comp\n }\n\n if (typeof tooltip === \"string\") {\n tooltip = {\n children: tooltip,\n }\n }\n\n return (\n <Tooltip>\n {comp}\n <TooltipContent\n side=\"right\"\n align=\"center\"\n hidden={state !== \"collapsed\" || isMobile}\n {...tooltip}\n />\n </Tooltip>\n )\n}\n\nfunction SidebarMenuAction({\n className,\n render,\n showOnHover = false,\n ...props\n}: useRender.ComponentProps<\"button\"> &\n React.ComponentProps<\"button\"> & {\n showOnHover?: boolean\n }) {\n return useRender({\n defaultTagName: \"button\",\n props: mergeProps<\"button\">(\n {\n className: cn(\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 aspect-square w-5 rounded-md p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 focus-visible:ring-2 [&>svg]:size-4 flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0\",\n showOnHover &&\n \"peer-data-active/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-open:opacity-100 md:opacity-0\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"sidebar-menu-action\",\n sidebar: \"menu-action\",\n },\n })\n}\n\nfunction SidebarMenuBadge({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"sidebar-menu-badge\"\n data-sidebar=\"menu-badge\"\n className={cn(\n \"text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SidebarMenuSkeleton({\n className,\n showIcon = false,\n ...props\n}: React.ComponentProps<\"div\"> & {\n showIcon?: boolean\n}) {\n // Random width between 50 to 90%.\n const [width] = React.useState(() => {\n return `${Math.floor(Math.random() * 40) + 50}%`\n })\n\n return (\n <div\n data-slot=\"sidebar-menu-skeleton\"\n data-sidebar=\"menu-skeleton\"\n className={cn(\"h-8 gap-2 rounded-md px-2 flex items-center\", className)}\n {...props}\n >\n {!!showIcon && (\n <Skeleton\n className=\"size-4 rounded-md\"\n data-sidebar=\"menu-skeleton-icon\"\n />\n )}\n <Skeleton\n className=\"h-4 max-w-(--skeleton-width) flex-1\"\n data-sidebar=\"menu-skeleton-text\"\n style={\n {\n \"--skeleton-width\": width,\n } as React.CSSProperties\n }\n />\n </div>\n )\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"sidebar-menu-sub\"\n data-sidebar=\"menu-sub\"\n className={cn(\"border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarMenuSubItem({\n className,\n ...props\n}: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"sidebar-menu-sub-item\"\n data-sidebar=\"menu-sub-item\"\n className={cn(\"group/menu-sub-item relative\", className)}\n {...props}\n />\n )\n}\n\nfunction SidebarMenuSubButton({\n render,\n size = \"md\",\n isActive = false,\n className,\n ...props\n}: useRender.ComponentProps<\"a\"> &\n React.ComponentProps<\"a\"> & {\n size?: \"sm\" | \"md\"\n isActive?: boolean\n }) {\n return useRender({\n defaultTagName: \"a\",\n props: mergeProps<\"a\">(\n {\n className: cn(\n \"text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground h-7 gap-2 rounded-md px-2 focus-visible:ring-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 flex min-w-0 -translate-x-px items-center overflow-hidden outline-hidden group-data-[collapsible=icon]:hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:shrink-0\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"sidebar-menu-sub-button\",\n sidebar: \"menu-sub-button\",\n size,\n active: isActive,\n },\n })\n}\n\nexport {\n Sidebar,\n SidebarContent,\n SidebarFooter,\n SidebarGroup,\n SidebarGroupAction,\n SidebarGroupContent,\n SidebarGroupLabel,\n SidebarHeader,\n SidebarInput,\n SidebarInset,\n SidebarMenu,\n SidebarMenuAction,\n SidebarMenuBadge,\n SidebarMenuButton,\n SidebarMenuItem,\n SidebarMenuSkeleton,\n SidebarMenuSub,\n SidebarMenuSubButton,\n SidebarMenuSubItem,\n SidebarProvider,\n SidebarRail,\n SidebarSeparator,\n SidebarTrigger,\n useSidebar,\n}\n"],"mappings":";;;;;;;;;;;;;;;AAEA,IAAM,IAAoB;AAE1B,SAAgB,IAAc;CAC1B,IAAM,CAAC,GAAU,KAAe,GAAmB;AAenD,QAbA,QAAgB;EACZ,IAAM,IAAM,OAAO,WAAW,eAAe,IAAoB,EAAE,KAAK,EAElE,UAAiB;AACnB,KAAY,OAAO,aAAa,EAAkB;;AAMtD,SAHA,EAAI,iBAAiB,UAAU,EAAS,EACxC,EAAY,OAAO,aAAa,EAAkB,QAErC,EAAI,oBAAoB,UAAU,EAAS;IACzD,EAAE,CAAC,EAEC,CAAC,CAAC;;;;ACKb,IAAM,IAAsB,iBACtB,IAAyB,OAAU,KAAK,GACxC,IAAgB,SAChB,IAAuB,SACvB,IAAqB,QACrB,IAA4B,KAY5B,IAAiB,EAAM,cAA0C,KAAK;AAE5E,SAAS,IAAa;CACpB,IAAM,IAAU,EAAM,WAAW,EAAe;AAChD,KAAI,CAAC,EACH,OAAU,MAAM,oDAAoD;AAGtE,QAAO;;AAGT,SAAS,EAAgB,EACvB,iBAAc,IACd,MAAM,GACN,cAAc,GACd,cACA,UACA,aACA,GAAG,KAKF;CACD,IAAM,IAAW,GAAa,EACxB,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAM,EAInD,CAAC,GAAO,KAAY,EAAM,SAAS,EAAY,EAC/C,IAAO,KAAY,GACnB,IAAU,EAAM,aACnB,MAAmD;EAClD,IAAM,IAAY,OAAO,KAAU,aAAa,EAAM,EAAK,GAAG;AAQ9D,EAPI,IACF,EAAY,EAAU,GAEtB,EAAS,EAAU,EAIrB,SAAS,SAAS,GAAG,EAAoB,GAAG,EAAU,oBAAoB;IAE5E,CAAC,GAAa,EAAK,CACpB,EAGK,IAAgB,EAAM,kBACnB,IAAW,GAAe,MAAS,CAAC,EAAK,GAAG,GAAS,MAAS,CAAC,EAAK,EAC1E;EAAC;EAAU;EAAS;EAAc,CAAC;AAGtC,GAAM,gBAAgB;EACpB,IAAM,KAAiB,MAAyB;AAC9C,GACE,EAAM,QAAQ,MACb,EAAM,WAAW,EAAM,aAExB,EAAM,gBAAgB,EACtB,GAAe;;AAKnB,SADA,OAAO,iBAAiB,WAAW,EAAc,QACpC,OAAO,oBAAoB,WAAW,EAAc;IAChE,CAAC,EAAc,CAAC;CAInB,IAAM,IAAQ,IAAO,aAAa,aAE5B,IAAe,EAAM,eAClB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAM;EAAS;EAAU;EAAY;EAAe;EAAc,CAC3E;AAED,QACE,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAC9B,kBAAC,OAAD;GACE,aAAU;GACV,OACE;IACE,mBAAmB;IACnB,wBAAwB;IACxB,GAAG;IACJ;GAEH,WAAW,EACT,mFACA,EACD;GACD,GAAI;GAEH;GACG,CAAA;EACkB,CAAA;;AAI9B,SAAS,EAAQ,EACf,UAAO,QACP,aAAU,WACV,iBAAc,aACd,cACA,aACA,QACA,GAAG,KAKF;CACD,IAAM,EAAE,aAAU,UAAO,eAAY,qBAAkB,GAAY;AA2CnE,QAzCI,MAAgB,SAEhB,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,+EACA,EACD;EACD,GAAI;EAEH;EACG,CAAA,GAIN,IAEA,kBAAC,GAAD;EAAO,MAAM;EAAY,cAAc;EAAe,GAAI;YACxD,kBAAC,GAAD;GACO;GACL,gBAAa;GACb,aAAU;GACV,eAAY;GACZ,WAAU;GACV,OACE,EACE,mBAAmB,GACpB;GAEG;aAXR,CAaE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD,EAAA,UAAY,WAAoB,CAAA,EAChC,kBAAC,GAAD,EAAA,UAAkB,gCAA+C,CAAA,CACrD;OACd,kBAAC,OAAD;IAAK,WAAU;IAA+B;IAAe,CAAA,CAChD;;EACT,CAAA,GAKV,kBAAC,OAAD;EACE,WAAU;EACV,cAAY;EACZ,oBAAkB,MAAU,cAAc,IAAc;EACxD,gBAAc;EACd,aAAW;EACX,aAAU;YANZ,CASE,kBAAC,OAAD;GACE,aAAU;GACV,WAAW,EACT,2FACA,0CACA,sCACA,MAAY,cAAc,MAAY,UAClC,qFACA,yDACL;GACD,CAAA,EACF,kBAAC,OAAD;GACE,aAAU;GACV,aAAW;GACX,WAAW,EACT,8VAEA,MAAY,cAAc,MAAY,UAClC,6FACA,2HACJ,EACD;GACD,GAAI;aAEJ,kBAAC,OAAD;IACE,gBAAa;IACb,aAAU;IACV,WAAU;IAET;IACG,CAAA;GACF,CAAA,CACF;;;AAIV,SAAS,EAAe,EACtB,cACA,YACA,GAAG,KACmC;CACtC,IAAM,EAAE,qBAAkB,GAAY;AAEtC,QACE,kBAAC,GAAD;EACE,gBAAa;EACb,aAAU;EACV,SAAQ;EACR,MAAK;EACL,WAAW,EAAG,EAAU;EACxB,UAAU,MAAU;AAElB,GADA,IAAU,EAAM,EAChB,GAAe;;EAEjB,GAAI;YAVN,CAYE,kBAAC,GAAD,EAAiB,CAAA,EACjB,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAqB,CAAA,CACxC;;;AAIb,SAAS,EAAY,EAAE,cAAW,GAAG,KAAyC;CAC5E,IAAM,EAAE,qBAAkB,GAAY;AAEtC,QACE,kBAAC,UAAD;EACE,gBAAa;EACb,aAAU;EACV,cAAW;EACX,UAAU;EACV,SAAS;EACT,OAAM;EACN,WAAW,EACT,6QACA,4EACA,0HACA,2JACA,6DACA,6DACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EAAE,cAAW,GAAG,KAAuC;AAC3E,QACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,sQACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EACpB,cACA,GAAG,KACkC;AACrC,QACE,kBAAC,GAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,wCAAwC,EAAU;EAChE,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAc,EAAE,cAAW,GAAG,KAAsC;AAC3E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,4BAA4B,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAc,EAAE,cAAW,GAAG,KAAsC;AAC3E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,2BAA2B,EAAU;EACnD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAiB,EACxB,cACA,GAAG,KACsC;AACzC,QACE,kBAAC,GAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,iCAAiC,EAAU;EACzD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAe,EAAE,cAAW,GAAG,KAAsC;AAC5E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EACT,+GACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EAAE,cAAW,GAAG,KAAsC;AAC1E,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EACT,6CACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAkB,EACzB,cACA,WACA,GAAG,KAC6D;AAChE,QAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,wTACA,EACD,EACF,EACD,EACD;EACD;EACA,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACF,CAAC;;AAGJ,SAAS,EAAmB,EAC1B,cACA,WACA,GAAG,KACmE;AACtE,QAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,iXACA,EACD,EACF,EACD,EACD;EACD;EACA,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACF,CAAC;;AAGJ,SAAS,EAAoB,EAC3B,cACA,GAAG,KAC2B;AAC9B,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,kBAAkB,EAAU;EAC1C,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAAqC;AACxE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAqC;AAC5E,QACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,4BAA4B,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,IAAM,IAA4B,EAChC,kyBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,EAAkB,EACzB,WACA,cAAW,IACX,aAAU,WACV,UAAO,WACP,YACA,cACA,GAAG,KAKiD;CACpD,IAAM,EAAE,aAAU,aAAU,GAAY,EAIlC,IAAgB,IAClB,IACE,kBAAC,GAAD,EAAwB,WAAU,CAAA,GAClC,IACF,KAAA,GAEE,IAAO,EAAU;EACrB,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAA0B;GAAE;GAAS;GAAM,CAAC,EAAE,EAAU,EACvE,EACD,EACD;EACD,QAAQ,IAAU,IAAgB;EAClC,OAAO;GACL,MAAM;GACN,SAAS;GACT;GACA,QAAQ;GACT;EACF,CAAC;AAYF,QAVK,KAID,OAAO,KAAY,aACrB,IAAU,EACR,UAAU,GACX,GAID,kBAAC,GAAD,EAAA,UAAA,CACG,GACD,kBAAC,GAAD;EACE,MAAK;EACL,OAAM;EACN,QAAQ,MAAU,eAAe;EACjC,GAAI;EACJ,CAAA,CACM,EAAA,CAAA,IAlBH;;AAsBX,SAAS,EAAkB,EACzB,cACA,WACA,iBAAc,IACd,GAAG,KAIA;AACH,QAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,kiBACA,KACE,6KACF,EACD,EACF,EACD,EACD;EACD;EACA,OAAO;GACL,MAAM;GACN,SAAS;GACV;EACF,CAAC;;AAGJ,SAAS,EAAiB,EACxB,cACA,GAAG,KAC2B;AAC9B,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EACT,icACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAoB,EAC3B,cACA,cAAW,IACX,GAAG,KAGF;CAED,IAAM,CAAC,KAAS,EAAM,eACb,GAAG,KAAK,MAAM,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAC9C;AAEF,QACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;YAJN,CAMG,CAAC,CAAC,KACD,kBAAC,GAAD;GACE,WAAU;GACV,gBAAa;GACb,CAAA,EAEJ,kBAAC,GAAD;GACE,WAAU;GACV,gBAAa;GACb,OACE,EACE,oBAAoB,GACrB;GAEH,CAAA,CACE;;;AAIV,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;AAC3E,QACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,uIAAuI,EAAU;EAC/J,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAmB,EAC1B,cACA,GAAG,KAC0B;AAC7B,QACE,kBAAC,MAAD;EACE,aAAU;EACV,gBAAa;EACb,WAAW,EAAG,gCAAgC,EAAU;EACxD,GAAI;EACJ,CAAA;;AAIN,SAAS,GAAqB,EAC5B,WACA,UAAO,MACP,cAAW,IACX,cACA,GAAG,KAKA;AACH,QAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,6oBACA,EACD,EACF,EACD,EACD;EACD;EACA,OAAO;GACL,MAAM;GACN,SAAS;GACT;GACA,QAAQ;GACT;EACF,CAAC"}