fumadocs-ui 14.1.1 → 14.2.0

package/dist/chunk-TYZZJ335.js

@@ -1,295 +0,0 @@
-import {
-  buttonVariants
-} from "./chunk-QKOA6KEZ.js";
-import {
-  FileText,
-  Hash,
-  LoaderCircle,
-  Search,
-  Text
-} from "./chunk-5QPVK7QM.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import {
-  useSearchContext
-} from "./chunk-ET4TW6M5.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-
-// src/components/dialog/search.tsx
-import { useRouter } from "next/navigation";
-import {
-  useMemo
-} from "react";
-import { cva } from "class-variance-authority";
-
-// src/components/ui/command.tsx
-import { Command as CommandPrimitive } from "cmdk";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CommandInput = React.forwardRef(({ className, onClose, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [
-  children,
-  /* @__PURE__ */ jsx(
-    CommandPrimitive.Input,
-    {
-      ref,
-      className: twMerge(
-        "w-0 flex-1 bg-transparent py-3 text-base placeholder:text-fd-muted-foreground focus-visible:outline-none",
-        className
-      ),
-      ...props
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Close Search",
-      onClick: onClose,
-      className: twMerge(
-        buttonVariants({
-          color: "outline",
-          className: "text-xs p-1.5"
-        })
-      ),
-      children: "Esc"
-    }
-  )
-] }));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.List,
-  {
-    ref,
-    className: twMerge("max-h-[460px] overflow-y-auto border-t p-2", className),
-    ...props
-  }
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Empty,
-  {
-    ref,
-    className: "py-12 text-center text-sm",
-    ...props
-  }
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React.forwardRef(({ className, heading, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Group,
-  {
-    ref,
-    heading: heading ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium", children: heading }) : void 0,
-    className: twMerge("overflow-hidden", className),
-    ...props
-  }
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Separator,
-  {
-    ref,
-    className: twMerge("h-px bg-fd-border", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React.forwardRef(({ className, icon, nested = false, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Item,
-  {
-    ref,
-    className: twMerge(
-      "select-none rounded-lg px-2 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:bg-fd-accent aria-selected:text-fd-accent-foreground",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: twMerge(
-          "flex min-h-10 flex-row items-center gap-3",
-          nested && "ms-2 gap-2 border-s ps-4"
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "text-fd-muted-foreground [&_svg]:size-4", children: icon }),
-          /* @__PURE__ */ jsx("p", { className: "w-0 flex-1 truncate", children })
-        ]
-      }
-    )
-  }
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandDialog = React.forwardRef(
-  ({ children, ...props }, ref) => /* @__PURE__ */ jsx(
-    CommandPrimitive.Dialog,
-    {
-      ref,
-      shouldFilter: false,
-      loop: true,
-      contentClassName: "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-lg data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in",
-      overlayClassName: "fixed inset-0 z-50 bg-fd-background/50 backdrop-blur-sm data-[state=closed]:animate-fd-fade-out data-[state=open]:animate-fd-fade-in",
-      ...props,
-      children
-    }
-  )
-);
-CommandDialog.displayName = CommandPrimitive.Dialog.displayName;
-
-// src/components/dialog/search.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function SearchDialog({
-  open,
-  onOpenChange,
-  footer,
-  links = [],
-  ...props
-}) {
-  const defaultItems = useMemo(
-    () => links.map(([name, link]) => ({
-      type: "page",
-      id: name,
-      content: name,
-      url: link
-    })),
-    [links]
-  );
-  return /* @__PURE__ */ jsxs2(CommandDialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx2(
-      Search2,
-      {
-        ...props,
-        items: props.results === "empty" ? defaultItems : props.results,
-        hideResults: props.results === "empty" && defaultItems.length === 0
-      }
-    ),
-    footer ? /* @__PURE__ */ jsx2("div", { className: "mt-auto flex flex-col border-t p-3", children: footer }) : null
-  ] });
-}
-var icons = {
-  text: /* @__PURE__ */ jsx2(Text, {}),
-  heading: /* @__PURE__ */ jsx2(Hash, {}),
-  page: /* @__PURE__ */ jsx2(FileText, {})
-};
-function Search2({
-  search,
-  onSearchChange,
-  items,
-  isLoading,
-  hideResults = false
-}) {
-  const { text } = useI18n();
-  const router = useRouter();
-  const { setOpenSearch } = useSearchContext();
-  const sidebar = useSidebar();
-  const onOpen = (url) => {
-    router.push(url);
-    setOpenSearch(false);
-    if (location.pathname === url.split("#")[0]) {
-      sidebar.setOpen(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
-      CommandInput,
-      {
-        value: search,
-        onValueChange: onSearchChange,
-        onClose: () => {
-          setOpenSearch(false);
-        },
-        placeholder: text.search,
-        children: /* @__PURE__ */ jsxs2("div", { className: "relative size-4", children: [
-          /* @__PURE__ */ jsx2(
-            LoaderCircle,
-            {
-              className: twMerge(
-                "absolute size-full animate-spin text-fd-primary transition-opacity",
-                !isLoading && "opacity-0"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx2(
-            Search,
-            {
-              className: twMerge(
-                "absolute size-full text-fd-muted-foreground transition-opacity",
-                isLoading && "opacity-0"
-              )
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxs2(CommandList, { className: twMerge(hideResults && "hidden"), children: [
-      /* @__PURE__ */ jsx2(CommandEmpty, { children: text.searchNoResult }),
-      /* @__PURE__ */ jsx2(CommandGroup, { value: "result", children: items.map((item) => /* @__PURE__ */ jsx2(
-        CommandItem,
-        {
-          value: item.id,
-          onSelect: () => {
-            onOpen(item.url);
-          },
-          icon: icons[item.type],
-          nested: item.type !== "page",
-          children: item.content
-        },
-        item.id
-      )) })
-    ] })
-  ] });
-}
-var itemVariants = cva(
-  "rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-fd-accent text-fd-accent-foreground"
-      }
-    }
-  }
-);
-function TagsList({
-  tag,
-  onTagChange,
-  items,
-  allowClear,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      ...props,
-      className: twMerge("flex flex-row items-center gap-1", props.className),
-      children: [
-        items.map((item) => /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            className: twMerge(itemVariants({ active: tag === item.value })),
-            onClick: () => {
-              if (tag === item.value && allowClear) {
-                onTagChange(void 0);
-              } else {
-                onTagChange(item.value);
-              }
-            },
-            tabIndex: -1,
-            children: item.name
-          },
-          item.value
-        )),
-        props.children
-      ]
-    }
-  );
-}
-
-export {
-  SearchDialog,
-  TagsList
-};