import { o as he } from "./rolldown-runtime.js";
import { i as xe, t as ve } from "./vendor/react.js";
import { t as Se } from "./createLucideIcon.js";
import { l as y } from "./useRenderElement.js";
import { t as ye } from "./Button.js";
import { t as Ne } from "./dist.js";
import { t as s } from "./utils.js";
import { t as we } from "./create-safe-context.js";
import { t as je } from "./input3.js";
import { t as Me } from "./close-button.js";
import { t as x } from "./skeleton.js";
import { t as ke } from "./separator2.js";
import { c as _e, d as H, f as Ce, n as Ie, r as Te, s as ze, t as De, u as Ee } from "./DialogTrigger.js";
import { t as N } from "./useRender.js";
import { n as Be, r as Pe, t as Ae } from "./tooltip2.js";
var Oe = [["rect", {
  width: "18",
  height: "18",
  x: "3",
  y: "3",
  rx: "2",
  key: "afitv7"
}], ["path", {
  d: "M9 3v18",
  key: "fh3hqa"
}]], Re = Se("panel-left", Oe), n = /* @__PURE__ */ he(xe(), 1), t = ve();
function K({ ...e }) {
  return /* @__PURE__ */ (0, t.jsx)(Te, {
    "data-slot": "sheet",
    ...e
  });
}
function q({ ...e }) {
  return /* @__PURE__ */ (0, t.jsx)(De, {
    "data-slot": "sheet-trigger",
    ...e
  });
}
function F({ ...e }) {
  return /* @__PURE__ */ (0, t.jsx)(H, {
    "data-slot": "sheet-close",
    ...e
  });
}
function B({ ...e }) {
  return /* @__PURE__ */ (0, t.jsx)(ze, {
    "data-slot": "sheet-portal",
    ...e
  });
}
function P({ className: e, disableAnimation: a, disableBackdropBlur: r, ...i }) {
  return /* @__PURE__ */ (0, t.jsx)(Ce, {
    "data-slot": "sheet-overlay",
    className: s("bg-background/80/10 fixed inset-0 z-50", !a && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0", !r && "supports-backdrop-filter:backdrop-blur-xs", e),
    ...i
  });
}
function A({ className: e, children: a, side: r = "right", showCloseButton: i = !0, disableAnimation: d, disableBackdropBlur: l, ...u }) {
  return /* @__PURE__ */ (0, t.jsxs)(B, { children: [/* @__PURE__ */ (0, t.jsx)(P, {
    disableAnimation: d,
    disableBackdropBlur: l
  }), /* @__PURE__ */ (0, t.jsxs)(_e, {
    "data-slot": "sheet-content",
    "data-side": r,
    className: s("bg-background fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", !d && "data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 transition duration-200 ease-in-out", e),
    ...u,
    children: [a, i && /* @__PURE__ */ (0, t.jsx)(H, { render: /* @__PURE__ */ (0, t.jsx)(Me, { className: "absolute top-4 end-4" }) })]
  })] });
}
function O({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sheet-header",
    className: s("gap-1.5 p-4 flex flex-col", e),
    ...a
  });
}
function $({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sheet-footer",
    className: s("gap-2 p-4 mt-auto flex flex-col", e),
    ...a
  });
}
function R({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)(Ie, {
    "data-slot": "sheet-title",
    className: s("text-foreground font-medium", e),
    ...a
  });
}
function L({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)(Ee, {
    "data-slot": "sheet-description",
    className: s("text-muted-foreground text-sm", e),
    ...a
  });
}
q.displayName = "Sheet.Trigger";
F.displayName = "Sheet.Close";
B.displayName = "Sheet.Portal";
P.displayName = "Sheet.Overlay";
A.displayName = "Sheet.Content";
O.displayName = "Sheet.Header";
$.displayName = "Sheet.Footer";
R.displayName = "Sheet.Title";
L.displayName = "Sheet.Description";
K.displayName = "Sheet";
var Le = Object.assign(K, {
  Trigger: q,
  Close: F,
  Portal: B,
  Overlay: P,
  Content: A,
  Header: O,
  Footer: $,
  Title: R,
  Description: L
});
function Ge() {
  const [e, a] = n.useState(!1);
  return n.useEffect(() => {
    const r = window.matchMedia("(max-width: 767px)"), i = (d) => {
      a(d.matches);
    };
    return i(r), r.addEventListener ? r.addEventListener("change", i) : "addListener" in r && r.addListener(i), () => {
      r.removeEventListener ? r.removeEventListener("change", i) : "removeListener" in r && r.removeListener(i);
    };
  }, []), e;
}
var He = "sidebar_state", Ke = 3600 * 24 * 7, _ = "324px", z = "18rem", D = "108px", qe = "b", [V, C] = we("SidebarProvider");
function Fe({ defaultOpen: e = !0, open: a, onOpenChange: r, connected: i = !0, loading: d = !1, contentBgColor: l, className: u, style: b, children: p, ...m }) {
  const c = Ge(), [f, w] = n.useState(!1), [v, I] = n.useState(e), g = a ?? v, j = n.useRef(g);
  j.current = g;
  const S = n.useCallback((o) => {
    const h = typeof o == "function" ? o(j.current) : o;
    r ? r(h) : I(h), document.cookie = `${He}=${h}; path=/; max-age=${Ke}`;
  }, [r]), M = n.useCallback(() => c ? w((o) => !o) : S((o) => !o), [c, S]), T = n.useRef(null);
  n.useEffect(() => {
    const o = (k) => {
      k.key === qe && (k.metaKey || k.ctrlKey) && (k.preventDefault(), M());
    }, h = T.current?.ownerDocument.defaultView ?? window;
    if (h)
      return h.addEventListener("keydown", o), () => h.removeEventListener("keydown", o);
  }, [M]), n.useEffect(() => {
    const o = T.current?.ownerDocument.documentElement ?? document.documentElement;
    return o.style.setProperty("--sidebar-width", _), o.style.setProperty("--sidebar-width-mobile", z), o.style.setProperty("--sidebar-width-icon", D), c ? (o.style.setProperty("--sidebar-mobile", "1"), o.style.setProperty("--sidebar-width-current", z), o.dataset.sidebarMobile = "true") : (o.style.setProperty("--sidebar-mobile", "0"), o.style.setProperty("--sidebar-width-current", _), o.dataset.sidebarMobile = "false"), () => {
      o.style.removeProperty("--sidebar-mobile"), o.style.removeProperty("--sidebar-width"), o.style.removeProperty("--sidebar-width-mobile"), o.style.removeProperty("--sidebar-width-icon"), o.style.removeProperty("--sidebar-width-current"), delete o.dataset.sidebarMobile;
    };
  }, [c]);
  const G = g ? "expanded" : "collapsed", ge = n.useMemo(() => ({
    state: G,
    open: g,
    setOpen: S,
    isMobile: c,
    openMobile: f,
    setOpenMobile: w,
    toggleSidebar: M,
    connected: i,
    loading: d,
    contentBgColor: l
  }), [
    G,
    g,
    S,
    c,
    f,
    M,
    i,
    d,
    l
  ]);
  return /* @__PURE__ */ (0, t.jsx)(V.Provider, {
    value: ge,
    children: /* @__PURE__ */ (0, t.jsx)("div", {
      ref: T,
      "data-slot": "sidebar-wrapper",
      style: {
        "--sidebar-width": _,
        "--sidebar-width-icon": D,
        ...b
      },
      className: s("group/sidebar-wrapper flex w-full", i ? "h-full" : "min-h-svh", u),
      ...m,
      children: p
    })
  });
}
Fe.displayName = "SidebarProvider";
function E({ side: e = "left", collapsible: a = "offcanvas", width: r = _, collapsedWidth: i = D, mobileWidth: d = z, offsetTop: l = "0px", offsetBottom: u = "0px", rounded: b = !1, className: p, style: m, children: c, ...f }) {
  const { isMobile: w, state: v, openMobile: I, setOpenMobile: g, connected: j } = C(), S = n.useMemo(() => b ? e === "left" ? "rounded-r-(--sidebar-radius,0.5rem)" : "rounded-l-(--sidebar-radius,0.5rem)" : "", [b, e]);
  return j ? /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar",
    "data-state": v,
    "data-collapsible": v === "collapsed" ? a : "",
    "data-connected": "true",
    className: s("group text-sidebar-foreground flex h-full w-full flex-col overflow-hidden", p),
    style: {
      "--sidebar-width": r,
      "--sidebar-width-icon": i,
      ...m
    },
    ...f,
    children: c
  }) : a === "none" ? /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar",
    className: s("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", p),
    ...f,
    children: c
  }) : w ? /* @__PURE__ */ (0, t.jsx)(Le, {
    open: I,
    onOpenChange: g,
    ...f,
    children: /* @__PURE__ */ (0, t.jsxs)(A, {
      "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: e,
      children: [/* @__PURE__ */ (0, t.jsxs)(O, {
        className: "sr-only",
        children: [/* @__PURE__ */ (0, t.jsx)(R, { children: "Sidebar" }), /* @__PURE__ */ (0, t.jsx)(L, { children: "Displays the mobile sidebar." })]
      }), /* @__PURE__ */ (0, t.jsx)("div", {
        className: "flex h-full w-full flex-col",
        children: c
      })]
    })
  }) : /* @__PURE__ */ (0, t.jsxs)("div", {
    className: "group peer text-sidebar-foreground hidden md:block",
    "data-state": v,
    "data-collapsible": v === "collapsed" ? a : "",
    "data-side": e,
    "data-slot": "sidebar",
    children: [/* @__PURE__ */ (0, t.jsx)("div", {
      "data-slot": "sidebar-gap-container",
      className: s("grid transition-[grid-template-columns] duration-200 ease-linear motion-reduce:transition-none", "grid-cols-[var(--sidebar-width)]", "group-data-[collapsible=offcanvas]:grid-cols-[0fr]", "group-data-[side=right]:rotate-180", "group-data-[collapsible=icon]:grid-cols-[var(--sidebar-width-icon)]"),
      children: /* @__PURE__ */ (0, t.jsx)("div", {
        "data-slot": "sidebar-gap",
        className: "overflow-hidden bg-transparent"
      })
    }), /* @__PURE__ */ (0, t.jsx)("div", {
      "data-slot": "sidebar-container",
      style: {
        "--sidebar-width": r,
        "--sidebar-width-icon": i,
        "--sidebar-offset-top": l,
        "--sidebar-offset-bottom": u,
        ...m
      },
      className: s("fixed z-10 hidden transition-[left,right,width,height,top,bottom] duration-200 ease-linear will-change-[width,transform] motion-reduce:transition-none md:flex", "w-(--sidebar-width)", "top-[var(--sidebar-offset-top)] bottom-[var(--sidebar-offset-bottom)] h-[calc(100svh-var(--sidebar-offset-top)-var(--sidebar-offset-bottom))]", e === "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)]", "group-data-[collapsible=icon]:w-(--sidebar-width-icon)", p),
      ...f,
      children: /* @__PURE__ */ (0, t.jsx)("div", {
        "data-sidebar": "sidebar",
        "data-slot": "sidebar-inner",
        className: s("flex size-full flex-col", S),
        children: c
      })
    })]
  });
}
E.displayName = "Sidebar";
function W({ className: e, onClick: a, ...r }) {
  const { toggleSidebar: i, open: d } = C();
  return /* @__PURE__ */ (0, t.jsxs)(ye, {
    "data-sidebar": "trigger",
    "data-slot": "sidebar-trigger",
    appearance: "ghost",
    variant: "secondary",
    size: "icon-sm",
    "aria-expanded": d,
    className: s(e),
    onClick: (l) => {
      a?.(l), i();
    },
    ...r,
    children: [/* @__PURE__ */ (0, t.jsx)(Re, { "aria-hidden": "true" }), /* @__PURE__ */ (0, t.jsx)("span", {
      className: "sr-only",
      children: "Toggle Sidebar"
    })]
  });
}
W.displayName = "SidebarTrigger";
function U({ className: e, ...a }) {
  const { toggleSidebar: r } = C();
  return /* @__PURE__ */ (0, t.jsx)("button", {
    "data-sidebar": "rail",
    "data-slot": "sidebar-rail",
    "aria-label": "Toggle Sidebar",
    tabIndex: -1,
    onClick: r,
    title: "Toggle Sidebar",
    className: s("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear motion-reduce:transition-none 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-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", e),
    ...a
  });
}
U.displayName = "SidebarRail";
function X({ className: e, connected: a, contentBgColor: r, ...i }) {
  const d = n.useContext(V), l = a ?? d?.connected ?? !1, u = d?.isMobile ?? !1, b = r ?? d?.contentBgColor ?? "bg-background";
  return l ? /* @__PURE__ */ (0, t.jsx)("main", {
    "data-slot": "sidebar-inset",
    "data-connected": "true",
    "data-mobile": u ? "true" : "false",
    className: s("relative flex h-full w-full flex-1 flex-col overflow-hidden", b, u && "p-0", e),
    ...i
  }) : /* @__PURE__ */ (0, t.jsx)("main", {
    "data-slot": "sidebar-inset",
    "data-mobile": u ? "true" : "false",
    className: s(b, "relative flex w-full flex-1 flex-col", e),
    ...i
  });
}
X.displayName = "SidebarInset";
function Y({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)(je, {
    "data-slot": "sidebar-input",
    "data-sidebar": "input",
    className: s("bg-background h-8 w-full shadow-none", e),
    ...a
  });
}
Y.displayName = "SidebarInput";
function J({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar-header",
    "data-sidebar": "header",
    className: s("gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col", e),
    ...a
  });
}
J.displayName = "SidebarHeader";
function Q({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar-footer",
    "data-sidebar": "footer",
    className: s("gap-[var(--sidebar-gap,0.5rem)] p-[var(--sidebar-padding-inner,0.5rem)] flex shrink-0 flex-col", e),
    ...a
  });
}
Q.displayName = "SidebarFooter";
function Z({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)(ke, {
    "data-slot": "sidebar-separator",
    "data-sidebar": "separator",
    className: s("bg-sidebar-border mx-2 w-auto", e),
    ...a
  });
}
Z.displayName = "SidebarSeparator";
function ee({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar-content",
    "data-sidebar": "content",
    className: s("no-scrollbar gap-[var(--sidebar-gap,0.5rem)] flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
    ...a
  });
}
ee.displayName = "SidebarContent";
function ae({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar-group",
    "data-sidebar": "group",
    className: s("p-[var(--sidebar-padding-inner,0.5rem)] relative flex w-full min-w-0 flex-col", e),
    ...a
  });
}
ae.displayName = "SidebarGroup";
function te({ className: e, render: a, ...r }) {
  return N({
    defaultTagName: "div",
    props: y({ className: s("text-sidebar-foreground/80 ring-sidebar-ring h-8 rounded-md px-2 text-xs font-medium transition-[transform,opacity] duration-200 ease-linear motion-reduce:transition-none group-data-[collapsible=icon]:-translate-y-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 flex shrink-0 items-center outline-hidden [&>svg]:shrink-0", e) }, r),
    render: a,
    state: {
      slot: "sidebar-group-label",
      sidebar: "group-label"
    }
  });
}
te.displayName = "SidebarGroupLabel";
function re({ className: e, render: a, ...r }) {
  return N({
    defaultTagName: "button",
    props: y({ className: s("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 end-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 motion-reduce:transition-none [&>svg]:shrink-0 after:absolute after:-inset-2 group-data-[collapsible=icon]:hidden", e) }, r),
    render: a,
    state: {
      slot: "sidebar-group-action",
      sidebar: "group-action"
    }
  });
}
re.displayName = "SidebarGroupAction";
function se({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar-group-content",
    "data-sidebar": "group-content",
    className: s("text-sm w-full", e),
    ...a
  });
}
se.displayName = "SidebarGroupContent";
function ie({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("ul", {
    "data-slot": "sidebar-menu",
    "data-sidebar": "menu",
    className: s("gap-[var(--sidebar-gap,0.5rem)] flex w-full min-w-0 flex-col", e),
    ...a
  });
}
ie.displayName = "SidebarMenu";
function oe({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("li", {
    "data-slot": "sidebar-menu-item",
    "data-sidebar": "menu-item",
    className: s("group/menu-item relative", e),
    ...a
  });
}
oe.displayName = "SidebarMenuItem";
var $e = Ne("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] motion-reduce:transition-none group-has-data-[sidebar=menu-action]/menu-item:pe-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_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
    },
    size: {
      default: "min-h-11 text-sm",
      sm: "min-h-8 text-xs",
      lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
    }
  },
  defaultVariants: {
    variant: "default",
    size: "default"
  }
});
function de({ render: e, isActive: a = !1, variant: r = "default", size: i = "default", tooltip: d, className: l, ...u }) {
  const { isMobile: b, state: p } = C(), m = N({
    defaultTagName: "button",
    props: y({ className: s($e({
      variant: r,
      size: i
    }), l) }, u),
    render: d ? Pe : e,
    state: {
      slot: "sidebar-menu-button",
      sidebar: "menu-button",
      size: i,
      active: a
    }
  });
  return d ? (typeof d == "string" && (d = { children: d }), /* @__PURE__ */ (0, t.jsxs)(Ae, { children: [m, /* @__PURE__ */ (0, t.jsx)(Be, {
    side: "right",
    align: "center",
    hidden: p !== "collapsed" || b,
    ...d
  })] })) : m;
}
de.displayName = "SidebarMenuButton";
function ne({ className: e, render: a, showOnHover: r = !1, ...i }) {
  return N({
    defaultTagName: "button",
    props: y({ className: s("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 motion-reduce:transition-none group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 [&>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", e) }, i),
    render: a,
    state: {
      slot: "sidebar-menu-action",
      sidebar: "menu-action"
    }
  });
}
ne.displayName = "SidebarMenuAction";
function le({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("div", {
    "data-slot": "sidebar-menu-badge",
    "data-sidebar": "menu-badge",
    className: s("text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute end-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", e),
    ...a
  });
}
le.displayName = "SidebarMenuBadge";
function ue({ className: e, showIcon: a = !1, ...r }) {
  const [i] = n.useState(() => `${Math.floor(Math.random() * 40) + 50}%`);
  return /* @__PURE__ */ (0, t.jsxs)("div", {
    "data-slot": "sidebar-menu-skeleton",
    "data-sidebar": "menu-skeleton",
    className: s("h-8 gap-2 rounded-md px-2 flex items-center", e),
    ...r,
    children: [a && /* @__PURE__ */ (0, t.jsx)(x, {
      className: "size-4 rounded-md",
      "data-sidebar": "menu-skeleton-icon"
    }), /* @__PURE__ */ (0, t.jsx)(x, {
      className: "h-4 max-w-(--skeleton-width) flex-1",
      "data-sidebar": "menu-skeleton-text",
      style: { "--skeleton-width": i }
    })]
  });
}
ue.displayName = "SidebarMenuSkeleton";
function ce({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsxs)("div", {
    "data-slot": "sidebar-nav-skeleton",
    "data-sidebar": "nav-skeleton",
    className: s("flex h-10 w-full items-center gap-3 rounded-md px-3 py-2", "group-data-[collapsible=icon]:h-11 group-data-[collapsible=icon]:w-[76px] group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:px-0 group-data-[collapsible=icon]:py-3", e),
    ...a,
    children: [/* @__PURE__ */ (0, t.jsx)(x, { className: "size-5 shrink-0 rounded" }), /* @__PURE__ */ (0, t.jsx)(x, { className: "h-4 flex-1 group-data-[collapsible=icon]:hidden" })]
  });
}
ce.displayName = "SidebarNavSkeleton";
function be({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsxs)("div", {
    "data-slot": "sidebar-account-skeleton",
    "data-sidebar": "account-skeleton",
    className: s("flex w-full items-center gap-2 rounded-md p-2", e),
    ...a,
    children: [/* @__PURE__ */ (0, t.jsx)(x, { className: "size-8 shrink-0 rounded-lg" }), /* @__PURE__ */ (0, t.jsxs)("div", {
      className: "flex flex-1 flex-col gap-1 group-data-[collapsible=icon]:hidden",
      children: [/* @__PURE__ */ (0, t.jsx)(x, { className: "h-3.5 w-20" }), /* @__PURE__ */ (0, t.jsx)(x, { className: "h-3 w-16" })]
    })]
  });
}
be.displayName = "SidebarAccountSkeleton";
function pe({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("ul", {
    "data-slot": "sidebar-menu-sub",
    "data-sidebar": "menu-sub",
    className: s("border-sidebar-border mx-3.5 translate-x-px gap-[var(--sidebar-gap,0.5rem)] border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", e),
    ...a
  });
}
pe.displayName = "SidebarMenuSub";
function me({ className: e, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)("li", {
    "data-slot": "sidebar-menu-sub-item",
    "data-sidebar": "menu-sub-item",
    className: s("group/menu-sub-item relative", e),
    ...a
  });
}
me.displayName = "SidebarMenuSubItem";
function fe({ render: e, size: a = "md", isActive: r = !1, className: i, ...d }) {
  return N({
    defaultTagName: "a",
    props: y({ className: s("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 min-h-9 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) }, d),
    render: e,
    state: {
      slot: "sidebar-menu-sub-button",
      sidebar: "menu-sub-button",
      size: a,
      active: r
    }
  });
}
fe.displayName = "SidebarMenuSubButton";
var da = Object.assign(E, {
  Root: E,
  Header: J,
  Content: ee,
  Footer: Q,
  Group: ae,
  GroupLabel: te,
  GroupContent: se,
  GroupAction: re,
  Menu: ie,
  MenuItem: oe,
  MenuButton: de,
  MenuAction: ne,
  MenuBadge: le,
  MenuSkeleton: ue,
  MenuSub: pe,
  MenuSubItem: me,
  MenuSubButton: fe,
  Input: Y,
  Separator: Z,
  Rail: U,
  Inset: X,
  Trigger: W,
  NavSkeleton: ce,
  AccountSkeleton: be
});
export {
  Ge as _,
  Q as a,
  te as c,
  ie as d,
  oe as f,
  C as g,
  Fe as h,
  V as i,
  J as l,
  ce as m,
  da as n,
  ae as o,
  ue as p,
  ee as r,
  se as s,
  be as t,
  X as u,
  A as v,
  Le as y
};

//# sourceMappingURL=sidebar.js.map