@fumadocs/base-ui 16.6.13 → 16.6.15

package/css/generated/shared.css

@@ -48,6 +48,7 @@
 @source inline("@remarks");
 @source inline("@returns");
 @source inline("@ts-expect-error");
+@source inline("@typescript-eslint/no-namespace");
 @source inline("[&>figure:only-child]:-m-4");
 @source inline("[&>figure:only-child]:border-none");
 @source inline("[&[hidden]:not([hidden='until-found'])]:hidden");
@@ -253,6 +254,7 @@
 @source inline("date");
 @source inline("debounced");
 @source inline("decimal");
+@source inline("declare");
 @source inline("default");
 @source inline("defaultIndex");
 @source inline("defaultItems");
@@ -390,9 +392,11 @@
 @source inline("gap-4");
 @source inline("gap-y-4");
 @source inline("generated");
+@source inline("get");
 @source inline("ghost");
 @source inline("githubUrl");
 @source inline("given");
+@source inline("global");
 @source inline("globalKey");
 @source inline("grid");
 @source inline("grid-cols-2");
@@ -446,6 +450,7 @@
 @source inline("human-readable");
 @source inline("humanizedStars");
 @source inline("i");
+@source inline("i18n");
 @source inline("icon");
 @source inline("icon-sm");
 @source inline("icon-xs");
@@ -572,6 +577,7 @@
 @source inline("md:top-[calc(50%-250px)]");
 @source inline("mdComponents");
 @source inline("mdRenderer");
+@source inline("mdx/types.js");
 @source inline("me-1");
 @source inline("me-2");
 @source inline("me-auto");
@@ -586,6 +592,7 @@
 @source inline("min-w-fit");
 @source inline("min-w-full");
 @source inline("mode");
+@source inline("module");
 @source inline("mounted");
 @source inline("mouse");
 @source inline("ms-2");
@@ -602,6 +609,7 @@
 @source inline("my-6");
 @source inline("my-auto");
 @source inline("name");
+@source inline("namespace");
 @source inline("nav");
 @source inline("navItems");
 @source inline("navbar");
@@ -742,6 +750,7 @@
 @source inline("prose");
 @source inline("prose-no-margin");
 @source inline("provide");
+@source inline("provider");
 @source inline("ps-1");
 @source inline("ps-2");
 @source inline("ps-3");
@@ -1008,11 +1017,13 @@
 @source inline("twMerge");
 @source inline("type");
 @source inline("typeof");
+@source inline("types");
 @source inline("unchanged");
 @source inline("undefined");
 @source inline("under");
 @source inline("underline");
 @source inline("underlying");
+@source inline("understand");
 @source inline("unified");
 @source inline("unist-util-visit");
 @source inline("unknown");

package/css/lib/base.css

@@ -1,6 +1,3 @@
-@import './shiki.css';
-@plugin '../../dist/tailwind/typography.js';
-
 :root {
   --fd-sidebar-drawer-offset: 100%;
 }

package/css/preset.css

@@ -1,4 +1,7 @@
 @import './lib/base.css';
+@import './lib/shiki.css';
+
+@plugin '../dist/tailwind/typography.js';
 
 /* TODO: remove them on next major */
 @import './generated/flux.css';

package/dist/components/image-zoom.js

@@ -1,4 +1,5 @@
 "use client";
+import "./image-zoom.css";
 /* empty css            */
 import { Image } from "fumadocs-core/framework";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import { Tabs as Tabs$1, TabsContent as TabsContent$1 } from "./ui/tabs.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as _base_ui_react0 from "@base-ui/react";
@@ -21,8 +21,8 @@ interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onVal
    */
   label?: ReactNode;
 }
-declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.TabsListProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.TabsTabProps, "ref"> & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
 declare function Tabs({
   ref,
   className,

package/dist/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/components/tabs.tsx"],"mappings":";;;;;;;UAkBiB,SAAA,SAAkB,IAAA,CACjC,cAAA,QAAsB,MAAA;;;;EAMtB,KAAA;EAPyB;;;;;EAczB,YAAA;EAdqC;;;EAmBrC,KAAA,GAAQ,SAAA;AAAA;AAAA,cAcG,QAAA,EAAQ,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAcnB,eAAA,CAdmB,aAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAiBR,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CActB,eAAA,CAdsB,YAAA,WAAA,KAAA,CAAA,aAAA,CAAA,WAAA,YAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,iBAiBR,IAAA,CAAA;EACd,GAAA;EACA,SAAA;EACA,KAAA;EACA,KAAA;EACA,YAAA;EACA,YAAA;EAAA,GACG;AAAA,GACF,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAqCK,QAAA,SAAiB,IAAA,CAAK,cAAA,QAAsB,aAAA;EA7FnD;;;EAiGR,KAAA;AAAA;AAAA,iBAGc,GAAA,CAAA;EAAM,KAAA;EAAA,GAAU;AAAA,GAAS,QAAA,GAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBjC,WAAA,CAAA;EACd,KAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,aAAA,IAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/components/tabs.tsx"],"mappings":";;;;;;;UAkBiB,SAAA,SAAkB,IAAA,CACjC,cAAA,QAAsB,MAAA;;;;EAMtB,KAAA;EAPyB;;;;;EAczB,YAAA;EAdqC;;;EAmBrC,KAAA,GAAQ,SAAA;AAAA;AAAA,cAcG,QAAA,EAAQ,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAcnB,eAAA,CAdmB,aAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA,YAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAiBR,WAAA,EAAW,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CActB,eAAA,CAdsB,YAAA,WAAA,OAAA,CAAA,aAAA,CAAA,WAAA,YAAA,OAAA,CAAA,aAAA,CAAA,WAAA;AAAA,iBAiBR,IAAA,CAAA;EACd,GAAA;EACA,SAAA;EACA,KAAA;EACA,KAAA;EACA,YAAA;EACA,YAAA;EAAA,GACG;AAAA,GACF,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAqCK,QAAA,SAAiB,IAAA,CAAK,cAAA,QAAsB,aAAA;EA7FnD;;;EAiGR,KAAA;AAAA;AAAA,iBAGc,GAAA,CAAA;EAAM,KAAA;EAAA,GAAU;AAAA,GAAS,QAAA,GAAQ,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkBjC,WAAA,CAAA;EACd,KAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,aAAA,IAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../utils/cn.js";
 import { Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "./ui/tabs.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { createContext, useContext, useEffect, useId, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/tabs.tsx
@@ -11,13 +11,13 @@ function useTabContext() {
 	if (!ctx) throw new Error("You must wrap your component in <Tabs>");
 	return ctx;
 }
-const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsList$1, {
+const TabsList = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsList$1, {
 	ref,
 	...props,
 	className: (s) => cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", typeof className === "function" ? className(s) : className)
 }));
 TabsList.displayName = "TabsList";
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
+const TabsTrigger = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
 	ref,
 	...props,
 	className: (s) => cn("inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active]:border-fd-primary data-[active]:text-fd-primary", typeof className === "function" ? className(s) : className)

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Unstyled.TabsList","Unstyled.TabsTrigger","Unstyled.Tabs","Unstyled.TabsContent"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  type ComponentProps,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport { cn } from '@/utils/cn';\nimport * as Unstyled from './ui/tabs';\n\ntype CollectionKey = string | symbol;\n\nexport interface TabsProps extends Omit<\n  ComponentProps<typeof Unstyled.Tabs>,\n  'value' | 'onValueChange'\n> {\n  /**\n   * Use simple mode instead of advanced usage as documented in https://radix-ui.com/primitives/docs/components/tabs.\n   */\n  items?: string[];\n\n  /**\n   * Shortcut for `defaultValue` when `items` is provided.\n   *\n   * @defaultValue 0\n   */\n  defaultIndex?: number;\n\n  /**\n   * Additional label in tabs list when `items` is provided.\n   */\n  label?: ReactNode;\n}\n\nconst TabsContext = createContext<{\n  items?: string[];\n  collection: CollectionKey[];\n} | null>(null);\n\nfunction useTabContext() {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n  return ctx;\n}\n\nexport const TabsList = React.forwardRef<\n  React.ComponentRef<typeof Unstyled.TabsList>,\n  React.ComponentPropsWithoutRef<typeof Unstyled.TabsList>\n>(({ className, ...props }, ref) => (\n  <Unstyled.TabsList\n    ref={ref}\n    {...props}\n    className={(s) =>\n      cn(\n        'flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n  />\n));\nTabsList.displayName = 'TabsList';\n\nexport const TabsTrigger = React.forwardRef<\n  React.ComponentRef<typeof Unstyled.TabsTrigger>,\n  React.ComponentPropsWithoutRef<typeof Unstyled.TabsTrigger>\n>(({ className, ...props }, ref) => (\n  <Unstyled.TabsTrigger\n    ref={ref}\n    {...props}\n    className={(s) =>\n      cn(\n        'inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active]:border-fd-primary data-[active]:text-fd-primary',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n  />\n));\nTabsTrigger.displayName = 'TabsTrigger';\n\nexport function Tabs({\n  ref,\n  className,\n  items,\n  label,\n  defaultIndex = 0,\n  defaultValue = items ? escapeValue(items[defaultIndex]) : undefined,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useState(defaultValue);\n  const collection = useMemo<CollectionKey[]>(() => [], []);\n\n  return (\n    <Unstyled.Tabs\n      ref={ref}\n      className={(s) =>\n        cn(\n          'flex flex-col overflow-hidden rounded-xl border bg-fd-secondary my-4',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      value={value}\n      onValueChange={(v: string) => {\n        if (items && !items.some((item) => escapeValue(item) === v)) return;\n        setValue(v);\n      }}\n      {...props}\n    >\n      {items && (\n        <TabsList>\n          {label && <span className=\"text-sm font-medium my-auto me-auto\">{label}</span>}\n          {items.map((item) => (\n            <TabsTrigger key={item} value={escapeValue(item)}>\n              {item}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      )}\n      <TabsContext.Provider value={useMemo(() => ({ items, collection }), [collection, items])}>\n        {props.children}\n      </TabsContext.Provider>\n    </Unstyled.Tabs>\n  );\n}\n\nexport interface TabProps extends Omit<ComponentProps<typeof Unstyled.TabsContent>, 'value'> {\n  /**\n   * Value of tab, detect from index if unspecified.\n   */\n  value?: string;\n}\n\nexport function Tab({ value, ...props }: TabProps) {\n  const { items } = useTabContext();\n  const resolved =\n    value ??\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `value` is not supposed to change\n    items?.at(useCollectionIndex());\n  if (!resolved)\n    throw new Error(\n      'Failed to resolve tab `value`, please pass a `value` prop to the Tab component.',\n    );\n\n  return (\n    <TabsContent value={escapeValue(resolved)} {...props}>\n      {props.children}\n    </TabsContent>\n  );\n}\n\nexport function TabsContent({\n  value,\n  className,\n  ...props\n}: ComponentProps<typeof Unstyled.TabsContent>) {\n  return (\n    <Unstyled.TabsContent\n      value={value}\n      keepMounted\n      className={(s) =>\n        cn(\n          'p-4 text-[0.9375rem] bg-fd-background rounded-xl outline-none prose-no-margin data-[inactive]:hidden [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      {props.children}\n    </Unstyled.TabsContent>\n  );\n}\n\n/**\n * Inspired by Headless UI.\n *\n * Return the index of children, this is made possible by registering the order of render from children using React context.\n * This is supposed by work with pre-rendering & pure client-side rendering.\n */\nfunction useCollectionIndex() {\n  const key = useId();\n  const { collection } = useTabContext();\n\n  useEffect(() => {\n    return () => {\n      const idx = collection.indexOf(key);\n      if (idx !== -1) collection.splice(idx, 1);\n    };\n  }, [key, collection]);\n\n  if (!collection.includes(key)) collection.push(key);\n  return collection.indexOf(key);\n}\n\n/**\n * only escape whitespaces in values in simple mode\n */\nfunction escapeValue(v: string): string {\n  return v.toLowerCase().replace(/\\s/, '-');\n}\n"],"mappings":";;;;;;;AAwCA,MAAM,cAAc,cAGV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,WAAW,YAAY;AACnC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAW,MAAM,YAG3B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACA,YAAD;CACO;CACL,GAAI;CACJ,YAAY,MACV,GACE,4EACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,CAAA,CACF;AACF,SAAS,cAAc;AAEvB,MAAa,cAAc,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,GAAI;CACJ,YAAY,MACV,GACE,kTACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,CAAA,CACF;AACF,YAAY,cAAc;AAE1B,SAAgB,KAAK,EACnB,KACA,WACA,OACA,OACA,eAAe,GACf,eAAe,QAAQ,YAAY,MAAM,cAAc,GAAG,KAAA,GAC1D,GAAG,SACS;CACZ,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;CAChD,MAAM,aAAa,cAA+B,EAAE,EAAE,EAAE,CAAC;AAEzD,QACE,qBAACC,QAAD;EACO;EACL,YAAY,MACV,GACE,wEACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEI;EACP,gBAAgB,MAAc;AAC5B,OAAI,SAAS,CAAC,MAAM,MAAM,SAAS,YAAY,KAAK,KAAK,EAAE,CAAE;AAC7D,YAAS,EAAE;;EAEb,GAAI;YAbN,CAeG,SACC,qBAAC,UAAD,EAAA,UAAA,CACG,SAAS,oBAAC,QAAD;GAAM,WAAU;aAAuC;GAAa,CAAA,EAC7E,MAAM,KAAK,SACV,oBAAC,aAAD;GAAwB,OAAO,YAAY,KAAK;aAC7C;GACW,EAFI,KAEJ,CACd,CACO,EAAA,CAAA,EAEb,oBAAC,YAAY,UAAb;GAAsB,OAAO,eAAe;IAAE;IAAO;IAAY,GAAG,CAAC,YAAY,MAAM,CAAC;aACrF,MAAM;GACc,CAAA,CACT;;;AAWpB,SAAgB,IAAI,EAAE,OAAO,GAAG,SAAmB;CACjD,MAAM,EAAE,UAAU,eAAe;CACjC,MAAM,WACJ,SAEA,OAAO,GAAG,oBAAoB,CAAC;AACjC,KAAI,CAAC,SACH,OAAM,IAAI,MACR,kFACD;AAEH,QACE,oBAAC,aAAD;EAAa,OAAO,YAAY,SAAS;EAAE,GAAI;YAC5C,MAAM;EACK,CAAA;;AAIlB,SAAgB,YAAY,EAC1B,OACA,WACA,GAAG,SAC2C;AAC9C,QACE,oBAACC,eAAD;EACS;EACP,aAAA;EACA,YAAY,MACV,GACE,qKACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;YAEH,MAAM;EACc,CAAA;;;;;;;;AAU3B,SAAS,qBAAqB;CAC5B,MAAM,MAAM,OAAO;CACnB,MAAM,EAAE,eAAe,eAAe;AAEtC,iBAAgB;AACd,eAAa;GACX,MAAM,MAAM,WAAW,QAAQ,IAAI;AACnC,OAAI,QAAQ,GAAI,YAAW,OAAO,KAAK,EAAE;;IAE1C,CAAC,KAAK,WAAW,CAAC;AAErB,KAAI,CAAC,WAAW,SAAS,IAAI,CAAE,YAAW,KAAK,IAAI;AACnD,QAAO,WAAW,QAAQ,IAAI;;;;;AAMhC,SAAS,YAAY,GAAmB;AACtC,QAAO,EAAE,aAAa,CAAC,QAAQ,MAAM,IAAI"}
+{"version":3,"file":"tabs.js","names":["React","Unstyled.TabsList","Unstyled.TabsTrigger","Unstyled.Tabs","Unstyled.TabsContent"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  type ComponentProps,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport { cn } from '@/utils/cn';\nimport * as Unstyled from './ui/tabs';\n\ntype CollectionKey = string | symbol;\n\nexport interface TabsProps extends Omit<\n  ComponentProps<typeof Unstyled.Tabs>,\n  'value' | 'onValueChange'\n> {\n  /**\n   * Use simple mode instead of advanced usage as documented in https://radix-ui.com/primitives/docs/components/tabs.\n   */\n  items?: string[];\n\n  /**\n   * Shortcut for `defaultValue` when `items` is provided.\n   *\n   * @defaultValue 0\n   */\n  defaultIndex?: number;\n\n  /**\n   * Additional label in tabs list when `items` is provided.\n   */\n  label?: ReactNode;\n}\n\nconst TabsContext = createContext<{\n  items?: string[];\n  collection: CollectionKey[];\n} | null>(null);\n\nfunction useTabContext() {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n  return ctx;\n}\n\nexport const TabsList = React.forwardRef<\n  React.ComponentRef<typeof Unstyled.TabsList>,\n  React.ComponentPropsWithoutRef<typeof Unstyled.TabsList>\n>(({ className, ...props }, ref) => (\n  <Unstyled.TabsList\n    ref={ref}\n    {...props}\n    className={(s) =>\n      cn(\n        'flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n  />\n));\nTabsList.displayName = 'TabsList';\n\nexport const TabsTrigger = React.forwardRef<\n  React.ComponentRef<typeof Unstyled.TabsTrigger>,\n  React.ComponentPropsWithoutRef<typeof Unstyled.TabsTrigger>\n>(({ className, ...props }, ref) => (\n  <Unstyled.TabsTrigger\n    ref={ref}\n    {...props}\n    className={(s) =>\n      cn(\n        'inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active]:border-fd-primary data-[active]:text-fd-primary',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n  />\n));\nTabsTrigger.displayName = 'TabsTrigger';\n\nexport function Tabs({\n  ref,\n  className,\n  items,\n  label,\n  defaultIndex = 0,\n  defaultValue = items ? escapeValue(items[defaultIndex]) : undefined,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useState(defaultValue);\n  const collection = useMemo<CollectionKey[]>(() => [], []);\n\n  return (\n    <Unstyled.Tabs\n      ref={ref}\n      className={(s) =>\n        cn(\n          'flex flex-col overflow-hidden rounded-xl border bg-fd-secondary my-4',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      value={value}\n      onValueChange={(v: string) => {\n        if (items && !items.some((item) => escapeValue(item) === v)) return;\n        setValue(v);\n      }}\n      {...props}\n    >\n      {items && (\n        <TabsList>\n          {label && <span className=\"text-sm font-medium my-auto me-auto\">{label}</span>}\n          {items.map((item) => (\n            <TabsTrigger key={item} value={escapeValue(item)}>\n              {item}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      )}\n      <TabsContext.Provider value={useMemo(() => ({ items, collection }), [collection, items])}>\n        {props.children}\n      </TabsContext.Provider>\n    </Unstyled.Tabs>\n  );\n}\n\nexport interface TabProps extends Omit<ComponentProps<typeof Unstyled.TabsContent>, 'value'> {\n  /**\n   * Value of tab, detect from index if unspecified.\n   */\n  value?: string;\n}\n\nexport function Tab({ value, ...props }: TabProps) {\n  const { items } = useTabContext();\n  const resolved =\n    value ??\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `value` is not supposed to change\n    items?.at(useCollectionIndex());\n  if (!resolved)\n    throw new Error(\n      'Failed to resolve tab `value`, please pass a `value` prop to the Tab component.',\n    );\n\n  return (\n    <TabsContent value={escapeValue(resolved)} {...props}>\n      {props.children}\n    </TabsContent>\n  );\n}\n\nexport function TabsContent({\n  value,\n  className,\n  ...props\n}: ComponentProps<typeof Unstyled.TabsContent>) {\n  return (\n    <Unstyled.TabsContent\n      value={value}\n      keepMounted\n      className={(s) =>\n        cn(\n          'p-4 text-[0.9375rem] bg-fd-background rounded-xl outline-none prose-no-margin data-[inactive]:hidden [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      {props.children}\n    </Unstyled.TabsContent>\n  );\n}\n\n/**\n * Inspired by Headless UI.\n *\n * Return the index of children, this is made possible by registering the order of render from children using React context.\n * This is supposed by work with pre-rendering & pure client-side rendering.\n */\nfunction useCollectionIndex() {\n  const key = useId();\n  const { collection } = useTabContext();\n\n  useEffect(() => {\n    return () => {\n      const idx = collection.indexOf(key);\n      if (idx !== -1) collection.splice(idx, 1);\n    };\n  }, [key, collection]);\n\n  if (!collection.includes(key)) collection.push(key);\n  return collection.indexOf(key);\n}\n\n/**\n * only escape whitespaces in values in simple mode\n */\nfunction escapeValue(v: string): string {\n  return v.toLowerCase().replace(/\\s/, '-');\n}\n"],"mappings":";;;;;;;AAwCA,MAAM,cAAc,cAGV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,WAAW,YAAY;AACnC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAWA,QAAM,YAG3B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,YAAD;CACO;CACL,GAAI;CACJ,YAAY,MACV,GACE,4EACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,CAAA,CACF;AACF,SAAS,cAAc;AAEvB,MAAa,cAAcD,QAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACE,eAAD;CACO;CACL,GAAI;CACJ,YAAY,MACV,GACE,kTACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,CAAA,CACF;AACF,YAAY,cAAc;AAE1B,SAAgB,KAAK,EACnB,KACA,WACA,OACA,OACA,eAAe,GACf,eAAe,QAAQ,YAAY,MAAM,cAAc,GAAG,KAAA,GAC1D,GAAG,SACS;CACZ,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;CAChD,MAAM,aAAa,cAA+B,EAAE,EAAE,EAAE,CAAC;AAEzD,QACE,qBAACC,QAAD;EACO;EACL,YAAY,MACV,GACE,wEACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEI;EACP,gBAAgB,MAAc;AAC5B,OAAI,SAAS,CAAC,MAAM,MAAM,SAAS,YAAY,KAAK,KAAK,EAAE,CAAE;AAC7D,YAAS,EAAE;;EAEb,GAAI;YAbN,CAeG,SACC,qBAAC,UAAD,EAAA,UAAA,CACG,SAAS,oBAAC,QAAD;GAAM,WAAU;aAAuC;GAAa,CAAA,EAC7E,MAAM,KAAK,SACV,oBAAC,aAAD;GAAwB,OAAO,YAAY,KAAK;aAC7C;GACW,EAFI,KAEJ,CACd,CACO,EAAA,CAAA,EAEb,oBAAC,YAAY,UAAb;GAAsB,OAAO,eAAe;IAAE;IAAO;IAAY,GAAG,CAAC,YAAY,MAAM,CAAC;aACrF,MAAM;GACc,CAAA,CACT;;;AAWpB,SAAgB,IAAI,EAAE,OAAO,GAAG,SAAmB;CACjD,MAAM,EAAE,UAAU,eAAe;CACjC,MAAM,WACJ,SAEA,OAAO,GAAG,oBAAoB,CAAC;AACjC,KAAI,CAAC,SACH,OAAM,IAAI,MACR,kFACD;AAEH,QACE,oBAAC,aAAD;EAAa,OAAO,YAAY,SAAS;EAAE,GAAI;YAC5C,MAAM;EACK,CAAA;;AAIlB,SAAgB,YAAY,EAC1B,OACA,WACA,GAAG,SAC2C;AAC9C,QACE,oBAACC,eAAD;EACS;EACP,aAAA;EACA,YAAY,MACV,GACE,qKACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;YAEH,MAAM;EACc,CAAA;;;;;;;;AAU3B,SAAS,qBAAqB;CAC5B,MAAM,MAAM,OAAO;CACnB,MAAM,EAAE,eAAe,eAAe;AAEtC,iBAAgB;AACd,eAAa;GACX,MAAM,MAAM,WAAW,QAAQ,IAAI;AACnC,OAAI,QAAQ,GAAI,YAAW,OAAO,KAAK,EAAE;;IAE1C,CAAC,KAAK,WAAW,CAAC;AAErB,KAAI,CAAC,WAAW,SAAS,IAAI,CAAE,YAAW,KAAK,IAAI;AACnD,QAAO,WAAW,QAAQ,IAAI;;;;;AAMhC,SAAS,YAAY,GAAmB;AACtC,QAAO,EAAE,aAAa,CAAC,QAAQ,MAAM,IAAI"}

package/dist/components/ui/button.d.ts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
-  size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
+  size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion

package/dist/components/ui/navigation-menu.d.ts

@@ -1,16 +1,16 @@
-import * as React from "react";
+import * as React$1 from "react";
 import { NavigationMenu } from "@base-ui/react/navigation-menu";
 import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/navigation-menu.d.ts
 type NavigationMenuContentProps = NavigationMenu.Content.Props;
 type NavigationMenuTriggerProps = NavigationMenu.Trigger.Props;
-declare const NavigationMenuRoot: React.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuRootProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuItemProps, "ref"> & React$1.RefAttributes<HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
+declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.NavigationMenuContentProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuLinkProps, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
 //#endregion
 export { NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuTriggerProps };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/components/ui/navigation-menu.tsx"],"mappings":";;;;;KAKY,0BAAA,GAA6B,cAAA,CAAU,OAAA,CAAQ,KAAA;AAAA,KAC/C,0BAAA,GAA6B,cAAA,CAAU,OAAA,CAAQ,KAAA;AAAA,cAErD,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAiB,eAAA,CAAjB,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAElB,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAiB,eAAA,CAAjB,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,cAElB,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAWtB,eAAA,CAXsB,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,aAAA,YAAA,KAAA,CAAA,aAAA,CAAA,aAAA;AAAA,cAelB,qBAAA,EAAqB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAOzB,eAAA,CAPyB,0BAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA,YAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAUrB,qBAAA,EAAqB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAoBzB,eAAA,CApByB,0BAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAuBrB,kBAAA,EAAkB,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAiB,eAAA,CAAjB,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/components/ui/navigation-menu.tsx"],"mappings":";;;;;KAKY,0BAAA,GAA6B,cAAA,CAAU,OAAA,CAAQ,KAAA;AAAA,KAC/C,0BAAA,GAA6B,cAAA,CAAU,OAAA,CAAQ,KAAA;AAAA,cAErD,kBAAA,EAAkB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAiB,eAAA,CAAjB,uBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,WAAA;AAAA,cAElB,kBAAA,EAAkB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAiB,eAAA,CAAjB,uBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,gBAAA;AAAA,cAElB,kBAAA,EAAkB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAWtB,eAAA,CAXsB,uBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,aAAA,YAAA,OAAA,CAAA,aAAA,CAAA,aAAA;AAAA,cAelB,qBAAA,EAAqB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAOzB,eAAA,CAPyB,0BAAA,WAAA,OAAA,CAAA,aAAA,CAAA,iBAAA,YAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAUrB,qBAAA,EAAqB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAoBzB,eAAA,CApByB,0BAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA,YAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAuBrB,kBAAA,EAAkB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAiB,eAAA,CAAjB,uBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/components/ui/navigation-menu.js

@@ -1,25 +1,25 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { NavigationMenu } from "@base-ui/react/navigation-menu";
 //#region src/components/ui/navigation-menu.tsx
 const NavigationMenuRoot = NavigationMenu.Root;
 const NavigationMenuList = NavigationMenu.List;
-const NavigationMenuItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Item, {
+const NavigationMenuItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Item, {
 	ref,
 	className: (s) => cn("list-none", typeof className === "function" ? className(s) : className),
 	...props,
 	children
 }));
 NavigationMenuItem.displayName = NavigationMenu.Item.displayName;
-const NavigationMenuTrigger = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Trigger, {
+const NavigationMenuTrigger = React$1.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Trigger, {
 	ref,
 	...props,
 	children
 }));
 NavigationMenuTrigger.displayName = NavigationMenu.Trigger.displayName;
-const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Content, {
+const NavigationMenuContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(NavigationMenu.Content, {
 	ref,
 	className: (s) => cn("size-full p-4", "transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)", "data-starting-style:opacity-0 data-ending-style:opacity-0", "data-starting-style:data-[activation-direction=left]:-translate-x-1/2", "data-starting-style:data-[activation-direction=right]:translate-x-1/2", "data-ending-style:data-[activation-direction=left]:translate-x-1/2", "data-ending-style:data-[activation-direction=right]:-translate-x-1/2", typeof className === "function" ? className(s) : className),
 	...props

package/dist/components/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["Primitive"],"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport { NavigationMenu as Primitive } from '@base-ui/react/navigation-menu';\nimport { cn } from '@/utils/cn';\n\nexport type NavigationMenuContentProps = Primitive.Content.Props;\nexport type NavigationMenuTriggerProps = Primitive.Trigger.Props;\n\nconst NavigationMenuRoot = Primitive.Root;\n\nconst NavigationMenuList = Primitive.List;\n\nconst NavigationMenuItem = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Item>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <Primitive.Item\n    ref={ref}\n    className={(s) => cn('list-none', typeof className === 'function' ? className(s) : className)}\n    {...props}\n  >\n    {children}\n  </Primitive.Item>\n));\n\nNavigationMenuItem.displayName = Primitive.Item.displayName;\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Trigger>\n>(({ children, ...props }, ref) => (\n  <Primitive.Trigger ref={ref} {...props}>\n    {children}\n  </Primitive.Trigger>\n));\nNavigationMenuTrigger.displayName = Primitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Content>\n>(({ className, ...props }, ref) => (\n  <Primitive.Content\n    ref={ref}\n    className={(s) =>\n      cn(\n        'size-full p-4',\n        'transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        'data-starting-style:data-[activation-direction=left]:-translate-x-1/2',\n        'data-starting-style:data-[activation-direction=right]:translate-x-1/2',\n        'data-ending-style:data-[activation-direction=left]:translate-x-1/2',\n        'data-ending-style:data-[activation-direction=right]:-translate-x-1/2',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n    {...props}\n  />\n));\nNavigationMenuContent.displayName = Primitive.Content.displayName;\n\nconst NavigationMenuLink = Primitive.Link;\n\nexport {\n  NavigationMenuRoot,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n};\n"],"mappings":";;;;;;AAQA,MAAM,qBAAqBA,eAAU;AAErC,MAAM,qBAAqBA,eAAU;AAErC,MAAM,qBAAqB,MAAM,YAG9B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAACA,eAAU,MAAX;CACO;CACL,YAAY,MAAM,GAAG,aAAa,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAAU;CAC7F,GAAI;CAEH;CACc,CAAA,CACjB;AAEF,mBAAmB,cAAcA,eAAU,KAAK;AAEhD,MAAM,wBAAwB,MAAM,YAGjC,EAAE,UAAU,GAAG,SAAS,QACzB,oBAACA,eAAU,SAAX;CAAwB;CAAK,GAAI;CAC9B;CACiB,CAAA,CACpB;AACF,sBAAsB,cAAcA,eAAU,QAAQ;AAEtD,MAAM,wBAAwB,MAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACA,eAAU,SAAX;CACO;CACL,YAAY,MACV,GACE,iBACA,kFACA,6DACA,yEACA,yEACA,sEACA,wEACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,GAAI;CACJ,CAAA,CACF;AACF,sBAAsB,cAAcA,eAAU,QAAQ;AAEtD,MAAM,qBAAqBA,eAAU"}
+{"version":3,"file":"navigation-menu.js","names":["Primitive","React"],"sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport { NavigationMenu as Primitive } from '@base-ui/react/navigation-menu';\nimport { cn } from '@/utils/cn';\n\nexport type NavigationMenuContentProps = Primitive.Content.Props;\nexport type NavigationMenuTriggerProps = Primitive.Trigger.Props;\n\nconst NavigationMenuRoot = Primitive.Root;\n\nconst NavigationMenuList = Primitive.List;\n\nconst NavigationMenuItem = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Item>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <Primitive.Item\n    ref={ref}\n    className={(s) => cn('list-none', typeof className === 'function' ? className(s) : className)}\n    {...props}\n  >\n    {children}\n  </Primitive.Item>\n));\n\nNavigationMenuItem.displayName = Primitive.Item.displayName;\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Trigger>\n>(({ children, ...props }, ref) => (\n  <Primitive.Trigger ref={ref} {...props}>\n    {children}\n  </Primitive.Trigger>\n));\nNavigationMenuTrigger.displayName = Primitive.Trigger.displayName;\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Content>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Content>\n>(({ className, ...props }, ref) => (\n  <Primitive.Content\n    ref={ref}\n    className={(s) =>\n      cn(\n        'size-full p-4',\n        'transition-[opacity,transform,translate] duration-(--duration) ease-(--easing)',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        'data-starting-style:data-[activation-direction=left]:-translate-x-1/2',\n        'data-starting-style:data-[activation-direction=right]:translate-x-1/2',\n        'data-ending-style:data-[activation-direction=left]:translate-x-1/2',\n        'data-ending-style:data-[activation-direction=right]:-translate-x-1/2',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n    {...props}\n  />\n));\nNavigationMenuContent.displayName = Primitive.Content.displayName;\n\nconst NavigationMenuLink = Primitive.Link;\n\nexport {\n  NavigationMenuRoot,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n};\n"],"mappings":";;;;;;AAQA,MAAM,qBAAqBA,eAAU;AAErC,MAAM,qBAAqBA,eAAU;AAErC,MAAM,qBAAqBC,QAAM,YAG9B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAACD,eAAU,MAAX;CACO;CACL,YAAY,MAAM,GAAG,aAAa,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAAU;CAC7F,GAAI;CAEH;CACc,CAAA,CACjB;AAEF,mBAAmB,cAAcA,eAAU,KAAK;AAEhD,MAAM,wBAAwBC,QAAM,YAGjC,EAAE,UAAU,GAAG,SAAS,QACzB,oBAACD,eAAU,SAAX;CAAwB;CAAK,GAAI;CAC9B;CACiB,CAAA,CACpB;AACF,sBAAsB,cAAcA,eAAU,QAAQ;AAEtD,MAAM,wBAAwBC,QAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACD,eAAU,SAAX;CACO;CACL,YAAY,MACV,GACE,iBACA,kFACA,6DACA,yEACA,yEACA,sEACA,wEACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,GAAI;CACJ,CAAA,CACF;AACF,sBAAsB,cAAcA,eAAU,QAAQ;AAEtD,MAAM,qBAAqBA,eAAU"}

package/dist/components/ui/popover.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
+import * as React$1 from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/popover.d.ts
 declare const Popover: typeof Popover$1.Root;
 declare const PopoverTrigger: Popover$1.Trigger;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<_base_ui_react0.PopoverPositionerProps, "sideOffset" | "align"> & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverClose: React.ForwardRefExoticComponent<Omit<_base_ui_react0.PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.PopoverPopupProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & Pick<_base_ui_react0.PopoverPositionerProps, "sideOffset" | "align"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.PopoverCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/ui/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/components/ui/popover.tsx"],"mappings":";;;;;cAKM,OAAA,SAAO,SAAA,CAAA,IAAA;AAAA,cAEP,cAAA,EAAc,SAAA,CAAA,OAAA;AAAA,cAEd,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAmBlB,eAAA,CAnBkB,iBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,IAAA,CAAA,eAAA,CAAA,sBAAA,4BAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAsBd,YAAA,EAAY,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAkB,eAAA,CAAlB,iBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/components/ui/popover.tsx"],"mappings":";;;;;cAKM,OAAA,SAAO,SAAA,CAAA,IAAA;AAAA,cAEP,cAAA,EAAc,SAAA,CAAA,OAAA;AAAA,cAEd,cAAA,EAAc,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAmBlB,eAAA,CAnBkB,iBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA,YAAA,IAAA,CAAA,eAAA,CAAA,sBAAA,4BAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAsBd,YAAA,EAAY,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAkB,eAAA,CAAlB,iBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/components/ui/popover.js

@@ -1,12 +1,12 @@
 "use client";
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
 //#region src/components/ui/popover.tsx
 const Popover = Popover$1.Root;
 const PopoverTrigger = Popover$1.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
+const PopoverContent = React$1.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
 	align,
 	side: "bottom",
 	sideOffset,

package/dist/components/ui/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["Primitive"],"sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["'use client';\nimport { Popover as Primitive } from '@base-ui/react/popover';\nimport * as React from 'react';\nimport { cn } from '@/utils/cn';\n\nconst Popover = Primitive.Root;\n\nconst PopoverTrigger = Primitive.Trigger;\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Popup> &\n    Pick<Primitive.Positioner.Props, 'sideOffset' | 'align'>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <Primitive.Portal>\n    <Primitive.Positioner align={align} side=\"bottom\" sideOffset={sideOffset} className=\"z-50\">\n      <Primitive.Popup\n        ref={ref}\n        className={(s) =>\n          cn(\n            'z-50 origin-(--transform-origin) overflow-y-auto max-h-(--available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[closed]:animate-fd-popover-out data-[open]:animate-fd-popover-in',\n            typeof className === 'function' ? className(s) : className,\n          )\n        }\n        {...props}\n      />\n    </Primitive.Positioner>\n  </Primitive.Portal>\n));\nPopoverContent.displayName = Primitive.Popup.displayName;\n\nconst PopoverClose = Primitive.Close;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverClose };\n"],"mappings":";;;;;;AAKA,MAAM,UAAUA,UAAU;AAE1B,MAAM,iBAAiBA,UAAU;AAEjC,MAAM,iBAAiB,MAAM,YAI1B,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,SAAS,QAC5D,oBAACA,UAAU,QAAX,EAAA,UACE,oBAACA,UAAU,YAAX;CAA6B;CAAO,MAAK;CAAqB;CAAY,WAAU;WAClF,oBAACA,UAAU,OAAX;EACO;EACL,YAAY,MACV,GACE,iTACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;EACJ,CAAA;CACmB,CAAA,EACN,CAAA,CACnB;AACF,eAAe,cAAcA,UAAU,MAAM;AAE7C,MAAM,eAAeA,UAAU"}
+{"version":3,"file":"popover.js","names":["Primitive","React"],"sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["'use client';\nimport { Popover as Primitive } from '@base-ui/react/popover';\nimport * as React from 'react';\nimport { cn } from '@/utils/cn';\n\nconst Popover = Primitive.Root;\n\nconst PopoverTrigger = Primitive.Trigger;\n\nconst PopoverContent = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Popup>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Popup> &\n    Pick<Primitive.Positioner.Props, 'sideOffset' | 'align'>\n>(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (\n  <Primitive.Portal>\n    <Primitive.Positioner align={align} side=\"bottom\" sideOffset={sideOffset} className=\"z-50\">\n      <Primitive.Popup\n        ref={ref}\n        className={(s) =>\n          cn(\n            'z-50 origin-(--transform-origin) overflow-y-auto max-h-(--available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[closed]:animate-fd-popover-out data-[open]:animate-fd-popover-in',\n            typeof className === 'function' ? className(s) : className,\n          )\n        }\n        {...props}\n      />\n    </Primitive.Positioner>\n  </Primitive.Portal>\n));\nPopoverContent.displayName = Primitive.Popup.displayName;\n\nconst PopoverClose = Primitive.Close;\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverClose };\n"],"mappings":";;;;;;AAKA,MAAM,UAAUA,UAAU;AAE1B,MAAM,iBAAiBA,UAAU;AAEjC,MAAM,iBAAiBC,QAAM,YAI1B,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,SAAS,QAC5D,oBAACD,UAAU,QAAX,EAAA,UACE,oBAACA,UAAU,YAAX;CAA6B;CAAO,MAAK;CAAqB;CAAY,WAAU;WAClF,oBAACA,UAAU,OAAX;EACO;EACL,YAAY,MACV,GACE,iTACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;EACJ,CAAA;CACmB,CAAA,EACN,CAAA,CACnB;AACF,eAAe,cAAcA,UAAU,MAAM;AAE7C,MAAM,eAAeA,UAAU"}

package/dist/components/ui/scroll-area.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
+import * as React$1 from "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 import * as _base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/scroll-area.d.ts
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollViewport: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaRootProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollViewport: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaViewportProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<Omit<_base_ui_react0.ScrollAreaScrollbarProps, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 type ScrollAreaProps = ScrollArea$1.Root.Props;
 //#endregion
 export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };

