@acronis-platform/ui-react 0.55.0 → 0.56.0

package/dist/components/ui/sidebar-secondary/sidebar-secondary.js

@@ -1,624 +0,0 @@
-import { jsxs as f, Fragment as _, jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { mergeProps as j } from "@base-ui/react/merge-props";
-import { useRender as q } from "@base-ui/react/use-render";
-import { Collapsible as X } from "@base-ui/react/collapsible";
-import { SquareArrowUpRightIcon as ae, ChevronDownIcon as G } from "@acronis-platform/icons-react/stroke-mono";
-import { cva as te } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { cn as b } from "../../../lib/utils.js";
-import { Tooltip as P, TooltipTrigger as A, TooltipContent as M } from "../tooltip/tooltip.js";
-function J() {
-  const [t, r] = n.useState("ltr");
-  return n.useEffect(() => {
-    r(document.documentElement.dir === "rtl" ? "rtl" : "ltr");
-  }, []), t;
-}
-function K(t, { enabled: r }) {
-  const [s, l] = n.useState(!1);
-  return n.useEffect(() => {
-    const i = t.current;
-    if (!r || !i) {
-      l(!1);
-      return;
-    }
-    const a = () => l(i.scrollWidth > i.clientWidth);
-    a();
-    const o = new ResizeObserver(a);
-    return o.observe(i), () => o.disconnect();
-  }, [t, r]), s;
-}
-const R = 256, Q = R * 2, Y = /* @__PURE__ */ f(_, { children: [
-  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Resize:" }),
-  " Drag",
-  /* @__PURE__ */ e("br", {}),
-  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Collapse:" }),
-  " Click",
-  /* @__PURE__ */ e("br", {}),
-  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Reset size:" }),
-  " Double click"
-] }), Z = /* @__PURE__ */ f(_, { children: [
-  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Resize:" }),
-  " Drag",
-  /* @__PURE__ */ e("br", {}),
-  /* @__PURE__ */ e("span", { className: "font-semibold", children: "Expand:" }),
-  " Click"
-] }), $ = n.createContext(null);
-function I() {
-  return n.useContext($) ?? {
-    expanded: !0,
-    toggleExpanded: () => {
-    },
-    resizable: !1,
-    width: R,
-    setWidth: () => {
-    },
-    minWidth: R,
-    maxWidth: Q,
-    defaultWidth: R,
-    headerLabel: void 0,
-    setHeaderLabel: () => {
-    },
-    selectedLabel: void 0,
-    setSelectedLabel: () => {
-    },
-    resizeAriaLabel: "Resize sidebar",
-    resizeTooltipExpanded: Y,
-    resizeTooltipCollapsed: Z
-  };
-}
-function ne(t, r, s) {
-  const [l, i] = n.useState(r), a = t !== void 0, o = a ? t : l, u = n.useCallback(
-    (d) => {
-      a || i(d), s == null || s(d);
-    },
-    [a, s]
-  );
-  return [o, u];
-}
-function ie() {
-  const t = I(), { expanded: r, toggleExpanded: s, resizable: l } = t, i = J(), a = n.useRef(t);
-  a.current = t;
-  const o = n.useRef(!1), [u, d] = n.useState(!1), [c, v] = n.useState(!1), m = n.useRef(
-    null
-  );
-  if (n.useEffect(() => () => {
-    m.current && clearTimeout(m.current);
-  }, []), !l) return null;
-  const S = (p) => {
-    p.preventDefault();
-    const C = p.currentTarget;
-    C.setPointerCapture(p.pointerId), o.current = !1, v(!0), d(!1);
-    const h = C.closest("[data-state]");
-    if (!h) {
-      v(!1), C.releasePointerCapture(p.pointerId);
-      return;
-    }
-    h.style.transitionProperty = "none";
-    const w = getComputedStyle(h).direction === "rtl", N = h.getBoundingClientRect(), { minWidth: x, maxWidth: T } = a.current, y = x / 2, z = (O) => {
-      o.current = !0;
-      const D = w ? N.right - O.clientX : O.clientX - N.left, { expanded: B } = a.current;
-      B ? D < y ? a.current.toggleExpanded() : a.current.setWidth(
-        Math.min(Math.max(D, x), T)
-      ) : D > y && a.current.toggleExpanded();
-    }, W = () => {
-      v(!1), h && (h.style.transitionProperty = ""), window.removeEventListener("pointermove", z), window.removeEventListener("pointerup", W);
-    };
-    window.addEventListener("pointermove", z), window.addEventListener("pointerup", W);
-  }, E = () => {
-    o.current || (m.current && clearTimeout(m.current), m.current = setTimeout(() => {
-      s();
-    }, 250));
-  }, L = () => {
-    m.current && (clearTimeout(m.current), m.current = null), r || s(), a.current.setWidth(a.current.defaultWidth);
-  }, g = (p) => {
-    const {
-      minWidth: C,
-      maxWidth: h,
-      defaultWidth: w,
-      width: N,
-      setWidth: x,
-      expanded: T,
-      toggleExpanded: y
-    } = a.current, z = 16, W = i === "rtl" ? "ArrowLeft" : "ArrowRight", O = i === "rtl" ? "ArrowRight" : "ArrowLeft";
-    if (p.key === W && T)
-      p.preventDefault(), x(Math.min(N + z, h));
-    else if (p.key === O && T) {
-      p.preventDefault();
-      const D = N - z;
-      D < C ? y() : x(D);
-    } else p.key === "Enter" ? (p.preventDefault(), y()) : p.key === "Home" && (p.preventDefault(), T || y(), x(w));
-  };
-  return /* @__PURE__ */ f(P, { open: u, onOpenChange: (p) => {
-    c || d(p);
-  }, children: [
-    /* @__PURE__ */ e(
-      A,
-      {
-        render: /* @__PURE__ */ e(
-          "div",
-          {
-            role: "separator",
-            "aria-orientation": "vertical",
-            "aria-label": t.resizeAriaLabel,
-            className: b(
-              // 9px hit area matching ResizableHandle, absolutely positioned on inline-end edge.
-              // No after: divider — the sidebar's own border-e changes color via :has() on hover/active/focus.
-              "absolute end-0 top-0 h-full w-[9px] ltr:translate-x-1/2 rtl:-translate-x-1/2 cursor-[var(--ui-resizable-cursor,ew-resize)] z-10",
-              "focus-visible:outline-none"
-            ),
-            tabIndex: 0,
-            onKeyDown: g,
-            onPointerDown: S,
-            onClick: E,
-            onDoubleClick: L
-          }
-        )
-      }
-    ),
-    (r ? t.resizeTooltipExpanded : t.resizeTooltipCollapsed) != null && /* @__PURE__ */ e(M, { side: i === "rtl" ? "left" : "right", align: "center", children: r ? t.resizeTooltipExpanded : t.resizeTooltipCollapsed })
-  ] });
-}
-const se = n.forwardRef(
-  ({
-    className: t,
-    expanded: r,
-    defaultExpanded: s = !0,
-    onExpandedChange: l,
-    resizable: i = !0,
-    width: a,
-    onWidthChange: o,
-    resizeAriaLabel: u = "Resize sidebar",
-    resizeTooltipExpanded: d = Y,
-    resizeTooltipCollapsed: c = Z,
-    "aria-label": v = "Section navigation",
-    render: m,
-    children: S,
-    ...E
-  }, L) => {
-    const [g, k] = ne(
-      r,
-      s,
-      l
-    ), [p, C] = n.useState(R), h = a !== void 0, w = h ? a : p, N = n.useCallback(
-      (F) => {
-        h || C(F), o == null || o(F);
-      },
-      [h, o]
-    ), [x, T] = n.useState(void 0), [y, z] = n.useState(void 0), W = n.useMemo(
-      () => ({
-        expanded: g,
-        toggleExpanded: () => k(!g),
-        resizable: i,
-        width: w,
-        setWidth: N,
-        minWidth: R,
-        maxWidth: Q,
-        defaultWidth: R,
-        headerLabel: x,
-        setHeaderLabel: T,
-        selectedLabel: y,
-        setSelectedLabel: z,
-        resizeAriaLabel: u,
-        resizeTooltipExpanded: d,
-        resizeTooltipCollapsed: c
-      }),
-      [
-        g,
-        k,
-        i,
-        w,
-        N,
-        x,
-        y,
-        u,
-        d,
-        c
-      ]
-    ), B = q({
-      render: m,
-      ref: L,
-      defaultTagName: "nav",
-      props: j(
-        {
-          "aria-label": v,
-          "data-state": g ? "expanded" : "collapsed",
-          style: i && g && (h || w !== R) ? { width: w } : void 0,
-          className: b(
-            "group/sidebar relative flex h-full flex-col bg-[var(--ui-sidebar-secondary-global-container-color)] border-e border-[var(--ui-sidebar-secondary-global-container-border-color)] [border-inline-end-width:var(--ui-sidebar-secondary-global-container-border-width)] w-[var(--ui-sidebar-secondary-collapsed-container-width)] data-[state=expanded]:w-[var(--ui-sidebar-secondary-expanded-container-width)] transition-[width]",
-            i && "transition-[width,border-color] has-[[role=separator]:hover]:border-[var(--ui-resizable-border-color-hover)] has-[[role=separator]:active]:border-[var(--ui-resizable-border-color-active)] has-[[role=separator]:focus-visible]:border-[var(--ui-resizable-border-color-hover)] has-[[role=separator]:focus-visible]:ring-[3px] has-[[role=separator]:focus-visible]:ring-[var(--ui-focus-primary)]",
-            t
-          ),
-          children: /* @__PURE__ */ f(_, { children: [
-            /* @__PURE__ */ e(ee, {}),
-            S,
-            /* @__PURE__ */ e(ie, {})
-          ] })
-        },
-        E
-      )
-    });
-    return /* @__PURE__ */ e($.Provider, { value: W, children: B });
-  }
-);
-se.displayName = "SidebarSecondary";
-const oe = n.forwardRef(({ className: t, label: r, children: s, ...l }, i) => {
-  const { setHeaderLabel: a } = I(), o = r ?? s;
-  return n.useEffect(() => {
-    a(o);
-  }, [o, a]), /* @__PURE__ */ e(
-    "div",
-    {
-      ref: i,
-      className: b(
-        "hidden items-center shrink-0",
-        "group-data-[state=expanded]/sidebar:flex",
-        "px-[var(--ui-sidebar-secondary-global-container-header-padding-x)] py-[var(--ui-sidebar-secondary-global-container-header-padding-y)]",
-        t
-      ),
-      ...l,
-      children: /* @__PURE__ */ e("h2", { className: "ui-sidebar-secondary-global-header-label-text-style truncate text-[var(--ui-sidebar-secondary-global-header-label-color)]", children: o })
-    }
-  );
-});
-oe.displayName = "SidebarSecondaryHeader";
-const le = n.forwardRef(({ className: t, ...r }, s) => (
-  // Expanded: the section list. Hidden in collapsed mode, where the
-  // CollapsedBreadcrumb sibling takes over.
-  /* @__PURE__ */ e(
-    "div",
-    {
-      ref: s,
-      className: b(
-        "flex flex-1 flex-col overflow-y-auto gap-[var(--ui-sidebar-secondary-global-section-list-gap)]",
-        "hidden group-data-[state=expanded]/sidebar:flex",
-        t
-      ),
-      ...r
-    }
-  )
-));
-le.displayName = "SidebarSecondaryContent";
-const ee = n.forwardRef(({ className: t, parentLabel: r, currentLabel: s, separator: l, ...i }, a) => {
-  const { headerLabel: o, selectedLabel: u } = I(), d = r ?? o, c = s ?? u;
-  return (
-    // Shown only in collapsed mode — toggled by the same data-[state] selector so
-    // it stays in the DOM (SSR-present) with no JS branch. Laid out vertically:
-    // parent → separator → current page.
-    /* @__PURE__ */ f(
-      "div",
-      {
-        ref: a,
-        className: b(
-          "flex flex-1 flex-col items-center min-h-0",
-          "gap-[var(--ui-sidebar-secondary-collapsed-container-content-gap)] py-[var(--ui-sidebar-secondary-collapsed-container-content-padding-y)]",
-          "flex group-data-[state=expanded]/sidebar:hidden",
-          t
-        ),
-        ...i,
-        children: [
-          /* @__PURE__ */ e("span", { className: "[writing-mode:vertical-rl] [direction:ltr] shrink-0 ui-sidebar-secondary-collapsed-breadcrumb-label-text-style text-[var(--ui-sidebar-secondary-collapsed-breadcrumb-label-color)]", children: d }),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "inline-flex items-center text-[var(--ui-sidebar-secondary-collapsed-icon-separator-color)] [&>svg]:size-[var(--ui-sidebar-secondary-collapsed-icon-separator-size)]",
-              children: l ?? /* @__PURE__ */ e(G, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "[writing-mode:vertical-rl] [direction:ltr] flex-1 min-h-0 overflow-hidden ui-sidebar-secondary-collapsed-label-current-page-text-style text-[var(--ui-sidebar-secondary-collapsed-label-current-page-color)]", children: c })
-        ]
-      }
-    )
-  );
-});
-ee.displayName = "SidebarSecondaryCollapsedBreadcrumb";
-const de = n.forwardRef(({ className: t, ...r }, s) => /* @__PURE__ */ e(
-  "div",
-  {
-    ref: s,
-    className: b(
-      "flex flex-col shrink-0",
-      "border-t border-[var(--ui-sidebar-secondary-global-container-footer-border-color)] [border-top-width:var(--ui-sidebar-secondary-global-container-footer-border-width)]",
-      "py-[var(--ui-sidebar-secondary-section-container-padding-y)]",
-      t
-    ),
-    ...r
-  }
-));
-de.displayName = "SidebarSecondaryFooter";
-const H = n.createContext({
-  expandable: !1
-}), ce = {
-  expandable: !1
-}, ue = {
-  expandable: !0
-}, be = n.forwardRef(
-  ({
-    className: t,
-    expandable: r = !1,
-    open: s,
-    defaultOpen: l = !0,
-    onOpenChange: i,
-    children: a,
-    ...o
-  }, u) => {
-    const d = b(
-      "flex flex-col py-[var(--ui-sidebar-secondary-section-container-padding-y)]",
-      t
-    );
-    return r ? /* @__PURE__ */ e(H.Provider, { value: ue, children: /* @__PURE__ */ e(
-      X.Root,
-      {
-        ref: u,
-        open: s,
-        defaultOpen: l,
-        onOpenChange: i,
-        render: /* @__PURE__ */ e("div", { className: d }),
-        ...o,
-        children: a
-      }
-    ) }) : /* @__PURE__ */ e(H.Provider, { value: ce, children: /* @__PURE__ */ e("div", { ref: u, className: d, ...o, children: a }) });
-  }
-);
-be.displayName = "SidebarSecondarySection";
-const U = "ui-sidebar-secondary-section-label-section-text-style text-[var(--ui-sidebar-secondary-section-label-section-color)]", V = "min-h-[var(--ui-sidebar-secondary-menu-item-global-container-height-min)] py-[var(--ui-sidebar-secondary-section-container-header-padding-y)] px-[var(--ui-sidebar-secondary-section-container-header-padding-x)]", pe = n.forwardRef(({ className: t, actions: r, unreadRollup: s, children: l, ...i }, a) => {
-  const { expandable: o } = n.useContext(H), u = n.useRef(null), d = K(u, { enabled: !0 }), c = /* @__PURE__ */ f(P, { disabled: !d, children: [
-    /* @__PURE__ */ e(
-      A,
-      {
-        render: /* @__PURE__ */ e(
-          "span",
-          {
-            ref: u,
-            className: "min-w-0 flex-1 truncate"
-          }
-        ),
-        children: l
-      }
-    ),
-    /* @__PURE__ */ e(M, { children: l })
-  ] });
-  if (!o) {
-    const v = b(U, V, t);
-    return r == null ? /* @__PURE__ */ e(
-      "div",
-      {
-        ref: a,
-        className: b(
-          v,
-          "flex items-center"
-        ),
-        ...i,
-        children: c
-      }
-    ) : /* @__PURE__ */ f(
-      "div",
-      {
-        ref: a,
-        className: b(
-          v,
-          "flex items-center gap-[var(--ui-sidebar-secondary-section-container-header-gap)]"
-        ),
-        ...i,
-        children: [
-          c,
-          /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: r })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      ref: a,
-      className: b(
-        "flex items-center gap-[var(--ui-sidebar-secondary-section-container-header-gap)]",
-        V,
-        t
-      ),
-      ...i,
-      children: [
-        /* @__PURE__ */ f(
-          X.Trigger,
-          {
-            className: b(
-              "group/section flex min-w-0 flex-1 items-center gap-[var(--ui-sidebar-secondary-section-container-header-gap)] text-start",
-              U,
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-brand)] focus-visible:ring-inset"
-            ),
-            children: [
-              /* @__PURE__ */ e(
-                G,
-                {
-                  size: 16,
-                  "aria-hidden": "true",
-                  className: "shrink-0 ltr:-rotate-90 rtl:rotate-90 transition-transform group-data-[panel-open]/section:rotate-0 text-[var(--ui-sidebar-secondary-section-icon-arrow-color)]"
-                }
-              ),
-              c,
-              s != null && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center group-data-[panel-open]/section:hidden", children: s })
-            ]
-          }
-        ),
-        r != null && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: r })
-      ]
-    }
-  );
-});
-pe.displayName = "SidebarSecondarySectionLabel";
-const me = n.forwardRef(({ className: t, ...r }, s) => {
-  const { expandable: l } = n.useContext(H), i = /* @__PURE__ */ e(
-    "ul",
-    {
-      ref: s,
-      className: b(
-        "flex flex-col gap-[var(--ui-sidebar-secondary-section-menu-item-list-gap)]",
-        t
-      ),
-      ...r
-    }
-  );
-  return l ? /* @__PURE__ */ e(X.Panel, { children: i }) : i;
-});
-me.displayName = "SidebarSecondaryMenu";
-const fe = "group/row flex w-full items-start gap-[var(--ui-sidebar-secondary-menu-item-global-container-gap)] min-h-[var(--ui-sidebar-secondary-menu-item-global-container-height-min)] px-[var(--ui-sidebar-secondary-menu-item-global-container-padding-x)] py-[var(--ui-sidebar-secondary-menu-item-global-container-padding-y)] no-underline ui-sidebar-secondary-menu-item-global-label-text-style transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-focus-brand)] focus-visible:ring-inset text-[var(--ui-sidebar-secondary-menu-item-global-label-color-color)] [&_svg]:shrink-0 [&_svg]:size-[var(--ui-sidebar-secondary-menu-item-global-icon-size)] [&_svg]:text-[var(--ui-sidebar-secondary-menu-item-global-icon-color-color)]", re = te(fe, {
-  variants: {
-    variant: {
-      unselected: "bg-[var(--ui-sidebar-secondary-menu-item-unselected-container-color-idle)] hover:bg-[var(--ui-sidebar-secondary-menu-item-unselected-container-color-hover)] active:bg-[var(--ui-sidebar-secondary-menu-item-unselected-container-color-active)]",
-      selected: "bg-[var(--ui-sidebar-secondary-menu-item-selected-container-color-idle)] hover:bg-[var(--ui-sidebar-secondary-menu-item-selected-container-color-hover)] active:bg-[var(--ui-sidebar-secondary-menu-item-selected-container-color-active)]"
-    }
-  },
-  defaultVariants: {
-    variant: "unselected"
-  }
-}), ve = n.forwardRef(
-  ({ className: t, selected: r = !1, icon: s, extras: l, render: i, children: a, ...o }, u) => {
-    const { expanded: d, setSelectedLabel: c } = I(), { expandable: v } = n.useContext(H), m = n.useRef(null), S = K(m, { enabled: d });
-    n.useEffect(() => {
-      r && c(a);
-    }, [r, a, c]);
-    const E = q({
-      render: i,
-      ref: u,
-      defaultTagName: "a",
-      props: j(
-        {
-          className: b(
-            re({
-              variant: r ? "selected" : "unselected"
-            }),
-            // Inside an expandable section, increase start padding so the
-            // label aligns with the section header text (after chevron + gap)
-            // while keeping the container full-width for hover/active fills.
-            v && "ps-[calc(var(--ui-sidebar-secondary-menu-item-global-container-padding-x)+var(--ui-sidebar-secondary-section-container-header-gap)+16px)]",
-            t
-          ),
-          "aria-current": r ? "page" : void 0,
-          children: /* @__PURE__ */ f(_, { children: [
-            s != null && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center self-start mt-[var(--ui-sidebar-secondary-menu-item-global-icon-margin-t)]", children: s }),
-            /* @__PURE__ */ f(P, { disabled: !S, children: [
-              /* @__PURE__ */ e(
-                A,
-                {
-                  render: /* @__PURE__ */ e(
-                    "span",
-                    {
-                      ref: m,
-                      className: b(
-                        "flex-1 min-w-[60px] truncate text-start",
-                        !d && "sr-only"
-                      )
-                    }
-                  ),
-                  children: a
-                }
-              ),
-              /* @__PURE__ */ e(M, { children: a })
-            ] }),
-            l
-          ] })
-        },
-        o
-      )
-    });
-    return /* @__PURE__ */ e("li", { className: "contents", children: E });
-  }
-);
-ve.displayName = "SidebarSecondaryMenuItem";
-const he = n.forwardRef(({ className: t, variant: r, shortcut: s, tag: l, children: i, ...a }, o) => {
-  const { expanded: u } = I(), d = r === "tag" || r === "tag-externalLink", c = r === "externalLink" || r === "tag-externalLink", v = r === "shortcut";
-  return /* @__PURE__ */ f(
-    "span",
-    {
-      ref: o,
-      className: b(
-        "inline-flex items-center shrink-0 min-h-6 overflow-clip gap-[var(--ui-sidebar-secondary-menu-item-extras-global-container-gap)]",
-        !u && "hidden",
-        t
-      ),
-      ...a,
-      children: [
-        d && (l ?? i),
-        v && /* @__PURE__ */ e("span", { className: "ui-sidebar-secondary-menu-item-extras-global-shortcut-text-style text-[var(--ui-sidebar-secondary-menu-item-extras-global-shortcut-color)]", children: s ?? i }),
-        c && /* @__PURE__ */ e(
-          ae,
-          {
-            size: 16,
-            className: "text-[var(--ui-sidebar-secondary-menu-item-extras-global-external-icon-color)] size-[var(--ui-sidebar-secondary-menu-item-extras-global-external-icon-size)]"
-          }
-        )
-      ]
-    }
-  );
-});
-he.displayName = "SidebarSecondaryMenuItemExtras";
-const ge = n.forwardRef(
-  ({
-    className: t,
-    icon: r,
-    expandIcon: s,
-    expandTooltip: l = "Expand",
-    extras: i,
-    children: a,
-    onClick: o,
-    ...u
-  }, d) => {
-    const { expanded: c, toggleExpanded: v } = I(), m = J(), S = n.useRef(null), E = K(S, { enabled: c }), L = c ? r : s ?? r, g = /* @__PURE__ */ f(
-      "button",
-      {
-        ref: d,
-        type: "button",
-        "aria-expanded": c,
-        className: b(
-          re({ variant: "unselected" }),
-          "text-start",
-          t
-        ),
-        onClick: (k) => {
-          o == null || o(k), k.defaultPrevented || v();
-        },
-        ...u,
-        children: [
-          L != null && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center self-start mt-[var(--ui-sidebar-secondary-menu-item-global-icon-margin-t)] rtl:-scale-x-100", children: L }),
-          /* @__PURE__ */ f(P, { disabled: !E, children: [
-            /* @__PURE__ */ e(
-              A,
-              {
-                render: /* @__PURE__ */ e(
-                  "span",
-                  {
-                    ref: S,
-                    className: b("flex-1 min-w-[60px] truncate", !c && "sr-only")
-                  }
-                ),
-                children: a
-              }
-            ),
-            /* @__PURE__ */ e(M, { children: a })
-          ] }),
-          i
-        ]
-      }
-    );
-    return /* @__PURE__ */ e("li", { className: "contents", children: c ? g : /* @__PURE__ */ f(P, { children: [
-      /* @__PURE__ */ e(A, { render: g }),
-      /* @__PURE__ */ e(M, { side: m === "rtl" ? "left" : "right", children: l })
-    ] }) });
-  }
-);
-ge.displayName = "SidebarSecondaryCollapseTrigger";
-export {
-  se as SidebarSecondary,
-  ge as SidebarSecondaryCollapseTrigger,
-  ee as SidebarSecondaryCollapsedBreadcrumb,
-  le as SidebarSecondaryContent,
-  de as SidebarSecondaryFooter,
-  oe as SidebarSecondaryHeader,
-  me as SidebarSecondaryMenu,
-  ve as SidebarSecondaryMenuItem,
-  he as SidebarSecondaryMenuItemExtras,
-  be as SidebarSecondarySection,
-  pe as SidebarSecondarySectionLabel,
-  re as sidebarSecondaryMenuItemVariants
-};
-//# sourceMappingURL=sidebar-secondary.js.map