fumadocs-ui 13.4.5 → 13.4.7

package/dist/chunk-VTGJREY6.js

@@ -1,237 +0,0 @@
-import {
-  LargeSearchToggle,
-  LinkItem
-} from "./chunk-N47AX4K6.js";
-import {
-  useTreeContext
-} from "./chunk-LSTPTAZ5.js";
-import {
-  ScrollArea,
-  ScrollViewport
-} from "./chunk-2FLZOPQN.js";
-import {
-  hasActive,
-  isActive
-} from "./chunk-UOD2T27N.js";
-import {
-  useSearchContext
-} from "./chunk-ET4TW6M5.js";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "./chunk-TQJ6YPJ3.js";
-import {
-  itemVariants
-} from "./chunk-EDNTYBXS.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/layout/sidebar.tsx
-import { ChevronDown, ExternalLinkIcon } from "lucide-react";
-import * as Base from "fumadocs-core/sidebar";
-import { usePathname } from "next/navigation";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useState
-} from "react";
-import Link from "fumadocs-core/link";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var defaultComponents = {
-  Folder: FolderNode,
-  Separator: SeparatorNode,
-  Item: PageNode
-};
-var Context = createContext({
-  defaultOpenLevel: 0,
-  components: defaultComponents,
-  prefetch: true
-});
-function Sidebar({
-  components,
-  defaultOpenLevel = 0,
-  items,
-  prefetch = true,
-  ...props
-}) {
-  const search = useSearchContext();
-  const hasSearch = search.enabled && !props.hideSearch;
-  const context = useMemo(
-    () => ({
-      defaultOpenLevel,
-      components: { ...defaultComponents, ...components },
-      prefetch
-    }),
-    [components, defaultOpenLevel, prefetch]
-  );
-  return /* @__PURE__ */ jsx(Context.Provider, { value: context, children: /* @__PURE__ */ jsxs(
-    Base.SidebarList,
-    {
-      id: "nd-sidebar",
-      blockScrollingWidth: 768,
-      ...props.aside,
-      className: twMerge(
-        "fixed z-30 flex flex-col bg-fd-card text-sm md:sticky md:top-0 md:h-dvh md:w-[var(--fd-c-sidebar)] md:min-w-[var(--fd-sidebar-width)] md:border-e md:ps-[calc(var(--fd-c-sidebar)-var(--fd-sidebar-width))]",
-        "max-md:inset-0 max-md:bg-fd-background/80 max-md:pt-14 max-md:text-[15px] max-md:backdrop-blur-md max-md:data-[open=false]:hidden",
-        props.aside?.className
-      ),
-      children: [
-        hasSearch || props.banner ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ...props.bannerProps,
-            className: twMerge(
-              "flex flex-col gap-1 px-4 pt-2 md:px-3 md:pt-4",
-              props.bannerProps?.className
-            ),
-            children: [
-              props.banner,
-              hasSearch ? /* @__PURE__ */ jsx(LargeSearchToggle, { className: "rounded-lg max-md:hidden" }) : null
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(ViewportContent, { items }),
-        props.footer ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            ...props.footerProps,
-            className: twMerge(
-              "flex flex-row items-center border-t py-1 max-md:px-4 md:mx-3",
-              props.footerProps?.className
-            ),
-            children: props.footer
-          }
-        ) : null
-      ]
-    }
-  ) });
-}
-function ViewportContent({
-  items
-}) {
-  const { root } = useTreeContext();
-  return /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs(
-    ScrollViewport,
-    {
-      style: {
-        maskImage: "linear-gradient(to bottom, transparent 2px, white 24px)"
-      },
-      children: [
-        items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col px-4 pt-6 md:hidden", children: items.map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, on: "menu" }, i)) }) : null,
-        /* @__PURE__ */ jsx(NodeList, { items: root.children, className: "px-4 py-6 md:px-3" })
-      ]
-    }
-  ) });
-}
-function NodeList({
-  items,
-  level = 0,
-  ...props
-}) {
-  const { components } = useContext(Context);
-  return /* @__PURE__ */ jsx("div", { ...props, children: items.map((item, i) => {
-    const id = `${item.type}_${i.toString()}`;
-    switch (item.type) {
-      case "separator":
-        return /* @__PURE__ */ jsx(components.Separator, { item }, id);
-      case "folder":
-        return /* @__PURE__ */ jsx(components.Folder, { item, level: level + 1 }, id);
-      default:
-        return /* @__PURE__ */ jsx(components.Item, { item }, item.url);
-    }
-  }) });
-}
-function PageNode({
-  item: { icon, external = false, url, name }
-}) {
-  const pathname = usePathname();
-  const active = isActive(url, pathname, false);
-  const { prefetch } = useContext(Context);
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      href: url,
-      external,
-      className: twMerge(itemVariants({ active })),
-      prefetch,
-      children: [
-        icon ?? (external ? /* @__PURE__ */ jsx(ExternalLinkIcon, {}) : null),
-        name
-      ]
-    }
-  );
-}
-function FolderNode({
-  item,
-  level
-}) {
-  const { defaultOpenLevel, prefetch } = useContext(Context);
-  const pathname = usePathname();
-  const active = item.index !== void 0 && isActive(item.index.url, pathname, false);
-  const childActive = useMemo(
-    () => hasActive(item.children, pathname),
-    [item.children, pathname]
-  );
-  const shouldExtend = active || childActive || (item.defaultOpen ?? defaultOpenLevel >= level);
-  const [open, setOpen] = useState(shouldExtend);
-  useOnChange(shouldExtend, (v) => {
-    if (v) setOpen(v);
-  });
-  const onClick = useCallback(
-    (e) => {
-      if (
-        // clicking on icon
-        e.target.hasAttribute("data-icon") || active
-      ) {
-        setOpen((prev) => !prev);
-        e.preventDefault();
-      }
-    },
-    [active]
-  );
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    item.icon,
-    item.name,
-    /* @__PURE__ */ jsx(
-      ChevronDown,
-      {
-        "data-icon": true,
-        className: twMerge("ms-auto transition-transform", !open && "-rotate-90")
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxs(Collapsible, { open, onOpenChange: setOpen, children: [
-    item.index ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        className: twMerge(itemVariants({ active })),
-        href: item.index.url,
-        onClick,
-        prefetch,
-        children: content
-      }
-    ) : /* @__PURE__ */ jsx(CollapsibleTrigger, { className: twMerge(itemVariants({ active })), children: content }),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(
-      NodeList,
-      {
-        className: "ms-2 flex flex-col border-s py-2 ps-2",
-        items: item.children,
-        level
-      }
-    ) })
-  ] });
-}
-function SeparatorNode({
-  item
-}) {
-  return /* @__PURE__ */ jsx("p", { className: "mb-2 mt-8 px-2 font-medium first:mt-0", children: item.name });
-}
-
-export {
-  Sidebar
-};