package/dist/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../../../src/components/ui/scroll-area.tsx"],"mappings":";;;;;cAIM,UAAA,EAAU,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAed,eAAA,CAfc,mBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAmBV,cAAA,EAAc,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAalB,eAAA,CAbkB,uBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAiBd,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAoBb,eAAA,CApBa,wBAAA,WAAA,KAAA,CAAA,aAAA,CAAA,cAAA,YAAA,KAAA,CAAA,aAAA,CAAA,cAAA;AAAA,KAwBH,eAAA,GAAkB,YAAA,CAAU,IAAA,CAAK,KAAA"}
+{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../../../src/components/ui/scroll-area.tsx"],"mappings":";;;;;cAIM,UAAA,EAAU,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAed,eAAA,CAfc,mBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA,YAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAmBV,cAAA,EAAc,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAalB,eAAA,CAbkB,uBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA,YAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,cAiBd,SAAA,EAAS,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,IAAA,CAoBb,eAAA,CApBa,wBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA,YAAA,OAAA,CAAA,aAAA,CAAA,cAAA;AAAA,KAwBH,eAAA,GAAkB,YAAA,CAAU,IAAA,CAAK,KAAA"}

package/dist/components/ui/scroll-area.js

@@ -1,9 +1,9 @@
 import { cn } from "../../utils/cn.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 //#region src/components/ui/scroll-area.tsx
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
+const ScrollArea = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
 	ref,
 	className: (s) => cn("overflow-hidden", typeof className === "function" ? className(s) : className),
 	...props,
@@ -14,14 +14,14 @@ const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) =>
 	]
 }));
 ScrollArea.displayName = ScrollArea$1.Root.displayName;
