@fumadocs/base-ui 16.7.6 → 16.7.8

package/dist/layouts/notebook/slots/sidebar.js

@@ -161,7 +161,6 @@ function Sidebar({ banner, footer, components, collapsible = true, ...rest }) {
 		if (typeof footer === "function") return createElement(footer, props);
 		return /* @__PURE__ */ jsxs("div", {
 			...props,
-			className: cn("hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2", iconLinks.length > 0 && "max-lg:flex", props.className),
 			children: [props.children, footer]
 		});
 	}
@@ -194,16 +193,19 @@ function Sidebar({ banner, footer, components, collapsible = true, ...rest }) {
 				className: cn(tabMode === "navbar" && "lg:hidden")
 			})] }) }),
 			viewport,
-			renderFooter({ children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
-				item,
-				className: cn(buttonVariants({
-					size: "icon-sm",
-					color: "ghost",
-					className: "lg:hidden"
-				})),
-				"aria-label": item.label,
-				children: item.icon
-			}, i)) })
+			renderFooter({
+				className: cn("hidden flex-row text-fd-muted-foreground items-center border-t px-4 py-2.5", iconLinks.length > 0 && "max-lg:flex"),
+				children: iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
+					item,
+					className: cn(buttonVariants({
+						size: "icon-sm",
+						color: "ghost",
+						className: "lg:hidden"
+					})),
+					"aria-label": item.label,
+					children: item.icon
+				}, i))
+			})
 		]
 	}), /* @__PURE__ */ jsxs(SidebarDrawer, {
 		...rest,
@@ -218,7 +220,7 @@ function Sidebar({ banner, footer, components, collapsible = true, ...rest }) {
 			}), tabs.length > 0 && /* @__PURE__ */ jsx(SidebarTabsDropdown, { options: tabs })] }) }),
 			viewport,
 			renderFooter({
-				className: cn("hidden flex-row items-center justify-end", (slots.languageSelect || slots.themeSwitch) && "flex", iconLinks.length > 0 && "max-lg:flex"),
+				className: cn("hidden flex-row text-fd-muted-foreground items-center border-t p-4 pt-2 justify-end", (slots.languageSelect || slots.themeSwitch) && "flex", iconLinks.length > 0 && "max-lg:flex"),
 				children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					iconLinks.map((item, i) => /* @__PURE__ */ jsx(LinkItem, {
 						item,

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

@@ -3,7 +3,7 @@ import { FullSearchTriggerProps, SearchTriggerProps } from "./slots/search-trigg
 import { ThemeSwitchProps } from "./slots/theme-switch.js";
 import { BaseLayoutProps, LinkItemType } from "./index.js";
 import { ComponentProps, FC } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/client.d.ts
 declare function LinkItem({
@@ -14,7 +14,7 @@ declare function LinkItem({
   item: Extract<LinkItemType, {
     url: string;
   }>;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 interface BaseSlots {
   navTitle: FC<ComponentProps<'a'>>;
   themeSwitch: FC<ThemeSwitchProps> | false;

package/dist/layouts/shared/page-actions.d.ts

@@ -1,6 +1,6 @@
 import { PopoverTrigger } from "../../components/ui/popover.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/page-actions.d.ts
 /**
@@ -14,7 +14,7 @@ declare function MarkdownCopyButton({
    * A URL to fetch the raw Markdown/MDX content of page
    */
   markdownUrl: string;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 /**
  * see https://fumadocs.dev/docs/integrations/llms#page-actions to customise.
  */
@@ -31,6 +31,6 @@ declare function ViewOptionsPopover({
    * Source file URL on GitHub
    */
   githubUrl?: string;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { MarkdownCopyButton, ViewOptionsPopover };

package/dist/layouts/shared/slots/language-select.d.ts

@@ -1,10 +1,19 @@
+import { buttonVariants } from "../../../components/ui/button.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 
 //#region src/layouts/shared/slots/language-select.d.ts
-type LanguageSelectProps = ComponentProps<'button'>;
-declare function LanguageSelect(props: LanguageSelectProps): React.ReactElement;
+interface LanguageSelectProps extends ComponentProps<'button'> {
+  variant?: VariantProps<typeof buttonVariants>['variant'];
+}
+declare function LanguageSelect({
+  className,
+  variant,
+  children,
+  ...rest
+}: LanguageSelectProps): React.ReactElement;
 type LanguageSelectTextProps = ComponentProps<'span'>;
-declare function LanguageSelectText(props: LanguageSelectTextProps): react_jsx_runtime0.JSX.Element;
+declare function LanguageSelectText(props: LanguageSelectTextProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { LanguageSelect, LanguageSelectProps, LanguageSelectText, LanguageSelectTextProps };

package/dist/layouts/shared/slots/language-select.js

@@ -5,25 +5,22 @@ import { buttonVariants } from "../../../components/ui/button.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../components/ui/popover.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/layouts/shared/slots/language-select.tsx
-function LanguageSelect(props) {
+function LanguageSelect({ className, variant = "ghost", children, ...rest }) {
 	const context = useI18n();
 	if (!context.locales) throw new Error("Missing `<I18nProvider />`");
 	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
 		"aria-label": context.text.chooseLanguage,
-		...props,
-		className: cn(buttonVariants({
-			color: "ghost",
-			className: "gap-1.5 p-1.5"
-		}), props.className),
-		children: props.children
+		className: (s) => cn(buttonVariants({ variant }), "gap-1.5 p-1.5", s.open && "bg-fd-accent", className),
+		...rest,
+		children
 	}), /* @__PURE__ */ jsxs(PopoverContent, {
-		className: "flex flex-col overflow-x-hidden p-0",
+		className: "flex flex-col gap-0.5 p-1",
 		children: [/* @__PURE__ */ jsx("p", {
-			className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground",
+			className: "p-2 text-xs font-medium text-fd-muted-foreground",
 			children: context.text.chooseLanguage
 		}), context.locales.map((item) => /* @__PURE__ */ jsx("button", {
 			type: "button",
-			className: cn("p-2 text-start text-sm", item.locale === context.locale ? "bg-fd-primary/10 font-medium text-fd-primary" : "hover:bg-fd-accent hover:text-fd-accent-foreground"),
+			className: cn("px-2 py-1.5 text-start text-sm rounded-lg transition-colors", item.locale === context.locale ? "bg-fd-primary/10 text-fd-primary" : "text-fd-muted-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"),
 			onClick: () => {
 				context.onChange?.(item.locale);
 			},

package/dist/layouts/shared/slots/search-trigger.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from "../../../components/ui/button.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/slots/search-trigger.d.ts
 interface SearchTriggerProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonProps {
@@ -11,13 +11,13 @@ declare function SearchTrigger({
   size,
   color,
   ...props
-}: SearchTriggerProps): react_jsx_runtime0.JSX.Element | null;
+}: SearchTriggerProps): _$react_jsx_runtime0.JSX.Element | null;
 interface FullSearchTriggerProps extends ComponentProps<'button'> {
   hideIfDisabled?: boolean;
 }
 declare function FullSearchTrigger({
   hideIfDisabled,
   ...props
-}: FullSearchTriggerProps): react_jsx_runtime0.JSX.Element | null;
+}: FullSearchTriggerProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { FullSearchTrigger, FullSearchTriggerProps, SearchTrigger, SearchTriggerProps };

package/dist/layouts/shared/slots/theme-switch.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/shared/slots/theme-switch.d.ts
 interface ThemeSwitchProps extends ComponentProps<'div'> {
@@ -9,6 +9,6 @@ declare function ThemeSwitch({
   className,
   mode,
   ...props
-}: ThemeSwitchProps): react_jsx_runtime0.JSX.Element;
+}: ThemeSwitchProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ThemeSwitch, ThemeSwitchProps };

package/dist/layouts/shared/slots/theme-switch.js

@@ -21,7 +21,7 @@ function ThemeSwitch({ className, mode = "light-dark", ...props }) {
 	useEffect(() => {
 		setMounted(true);
 	}, []);
-	const container = cn("inline-flex items-center rounded-full border p-1 *:rounded-full", className);
+	const container = cn("inline-flex items-center rounded-full border p-1 overflow-hidden *:rounded-full", className);
 	if (mode === "light-dark") {
 		const value = mounted ? resolvedTheme : null;
 		return /* @__PURE__ */ jsx("button", {

package/dist/mdx.d.ts

@@ -3,7 +3,7 @@ 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 React, { AnchorHTMLAttributes, FC, HTMLAttributes, ImgHTMLAttributes, TableHTMLAttributes } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/mdx.d.ts
 /**
@@ -19,24 +19,24 @@ declare module 'mdx/types.js' {
 }
 declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {
   sizes?: string;
-}): react_jsx_runtime0.JSX.Element;
-declare function Table(props: TableHTMLAttributes<HTMLTableElement>): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function Table(props: TableHTMLAttributes<HTMLTableElement>): _$react_jsx_runtime0.JSX.Element;
 declare const defaultMdxComponents: {
   CodeBlockTab: typeof CodeBlockTab;
   CodeBlockTabs: typeof CodeBlockTabs;
   CodeBlockTabsList: typeof CodeBlockTabsList;
   CodeBlockTabsTrigger: typeof CodeBlockTabsTrigger;
-  pre: (props: HTMLAttributes<HTMLPreElement>) => react_jsx_runtime0.JSX.Element;
+  pre: (props: HTMLAttributes<HTMLPreElement>) => _$react_jsx_runtime0.JSX.Element;
   Card: typeof Card;
   Cards: typeof Cards;
   a: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
   img: typeof Image;
-  h1: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h2: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h3: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h4: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h5: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
-  h6: (props: HTMLAttributes<HTMLHeadingElement>) => react_jsx_runtime0.JSX.Element;
+  h1: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h2: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h3: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h4: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h5: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
+  h6: (props: HTMLAttributes<HTMLHeadingElement>) => _$react_jsx_runtime0.JSX.Element;
   table: typeof Table;
   Callout: typeof Callout;
   CalloutContainer: typeof CalloutContainer;

package/dist/og/takumi.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ImageResponse, ImageResponseOptions } from "@takumi-rs/image-response";
 
 //#region src/og/takumi.d.ts
@@ -16,6 +16,6 @@ declare function generate({
   primaryColor,
   primaryTextColor,
   ...props
-}: GenerateProps): react_jsx_runtime0.JSX.Element;
+}: GenerateProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { generate, generateOGImage };

package/dist/og.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ImageResponse } from "next/og";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ImageResponse } from "next/og.js";
 import { ImageResponseOptions } from "next/dist/compiled/@vercel/og/types";
 
 //#region src/og.d.ts
@@ -17,6 +17,6 @@ declare function generate({
   primaryColor,
   primaryTextColor,
   ...props
-}: GenerateProps): react_jsx_runtime0.JSX.Element;
+}: GenerateProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { generate, generateOGImage };

package/dist/page.d.ts

@@ -1,7 +1,7 @@
 import { Breadcrumb } from "./layouts/docs/page/slots/breadcrumb.js";
 import { DocsBody, DocsDescription, DocsPageProps as DocsPageProps$1, DocsTitle, EditOnGitHub, PageLastUpdate } from "./layouts/docs/page/index.js";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/page.d.ts
 interface EditOnGitHubOptions extends Omit<ComponentProps<'a'>, 'href' | 'children'> {
@@ -25,12 +25,12 @@ interface DocsPageProps extends DocsPageProps$1 {
 /**
  * For separate MDX page
  */
-declare function withArticle(props: ComponentProps<'main'>): react_jsx_runtime0.JSX.Element;
+declare function withArticle(props: ComponentProps<'main'>): _$react_jsx_runtime0.JSX.Element;
 declare function DocsPage({
   lastUpdate,
   editOnGithub,
   children,
   ...props
-}: DocsPageProps): react_jsx_runtime0.JSX.Element;
+}: DocsPageProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, Breadcrumb as PageBreadcrumb, PageLastUpdate, withArticle };

package/dist/provider/base.d.ts

@@ -2,7 +2,7 @@ import { SearchProviderProps } from "../contexts/search.js";
 import { DefaultSearchDialogProps } from "../components/dialog/search-default.js";
 import { I18nProviderProps } from "../contexts/i18n.js";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ThemeProvider } from "next-themes";
 
 //#region src/provider/base.d.ts
@@ -44,6 +44,6 @@ declare function RootProvider({
   theme,
   search,
   i18n
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/next.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/next.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/react-router.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/react-router.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/tanstack.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/tanstack.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/provider/waku.d.ts

@@ -1,7 +1,7 @@
 import { RootProvider as RootProvider$1 } from "./base.js";
 import { ComponentProps } from "react";
 import { Framework } from "fumadocs-core/framework";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/provider/waku.d.ts
 interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
@@ -16,6 +16,6 @@ interface RootProviderProps extends ComponentProps<typeof RootProvider$1> {
 declare function RootProvider({
   components,
   ...props
-}: RootProviderProps): react_jsx_runtime0.JSX.Element;
+}: RootProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { RootProvider, RootProviderProps };

package/dist/style.css

@@ -301,6 +301,9 @@
   .inset-s-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
+  .inset-s-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
   .start {
     inset-inline-start: var(--spacing);
   }
@@ -310,21 +313,18 @@
   .start-3 {
     inset-inline-start: calc(var(--spacing) * 3);
   }
-  .start-4 {
-    inset-inline-start: calc(var(--spacing) * 4);
-  }
   .start-6 {
     inset-inline-start: calc(var(--spacing) * 6);
   }
-  .end {
-    inset-inline-end: var(--spacing);
-  }
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
   .end-2 {
     inset-inline-end: calc(var(--spacing) * 2);
   }
+  .inset-e-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
@@ -358,6 +358,9 @@
   .top-\[calc\(--spacing\(4\)\+var\(--fd-docs-row-3\)\)\] {
     top: calc(calc(var(--spacing) * 4) + var(--fd-docs-row-3));
   }
+  .top-\[calc\(50\%-var\(--t\,0px\)\+var\(--b\,0px\)\)\] {
+    top: calc(50% - var(--t,0px) + var(--b,0px));
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -373,6 +376,9 @@
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
+  .-z-1 {
+    z-index: calc(1 * -1);
+  }
   .z-2 {
     z-index: 2;
   }
@@ -1148,6 +1154,11 @@
   .origin-\(--transform-origin\) {
     transform-origin: var(--transform-origin);
   }
+  .-translate-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-x-\(--fd-sidebar-width\) {
     --tw-translate-x: calc(var(--fd-sidebar-width) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1248,6 +1259,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .justify-start {
+    justify-content: flex-start;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing) * 0.5);
   }
@@ -1317,9 +1331,6 @@
   .overflow-x-clip {
     overflow-x: clip;
   }
-  .overflow-x-hidden {
-    overflow-x: hidden;
-  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1344,6 +1355,9 @@
   .rounded-md {
     border-radius: var(--radius-md);
   }
+  .rounded-none {
+    border-radius: 0;
+  }
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
@@ -1358,6 +1372,10 @@
     border-inline-style: var(--tw-border-style);
     border-inline-width: 1px;
   }
+  .border-y-0 {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 0px;
+  }
   .border-s {
     border-inline-start-style: var(--tw-border-style);
     border-inline-start-width: 1px;
@@ -1366,6 +1384,10 @@
     border-inline-end-style: var(--tw-border-style);
     border-inline-end-width: 1px;
   }
+  .border-e-0 {
+    border-inline-end-style: var(--tw-border-style);
+    border-inline-end-width: 0px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1494,6 +1516,12 @@
   .fill-\(--callout-color\) {
     fill: var(--callout-color);
   }
+  .fill-fd-primary {
+    fill: var(--color-fd-primary);
+  }
+  .fill-fd-primary-foreground {
+    fill: var(--color-fd-primary-foreground);
+  }
   .stroke-current\/25 {
     stroke: currentcolor;
     @supports (color: color-mix(in lab, red, red)) {
@@ -1560,6 +1588,9 @@
   .px-px {
     padding-inline: 1px;
   }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1614,6 +1645,9 @@
   .ps-8 {
     padding-inline-start: calc(var(--spacing) * 8);
   }
+  .pe-0 {
+    padding-inline-end: calc(var(--spacing) * 0);
+  }
   .pe-2 {
     padding-inline-end: calc(var(--spacing) * 2);
   }
@@ -1841,11 +1875,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[grid-template-columns\] {
-    transition-property: grid-template-columns;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[height\,opacity\] {
     transition-property: height,opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2028,6 +2057,11 @@
       border-radius: var(--radius-lg);
     }
   }
+  .\*\:rounded-md {
+    :is(& > *) {
+      border-radius: var(--radius-md);
+    }
+  }
   .\*\:border-b {
     :is(& > *) {
       border-bottom-style: var(--tw-border-style);
@@ -2039,6 +2073,16 @@
       margin-bottom: calc(var(--spacing) * 2);
     }
   }
+  .group-first\:\[--t\:--spacing\(0\.75\)\] {
+    &:is(:where(.group):first-child *) {
+      --t: calc(var(--spacing) * 0.75);
+    }
+  }
+  .group-last\:\[--b\:--spacing\(0\.75\)\] {
+    &:is(:where(.group):last-child *) {
+      --b: calc(var(--spacing) * 0.75);
+    }
+  }
   .group-data-active\:bg-fd-primary {
     &:is(:where(.group)[data-active] *) {
       background-color: var(--color-fd-primary);
@@ -2078,6 +2122,12 @@
       inset-block: calc(var(--spacing) * 1);
     }
   }
+  .before\:inset-s-2\.5 {
+    &::before {
+      content: var(--tw-content);
+      inset-inline-start: calc(var(--spacing) * 2.5);
+    }
+  }
   .before\:start-2\.5 {
     &::before {
       content: var(--tw-content);
@@ -2438,6 +2488,14 @@
       }
     }
   }
+  .data-\[active\=true\]\:before\:inset-s-2\.5 {
+    &[data-active="true"] {
+      &::before {
+        content: var(--tw-content);
+        inset-inline-start: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
   .data-\[active\=true\]\:before\:start-2\.5 {
     &[data-active="true"] {
       &::before {
@@ -2491,6 +2549,13 @@
       display: none;
     }
   }
+  .data-\[column-changed\=true\]\:transition-\[grid-template-columns\] {
+    &[data-column-changed="true"] {
+      transition-property: grid-template-columns;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+  }
   .\*\:data-\[empty\=true\]\:border-b-0 {
     :is(& > *) {
       &[data-empty="true"] {