package/dist/dynamic-sidebar-JFB3Z7SK.js

@@ -1,106 +0,0 @@
-"use client";
-import {
-  Sidebar
-} from "./chunk-VTGJREY6.js";
-import "./chunk-N47AX4K6.js";
-import "./chunk-LSTPTAZ5.js";
-import "./chunk-2FLZOPQN.js";
-import "./chunk-CP67AHDD.js";
-import "./chunk-UOD2T27N.js";
-import "./chunk-ET4TW6M5.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-import "./chunk-EFMHXXHW.js";
-import "./chunk-TQJ6YPJ3.js";
-import {
-  buttonVariants
-} from "./chunk-EDNTYBXS.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-MLKGABMK.js";
-
-// src/components/layout/dynamic-sidebar.tsx
-import { useCallback, useRef, useState } from "react";
-import { SidebarIcon } from "lucide-react";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DynamicSidebar(props) {
-  const { collapsed, setCollapsed } = useSidebar();
-  const [hover, setHover] = useState(false);
-  const timerRef = useRef(0);
-  const closeTimeRef = useRef(0);
-  const onCollapse = useCallback(() => {
-    setCollapsed((v) => !v);
-  }, [setCollapsed]);
-  useOnChange(collapsed, () => {
-    setHover(false);
-    closeTimeRef.current = Date.now() + 150;
-  });
-  const onEnter = useCallback((e) => {
-    if (e.pointerType === "touch" || closeTimeRef.current > Date.now()) return;
-    window.clearTimeout(timerRef.current);
-    setHover(true);
-  }, []);
-  const onLeave = useCallback((e) => {
-    if (e.pointerType === "touch") return;
-    window.clearTimeout(timerRef.current);
-    timerRef.current = window.setTimeout(
-      () => {
-        setHover(false);
-        closeTimeRef.current = Date.now() + 150;
-      },
-      Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100 ? 0 : 500
-    );
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    collapsed ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "fixed inset-y-0 start-0 w-6 max-md:hidden xl:w-[50px]",
-        onPointerEnter: onEnter,
-        onPointerLeave: onLeave
-      }
-    ) : null,
-    collapsed ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Collapse Sidebar",
-        className: twMerge(
-          buttonVariants({
-            color: "secondary",
-            size: "icon",
-            className: "fixed start-4 bottom-2 z-10 max-md:hidden"
-          })
-        ),
-        onClick: onCollapse,
-        children: /* @__PURE__ */ jsx(SidebarIcon, {})
-      }
-    ) : null,
-    /* @__PURE__ */ jsx(
-      Sidebar,
-      {
-        ...props,
-        aside: {
-          "data-collapse": collapsed,
-          "data-hover": hover,
-          onPointerEnter: onEnter,
-          onPointerLeave: onLeave,
-          "aria-hidden": Boolean(collapsed && !hover),
-          className: twMerge(
-            "md:transition-[transform,padding,width,margin]",
-            collapsed && [
-              "md:top-1 md:me-fd-sidebar-offset md:h-[calc(100dvh-4px)] md:w-[var(--fd-sidebar-width)] md:animate-fd-sidebar-collapse md:rounded-xl md:border md:ps-0 md:shadow-md",
-              hover ? "md:translate-x-1 rtl:md:-translate-x-1" : "md:translate-x-[calc(var(--fd-sidebar-width)*-1)] rtl:md:translate-x-[var(--fd-sidebar-width)]"
-            ]
-          )
-        }
-      }
-    )
-  ] });
-}
-export {
-  DynamicSidebar
-};