-const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
+const ScrollViewport = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
 	ref,
 	className: (s) => cn("size-full rounded-[inherit]", typeof className === "function" ? className(s) : className),
 	...props,
 	children
 }));
 ScrollViewport.displayName = ScrollArea$1.Viewport.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
+const ScrollBar = React$1.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
 	ref,
 	orientation,
 	className: (s) => cn("flex select-none transition-opacity", !s.hovering && "opacity-0", orientation === "vertical" && "h-full w-1.5", orientation === "horizontal" && "h-1.5 flex-col", typeof className === "function" ? className(s) : className),

package/dist/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","names":["Primitive"],"sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as Primitive } from '@base-ui/react/scroll-area';\nimport * as React from 'react';\nimport { cn } from '@/utils/cn';\n\nconst ScrollArea = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Root>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <Primitive.Root\n    ref={ref}\n    className={(s) =>\n      cn('overflow-hidden', typeof className === 'function' ? className(s) : className)\n    }\n    {...props}\n  >\n    {children}\n    <Primitive.Corner />\n    <ScrollBar orientation=\"vertical\" />\n  </Primitive.Root>\n));\n\nScrollArea.displayName = Primitive.Root.displayName;\n\nconst ScrollViewport = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Viewport>\n>(({ className, children, ...props }, ref) => (\n  <Primitive.Viewport\n    ref={ref}\n    className={(s) =>\n      cn('size-full rounded-[inherit]', typeof className === 'function' ? className(s) : className)\n    }\n    {...props}\n  >\n    {children}\n  </Primitive.Viewport>\n));\n\nScrollViewport.displayName = Primitive.Viewport.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Scrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <Primitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={(s) =>\n      cn(\n        'flex select-none transition-opacity',\n        !s.hovering && 'opacity-0',\n        orientation === 'vertical' && 'h-full w-1.5',\n        orientation === 'horizontal' && 'h-1.5 flex-col',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n    {...props}\n  >\n    <Primitive.Thumb className=\"relative flex-1 rounded-full bg-fd-border\" />\n  </Primitive.Scrollbar>\n));\nScrollBar.displayName = Primitive.Scrollbar.displayName;\n\nexport { ScrollArea, ScrollBar, ScrollViewport };\nexport type ScrollAreaProps = Primitive.Root.Props;\n"],"mappings":";;;;;AAIA,MAAM,aAAa,MAAM,YAGtB,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,qBAACA,aAAU,MAAX;CACO;CACL,YAAY,MACV,GAAG,mBAAmB,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAAU;CAEnF,GAAI;WALN;EAOG;EACD,oBAACA,aAAU,QAAX,EAAoB,CAAA;EACpB,oBAAC,WAAD,EAAW,aAAY,YAAa,CAAA;EACrB;GACjB;AAEF,WAAW,cAAcA,aAAU,KAAK;AAExC,MAAM,iBAAiB,MAAM,YAG1B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAACA,aAAU,UAAX;CACO;CACL,YAAY,MACV,GAAG,+BAA+B,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAAU;CAE/F,GAAI;CAEH;CACkB,CAAA,CACrB;AAEF,eAAe,cAAcA,aAAU,SAAS;AAEhD,MAAM,YAAY,MAAM,YAGrB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,QACpD,oBAACA,aAAU,WAAX;CACO;CACQ;CACb,YAAY,MACV,GACE,uCACA,CAAC,EAAE,YAAY,aACf,gBAAgB,cAAc,gBAC9B,gBAAgB,gBAAgB,kBAChC,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,GAAI;WAEJ,oBAACA,aAAU,OAAX,EAAiB,WAAU,6CAA8C,CAAA;CACrD,CAAA,CACtB;AACF,UAAU,cAAcA,aAAU,UAAU"}
+{"version":3,"file":"scroll-area.js","names":["React","Primitive"],"sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as Primitive } from '@base-ui/react/scroll-area';\nimport * as React from 'react';\nimport { cn } from '@/utils/cn';\n\nconst ScrollArea = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Root>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <Primitive.Root\n    ref={ref}\n    className={(s) =>\n      cn('overflow-hidden', typeof className === 'function' ? className(s) : className)\n    }\n    {...props}\n  >\n    {children}\n    <Primitive.Corner />\n    <ScrollBar orientation=\"vertical\" />\n  </Primitive.Root>\n));\n\nScrollArea.displayName = Primitive.Root.displayName;\n\nconst ScrollViewport = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Viewport>\n>(({ className, children, ...props }, ref) => (\n  <Primitive.Viewport\n    ref={ref}\n    className={(s) =>\n      cn('size-full rounded-[inherit]', typeof className === 'function' ? className(s) : className)\n    }\n    {...props}\n  >\n    {children}\n  </Primitive.Viewport>\n));\n\nScrollViewport.displayName = Primitive.Viewport.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ComponentRef<typeof Primitive.Scrollbar>,\n  React.ComponentPropsWithoutRef<typeof Primitive.Scrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <Primitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={(s) =>\n      cn(\n        'flex select-none transition-opacity',\n        !s.hovering && 'opacity-0',\n        orientation === 'vertical' && 'h-full w-1.5',\n        orientation === 'horizontal' && 'h-1.5 flex-col',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n    {...props}\n  >\n    <Primitive.Thumb className=\"relative flex-1 rounded-full bg-fd-border\" />\n  </Primitive.Scrollbar>\n));\nScrollBar.displayName = Primitive.Scrollbar.displayName;\n\nexport { ScrollArea, ScrollBar, ScrollViewport };\nexport type ScrollAreaProps = Primitive.Root.Props;\n"],"mappings":";;;;;AAIA,MAAM,aAAaA,QAAM,YAGtB,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,qBAACC,aAAU,MAAX;CACO;CACL,YAAY,MACV,GAAG,mBAAmB,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAAU;CAEnF,GAAI;WALN;EAOG;EACD,oBAACA,aAAU,QAAX,EAAoB,CAAA;EACpB,oBAAC,WAAD,EAAW,aAAY,YAAa,CAAA;EACrB;GACjB;AAEF,WAAW,cAAcA,aAAU,KAAK;AAExC,MAAM,iBAAiBD,QAAM,YAG1B,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC,oBAACC,aAAU,UAAX;CACO;CACL,YAAY,MACV,GAAG,+BAA+B,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAAU;CAE/F,GAAI;CAEH;CACkB,CAAA,CACrB;AAEF,eAAe,cAAcA,aAAU,SAAS;AAEhD,MAAM,YAAYD,QAAM,YAGrB,EAAE,WAAW,cAAc,YAAY,GAAG,SAAS,QACpD,oBAACC,aAAU,WAAX;CACO;CACQ;CACb,YAAY,MACV,GACE,uCACA,CAAC,EAAE,YAAY,aACf,gBAAgB,cAAc,gBAC9B,gBAAgB,gBAAgB,kBAChC,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;CAEH,GAAI;WAEJ,oBAACA,aAAU,OAAX,EAAiB,WAAU,6CAA8C,CAAA;CACrD,CAAA,CACtB;AACF,UAAU,cAAcA,aAAU,UAAU"}

