@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/sidebar-r645O-k9.js

@@ -1,1076 +0,0 @@
-import { jsx as r, jsxs as f, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as g, useState as D, useEffect as $, useCallback as K, useId as ie, useRef as ne, useMemo as te, useContext as G, createContext as q } from "react";
-import * as B from "@radix-ui/react-dialog";
-import * as F from "@radix-ui/react-collapsible";
-import * as A from "@radix-ui/react-accordion";
-import * as S from "@radix-ui/react-tooltip";
-import { a as oe } from "./accordion-Dgcd38U_.js";
-import { Slot as se } from "@radix-ui/react-slot";
-import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as I } from "react-i18next";
-import { X as le } from "./x-CCcI3eJp.js";
-import { c as R } from "./createLucideIcon-CrFbzy84.js";
-import { C as L } from "./chevron-right-BrpYejk0.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ce = [
-  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
-  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
-  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
-  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
-  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
-  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-], de = R("grip-vertical", ce);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ue = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-], me = R("panel-left-close", ue);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const fe = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], ve = R("panel-left-open", fe);
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const pe = [
-  [
-    "path",
-    {
-      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
-      key: "r04s7s"
-    }
-  ]
-], ge = R("star", pe), H = q({
-  mode: "expanded",
-  density: "default"
-}), w = () => G(H), U = "ui.sidebar.state";
-function be(e) {
-  if (typeof window > "u") return e;
-  try {
-    const a = window.localStorage.getItem(U);
-    if (a === "expanded" || a === "icon" || a === "overlay") return a;
-  } catch {
-  }
-  return e;
-}
-function he(e) {
-  if (!(typeof window > "u"))
-    try {
-      window.localStorage.setItem(U, e);
-    } catch {
-    }
-}
-function Ze(e, a) {
-  const [i, n] = D(() => {
-    if (typeof window > "u")
-      return typeof a == "function" ? a() : a;
-    try {
-      const o = window.localStorage.getItem(e);
-      if (o !== null) return JSON.parse(o);
-    } catch {
-    }
-    return typeof a == "function" ? a() : a;
-  });
-  return $(() => {
-    if (!(typeof window > "u"))
-      try {
-        window.localStorage.setItem(e, JSON.stringify(i));
-      } catch {
-      }
-  }, [e, i]), [i, n];
-}
-const V = k(
-  [
-    "flex flex-col",
-    // Sidebar sits at the page background in light mode (white-on-white
-    // chrome separated by the inline-end border + --shadow-md). In dark
-    // mode the Header already blends with --background, so we step the
-    // sidebar one layer down (blue-600) to keep it visually distinct from
-    // the header band — matches the PDF dark mockups' "flat Dark Blue
-    // surface with subtle depth via layering" recipe.
-    "bg-[var(--background)] [.theme-dark_&]:bg-[color:var(--color-blue-600)] text-[var(--foreground)]",
-    "border-inline-end border-[var(--border)]",
-    // Resting-surface elevation — `--shadow-md` is deliberately lighter
-    // than `--shadow-card` so it reads as chrome, not a floating card,
-    // while still separating the rail from the page content on light
-    // backgrounds. Forced-colors strips shadows globally, so the
-    // `border-inline-end` above carries the separation cue for HCM.
-    //
-    // `relative z-[1]` lifts the rail above any sibling that paints a
-    // solid background (e.g. AppFrame's `<main>` surface), otherwise
-    // the shadow that projects towards the inline-end gets covered.
-    "relative z-[1] shadow-[var(--shadow-md)]",
-    "h-full",
-    "transition-[inline-size] duration-[var(--animation-duration)]",
-    "motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      mode: {
-        // Tokenised widths modelled on Linear / Jira proportions.
-        expanded: "w-[var(--sidebar-modern-expanded-size)]",
-        icon: "w-[var(--sidebar-modern-icon-size)]",
-        overlay: "w-[var(--sidebar-modern-expanded-size)]"
-      },
-      density: {
-        default: "",
-        compact: ""
-      }
-    },
-    defaultVariants: { mode: "expanded", density: "default" }
-  }
-), xe = g(
-  ({
-    state: e,
-    defaultState: a = "expanded",
-    onStateChange: i,
-    density: n = "default",
-    open: o,
-    onOpenChange: l,
-    "aria-label": d,
-    className: s,
-    children: m,
-    ...u
-  }, v) => {
-    const { t: h } = I(), b = e !== void 0, [x, t] = D(
-      () => b ? e : be(a)
-    ), y = b ? e : x;
-    $(() => {
-      b || he(x);
-    }, [x, b]);
-    const N = K(
-      (j) => {
-        b || t(j), i == null || i(j);
-      },
-      [b, i]
-    ), p = d ?? h("ui.navigation.sidebar.label");
-    return y === "overlay" ? /* @__PURE__ */ r(H.Provider, { value: { mode: "overlay", density: n, transitionTo: N }, children: /* @__PURE__ */ r(B.Root, { open: o, onOpenChange: l, children: /* @__PURE__ */ f(B.Portal, { children: [
-      /* @__PURE__ */ r(
-        B.Overlay,
-        {
-          className: [
-            "fixed inset-0 z-[var(--z-modal-backdrop)]",
-            "bg-[var(--foreground)]/20 backdrop-blur-sm",
-            "data-[state=open]:animate-in data-[state=open]:fade-in",
-            "data-[state=closed]:animate-out data-[state=closed]:fade-out",
-            "motion-reduce:animate-none"
-          ].join(" ")
-        }
-      ),
-      /* @__PURE__ */ f(
-        B.Content,
-        {
-          "aria-label": p,
-          className: [
-            "fixed z-[var(--z-modal)]",
-            "inset-inline-start-0 inset-block-start-0",
-            "h-dvh",
-            V({ mode: "overlay", density: n }),
-            "shadow-[var(--shadow-xl)]",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
-            "rtl:data-[state=open]:slide-in-from-right rtl:data-[state=closed]:slide-out-to-right",
-            "motion-reduce:animate-none",
-            "focus:outline-none",
-            s ?? ""
-          ].filter(Boolean).join(" "),
-          children: [
-            /* @__PURE__ */ r("nav", { ref: v, "aria-label": p, className: "flex flex-col h-full", ...u, children: m }),
-            /* @__PURE__ */ r(B.Close, { asChild: !0, children: /* @__PURE__ */ r(
-              "button",
-              {
-                type: "button",
-                "aria-label": h("ui.navigation.sidebar.close"),
-                className: [
-                  "absolute top-[var(--spacing-sm)] end-[var(--spacing-sm)]",
-                  "inline-flex items-center justify-center",
-                  "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)]",
-                  "rounded-[var(--radius-sm)] text-[var(--muted-foreground)]",
-                  "hover:bg-[var(--muted)]/20 focus-visible:outline-[length:var(--focus-ring-width)]",
-                  "focus-visible:outline-solid focus-visible:outline-[var(--ring)]",
-                  "focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
-                ].join(" "),
-                children: /* @__PURE__ */ r(le, { "aria-hidden": "true", className: "size-4" })
-              }
-            ) })
-          ]
-        }
-      )
-    ] }) }) }) : /* @__PURE__ */ r(H.Provider, { value: { mode: y, density: n, transitionTo: N }, children: /* @__PURE__ */ r(S.Provider, { delayDuration: 300, children: /* @__PURE__ */ r(
-      "nav",
-      {
-        ref: v,
-        "aria-label": p,
-        "data-mode": y,
-        "data-density": n,
-        className: [
-          V({ mode: y, density: n }),
-          n === "compact" ? "density-compact" : "",
-          s ?? ""
-        ].filter(Boolean).join(" "),
-        ...u,
-        children: m
-      }
-    ) }) });
-  }
-);
-xe.displayName = "Sidebar";
-const ye = g(
-  ({ className: e, ...a }, i) => {
-    const { mode: n } = w();
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: i,
-        className: [
-          "relative flex items-center gap-[var(--spacing-xs)]",
-          "min-h-[var(--min-target-size)]",
-          // Icon-rail is 64px — shrink horizontal padding so a 44×44
-          // control fits centred inside the header.
-          n === "icon" ? "justify-center ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]" : "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-          "py-[var(--spacing-sm)]",
-          // Hairline border + downward chrome shadow cast the header as a
-          // sticky top band above the scrolling body.
-          "border-block-end border-[var(--border)]",
-          "shadow-[var(--shadow-chrome-down)]",
-          e ?? ""
-        ].filter(Boolean).join(" "),
-        ...a
-      }
-    );
-  }
-);
-ye.displayName = "SidebarHeader";
-const we = g(
-  ({ className: e, ...a }, i) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: i,
-      className: [
-        "flex-1 overflow-auto",
-        "ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]",
-        "py-[var(--spacing-sm)]",
-        e ?? ""
-      ].filter(Boolean).join(" "),
-      ...a
-    }
-  )
-);
-we.displayName = "SidebarBody";
-const Ne = g(
-  ({ className: e, ...a }, i) => {
-    const { mode: n } = w();
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        ref: i,
-        className: [
-          "relative flex items-center gap-[var(--spacing-xs)]",
-          // Icon-rail is 64px — two 44×44 controls can't sit side-by-side,
-          // so switch to a vertical stack and let each row self-centre.
-          n === "icon" ? "flex-col ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]" : "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-          "min-h-[var(--min-target-size)]",
-          "py-[var(--spacing-sm)]",
-          // Hairline border + upward chrome shadow cast the footer as a
-          // sticky bottom band below the scrolling body.
-          "border-block-start border-[var(--border)]",
-          "shadow-[var(--shadow-chrome-up)]",
-          e ?? ""
-        ].filter(Boolean).join(" "),
-        ...a
-      }
-    );
-  }
-);
-Ne.displayName = "SidebarFooter";
-const Se = [
-  "group/section-label flex w-full items-center",
-  "type-eyebrow",
-  "text-[var(--muted-foreground)]",
-  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-  "py-[var(--spacing-xs)]",
-  "hover:text-[var(--foreground)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), M = [
-  "inline-flex shrink-0 items-center justify-center",
-  "size-4",
-  "text-[var(--accent)]",
-  "me-[var(--spacing-xs)]"
-].join(" "), J = g(
-  ({
-    label: e,
-    icon: a,
-    collapsible: i = !0,
-    defaultOpen: n = !0,
-    open: o,
-    onOpenChange: l,
-    className: d,
-    children: s,
-    ...m
-  }, u) => {
-    const { mode: v } = w(), h = v === "icon", b = i && !h && !!e, x = [
-      "flex flex-col",
-      "gap-[var(--spacing-xs)]",
-      "mt-[var(--spacing-sm)]",
-      d ?? ""
-    ].filter(Boolean).join(" ");
-    if (!b)
-      return /* @__PURE__ */ f("div", { ref: u, className: x, ...m, children: [
-        !!e || !!a ? /* @__PURE__ */ f(
-          "span",
-          {
-            className: [
-              "flex items-center",
-              "type-eyebrow",
-              "text-[var(--muted-foreground)]",
-              "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-              "py-[var(--spacing-xs)]",
-              h && !a ? "sr-only" : ""
-            ].filter(Boolean).join(" "),
-            children: [
-              a ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: M, children: a }) : null,
-              e ? /* @__PURE__ */ r("span", { className: h ? "sr-only" : "", children: e }) : null
-            ]
-          }
-        ) : null,
-        s
-      ] });
-    const t = "section";
-    return /* @__PURE__ */ r(
-      A.Root,
-      {
-        type: "single",
-        collapsible: !0,
-        defaultValue: o === void 0 && n ? t : void 0,
-        value: o === void 0 ? void 0 : o ? t : "",
-        onValueChange: l ? (y) => l(y === t) : void 0,
-        asChild: !0,
-        children: /* @__PURE__ */ r("div", { ref: u, className: x, ...m, children: /* @__PURE__ */ f(A.Item, { value: t, children: [
-          /* @__PURE__ */ r(A.Header, { className: "flex", children: /* @__PURE__ */ f(A.Trigger, { className: Se, children: [
-            a ? /* @__PURE__ */ r("span", { "aria-hidden": "true", className: M, children: a }) : null,
-            /* @__PURE__ */ r("span", { className: "flex-1 text-start", children: e }),
-            /* @__PURE__ */ r(
-              L,
-              {
-                "aria-hidden": "true",
-                className: "size-3 transition-transform group-data-[state=open]/section-label:rotate-90 rtl:-scale-x-100 motion-reduce:transition-none"
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ r(
-            oe,
-            {
-              "aria-label": e,
-              className: "flex flex-col gap-[var(--spacing-xs)] [&>div]:contents",
-              children: s
-            }
-          )
-        ] }) })
-      }
-    );
-  }
-);
-J.displayName = "SidebarSection";
-const je = [
-  "group flex w-full items-center gap-[var(--spacing-sm)]",
-  "min-h-[var(--min-target-size)]",
-  "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-  "rounded-[var(--radius-sm)]",
-  "text-[var(--foreground)] text-[var(--font-size-sm)]",
-  "font-[var(--font-weight-medium)]",
-  "hover:bg-[var(--muted)]/20",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), ze = g(
-  ({ label: e, icon: a, children: i, className: n, defaultOpen: o, open: l, onOpenChange: d, ...s }, m) => {
-    const { mode: u } = w();
-    return /* @__PURE__ */ f(
-      F.Root,
-      {
-        ref: m,
-        defaultOpen: o,
-        open: l,
-        onOpenChange: d,
-        className: n,
-        ...s,
-        children: [
-          /* @__PURE__ */ f(F.Trigger, { className: je, children: [
-            a ? /* @__PURE__ */ r(
-              "span",
-              {
-                "aria-hidden": "true",
-                className: "inline-flex items-center text-[var(--accent)]",
-                children: a
-              }
-            ) : null,
-            /* @__PURE__ */ r(
-              "span",
-              {
-                className: [
-                  "flex-1 text-start",
-                  u === "icon" ? "sr-only" : ""
-                ].join(" "),
-                children: e
-              }
-            ),
-            u !== "icon" ? /* @__PURE__ */ r(
-              L,
-              {
-                "aria-hidden": "true",
-                className: "size-4 transition-transform group-data-[state=open]:rotate-90 rtl:-scale-x-100 motion-reduce:transition-none"
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ r(
-            F.Content,
-            {
-              className: [
-                "overflow-hidden",
-                "data-[state=open]:animate-in data-[state=closed]:animate-out",
-                "motion-reduce:animate-none",
-                "ps-[var(--spacing-md)]"
-              ].join(" "),
-              children: i
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ze.displayName = "SidebarGroup";
-const ke = k(
-  [
-    // Every row is a pin-hover parent so inline pin / reorder affordances can
-    // fade in on hover of the whole row — keep `group/item` on this selector.
-    // `!text-[var(--foreground)]` forces the label colour over the browser's
-    // default `<a>` link colour (blue-violet) and any inherited hue. The
-    // active variant also uses `!text-*` so it still wins when needed.
-    "group/item relative flex items-center",
-    "gap-[var(--spacing-sm)]",
-    "no-underline !text-[var(--foreground)] text-[length:var(--font-size-sm)]",
-    "hover:bg-[var(--muted)]/12",
-    "transition-colors duration-[var(--animation-duration)]",
-    "motion-reduce:transition-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      mode: {
-        expanded: [
-          "min-h-[var(--min-target-size)] rounded-[var(--radius-sm)]",
-          "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]"
-        ].join(" "),
-        // Icon-only: each item is a 44×44 pill tile centered in the rail.
-        // The active / hover background fills just the tile rather than the
-        // whole row — matching Linear / Asana chrome.
-        icon: [
-          "justify-center ms-auto me-auto",
-          "w-[var(--min-target-size)] h-[var(--min-target-size)]",
-          "ps-0 pe-0 rounded-[var(--radius-md)]"
-        ].join(" "),
-        overlay: [
-          "min-h-[var(--min-target-size)] rounded-[var(--radius-sm)]",
-          "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]"
-        ].join(" ")
-      },
-      density: {
-        default: "",
-        compact: "ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]"
-      },
-      isActive: {
-        // Filled pill — multi-carrier (bg + text + weight + aria-current at
-        // render time) so colour is never the sole identifier. `!text-*`
-        // forces the foreground over any inherited / base rule so the icon
-        // and label read clearly against the primary fill in every theme.
-        true: [
-          "bg-[var(--primary)] !text-[var(--primary-foreground)]",
-          "font-[var(--font-weight-semibold)]",
-          // Keep hover from dimming the active fill.
-          "hover:bg-[var(--primary)]"
-        ].join(" "),
-        false: ""
-      }
-    },
-    defaultVariants: {
-      mode: "expanded",
-      density: "default",
-      isActive: !1
-    }
-  }
-), W = g(
-  ({
-    asChild: e = !1,
-    isActive: a = !1,
-    isPinned: i = !1,
-    onPinChange: n,
-    pinLabel: o,
-    className: l,
-    children: d,
-    "aria-label": s,
-    ...m
-  }, u) => {
-    const { mode: v, density: h } = w(), b = e ? se : "a", x = n !== void 0 && v !== "icon", t = /* @__PURE__ */ r(
-      b,
-      {
-        ref: u,
-        "aria-current": a ? "page" : void 0,
-        "aria-label": s,
-        className: ke({
-          mode: v,
-          density: h,
-          isActive: a,
-          className: x ? "flex-1 min-w-0" : l
-        }),
-        ...m,
-        children: d
-      }
-    ), y = x ? /* @__PURE__ */ f(
-      "div",
-      {
-        className: [
-          "group/item flex items-center gap-[var(--spacing-2xs)]",
-          l ?? ""
-        ].filter(Boolean).join(" "),
-        children: [
-          t,
-          /* @__PURE__ */ r(
-            _,
-            {
-              isPinned: i,
-              label: o ?? s ?? "",
-              onPinChange: n
-            }
-          )
-        ]
-      }
-    ) : t;
-    return v === "icon" && s ? /* @__PURE__ */ f(S.Root, { children: [
-      /* @__PURE__ */ r(S.Trigger, { asChild: !0, children: y }),
-      /* @__PURE__ */ r(S.Portal, { children: /* @__PURE__ */ f(
-        S.Content,
-        {
-          side: "right",
-          sideOffset: 6,
-          className: [
-            "z-[var(--z-tooltip)] max-w-[16rem]",
-            "rounded-[var(--radius-sm)]",
-            "bg-[var(--foreground)] text-[var(--background)]",
-            "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] py-[var(--spacing-xs)] text-[var(--font-size-xs)]",
-            "animate-in fade-in zoom-in-95 motion-reduce:animate-none"
-          ].join(" "),
-          children: [
-            s,
-            /* @__PURE__ */ r(S.Arrow, { className: "fill-[var(--foreground)]" })
-          ]
-        }
-      ) })
-    ] }) : y;
-  }
-);
-W.displayName = "SidebarItem";
-const Ce = g(
-  ({ className: e, children: a, ...i }, n) => /* @__PURE__ */ r(
-    "span",
-    {
-      ref: n,
-      "aria-hidden": "true",
-      className: [
-        "inline-flex shrink-0 items-center justify-center",
-        "size-5",
-        // Icons carry the accent tint by default so the rail reads less
-        // monotone against the violet active pill. The active row sets
-        // `aria-current="page"` on the anchor (which is `group/item`), so
-        // the icon flips to the primary-foreground (white) on the filled
-        // pill — keeping it readable on the primary background.
-        "text-[var(--accent)]",
-        "group-aria-[current=page]/item:text-[var(--primary-foreground)]",
-        e ?? ""
-      ].filter(Boolean).join(" "),
-      ...i,
-      children: a
-    }
-  )
-);
-Ce.displayName = "SidebarItemIcon";
-const Te = g(
-  ({ className: e, children: a, ...i }, n) => {
-    const { mode: o } = w();
-    return /* @__PURE__ */ r(
-      "span",
-      {
-        ref: n,
-        className: [
-          "flex-1",
-          "overflow-hidden text-ellipsis whitespace-nowrap break-normal",
-          "text-start",
-          o === "icon" ? "sr-only" : "",
-          e ?? ""
-        ].filter(Boolean).join(" "),
-        ...i,
-        children: a
-      }
-    );
-  }
-);
-Te.displayName = "SidebarItemLabel";
-const Be = g(
-  ({ className: e, children: a, ...i }, n) => {
-    const { mode: o } = w(), l = o === "icon";
-    return /* @__PURE__ */ r(
-      "span",
-      {
-        ref: n,
-        "aria-hidden": l ? "true" : void 0,
-        className: [
-          "inline-flex items-center justify-center",
-          "font-[var(--font-weight-semibold)]",
-          l ? [
-            "absolute top-[2px] end-[2px]",
-            "min-w-0 size-[10px] ps-0 pe-0",
-            "rounded-[var(--radius-full)]",
-            "bg-[var(--primary)] text-transparent",
-            "ring-2 ring-[var(--background)]",
-            "pointer-events-none"
-          ].join(" ") : [
-            "min-w-[var(--spacing-lg)] h-[var(--spacing-lg)]",
-            "rounded-[var(--radius-full)]",
-            "bg-[var(--primary)] text-[var(--primary-foreground)]",
-            "text-[length:var(--font-size-xs)]",
-            "ps-[var(--spacing-xs)] pe-[var(--spacing-xs)]"
-          ].join(" "),
-          e ?? ""
-        ].filter(Boolean).join(" "),
-        ...i,
-        children: a
-      }
-    );
-  }
-);
-Be.displayName = "SidebarItemBadge";
-const De = k(
-  [
-    "flex items-center gap-[var(--spacing-sm)]",
-    "min-h-[var(--min-target-size)]",
-    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-    "rounded-[var(--radius-md)]",
-    "text-[var(--foreground)] text-[var(--font-size-sm)]",
-    "hover:bg-[var(--muted)]/20",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "no-underline"
-  ].join(" ")
-), Ie = g(({ logo: e, name: a, showChevron: i = !0, className: n, ...o }, l) => {
-  const { mode: d } = w(), s = d !== "icon";
-  return /* @__PURE__ */ f(
-    "button",
-    {
-      ref: l,
-      type: "button",
-      "aria-label": a,
-      className: [De(), n].filter(Boolean).join(" "),
-      ...o,
-      children: [
-        /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "inline-flex items-center shrink-0", children: e }),
-        s ? /* @__PURE__ */ f(O, { children: [
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: "truncate flex-1 text-start max-w-[var(--header-workspace-max-inline-size)]",
-              children: a
-            }
-          ),
-          i ? /* @__PURE__ */ r(
-            L,
-            {
-              "aria-hidden": "true",
-              className: "size-4 shrink-0 rotate-90"
-            }
-          ) : null
-        ] }) : null
-      ]
-    }
-  );
-});
-Ie.displayName = "SidebarWorkspaceSwitcher";
-const Ae = k(
-  [
-    "flex items-center justify-center gap-[var(--spacing-xs)]",
-    "min-h-[var(--min-target-size)]",
-    "rounded-[var(--radius-md)]",
-    "bg-[var(--primary)] text-[var(--primary-foreground)]",
-    "font-[var(--font-weight-semibold)] text-[var(--font-size-sm)]",
-    "hover:bg-[var(--primary-hover)]",
-    "transition-colors motion-reduce:transition-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      mode: {
-        expanded: "ps-[var(--spacing-md)] pe-[var(--spacing-md)]",
-        icon: "ps-0 pe-0 w-[var(--sidebar-modern-tile)] h-[var(--sidebar-modern-tile)] ms-auto me-auto",
-        overlay: "ps-[var(--spacing-md)] pe-[var(--spacing-md)]"
-      }
-    },
-    defaultVariants: { mode: "expanded" }
-  }
-), Re = g(({ icon: e, label: a, shortcut: i, className: n, ...o }, l) => {
-  const { mode: d } = w(), s = d !== "icon";
-  return /* @__PURE__ */ f(
-    "button",
-    {
-      ref: l,
-      type: "button",
-      "aria-label": a,
-      "aria-keyshortcuts": i,
-      className: [Ae({ mode: d }), n].filter(Boolean).join(" "),
-      ...o,
-      children: [
-        /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "inline-flex size-4 items-center justify-center", children: e }),
-        s ? /* @__PURE__ */ f(O, { children: [
-          /* @__PURE__ */ r("span", { className: "truncate", children: a }),
-          i ? /* @__PURE__ */ r("kbd", { className: "ms-auto text-[length:var(--font-size-xs)] font-[family-name:var(--font-mono)] opacity-80", children: i }) : null
-        ] }) : null
-      ]
-    }
-  );
-});
-Re.displayName = "SidebarPrimaryAction";
-const Pe = [
-  "inline-flex items-center justify-center shrink-0",
-  "size-6 rounded-[var(--radius-sm)]",
-  // Pin stars carry the accent tint to match every other icon in the rail.
-  // Stays quiet via opacity — reveals only on row hover / focus.
-  "text-[var(--accent)]",
-  "opacity-0 group-hover/item:opacity-100 focus-visible:opacity-100",
-  "hover:bg-[var(--muted)]/20",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "transition-[color,opacity,background-color] duration-[var(--animation-duration)]",
-  "motion-reduce:transition-none"
-].join(" "), _ = g(
-  ({ isPinned: e, onPinChange: a, label: i, className: n, onClick: o, ...l }, d) => {
-    const { t: s } = I(), { mode: m } = w();
-    if (m === "icon") return null;
-    const u = e ? s("ui.navigation.sidebar.unpinItem", "Unpin {{label}}", { label: i }) : s("ui.navigation.sidebar.pinItem", "Pin {{label}}", { label: i });
-    return /* @__PURE__ */ r(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        "aria-label": u,
-        "aria-pressed": e,
-        className: [Pe, n].filter(Boolean).join(" "),
-        onClick: (v) => {
-          v.preventDefault(), v.stopPropagation(), a == null || a(!e), o == null || o(v);
-        },
-        ...l,
-        children: /* @__PURE__ */ r(
-          ge,
-          {
-            "aria-hidden": "true",
-            className: "size-4",
-            fill: e ? "currentColor" : "none"
-          }
-        )
-      }
-    );
-  }
-);
-_.displayName = "SidebarPinButton";
-const X = q(null), Fe = () => G(X), He = g(
-  ({ heading: e, emptyMessage: a, onReorder: i, className: n, children: o, ...l }, d) => {
-    const { t: s } = I(), m = e ?? s("ui.navigation.sidebar.favorites", "Favourites"), u = Array.isArray(o) ? o.filter(Boolean) : o ? [o] : [], v = u.length, h = v > 0, [b, x] = D(null), [t, y] = D(""), N = ne(!1), p = K((C) => {
-      N.current = !N.current, y(
-        N.current ? C : `${C}​`
-      );
-    }, []), j = te(
-      () => ({ onReorder: i, count: v, dragSource: b, setDragSource: x, announce: p }),
-      [i, v, b, p]
-    );
-    return !h && !a ? null : /* @__PURE__ */ r(X.Provider, { value: j, children: /* @__PURE__ */ f(
-      J,
-      {
-        ref: d,
-        label: m,
-        className: n,
-        ...l,
-        children: [
-          h ? u : /* @__PURE__ */ r("p", { className: "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] type-meta text-[color:var(--muted-foreground)]", children: a }),
-          /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "sr-only", children: t })
-        ]
-      }
-    ) });
-  }
-);
-He.displayName = "SidebarFavorites";
-const Le = k(
-  [
-    "group/item relative flex items-center gap-[var(--spacing-2xs)]",
-    "rounded-[var(--radius-sm)]",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      dragging: {
-        true: "opacity-60",
-        false: ""
-      },
-      dropTarget: {
-        true: "outline-[length:var(--focus-ring-width)] outline-dashed outline-[var(--primary)] outline-offset-[-2px]",
-        false: ""
-      }
-    },
-    defaultVariants: { dragging: !1, dropTarget: !1 }
-  }
-), _e = [
-  "inline-flex items-center justify-center shrink-0",
-  "size-6 rounded-[var(--radius-sm)]",
-  "cursor-grab active:cursor-grabbing",
-  "text-[var(--muted-foreground)]",
-  // Quiet chrome — only reveal the grip when the row is hovered or the
-  // handle itself is focused (keyboard / AT). Matches the pin-star's
-  // reveal-on-hover behaviour so the two siblings appear together.
-  "opacity-0 group-hover/item:opacity-100 focus-visible:opacity-100",
-  "hover:bg-[var(--muted)]/20 hover:text-[var(--foreground)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "transition-[color,opacity,background-color] duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), Ee = g(
-  ({
-    index: e,
-    isActive: a = !1,
-    asChild: i = !1,
-    reorderLabel: n,
-    isPinned: o = !1,
-    onPinChange: l,
-    pinLabel: d,
-    "aria-label": s,
-    className: m,
-    children: u,
-    ...v
-  }, h) => {
-    const { t: b } = I(), { mode: x } = w(), t = Fe(), [y, N] = D(!1), p = !!(t != null && t.onReorder) && x !== "icon", j = n ?? s ?? "", C = ie(), T = (c, z) => {
-      if (!(t != null && t.onReorder)) return;
-      const P = Math.max(0, Math.min(t.count - 1, z));
-      P !== c && (t.onReorder(c, P), t.announce(
-        b(
-          "ui.navigation.sidebar.reorderAnnounce",
-          "{{label}} moved to position {{to}} of {{total}}",
-          { label: j, to: P + 1, total: t.count }
-        )
-      ));
-    }, Y = (c) => {
-      p && (c.altKey && c.key === "ArrowUp" ? (c.preventDefault(), T(e, e - 1)) : c.altKey && c.key === "ArrowDown" ? (c.preventDefault(), T(e, e + 1)) : c.key === "Home" && c.altKey ? (c.preventDefault(), T(e, 0)) : c.key === "End" && c.altKey && (c.preventDefault(), T(e, t.count - 1)));
-    }, Q = (c) => {
-      p && (t == null || t.setDragSource(e), c.dataTransfer && (c.dataTransfer.effectAllowed = "move", c.dataTransfer.setData("text/plain", String(e))));
-    }, Z = () => {
-      t == null || t.setDragSource(null), N(!1);
-    }, ee = (c) => {
-      !p || (t == null ? void 0 : t.dragSource) === null || (c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), N(!0));
-    }, ae = () => N(!1), re = (c) => {
-      if (!p) return;
-      c.preventDefault();
-      const z = t == null ? void 0 : t.dragSource;
-      N(!1), !(z == null || z === e) && T(z, e);
-    }, E = (t == null ? void 0 : t.dragSource) === e;
-    return /* @__PURE__ */ f(
-      "div",
-      {
-        className: Le({
-          dragging: E,
-          dropTarget: y && !E
-        }),
-        draggable: p || void 0,
-        onDragStart: p ? Q : void 0,
-        onDragEnd: p ? Z : void 0,
-        onDragOver: ee,
-        onDragLeave: ae,
-        onDrop: re,
-        children: [
-          /* @__PURE__ */ r(
-            W,
-            {
-              ref: h,
-              isActive: a,
-              asChild: i,
-              "aria-label": s,
-              "aria-describedby": p ? C : void 0,
-              draggable: p ? !1 : void 0,
-              className: [
-                p ? "flex-1 min-w-0" : "",
-                m ?? ""
-              ].filter(Boolean).join(" "),
-              ...v,
-              children: u
-            }
-          ),
-          p ? /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              id: C,
-              "aria-label": b(
-                "ui.navigation.sidebar.reorderHandle",
-                "Reorder {{label}}. Press Alt + Up or Alt + Down to move.",
-                { label: j }
-              ),
-              className: _e,
-              onKeyDown: Y,
-              children: /* @__PURE__ */ r(de, { "aria-hidden": "true", className: "size-4" })
-            }
-          ) : null,
-          l && x !== "icon" ? /* @__PURE__ */ r(
-            _,
-            {
-              isPinned: o,
-              label: d ?? s ?? "",
-              onPinChange: l
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-Ee.displayName = "SidebarFavoriteItem";
-const Ve = k(
-  [
-    "flex items-center gap-[var(--spacing-sm)]",
-    "min-h-[var(--min-target-size)]",
-    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)]",
-    "rounded-[var(--radius-md)]",
-    "text-[var(--foreground)] text-[var(--font-size-sm)]",
-    "hover:bg-[var(--muted)]/20",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "no-underline"
-  ].join(" ")
-), Me = g(({ avatar: e, name: a, subtitle: i, subtitleLabel: n, className: o, ...l }, d) => {
-  const { mode: s } = w(), m = s !== "icon", u = typeof i == "string" ? i : n;
-  return /* @__PURE__ */ f(
-    "button",
-    {
-      ref: d,
-      type: "button",
-      "aria-label": u ? `${a}, ${u}` : a,
-      className: [Ve(), o].filter(Boolean).join(" "),
-      ...l,
-      children: [
-        /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "inline-flex items-center shrink-0", children: e }),
-        m ? /* @__PURE__ */ f("span", { className: "flex-1 min-w-0 text-start", children: [
-          /* @__PURE__ */ r("span", { className: "block truncate type-label", children: a }),
-          i ? typeof i == "string" ? /* @__PURE__ */ r("span", { className: "block truncate type-meta text-[color:var(--muted-foreground)]", children: i }) : /* @__PURE__ */ r("span", { className: "flex items-center gap-[length:var(--spacing-xs)] min-w-0 type-meta text-[color:var(--muted-foreground)]", children: i }) : null
-        ] }) : null
-      ]
-    }
-  );
-});
-Me.displayName = "SidebarProfilePill";
-const Oe = [
-  "inline-flex items-center justify-center shrink-0",
-  "min-w-[var(--min-target-size)] min-h-[var(--min-target-size)]",
-  "rounded-[var(--radius-sm)]",
-  "text-[var(--muted-foreground)]",
-  "hover:bg-[var(--muted)]/20 hover:text-[var(--foreground)]",
-  "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-  "focus-visible:outline-[var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:outline-[CanvasText]",
-  "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), $e = g(
-  ({ className: e, "aria-label": a, onClick: i, ...n }, o) => {
-    const { t: l } = I(), { mode: d, transitionTo: s } = w();
-    if (d === "overlay") return null;
-    const m = d === "expanded", u = a ?? (m ? l("ui.navigation.sidebar.collapse", "Collapse sidebar") : l("ui.navigation.sidebar.expand", "Expand sidebar")), v = /* @__PURE__ */ r(
-      "button",
-      {
-        ref: o,
-        type: "button",
-        "aria-label": u,
-        "aria-expanded": m,
-        onClick: (h) => {
-          s == null || s(m ? "icon" : "expanded"), i == null || i(h);
-        },
-        className: [Oe, e].filter(Boolean).join(" "),
-        ...n,
-        children: m ? /* @__PURE__ */ r(me, { "aria-hidden": "true", className: "size-4 rtl:-scale-x-100" }) : /* @__PURE__ */ r(ve, { "aria-hidden": "true", className: "size-4 rtl:-scale-x-100" })
-      }
-    );
-    return /* @__PURE__ */ f(S.Root, { children: [
-      /* @__PURE__ */ r(S.Trigger, { asChild: !0, children: v }),
-      /* @__PURE__ */ r(S.Portal, { children: /* @__PURE__ */ f(
-        S.Content,
-        {
-          side: d === "icon" ? "right" : "top",
-          sideOffset: 6,
-          className: [
-            "z-[var(--z-tooltip)] max-w-[16rem]",
-            "rounded-[var(--radius-sm)]",
-            "bg-[var(--foreground)] text-[var(--background)]",
-            "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] py-[var(--spacing-xs)] text-[var(--font-size-xs)]",
-            "animate-in fade-in zoom-in-95 motion-reduce:animate-none"
-          ].join(" "),
-          children: [
-            u,
-            /* @__PURE__ */ r(S.Arrow, { className: "fill-[var(--foreground)]" })
-          ]
-        }
-      ) })
-    ] });
-  }
-);
-$e.displayName = "SidebarCollapseTrigger";
-export {
-  xe as S,
-  we as a,
-  $e as b,
-  Ee as c,
-  He as d,
-  Ne as e,
-  ze as f,
-  ye as g,
-  W as h,
-  Be as i,
-  Ce as j,
-  Te as k,
-  _ as l,
-  Re as m,
-  Me as n,
-  J as o,
-  Ie as p,
-  w as q,
-  Ze as u
-};
-//# sourceMappingURL=sidebar-r645O-k9.js.map