@fluid-app/fluid-cli-theme-dev 0.1.59 → 0.1.60

package/dist/dist-cli-preview/chunks/sidebar-CMSWZCPS.js

@@ -0,0 +1,848 @@
+var F = (t) => {
+  throw TypeError(t);
+};
+var A = (t, e, a) => e.has(t) || F("Cannot " + a);
+var d = (t, e, a) => (A(t, e, "read from private field"), a ? a.call(t) : e.get(t)), S = (t, e, a) => e.has(t) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), N = (t, e, a, s) => (A(t, e, "write to private field"), s ? s.call(t, a) : e.set(t, a), a), m = (t, e, a) => (A(t, e, "access private method"), a);
+import { bd as Y, be as J, n as Q, l as r, j as i, ao as X, ap as Z, bf as k, ab as ee } from "./account-screen-runtime-DxhJm6Qd.js";
+var C, f, c, v, h, g, K, _e = (K = class extends Y {
+  constructor(e) {
+    super();
+    S(this, h);
+    S(this, C);
+    S(this, f);
+    S(this, c);
+    S(this, v);
+    N(this, C, e.client), this.mutationId = e.mutationId, N(this, c, e.mutationCache), N(this, f, []), this.state = e.state || te(), this.setOptions(e.options), this.scheduleGc();
+  }
+  setOptions(e) {
+    this.options = e, this.updateGcTime(this.options.gcTime);
+  }
+  get meta() {
+    return this.options.meta;
+  }
+  addObserver(e) {
+    d(this, f).includes(e) || (d(this, f).push(e), this.clearGcTimeout(), d(this, c).notify({
+      type: "observerAdded",
+      mutation: this,
+      observer: e
+    }));
+  }
+  removeObserver(e) {
+    N(this, f, d(this, f).filter((a) => a !== e)), this.scheduleGc(), d(this, c).notify({
+      type: "observerRemoved",
+      mutation: this,
+      observer: e
+    });
+  }
+  optionalRemove() {
+    d(this, f).length || (this.state.status === "pending" ? this.scheduleGc() : d(this, c).remove(this));
+  }
+  continue() {
+    return d(this, v)?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
+    this.execute(this.state.variables);
+  }
+  async execute(e) {
+    const a = () => {
+      m(this, h, g).call(this, { type: "continue" });
+    }, s = {
+      client: d(this, C),
+      meta: this.options.meta,
+      mutationKey: this.options.mutationKey
+    };
+    N(this, v, J({
+      fn: () => this.options.mutationFn ? this.options.mutationFn(e, s) : Promise.reject(new Error("No mutationFn found")),
+      onFail: (n, u) => {
+        m(this, h, g).call(this, { type: "failed", failureCount: n, error: u });
+      },
+      onPause: () => {
+        m(this, h, g).call(this, { type: "pause" });
+      },
+      onContinue: a,
+      retry: this.options.retry ?? 0,
+      retryDelay: this.options.retryDelay,
+      networkMode: this.options.networkMode,
+      canRun: () => d(this, c).canRun(this)
+    }));
+    const l = this.state.status === "pending", b = !d(this, v).canStart();
+    try {
+      if (l)
+        a();
+      else {
+        m(this, h, g).call(this, { type: "pending", variables: e, isPaused: b }), d(this, c).config.onMutate && await d(this, c).config.onMutate(
+          e,
+          this,
+          s
+        );
+        const u = await this.options.onMutate?.(
+          e,
+          s
+        );
+        u !== this.state.context && m(this, h, g).call(this, {
+          type: "pending",
+          context: u,
+          variables: e,
+          isPaused: b
+        });
+      }
+      const n = await d(this, v).start();
+      return await d(this, c).config.onSuccess?.(
+        n,
+        e,
+        this.state.context,
+        this,
+        s
+      ), await this.options.onSuccess?.(
+        n,
+        e,
+        this.state.context,
+        s
+      ), await d(this, c).config.onSettled?.(
+        n,
+        null,
+        this.state.variables,
+        this.state.context,
+        this,
+        s
+      ), await this.options.onSettled?.(
+        n,
+        null,
+        e,
+        this.state.context,
+        s
+      ), m(this, h, g).call(this, { type: "success", data: n }), n;
+    } catch (n) {
+      try {
+        await d(this, c).config.onError?.(
+          n,
+          e,
+          this.state.context,
+          this,
+          s
+        );
+      } catch (u) {
+        Promise.reject(u);
+      }
+      try {
+        await this.options.onError?.(
+          n,
+          e,
+          this.state.context,
+          s
+        );
+      } catch (u) {
+        Promise.reject(u);
+      }
+      try {
+        await d(this, c).config.onSettled?.(
+          void 0,
+          n,
+          this.state.variables,
+          this.state.context,
+          this,
+          s
+        );
+      } catch (u) {
+        Promise.reject(u);
+      }
+      try {
+        await this.options.onSettled?.(
+          void 0,
+          n,
+          e,
+          this.state.context,
+          s
+        );
+      } catch (u) {
+        Promise.reject(u);
+      }
+      throw m(this, h, g).call(this, { type: "error", error: n }), n;
+    } finally {
+      d(this, c).runNext(this);
+    }
+  }
+}, C = new WeakMap(), f = new WeakMap(), c = new WeakMap(), v = new WeakMap(), h = new WeakSet(), g = function(e) {
+  const a = (s) => {
+    switch (e.type) {
+      case "failed":
+        return {
+          ...s,
+          failureCount: e.failureCount,
+          failureReason: e.error
+        };
+      case "pause":
+        return {
+          ...s,
+          isPaused: !0
+        };
+      case "continue":
+        return {
+          ...s,
+          isPaused: !1
+        };
+      case "pending":
+        return {
+          ...s,
+          context: e.context,
+          data: void 0,
+          failureCount: 0,
+          failureReason: null,
+          error: null,
+          isPaused: e.isPaused,
+          status: "pending",
+          variables: e.variables,
+          submittedAt: Date.now()
+        };
+      case "success":
+        return {
+          ...s,
+          data: e.data,
+          failureCount: 0,
+          failureReason: null,
+          error: null,
+          status: "success",
+          isPaused: !1
+        };
+      case "error":
+        return {
+          ...s,
+          data: void 0,
+          error: e.error,
+          failureCount: s.failureCount + 1,
+          failureReason: e.error,
+          isPaused: !1,
+          status: "error"
+        };
+    }
+  };
+  this.state = a(this.state), Q.batch(() => {
+    d(this, f).forEach((s) => {
+      s.onMutationUpdate(e);
+    }), d(this, c).notify({
+      mutation: this,
+      type: "updated",
+      action: e
+    });
+  });
+}, K);
+function te() {
+  return {
+    context: void 0,
+    data: void 0,
+    error: null,
+    failureCount: 0,
+    failureReason: null,
+    isPaused: !1,
+    status: "idle",
+    variables: void 0,
+    submittedAt: 0
+  };
+}
+const G = 768;
+function ae() {
+  const [t, e] = r.useState(!1);
+  return r.useEffect(() => {
+    const a = window.matchMedia(`(max-width: ${G - 1}px)`), s = () => {
+      e(window.innerWidth < G);
+    };
+    return a.addEventListener("change", s), e(window.innerWidth < G), () => a.removeEventListener("change", s);
+  }, []), t;
+}
+function o(...t) {
+  return X(Z(t));
+}
+function se({
+  className: t,
+  orientation: e = "horizontal",
+  ...a
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": e,
+      className: o(
+        "bg-border shrink-0",
+        e === "horizontal" ? "h-px w-full" : "h-full w-px",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function L({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      className: o("bg-muted animate-pulse rounded-md", t),
+      ...e
+    }
+  );
+}
+const H = "13rem", ie = "18rem", W = "3rem", re = "b", q = r.createContext(null);
+function O() {
+  const t = r.useContext(q);
+  if (!t)
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  return t;
+}
+const oe = r.forwardRef(
+  ({
+    defaultOpen: t = !0,
+    open: e,
+    onOpenChange: a,
+    viewportWidth: s,
+    previewMode: l,
+    useBottomNav: b = !1,
+    className: n,
+    style: u,
+    children: w,
+    ...I
+  }, B) => {
+    const M = ae(), y = s !== void 0 ? s < 768 : M, z = s !== void 0 || !!l, [j, E] = r.useState(!1), [V, U] = r.useState(t), R = e ?? V, _ = r.useCallback(
+      (p) => {
+        const x = typeof p == "function" ? p(R) : p;
+        a ? a(x) : U(x);
+      },
+      [a, R]
+    ), P = r.useCallback(() => y ? E((p) => !p) : _((p) => !p), [y, _, E]);
+    r.useEffect(() => {
+      const p = (x) => {
+        if (x.key === re && (x.metaKey || x.ctrlKey)) {
+          const D = document.activeElement;
+          if (D?.closest(".group\\/composer") || D?.closest("[data-toolbar]") || D?.classList.contains("ProseMirror"))
+            return;
+          x.preventDefault(), P();
+        }
+      };
+      return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+    }, [P]);
+    const T = R ? "expanded" : "collapsed", $ = r.useMemo(
+      () => ({
+        state: T,
+        open: R,
+        setOpen: _,
+        isMobile: y,
+        openMobile: j,
+        setOpenMobile: E,
+        toggleSidebar: P,
+        isPreviewMode: z,
+        useBottomNav: b
+      }),
+      [
+        T,
+        R,
+        _,
+        y,
+        j,
+        E,
+        P,
+        z,
+        b
+      ]
+    );
+    return /* @__PURE__ */ i.jsx(q.Provider, { value: $, children: /* @__PURE__ */ i.jsx(
+      "div",
+      {
+        style: {
+          "--sidebar-width": H,
+          "--sidebar-width-icon": W,
+          ...u
+        },
+        className: o(
+          "group/sidebar-wrapper flex min-h-0 w-full flex-1",
+          n
+        ),
+        ref: B,
+        ...I,
+        children: w
+      }
+    ) });
+  }
+);
+oe.displayName = "SidebarProvider";
+const ne = r.forwardRef(
+  ({
+    side: t = "left",
+    variant: e = "sidebar",
+    collapsible: a = "offcanvas",
+    className: s,
+    children: l,
+    ...b
+  }, n) => {
+    const {
+      isMobile: u,
+      state: w,
+      openMobile: I,
+      setOpenMobile: B,
+      isPreviewMode: M,
+      useBottomNav: y
+    } = O(), z = w === "expanded" ? H : W;
+    if (y && u)
+      return null;
+    if (a === "none")
+      return /* @__PURE__ */ i.jsx(
+        "div",
+        {
+          className: o(
+            "bg-sidebar text-sidebar-foreground flex w-(--sidebar-width) flex-col rounded-tl-lg",
+            M ? "h-full" : "h-[97vh]",
+            s
+          ),
+          ref: n,
+          ...b,
+          children: l
+        }
+      );
+    if (u) {
+      const j = M ? "absolute" : "fixed";
+      return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+        I && /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            className: o(j, "inset-0 z-40 bg-black/50"),
+            onClick: () => B(!1),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          "div",
+          {
+            "data-sidebar": "sidebar",
+            "data-mobile": "true",
+            className: o(
+              j,
+              "bg-sidebar text-sidebar-foreground top-0 left-0 z-50 h-full w-[--sidebar-width] p-0 transition-transform duration-300 ease-in-out",
+              I ? "translate-x-0" : "-translate-x-full",
+              s
+            ),
+            style: {
+              "--sidebar-width": ie
+            },
+            ref: n,
+            ...b,
+            children: /* @__PURE__ */ i.jsx("div", { className: "flex h-full w-full flex-col", children: l })
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        ref: n,
+        className: "group peer bg-sidebar text-sidebar-foreground hidden md:block",
+        "data-state": w,
+        "data-collapsible": w === "collapsed" ? a : "",
+        "data-variant": e,
+        "data-side": t,
+        style: {
+          "--sidebar-width": z
+        },
+        children: [
+          /* @__PURE__ */ i.jsx(
+            "div",
+            {
+              className: o(
+                "relative bg-transparent transition-[width] duration-200 ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                e === "floating" || e === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+              )
+            }
+          ),
+          /* @__PURE__ */ i.jsx(
+            "div",
+            {
+              className: o(
+                "relative inset-y-0 z-[20] hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+                M ? "h-full" : "h-svh",
+                t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                // Adjust the padding for floating and inset variants.
+                e === "floating" || e === "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=right]:border-l",
+                s
+              ),
+              ...b,
+              children: /* @__PURE__ */ i.jsx(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+                  children: l
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ne.displayName = "Sidebar";
+const de = r.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const { toggleSidebar: s } = O();
+    return /* @__PURE__ */ i.jsx(
+      "button",
+      {
+        ref: a,
+        "data-sidebar": "rail",
+        "aria-label": "Toggle Sidebar",
+        tabIndex: -1,
+        onClick: s,
+        title: "Toggle Sidebar",
+        className: o(
+          "hover:after:bg-sidebar-border absolute inset-y-0 z-[10] hidden w-4 -translate-x-full transition-all ease-linear group-data-[side=left]:-right-[1.375rem] 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",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+);
+de.displayName = "SidebarRail";
+const le = r.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const { isPreviewMode: s } = O();
+    return /* @__PURE__ */ i.jsx(
+      "main",
+      {
+        ref: a,
+        className: o(
+          "relative flex flex-1 flex-col",
+          s ? "max-h-[calc(100svh-(--spacing(4)))]" : "min-h-svh peer-data-[variant=inset]:min-h-[calc(100svh-(--spacing(4)))]",
+          "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",
+          t
+        ),
+        ...e
+      }
+    );
+  }
+);
+le.displayName = "SidebarInset";
+const ue = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "input",
+    {
+      ref: a,
+      "data-sidebar": "input",
+      className: o(
+        "bg-background focus-visible:ring-sidebar-ring h-8 w-full rounded-md border px-3 text-sm shadow-none focus-visible:ring-2 focus-visible:outline-none",
+        t
+      ),
+      ...e
+    }
+  )
+);
+ue.displayName = "SidebarInput";
+const ce = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "header",
+      className: o("flex flex-col gap-2 p-2", t),
+      ...e
+    }
+  )
+);
+ce.displayName = "SidebarHeader";
+const be = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "footer",
+      className: o("flex flex-col gap-2 p-2", t),
+      ...e
+    }
+  )
+);
+be.displayName = "SidebarFooter";
+const pe = r.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  se,
+  {
+    ref: a,
+    "data-sidebar": "separator",
+    className: o("bg-sidebar-border mx-2 w-auto", t),
+    ...e
+  }
+));
+pe.displayName = "SidebarSeparator";
+const fe = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "content",
+      className: o(
+        "scrollbar-none flex min-h-0 flex-1 flex-col gap-2 overflow-auto rounded group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:pt-3",
+        t
+      ),
+      ...e
+    }
+  )
+);
+fe.displayName = "SidebarContent";
+const he = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "group",
+      className: o(
+        "relative flex w-full min-w-0 flex-col p-2 group-data-[collapsible=icon]:py-0 group-data-[collapsible=icon]:pt-4",
+        t
+      ),
+      ...e
+    }
+  )
+);
+he.displayName = "SidebarGroup";
+const me = r.forwardRef(({ className: t, asChild: e = !1, ...a }, s) => {
+  const l = e ? k : "div";
+  return /* @__PURE__ */ i.jsx(
+    l,
+    {
+      ref: s,
+      "data-sidebar": "group-label",
+      className: o(
+        // Whisper-style section divider: small, uppercase, tracking, muted.
+        "text-sidebar-foreground/50 ring-sidebar-ring flex shrink-0 items-center px-2 pt-4 pb-1.5 text-[11px] font-medium tracking-wider uppercase outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-3.5 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...a
+    }
+  );
+});
+me.displayName = "SidebarGroupLabel";
+const ge = r.forwardRef(({ className: t, asChild: e = !1, ...a }, s) => {
+  const l = e ? k : "button";
+  return /* @__PURE__ */ i.jsx(
+    l,
+    {
+      ref: s,
+      "data-sidebar": "group-action",
+      className: o(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...a
+    }
+  );
+});
+ge.displayName = "SidebarGroupAction";
+const xe = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "group-content",
+      className: o("w-full text-sm", t),
+      ...e
+    }
+  )
+);
+xe.displayName = "SidebarGroupContent";
+const ve = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "ul",
+    {
+      ref: a,
+      "data-sidebar": "menu",
+      className: o("flex w-full min-w-0 flex-col gap-1", t),
+      ...e
+    }
+  )
+);
+ve.displayName = "SidebarMenu";
+const we = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "li",
+    {
+      ref: a,
+      "data-sidebar": "menu-item",
+      className: o("group/menu-item relative", t),
+      ...e
+    }
+  )
+);
+we.displayName = "SidebarMenuItem";
+const ye = ee(
+  "peer/menu-button ring-sidebar-ring hover:bg-sidebar-foreground/5 active:bg-sidebar-foreground/5 data-[state=open]:hover:bg-sidebar-foreground/5 data-[active=true]:text-foreground flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden 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 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-bold [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "shadow-[0_0_0_1px_var(--sidebar-border)] hover:shadow-[0_0_0_1px_var(--sidebar-primary)]"
+      },
+      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"
+    }
+  }
+), Se = r.forwardRef(
+  ({
+    asChild: t = !1,
+    isActive: e = !1,
+    variant: a = "default",
+    size: s = "default",
+    className: l,
+    ...b
+  }, n) => {
+    const u = t ? k : "button";
+    return /* @__PURE__ */ i.jsx(
+      u,
+      {
+        ref: n,
+        "data-sidebar": "menu-button",
+        "data-size": s,
+        "data-active": e,
+        className: o(ye({ variant: a, size: s }), l),
+        ...b
+      }
+    );
+  }
+);
+Se.displayName = "SidebarMenuButton";
+const Ne = r.forwardRef(({ className: t, asChild: e = !1, showOnHover: a = !1, ...s }, l) => {
+  const b = e ? k : "button";
+  return /* @__PURE__ */ i.jsx(
+    b,
+    {
+      ref: l,
+      "data-sidebar": "menu-action",
+      className: o(
+        "text-sidebar-foreground ring-sidebar-ring peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        a && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        t
+      ),
+      ...s
+    }
+  );
+});
+Ne.displayName = "SidebarMenuAction";
+const Me = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      ref: a,
+      "data-sidebar": "menu-badge",
+      className: o(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...e
+    }
+  )
+);
+Me.displayName = "SidebarMenuBadge";
+const je = r.forwardRef(({ className: t, showIcon: e = !1, ...a }, s) => {
+  const l = r.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      ref: s,
+      "data-sidebar": "menu-skeleton",
+      className: o("flex h-8 items-center gap-2 rounded-md px-2", t),
+      ...a,
+      children: [
+        e && /* @__PURE__ */ i.jsx(
+          L,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          L,
+          {
+            className: "h-4 max-w-(--skeleton-width) flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": l
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+je.displayName = "SidebarMenuSkeleton";
+const Re = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+    "ul",
+    {
+      ref: a,
+      "data-sidebar": "menu-sub",
+      className: o(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        t
+      ),
+      ...e
+    }
+  )
+);
+Re.displayName = "SidebarMenuSub";
+const Ce = r.forwardRef(
+  ({ ...t }, e) => /* @__PURE__ */ i.jsx("li", { ref: e, ...t })
+);
+Ce.displayName = "SidebarMenuSubItem";
+const ke = r.forwardRef(({ asChild: t = !1, size: e = "md", isActive: a, className: s, ...l }, b) => {
+  const n = t ? k : "a";
+  return /* @__PURE__ */ i.jsx(
+    n,
+    {
+      ref: b,
+      "data-sidebar": "menu-sub-button",
+      "data-size": e,
+      "data-active": a,
+      className: o(
+        "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 flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 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",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        e === "sm" && "text-xs",
+        e === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        s
+      ),
+      ...l
+    }
+  );
+});
+ke.displayName = "SidebarMenuSubButton";
+export {
+  _e as M,
+  oe as S,
+  q as a,
+  ae as b,
+  te as g,
+  O as u
+};