package/dist/i18n.d.ts

@@ -2,13 +2,17 @@ import { I18nProviderProps, Translations, defaultTranslations } from "./contexts
 import { I18nConfig } from "fumadocs-core/i18n";
 
 //#region src/i18n.d.ts
+interface I18nUIConfig<Languages extends string> extends I18nConfig<Languages> {
+  /**
+   * get i18n config for Fumadocs UI `<RootProvider i18n={config} />`.
+   */
+  provider: (locale?: string) => I18nProviderProps;
+}
 declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options: {
   translations: { [K in Languages]?: Partial<Translations> & {
     displayName?: string;
   } };
-}): {
-  provider(locale?: string): I18nProviderProps;
-};
+}): I18nUIConfig<Languages>;
 //#endregion
-export { type I18nProviderProps, type Translations, defaultTranslations, defineI18nUI };
+export { type I18nProviderProps, I18nUIConfig, type Translations, defaultTranslations, defineI18nUI };
 //# sourceMappingURL=i18n.d.ts.map

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","names":[],"sources":["../src/i18n.tsx"],"mappings":";;;;iBAMgB,YAAA,0BAAA,CACd,MAAA,EAAQ,UAAA,CAAW,SAAA,GACnB,OAAA;EACE,YAAA,UACQ,SAAA,IAAa,OAAA,CAAQ,YAAA;IAAkB,WAAA;EAAA;AAAA;6BAOI,iBAAA;AAAA"}
+{"version":3,"file":"i18n.d.ts","names":[],"sources":["../src/i18n.tsx"],"mappings":";;;;UAKiB,YAAA,mCAA+C,UAAA,CAAW,SAAA;EAA1D;;;EAIf,QAAA,GAAW,MAAA,cAAoB,iBAAA;AAAA;AAAA,iBAGjB,YAAA,0BAAA,CACd,MAAA,EAAQ,UAAA,CAAW,SAAA,GACnB,OAAA;EACE,YAAA,UACQ,SAAA,IAAa,OAAA,CAAQ,YAAA;IAAkB,WAAA;EAAA;AAAA,IAGhD,YAAA,CAAa,SAAA"}

package/dist/i18n.js

@@ -2,16 +2,19 @@ import { defaultTranslations } from "./contexts/i18n.js";
 //#region src/i18n.tsx
 function defineI18nUI(config, options) {
 	const { translations } = options;
-	return { provider(locale = config.defaultLanguage) {
-		return {
-			locale,
-			translations: translations[locale],
-			locales: config.languages.map((locale) => ({
+	return {
+		...config,
+		provider(locale = config.defaultLanguage) {
+			return {
 				locale,
-				name: translations[locale]?.displayName ?? locale
-			}))
-		};
-	} };
+				translations: translations[locale],
+				locales: config.languages.map((locale) => ({
+					locale,
+					name: translations[locale]?.displayName ?? locale
+				}))
+			};
+		}
+	};
 }
 //#endregion
 export { defaultTranslations, defineI18nUI };

package/dist/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":[],"sources":["../src/i18n.tsx"],"sourcesContent":["import type { I18nProviderProps, Translations } from '@/contexts/i18n';\nimport type { I18nConfig } from 'fumadocs-core/i18n';\n\nexport type { I18nProviderProps, Translations };\nexport { defaultTranslations } from './contexts/i18n';\n\nexport function defineI18nUI<Languages extends string>(\n  config: I18nConfig<Languages>,\n  options: {\n    translations: {\n      [K in Languages]?: Partial<Translations> & { displayName?: string };\n    };\n  },\n) {\n  const { translations } = options;\n\n  return {\n    provider(locale: string = config.defaultLanguage): I18nProviderProps {\n      return {\n        locale,\n        translations: translations[locale as Languages],\n        locales: config.languages.map((locale) => ({\n          locale,\n          name: translations[locale]?.displayName ?? locale,\n        })),\n      };\n    },\n  };\n}\n"],"mappings":";;AAMA,SAAgB,aACd,QACA,SAKA;CACA,MAAM,EAAE,iBAAiB;AAEzB,QAAO,EACL,SAAS,SAAiB,OAAO,iBAAoC;AACnE,SAAO;GACL;GACA,cAAc,aAAa;GAC3B,SAAS,OAAO,UAAU,KAAK,YAAY;IACzC;IACA,MAAM,aAAa,SAAS,eAAe;IAC5C,EAAE;GACJ;IAEJ"}
+{"version":3,"file":"i18n.js","names":[],"sources":["../src/i18n.tsx"],"sourcesContent":["import type { I18nProviderProps, Translations } from '@/contexts/i18n';\nimport type { I18nConfig } from 'fumadocs-core/i18n';\n\nexport { defaultTranslations, type I18nProviderProps, type Translations } from '@/contexts/i18n';\n\nexport interface I18nUIConfig<Languages extends string> extends I18nConfig<Languages> {\n  /**\n   * get i18n config for Fumadocs UI `<RootProvider i18n={config} />`.\n   */\n  provider: (locale?: string) => I18nProviderProps;\n}\n\nexport function defineI18nUI<Languages extends string>(\n  config: I18nConfig<Languages>,\n  options: {\n    translations: {\n      [K in Languages]?: Partial<Translations> & { displayName?: string };\n    };\n  },\n): I18nUIConfig<Languages> {\n  const { translations } = options;\n\n  return {\n    ...config,\n    provider(locale = config.defaultLanguage) {\n      return {\n        locale,\n        translations: translations[locale as Languages],\n        locales: config.languages.map((locale) => ({\n          locale,\n          name: translations[locale]?.displayName ?? locale,\n        })),\n      };\n    },\n  };\n}\n"],"mappings":";;AAYA,SAAgB,aACd,QACA,SAKyB;CACzB,MAAM,EAAE,iBAAiB;AAEzB,QAAO;EACL,GAAG;EACH,SAAS,SAAS,OAAO,iBAAiB;AACxC,UAAO;IACL;IACA,cAAc,aAAa;IAC3B,SAAS,OAAO,UAAU,KAAK,YAAY;KACzC;KACA,MAAM,aAAa,SAAS,eAAe;KAC5C,EAAE;IACJ;;EAEJ"}

package/dist/layouts/home/client.d.ts

@@ -4,7 +4,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/layouts/home/client.d.ts
 declare const navItemVariants: (props?: ({
-  variant?: "icon" | "button" | "main" | null | undefined;
+  variant?: "icon" | "main" | "button" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Header({
   nav,

package/dist/layouts/notebook/client.d.ts

@@ -41,7 +41,7 @@ declare function NavbarLinkItem({
   ...props
 }: {
   item: LinkItemType;
-} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+} & HTMLAttributes<HTMLElement>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
 //#endregion
 export { LayoutBody, LayoutContextProvider, LayoutHeader, LayoutHeaderTabs, LayoutInfo, NavbarLinkItem, useNotebookLayout };
 //# sourceMappingURL=client.d.ts.map

package/dist/layouts/notebook/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/notebook/client.tsx"],"mappings":";;;;;;;iBA8BgB,iBAAA,CAAA,GAAiB,UAAA;EAAA,gBAAA;AAAA;AAAA,UAShB,UAAA;EACf,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,qBAAA,CAAA;EACd,kBAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,UAAA;EACD,kBAAA;EACA,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBe,YAAA,CAAa,KAAA,EAAO,cAAA,aAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW5C,UAAA,CAAA;EAAa,SAAA;EAAW,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqC1E,gBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,OAAA,EAAS,mBAAA;AAAA,IACV,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgCe,cAAA,CAAA;EACd,IAAA;EACA,SAAA;EAAA,GACG;AAAA;EACA,IAAA,EAAM,YAAA;AAAA,IAAiB,cAAA,CAAe,WAAA,yCAAY,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA"}
+{"version":3,"file":"client.d.ts","names":[],"sources":["../../../src/layouts/notebook/client.tsx"],"mappings":";;;;;;;iBA8BgB,iBAAA,CAAA,GAAiB,UAAA;EAAA,gBAAA;AAAA;AAAA,UAShB,UAAA;EACf,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,qBAAA,CAAA;EACd,kBAAA;EACA,OAAA;EACA,OAAA;EACA;AAAA,GACC,UAAA;EACD,kBAAA;EACA,QAAA,EAAU,SAAA;AAAA,IACX,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBe,YAAA,CAAa,KAAA,EAAO,cAAA,aAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAW5C,UAAA,CAAA;EAAa,SAAA;EAAW,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,cAAA,UAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAqC1E,gBAAA,CAAA;EACd,OAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA;EACD,OAAA,EAAS,mBAAA;AAAA,IACV,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgCe,cAAA,CAAA;EACd,IAAA;EACA,SAAA;EAAA,GACG;AAAA;EACA,IAAA,EAAM,YAAA;AAAA,IAAiB,cAAA,CAAe,WAAA,yCAAY,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/layouts/shared/index.d.ts

@@ -62,7 +62,7 @@ declare function resolveLinkItems({
 declare function renderTitleNav({
   title,
   url
-}: Partial<NavOptions>, props: ComponentProps<'a'>): string | number | bigint | boolean | react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}: Partial<NavOptions>, props: ComponentProps<'a'>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
 declare function useLinkItems({
   githubUrl,
   links

package/dist/layouts/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"mappings":";;;;;;;UAKiB,UAAA;EACf,OAAA;EACA,SAAA,EAAW,SAAA;EAEX,KAAA,GAAQ,SAAA,KAAc,KAAA,EAAO,cAAA,UAAwB,SAAA;EAJtC;;;;EAUf,GAAA;EAN6B;;;;;EAa7B,eAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,eAAA;EACf,WAAA;IACE,OAAA;IACA,SAAA,GAAY,SAAA;IACZ,IAAA;EAAA;EAGF,YAAA,GAAe,OAAA;IACb,OAAA;IACA,UAAA,EAAY,OAAA;MACV,EAAA,EAAI,SAAA;MACJ,EAAA,EAAI,SAAA;IAAA;EAAA;;;;;;EASR,IAAA,aAAiB,UAAA;EAAA;;;EAKjB,SAAA;EAEA,KAAA,GAAQ,YAAA;EAMY;;;EAFpB,GAAA,GAAM,OAAA,CAAQ,UAAA;EAEd,QAAA,GAAW,SAAA;AAAA;;;;iBAMG,gBAAA,CAAA;EACd,KAAA;EACA;AAAA,GACC,IAAA,CAAK,eAAA,2BAA0C,YAAA;AAAA,iBAoBlC,cAAA,CAAA;EACZ,KAAA;EAAO;AAAA,GAAa,OAAA,CAAQ,UAAA,GAC9B,KAAA,EAAO,cAAA,6CAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA;AAAA,iBAUZ,YAAA,CAAA;EAAe,SAAA;EAAW;AAAA,GAAS,IAAA,CAAK,eAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/layouts/shared/index.tsx"],"mappings":";;;;;;;UAKiB,UAAA;EACf,OAAA;EACA,SAAA,EAAW,SAAA;EAEX,KAAA,GAAQ,SAAA,KAAc,KAAA,EAAO,cAAA,UAAwB,SAAA;EAJtC;;;;EAUf,GAAA;EAN6B;;;;;EAa7B,eAAA;EAEA,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,eAAA;EACf,WAAA;IACE,OAAA;IACA,SAAA,GAAY,SAAA;IACZ,IAAA;EAAA;EAGF,YAAA,GAAe,OAAA;IACb,OAAA;IACA,UAAA,EAAY,OAAA;MACV,EAAA,EAAI,SAAA;MACJ,EAAA,EAAI,SAAA;IAAA;EAAA;;;;;;EASR,IAAA,aAAiB,UAAA;EAAA;;;EAKjB,SAAA;EAEA,KAAA,GAAQ,YAAA;EAMY;;;EAFpB,GAAA,GAAM,OAAA,CAAQ,UAAA;EAEd,QAAA,GAAW,SAAA;AAAA;;;;iBAMG,gBAAA,CAAA;EACd,KAAA;EACA;AAAA,GACC,IAAA,CAAK,eAAA,2BAA0C,YAAA;AAAA,iBAoBlC,cAAA,CAAA;EACZ,KAAA;EAAO;AAAA,GAAa,OAAA,CAAQ,UAAA,GAC9B,KAAA,EAAO,cAAA,6CAAmB,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUZ,YAAA,CAAA;EAAe,SAAA;EAAW;AAAA,GAAS,IAAA,CAAK,eAAA"}

package/dist/layouts/shared/page-actions.js

@@ -34,7 +34,7 @@ function MarkdownCopyButton({ markdownUrl, ...props }) {
 			size: "sm",
 			className: "gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground"
 		}), props.className),
-		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), "Copy Markdown"]
+		children: [checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), props.children ?? "Copy Markdown"]
 	});
 }
 /**
@@ -164,7 +164,7 @@ function ViewOptionsPopover({ markdownUrl, githubUrl, ...props }) {
 			color: "secondary",
 			size: "sm"
 		}), "gap-2", s.open && "bg-fd-accent text-fd-accent-foreground", typeof props.className === "function" ? props.className(s) : props.className),
-		children: ["Open", /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-fd-muted-foreground" })]
+		children: [props.children ?? "Open", /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5 text-fd-muted-foreground" })]
 	}), /* @__PURE__ */ jsx(PopoverContent, {
 		className: "flex flex-col",
 		children: items.map((item) => /* @__PURE__ */ jsxs("a", {

package/dist/layouts/shared/page-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-actions.js","names":[],"sources":["../../../src/layouts/shared/page-actions.tsx"],"sourcesContent":["'use client';\nimport { type ComponentProps, useMemo, useState } from 'react';\nimport { Check, ChevronDown, Copy, ExternalLinkIcon, TextIcon } from 'lucide-react';\nimport { cn } from '@/utils/cn';\nimport { useCopyButton } from '@/utils/use-copy-button';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';\nimport { buttonVariants } from '@/components/ui/button';\n\nconst cache = new Map<string, Promise<string>>();\n\n/**\n * see https://fumadocs.dev/docs/integrations/llms#page-actions to customise.\n */\nexport function MarkdownCopyButton({\n  markdownUrl,\n  ...props\n}: ComponentProps<'button'> & {\n  /**\n   * A URL to fetch the raw Markdown/MDX content of page\n   */\n  markdownUrl: string;\n}) {\n  const [isLoading, setLoading] = useState(false);\n  const [checked, onClick] = useCopyButton(async () => {\n    const cached = cache.get(markdownUrl);\n    if (cached) return navigator.clipboard.writeText(await cached);\n\n    setLoading(true);\n\n    try {\n      const promise = fetch(markdownUrl).then((res) => res.text());\n      cache.set(markdownUrl, promise);\n      await navigator.clipboard.write([\n        new ClipboardItem({\n          'text/plain': promise,\n        }),\n      ]);\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  return (\n    <button\n      disabled={isLoading}\n      onClick={onClick}\n      {...props}\n      className={cn(\n        buttonVariants({\n          color: 'secondary',\n          size: 'sm',\n          className: 'gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground',\n        }),\n        props.className,\n      )}\n    >\n      {checked ? <Check /> : <Copy />}\n      Copy Markdown\n    </button>\n  );\n}\n\n/**\n * see https://fumadocs.dev/docs/integrations/llms#page-actions to customise.\n */\nexport function ViewOptionsPopover({\n  markdownUrl,\n  githubUrl,\n  ...props\n}: ComponentProps<typeof PopoverTrigger> & {\n  /**\n   * A URL to the raw Markdown/MDX content of page\n   */\n  markdownUrl: string;\n\n  /**\n   * Source file URL on GitHub\n   */\n  githubUrl: string;\n}) {\n  const items = useMemo(() => {\n    const pageUrl = typeof window !== 'undefined' ? window.location.href : 'loading';\n    const q = `Read ${pageUrl}, I want to ask questions about it.`;\n\n    return [\n      {\n        title: 'Open in GitHub',\n        href: githubUrl,\n        icon: (\n          <svg fill=\"currentColor\" role=\"img\" viewBox=\"0 0 24 24\">\n            <title>GitHub</title>\n            <path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\" />\n          </svg>\n        ),\n      },\n      {\n        title: 'View as Markdown',\n        href: markdownUrl,\n        icon: <TextIcon />,\n      },\n      {\n        title: 'Open in Scira AI',\n        href: `https://scira.ai/?${new URLSearchParams({\n          q,\n        })}`,\n        icon: (\n          <svg\n            width=\"910\"\n            height=\"934\"\n            viewBox=\"0 0 910 934\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>Scira AI</title>\n            <path\n              d=\"M647.664 197.775C569.13 189.049 525.5 145.419 516.774 66.8849C508.048 145.419 464.418 189.049 385.884 197.775C464.418 206.501 508.048 250.131 516.774 328.665C525.5 250.131 569.13 206.501 647.664 197.775Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M516.774 304.217C510.299 275.491 498.208 252.087 480.335 234.214C462.462 216.341 439.058 204.251 410.333 197.775C439.059 191.3 462.462 179.209 480.335 161.336C498.208 143.463 510.299 120.06 516.774 91.334C523.25 120.059 535.34 143.463 553.213 161.336C571.086 179.209 594.49 191.3 623.216 197.775C594.49 204.251 571.086 216.341 553.213 234.214C535.34 252.087 523.25 275.491 516.774 304.217Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M857.5 508.116C763.259 497.644 710.903 445.288 700.432 351.047C689.961 445.288 637.605 497.644 543.364 508.116C637.605 518.587 689.961 570.943 700.432 665.184C710.903 570.943 763.259 518.587 857.5 508.116Z\"\n              stroke=\"currentColor\"\n              strokeWidth=\"20\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M700.432 615.957C691.848 589.05 678.575 566.357 660.383 548.165C642.191 529.973 619.499 516.7 592.593 508.116C619.499 499.533 642.191 486.258 660.383 468.066C678.575 449.874 691.848 427.181 700.432 400.274C709.015 427.181 722.289 449.874 740.481 468.066C758.673 486.258 781.365 499.533 808.271 508.116C781.365 516.7 758.673 529.973 740.481 548.165C722.289 566.357 709.015 589.05 700.432 615.957Z\"\n              stroke=\"currentColor\"\n              strokeWidth=\"20\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M889.949 121.237C831.049 114.692 798.326 81.9698 791.782 23.0692C785.237 81.9698 752.515 114.692 693.614 121.237C752.515 127.781 785.237 160.504 791.782 219.404C798.326 160.504 831.049 127.781 889.949 121.237Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M791.782 196.795C786.697 176.937 777.869 160.567 765.16 147.858C752.452 135.15 736.082 126.322 716.226 121.237C736.082 116.152 752.452 107.324 765.16 94.6152C777.869 81.9065 786.697 65.5368 791.782 45.6797C796.867 65.5367 805.695 81.9066 818.403 94.6152C831.112 107.324 847.481 116.152 867.338 121.237C847.481 126.322 831.112 135.15 818.403 147.858C805.694 160.567 796.867 176.937 791.782 196.795Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M760.632 764.337C720.719 814.616 669.835 855.1 611.872 882.692C553.91 910.285 490.404 924.255 426.213 923.533C362.022 922.812 298.846 907.419 241.518 878.531C184.19 849.643 134.228 808.026 95.4548 756.863C56.6815 705.7 30.1238 646.346 17.8129 583.343C5.50207 520.339 7.76433 455.354 24.4266 393.359C41.089 331.364 71.7099 274.001 113.947 225.658C156.184 177.315 208.919 139.273 268.117 114.442\"\n              stroke=\"currentColor\"\n              strokeWidth=\"30\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        ),\n      },\n      {\n        title: 'Open in ChatGPT',\n        href: `https://chatgpt.com/?${new URLSearchParams({\n          hints: 'search',\n          q,\n        })}`,\n        icon: (\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>OpenAI</title>\n            <path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" />\n          </svg>\n        ),\n      },\n      {\n        title: 'Open in Claude',\n        href: `https://claude.ai/new?${new URLSearchParams({\n          q,\n        })}`,\n        icon: (\n          <svg\n            fill=\"currentColor\"\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>Anthropic</title>\n            <path d=\"M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z\" />\n          </svg>\n        ),\n      },\n      {\n        title: 'Open in Cursor',\n        icon: (\n          <svg\n            fill=\"currentColor\"\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>Cursor</title>\n            <path d=\"M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23\" />\n          </svg>\n        ),\n        href: `https://cursor.com/link/prompt?${new URLSearchParams({\n          text: q,\n        })}`,\n      },\n    ];\n  }, [githubUrl, markdownUrl]);\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        {...props}\n        className={(s) =>\n          cn(\n            buttonVariants({\n              color: 'secondary',\n              size: 'sm',\n            }),\n            'gap-2',\n            s.open && 'bg-fd-accent text-fd-accent-foreground',\n            typeof props.className === 'function' ? props.className(s) : props.className,\n          )\n        }\n      >\n        Open\n        <ChevronDown className=\"size-3.5 text-fd-muted-foreground\" />\n      </PopoverTrigger>\n      <PopoverContent className=\"flex flex-col\">\n        {items.map((item) => (\n          <a\n            key={item.href}\n            href={item.href}\n            rel=\"noreferrer noopener\"\n            target=\"_blank\"\n            className=\"text-sm p-2 rounded-lg inline-flex items-center gap-2 hover:text-fd-accent-foreground hover:bg-fd-accent [&_svg]:size-4\"\n          >\n            {item.icon}\n            {item.title}\n            <ExternalLinkIcon className=\"text-fd-muted-foreground size-3.5 ms-auto\" />\n          </a>\n        ))}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"page-actions.js","names":[],"sources":["../../../src/layouts/shared/page-actions.tsx"],"sourcesContent":["'use client';\nimport { type ComponentProps, useMemo, useState } from 'react';\nimport { Check, ChevronDown, Copy, ExternalLinkIcon, TextIcon } from 'lucide-react';\nimport { cn } from '@/utils/cn';\nimport { useCopyButton } from '@/utils/use-copy-button';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';\nimport { buttonVariants } from '@/components/ui/button';\n\nconst cache = new Map<string, Promise<string>>();\n\n/**\n * see https://fumadocs.dev/docs/integrations/llms#page-actions to customise.\n */\nexport function MarkdownCopyButton({\n  markdownUrl,\n  ...props\n}: ComponentProps<'button'> & {\n  /**\n   * A URL to fetch the raw Markdown/MDX content of page\n   */\n  markdownUrl: string;\n}) {\n  const [isLoading, setLoading] = useState(false);\n  const [checked, onClick] = useCopyButton(async () => {\n    const cached = cache.get(markdownUrl);\n    if (cached) return navigator.clipboard.writeText(await cached);\n\n    setLoading(true);\n\n    try {\n      const promise = fetch(markdownUrl).then((res) => res.text());\n      cache.set(markdownUrl, promise);\n      await navigator.clipboard.write([\n        new ClipboardItem({\n          'text/plain': promise,\n        }),\n      ]);\n    } finally {\n      setLoading(false);\n    }\n  });\n\n  return (\n    <button\n      disabled={isLoading}\n      onClick={onClick}\n      {...props}\n      className={cn(\n        buttonVariants({\n          color: 'secondary',\n          size: 'sm',\n          className: 'gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground',\n        }),\n        props.className,\n      )}\n    >\n      {checked ? <Check /> : <Copy />}\n      {props.children ?? 'Copy Markdown'}\n    </button>\n  );\n}\n\n/**\n * see https://fumadocs.dev/docs/integrations/llms#page-actions to customise.\n */\nexport function ViewOptionsPopover({\n  markdownUrl,\n  githubUrl,\n  ...props\n}: ComponentProps<typeof PopoverTrigger> & {\n  /**\n   * A URL to the raw Markdown/MDX content of page\n   */\n  markdownUrl: string;\n\n  /**\n   * Source file URL on GitHub\n   */\n  githubUrl: string;\n}) {\n  const items = useMemo(() => {\n    const pageUrl = typeof window !== 'undefined' ? window.location.href : 'loading';\n    const q = `Read ${pageUrl}, I want to ask questions about it.`;\n\n    return [\n      {\n        title: 'Open in GitHub',\n        href: githubUrl,\n        icon: (\n          <svg fill=\"currentColor\" role=\"img\" viewBox=\"0 0 24 24\">\n            <title>GitHub</title>\n            <path d=\"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\" />\n          </svg>\n        ),\n      },\n      {\n        title: 'View as Markdown',\n        href: markdownUrl,\n        icon: <TextIcon />,\n      },\n      {\n        title: 'Open in Scira AI',\n        href: `https://scira.ai/?${new URLSearchParams({\n          q,\n        })}`,\n        icon: (\n          <svg\n            width=\"910\"\n            height=\"934\"\n            viewBox=\"0 0 910 934\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>Scira AI</title>\n            <path\n              d=\"M647.664 197.775C569.13 189.049 525.5 145.419 516.774 66.8849C508.048 145.419 464.418 189.049 385.884 197.775C464.418 206.501 508.048 250.131 516.774 328.665C525.5 250.131 569.13 206.501 647.664 197.775Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M516.774 304.217C510.299 275.491 498.208 252.087 480.335 234.214C462.462 216.341 439.058 204.251 410.333 197.775C439.059 191.3 462.462 179.209 480.335 161.336C498.208 143.463 510.299 120.06 516.774 91.334C523.25 120.059 535.34 143.463 553.213 161.336C571.086 179.209 594.49 191.3 623.216 197.775C594.49 204.251 571.086 216.341 553.213 234.214C535.34 252.087 523.25 275.491 516.774 304.217Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M857.5 508.116C763.259 497.644 710.903 445.288 700.432 351.047C689.961 445.288 637.605 497.644 543.364 508.116C637.605 518.587 689.961 570.943 700.432 665.184C710.903 570.943 763.259 518.587 857.5 508.116Z\"\n              stroke=\"currentColor\"\n              strokeWidth=\"20\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M700.432 615.957C691.848 589.05 678.575 566.357 660.383 548.165C642.191 529.973 619.499 516.7 592.593 508.116C619.499 499.533 642.191 486.258 660.383 468.066C678.575 449.874 691.848 427.181 700.432 400.274C709.015 427.181 722.289 449.874 740.481 468.066C758.673 486.258 781.365 499.533 808.271 508.116C781.365 516.7 758.673 529.973 740.481 548.165C722.289 566.357 709.015 589.05 700.432 615.957Z\"\n              stroke=\"currentColor\"\n              strokeWidth=\"20\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M889.949 121.237C831.049 114.692 798.326 81.9698 791.782 23.0692C785.237 81.9698 752.515 114.692 693.614 121.237C752.515 127.781 785.237 160.504 791.782 219.404C798.326 160.504 831.049 127.781 889.949 121.237Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M791.782 196.795C786.697 176.937 777.869 160.567 765.16 147.858C752.452 135.15 736.082 126.322 716.226 121.237C736.082 116.152 752.452 107.324 765.16 94.6152C777.869 81.9065 786.697 65.5368 791.782 45.6797C796.867 65.5367 805.695 81.9066 818.403 94.6152C831.112 107.324 847.481 116.152 867.338 121.237C847.481 126.322 831.112 135.15 818.403 147.858C805.694 160.567 796.867 176.937 791.782 196.795Z\"\n              fill=\"currentColor\"\n              stroke=\"currentColor\"\n              strokeWidth=\"8\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M760.632 764.337C720.719 814.616 669.835 855.1 611.872 882.692C553.91 910.285 490.404 924.255 426.213 923.533C362.022 922.812 298.846 907.419 241.518 878.531C184.19 849.643 134.228 808.026 95.4548 756.863C56.6815 705.7 30.1238 646.346 17.8129 583.343C5.50207 520.339 7.76433 455.354 24.4266 393.359C41.089 331.364 71.7099 274.001 113.947 225.658C156.184 177.315 208.919 139.273 268.117 114.442\"\n              stroke=\"currentColor\"\n              strokeWidth=\"30\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        ),\n      },\n      {\n        title: 'Open in ChatGPT',\n        href: `https://chatgpt.com/?${new URLSearchParams({\n          hints: 'search',\n          q,\n        })}`,\n        icon: (\n          <svg\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            fill=\"currentColor\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>OpenAI</title>\n            <path d=\"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z\" />\n          </svg>\n        ),\n      },\n      {\n        title: 'Open in Claude',\n        href: `https://claude.ai/new?${new URLSearchParams({\n          q,\n        })}`,\n        icon: (\n          <svg\n            fill=\"currentColor\"\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>Anthropic</title>\n            <path d=\"M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z\" />\n          </svg>\n        ),\n      },\n      {\n        title: 'Open in Cursor',\n        icon: (\n          <svg\n            fill=\"currentColor\"\n            role=\"img\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <title>Cursor</title>\n            <path d=\"M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23\" />\n          </svg>\n        ),\n        href: `https://cursor.com/link/prompt?${new URLSearchParams({\n          text: q,\n        })}`,\n      },\n    ];\n  }, [githubUrl, markdownUrl]);\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        {...props}\n        className={(s) =>\n          cn(\n            buttonVariants({\n              color: 'secondary',\n              size: 'sm',\n            }),\n            'gap-2',\n            s.open && 'bg-fd-accent text-fd-accent-foreground',\n            typeof props.className === 'function' ? props.className(s) : props.className,\n          )\n        }\n      >\n        {props.children ?? 'Open'}\n        <ChevronDown className=\"size-3.5 text-fd-muted-foreground\" />\n      </PopoverTrigger>\n      <PopoverContent className=\"flex flex-col\">\n        {items.map((item) => (\n          <a\n            key={item.href}\n            href={item.href}\n            rel=\"noreferrer noopener\"\n            target=\"_blank\"\n            className=\"text-sm p-2 rounded-lg inline-flex items-center gap-2 hover:text-fd-accent-foreground hover:bg-fd-accent [&_svg]:size-4\"\n          >\n            {item.icon}\n            {item.title}\n            <ExternalLinkIcon className=\"text-fd-muted-foreground size-3.5 ms-auto\" />\n          </a>\n        ))}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/mdx.d.ts

@@ -2,10 +2,21 @@ import { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from "./c
 import { Card, Cards } from "./components/card.js";
 import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger } from "./components/codeblock.js";
 import { createRelativeLink as createRelativeLink$1 } from "./mdx.server.js";
-import { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
+import React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/mdx.d.ts
+/**
+ * global types for MDX.js
+ */
+declare module 'mdx/types.js' {
+  namespace JSX {
+    type Element = React.JSX.Element;
+    type ElementClass = React.JSX.ElementClass;
+    type ElementType = React.JSX.ElementType;
+    type IntrinsicElements = React.JSX.IntrinsicElements;
+  }
+}
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {
   sizes?: string;
 }): react_jsx_runtime0.JSX.Element;

package/dist/mdx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mdx.d.ts","names":[],"sources":["../src/mdx.tsx"],"mappings":";;;;;;;;iBAsBS,KAAA,CACP,KAAA,EAAO,iBAAA,CAAkB,gBAAA;EACvB,KAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAYM,KAAA,CAAM,KAAA,EAAO,mBAAA,CAAoB,gBAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQrD,oBAAA;;;;;eAKS,cAAA,CAAe,cAAA,MAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KAOhC,EAAA,CAAG,oBAAA,CAAqB,iBAAA;;cAEvB,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;cAQnC,kBAAA,SAEZ,oBAAA"}
+{"version":3,"file":"mdx.d.ts","names":[],"sources":["../src/mdx.tsx"],"mappings":";;;;;;;;;;;;YA6BY,GAAA;IAAA,KACH,OAAA,GAAU,KAAA,CAAM,GAAA,CAAI,OAAA;IAAA,KACpB,YAAA,GAAe,KAAA,CAAM,GAAA,CAAI,YAAA;IAAA,KACzB,WAAA,GAAc,KAAA,CAAM,GAAA,CAAI,WAAA;IAAA,KACxB,iBAAA,GAAoB,KAAA,CAAM,GAAA,CAAI,iBAAA;EAAA;AAAA;AAAA,iBAI9B,KAAA,CACP,KAAA,EAAO,iBAAA,CAAkB,gBAAA;EACvB,KAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAWM,KAAA,CAAM,KAAA,EAAO,mBAAA,CAAoB,gBAAA,IAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQrD,oBAAA;;;;;eAKS,cAAA,CAAe,cAAA,MAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KAOhC,EAAA,CAAG,oBAAA,CAAqB,iBAAA;;cAEvB,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;cAClC,cAAA,CAAe,kBAAA,MAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;cAQnC,kBAAA,SAEZ,oBAAA"}

package/dist/mdx.js

@@ -11,7 +11,6 @@ function Image$1(props) {
 	return /* @__PURE__ */ jsx(Image, {
 		sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px",
 		...props,
-		src: props.src,
 		className: cn("rounded-lg", props.className)
 	});
 }

package/dist/mdx.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdx.js","names":["Image","FrameworkImage"],"sources":["../src/mdx.tsx"],"sourcesContent":["import Link from 'fumadocs-core/link';\nimport type {\n  AnchorHTMLAttributes,\n  FC,\n  HTMLAttributes,\n  ImgHTMLAttributes,\n  TableHTMLAttributes,\n} from 'react';\nimport { Image as FrameworkImage } from 'fumadocs-core/framework';\nimport { Card, Cards } from '@/components/card';\nimport { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from '@/components/callout';\nimport { Heading } from '@/components/heading';\nimport { cn } from '@/utils/cn';\nimport {\n  CodeBlock,\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  Pre,\n} from '@/components/codeblock';\n\nfunction Image(\n  props: ImgHTMLAttributes<HTMLImageElement> & {\n    sizes?: string;\n  },\n) {\n  return (\n    <FrameworkImage\n      sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px\"\n      {...props}\n      src={props.src as unknown as string}\n      className={cn('rounded-lg', props.className)}\n    />\n  );\n}\n\nfunction Table(props: TableHTMLAttributes<HTMLTableElement>) {\n  return (\n    <div className=\"relative overflow-auto prose-no-margin my-6\">\n      <table {...props} />\n    </div>\n  );\n}\n\nconst defaultMdxComponents = {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  pre: (props: HTMLAttributes<HTMLPreElement>) => (\n    <CodeBlock {...props}>\n      <Pre>{props.children}</Pre>\n    </CodeBlock>\n  ),\n  Card,\n  Cards,\n  a: Link as FC<AnchorHTMLAttributes<HTMLAnchorElement>>,\n  img: Image,\n  h1: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h1\" {...props} />,\n  h2: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h2\" {...props} />,\n  h3: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h3\" {...props} />,\n  h4: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h4\" {...props} />,\n  h5: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h5\" {...props} />,\n  h6: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h6\" {...props} />,\n  table: Table,\n  Callout,\n  CalloutContainer,\n  CalloutTitle,\n  CalloutDescription,\n};\n\nexport const createRelativeLink: typeof import('./mdx.server').createRelativeLink = () => {\n  throw new Error('`createRelativeLink` is only supported in Node.js environment');\n};\n\nexport { defaultMdxComponents as default };\n"],"mappings":";;;;;;;;;AAsBA,SAASA,QACP,OAGA;AACA,QACE,oBAACC,OAAD;EACE,OAAM;EACN,GAAI;EACJ,KAAK,MAAM;EACX,WAAW,GAAG,cAAc,MAAM,UAAU;EAC5C,CAAA;;AAIN,SAAS,MAAM,OAA8C;AAC3D,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,SAAD,EAAO,GAAI,OAAS,CAAA;EAChB,CAAA;;AAIV,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA,MAAM,UACJ,oBAAC,WAAD;EAAW,GAAI;YACb,oBAAC,KAAD,EAAA,UAAM,MAAM,UAAe,CAAA;EACjB,CAAA;CAEd;CACA;CACA,GAAG;CACH,KAAKD;CACL,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,OAAO;CACP;CACA;CACA;CACA;CACD;AAED,MAAa,2BAA6E;AACxF,OAAM,IAAI,MAAM,gEAAgE"}
+{"version":3,"file":"mdx.js","names":["Image","FrameworkImage"],"sources":["../src/mdx.tsx"],"sourcesContent":["import Link from 'fumadocs-core/link';\nimport type React from 'react';\nimport type {\n  AnchorHTMLAttributes,\n  FC,\n  HTMLAttributes,\n  ImgHTMLAttributes,\n  TableHTMLAttributes,\n} from 'react';\nimport { Image as FrameworkImage } from 'fumadocs-core/framework';\nimport { Card, Cards } from '@/components/card';\nimport { Callout, CalloutContainer, CalloutDescription, CalloutTitle } from '@/components/callout';\nimport { Heading } from '@/components/heading';\nimport { cn } from '@/utils/cn';\nimport {\n  CodeBlock,\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  Pre,\n} from '@/components/codeblock';\n\n/**\n * global types for MDX.js\n */\ndeclare module 'mdx/types.js' {\n  // Augment the MDX types to make it understand React.\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    type Element = React.JSX.Element;\n    type ElementClass = React.JSX.ElementClass;\n    type ElementType = React.JSX.ElementType;\n    type IntrinsicElements = React.JSX.IntrinsicElements;\n  }\n}\n\nfunction Image(\n  props: ImgHTMLAttributes<HTMLImageElement> & {\n    sizes?: string;\n  },\n) {\n  return (\n    <FrameworkImage\n      sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px\"\n      {...props}\n      className={cn('rounded-lg', props.className)}\n    />\n  );\n}\n\nfunction Table(props: TableHTMLAttributes<HTMLTableElement>) {\n  return (\n    <div className=\"relative overflow-auto prose-no-margin my-6\">\n      <table {...props} />\n    </div>\n  );\n}\n\nconst defaultMdxComponents = {\n  CodeBlockTab,\n  CodeBlockTabs,\n  CodeBlockTabsList,\n  CodeBlockTabsTrigger,\n  pre: (props: HTMLAttributes<HTMLPreElement>) => (\n    <CodeBlock {...props}>\n      <Pre>{props.children}</Pre>\n    </CodeBlock>\n  ),\n  Card,\n  Cards,\n  a: Link as FC<AnchorHTMLAttributes<HTMLAnchorElement>>,\n  img: Image,\n  h1: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h1\" {...props} />,\n  h2: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h2\" {...props} />,\n  h3: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h3\" {...props} />,\n  h4: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h4\" {...props} />,\n  h5: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h5\" {...props} />,\n  h6: (props: HTMLAttributes<HTMLHeadingElement>) => <Heading as=\"h6\" {...props} />,\n  table: Table,\n  Callout,\n  CalloutContainer,\n  CalloutTitle,\n  CalloutDescription,\n};\n\nexport const createRelativeLink: typeof import('./mdx.server').createRelativeLink = () => {\n  throw new Error('`createRelativeLink` is only supported in Node.js environment');\n};\n\nexport { defaultMdxComponents as default };\n"],"mappings":";;;;;;;;;AAqCA,SAASA,QACP,OAGA;AACA,QACE,oBAACC,OAAD;EACE,OAAM;EACN,GAAI;EACJ,WAAW,GAAG,cAAc,MAAM,UAAU;EAC5C,CAAA;;AAIN,SAAS,MAAM,OAA8C;AAC3D,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,SAAD,EAAO,GAAI,OAAS,CAAA;EAChB,CAAA;;AAIV,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA,MAAM,UACJ,oBAAC,WAAD;EAAW,GAAI;YACb,oBAAC,KAAD,EAAA,UAAM,MAAM,UAAe,CAAA;EACjB,CAAA;CAEd;CACA;CACA,GAAG;CACH,KAAKD;CACL,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,KAAK,UAA8C,oBAAC,SAAD;EAAS,IAAG;EAAK,GAAI;EAAS,CAAA;CACjF,OAAO;CACP;CACA;CACA;CACA;CACD;AAED,MAAa,2BAA6E;AACxF,OAAM,IAAI,MAAM,gEAAgE"}

package/dist/style.css

@@ -2894,6 +2894,21 @@
   --color-fd-secondary: hsl(0, 0%, 18%);
   --color-fd-muted-foreground: hsl(0, 0%, 72%);
 }
+:root {
+  --fd-sidebar-drawer-offset: 100%;
+}
+[dir='rtl'] {
+  --fd-sidebar-drawer-offset: -100%;
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    border-color: var(--color-fd-border, currentColor);
+  }
+  body {
+    background-color: var(--color-fd-background);
+    color: var(--color-fd-foreground);
+  }
+}
 .shiki:not(.not-fumadocs-codeblock *) {
   --padding-left: calc(var(--spacing) * 4);
   --padding-right: calc(var(--spacing) * 4);
@@ -3000,21 +3015,6 @@
     font-style: var(--shiki-dark-font-style);
   }
 }
-:root {
-  --fd-sidebar-drawer-offset: 100%;
-}
-[dir='rtl'] {
-  --fd-sidebar-drawer-offset: -100%;
-}
-@layer base {
-  *, ::after, ::before, ::backdrop, ::file-selector-button {
-    border-color: var(--color-fd-border, currentColor);
-  }
-  body {
-    background-color: var(--color-fd-background);
-    color: var(--color-fd-foreground);
-  }
-}
 @layer base {
   body {
     display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.6.13",
+  "version": "16.6.15",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -105,7 +105,7 @@
     "@base-ui/react": "^1.2.0",
     "class-variance-authority": "^0.7.1",
     "lucide-react": "^0.577.0",
-    "motion": "^12.35.0",
+    "motion": "^12.35.2",
     "next-themes": "^0.4.6",
     "react-medium-image-zoom": "^5.4.1",
     "react-remove-scroll": "^2.7.2",
@@ -118,25 +118,26 @@
   "devDependencies": {
     "@tailwindcss/cli": "^4.2.1",
     "@types/hast": "^3.0.4",
-    "@types/node": "^25.3.5",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "^25.4.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "tailwindcss": "^4.2.1",
-    "tsdown": "0.21.0",
+    "tsdown": "0.21.1",
     "unified": "^11.0.5",
     "@fumadocs/cli": "1.2.5",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "16.6.13",
+    "fumadocs-core": "16.6.15",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
+    "@types/mdx": "*",
     "@types/react": "*",
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "tailwindcss": "^4.0.0",
-    "fumadocs-core": "16.6.13"
+    "fumadocs-core": "16.6.15"
   },
   "peerDependenciesMeta": {
     "next": {
@@ -145,10 +146,10 @@
     "@takumi-rs/image-response": {
       "optional": true
     },
-    "@types/react": {
+    "@types/mdx": {
       "optional": true
     },
-    "tailwindcss": {
+    "@types/react": {
       "optional": true
     }
   },