opin-ui 0.0.1

package/dist/tailwind/typography.d.ts

@@ -0,0 +1,2 @@
+import typography_default from "@fumadocs/tailwind/typography";
+export { typography_default as default };

package/dist/tailwind/typography.js

@@ -0,0 +1,2 @@
+import typography_default from "@fumadocs/tailwind/typography";
+export { typography_default as default };

package/dist/utils/cn.js

@@ -0,0 +1,2 @@
+import { twMerge as cn } from "tailwind-merge";
+export { cn };

package/dist/utils/merge-refs.js

@@ -0,0 +1,11 @@
+//#region src/utils/merge-refs.ts
+function mergeRefs(...refs) {
+	return (value) => {
+		refs.forEach((ref) => {
+			if (typeof ref === "function") ref(value);
+			else if (ref) ref.current = value;
+		});
+	};
+}
+//#endregion
+export { mergeRefs };

package/dist/utils/urls.js

@@ -0,0 +1,15 @@
+//#region src/utils/urls.ts
+function normalize(urlOrPath) {
+	if (urlOrPath.length > 1 && urlOrPath.endsWith("/")) return urlOrPath.slice(0, -1);
+	return urlOrPath;
+}
+/**
+* @returns if `href` is matching the given pathname
+*/
+function isActive(href, pathname, nested = false) {
+	href = normalize(href);
+	pathname = normalize(pathname);
+	return href === pathname || nested && pathname.startsWith(`${href}/`);
+}
+//#endregion
+export { isActive, normalize };

package/dist/utils/use-copy-button.d.ts

@@ -0,0 +1,6 @@
+import { MouseEventHandler } from "react";
+
+//#region src/utils/use-copy-button.d.ts
+declare function useCopyButton(onCopy: () => void | Promise<void>): [checked: boolean, onClick: MouseEventHandler];
+//#endregion
+export { useCopyButton };

package/dist/utils/use-copy-button.js

@@ -0,0 +1,26 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/utils/use-copy-button.ts
+function useCopyButton(onCopy) {
+	const [checked, setChecked] = useState(false);
+	const callbackRef = useRef(onCopy);
+	const timeoutRef = useRef(null);
+	callbackRef.current = onCopy;
+	const onClick = useCallback(() => {
+		if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
+		Promise.resolve(callbackRef.current()).then(() => {
+			setChecked(true);
+			timeoutRef.current = window.setTimeout(() => {
+				setChecked(false);
+			}, 1500);
+		});
+	}, []);
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	return [checked, onClick];
+}
+//#endregion
+export { useCopyButton };

package/dist/utils/use-footer-items.d.ts

@@ -0,0 +1,9 @@
+import * as PageTree from "fumadocs-core/page-tree";
+
+//#region src/utils/use-footer-items.d.ts
+/**
+ * @returns a list of page tree items (linear), that you can obtain footer items
+ */
+declare function useFooterItems(): PageTree.Item[];
+//#endregion
+export { useFooterItems };

package/dist/utils/use-footer-items.js

@@ -0,0 +1,24 @@
+"use client";
+import { useTreeContext } from "../contexts/tree.js";
+//#region src/utils/use-footer-items.ts
+const footerCache = /* @__PURE__ */ new WeakMap();
+/**
+* @returns a list of page tree items (linear), that you can obtain footer items
+*/
+function useFooterItems() {
+	const { root } = useTreeContext();
+	const cached = footerCache.get(root);
+	if (cached) return cached;
+	const list = [];
+	function onNode(node) {
+		if (node.type === "folder") {
+			if (node.index) onNode(node.index);
+			for (const child of node.children) onNode(child);
+		} else if (node.type === "page" && !node.external) list.push(node);
+	}
+	for (const child of root.children) onNode(child);
+	footerCache.set(root, list);
+	return list;
+}
+//#endregion
+export { useFooterItems };

package/dist/utils/use-is-scroll-top.d.ts

@@ -0,0 +1,8 @@
+//#region src/utils/use-is-scroll-top.d.ts
+declare function useIsScrollTop({
+  enabled
+}: {
+  enabled?: boolean;
+}): boolean | undefined;
+//#endregion
+export { useIsScrollTop };

package/dist/utils/use-is-scroll-top.js

@@ -0,0 +1,20 @@
+"use client";
+import { useEffect, useState } from "react";
+//#region src/utils/use-is-scroll-top.ts
+function useIsScrollTop({ enabled = true }) {
+	const [isTop, setIsTop] = useState();
+	useEffect(() => {
+		if (!enabled) return;
+		const listener = () => {
+			setIsTop(window.scrollY < 10);
+		};
+		listener();
+		window.addEventListener("scroll", listener);
+		return () => {
+			window.removeEventListener("scroll", listener);
+		};
+	}, [enabled]);
+	return isTop;
+}
+//#endregion
+export { useIsScrollTop };

package/package.json

@@ -0,0 +1,200 @@
+{
+  "name": "opin-ui",
+  "version": "0.0.1",
+  "description": "The Radix UI version of Opin UI",
+  "keywords": [
+    "Docs",
+    "OpinUI"
+  ],
+  "homepage": "https://fumadocs.dev",
+  "license": "MIT",
+  "author": "Squareexp",
+  "repository": "github:squareexp/opinui",
+  "files": [
+    "css",
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    "./components/accordion": "./dist/components/accordion.js",
+    "./components/banner": "./dist/components/banner.js",
+    "./components/callout": "./dist/components/callout.js",
+    "./components/card": "./dist/components/card.js",
+    "./components/codeblock": "./dist/components/codeblock.js",
+    "./components/codeblock.rsc": "./dist/components/codeblock.rsc.js",
+    "./components/dialog/search": "./dist/components/dialog/search.js",
+    "./components/dialog/search-algolia": "./dist/components/dialog/search-algolia.js",
+    "./components/dialog/search-default": "./dist/components/dialog/search-default.js",
+    "./components/dialog/search-orama": "./dist/components/dialog/search-orama.js",
+    "./components/dynamic-codeblock": "./dist/components/dynamic-codeblock.js",
+    "./components/dynamic-codeblock.core": "./dist/components/dynamic-codeblock.core.js",
+    "./components/files": "./dist/components/files.js",
+    "./components/github-info": "./dist/components/github-info.js",
+    "./components/heading": "./dist/components/heading.js",
+    "./components/image-zoom": "./dist/components/image-zoom.js",
+    "./components/inline-toc": "./dist/components/inline-toc.js",
+    "./components/sidebar/base": "./dist/components/sidebar/base.js",
+    "./components/sidebar/link-item": "./dist/components/sidebar/link-item.js",
+    "./components/sidebar/page-tree": "./dist/components/sidebar/page-tree.js",
+    "./components/sidebar/tabs": "./dist/components/sidebar/tabs/index.js",
+    "./components/sidebar/tabs/dropdown": "./dist/components/sidebar/tabs/dropdown.js",
+    "./components/steps": "./dist/components/steps.js",
+    "./components/tabs": "./dist/components/tabs.js",
+    "./components/toc": "./dist/components/toc/index.js",
+    "./components/toc/clerk": "./dist/components/toc/clerk.js",
+    "./components/toc/default": "./dist/components/toc/default.js",
+    "./components/type-table": "./dist/components/type-table.js",
+    "./components/ui/accordion": "./dist/components/ui/accordion.js",
+    "./components/ui/button": "./dist/components/ui/button.js",
+    "./components/ui/collapsible": "./dist/components/ui/collapsible.js",
+    "./components/ui/navigation-menu": "./dist/components/ui/navigation-menu.js",
+    "./components/ui/popover": "./dist/components/ui/popover.js",
+    "./components/ui/scroll-area": "./dist/components/ui/scroll-area.js",
+    "./components/ui/tabs": "./dist/components/ui/tabs.js",
+    "./contexts/i18n": "./dist/contexts/i18n.js",
+    "./contexts/search": "./dist/contexts/search.js",
+    "./contexts/tree": "./dist/contexts/tree.js",
+    "./i18n": "./dist/i18n.js",
+    "./layouts/docs": "./dist/layouts/docs/index.js",
+    "./layouts/docs/page": "./dist/layouts/docs/page/index.js",
+    "./layouts/docs/page/slots/breadcrumb": "./dist/layouts/docs/page/slots/breadcrumb.js",
+    "./layouts/docs/page/slots/container": "./dist/layouts/docs/page/slots/container.js",
+    "./layouts/docs/page/slots/footer": "./dist/layouts/docs/page/slots/footer.js",
+    "./layouts/docs/page/slots/toc": "./dist/layouts/docs/page/slots/toc.js",
+    "./layouts/docs/slots/container": "./dist/layouts/docs/slots/container.js",
+    "./layouts/docs/slots/header": "./dist/layouts/docs/slots/header.js",
+    "./layouts/docs/slots/sidebar": "./dist/layouts/docs/slots/sidebar.js",
+    "./layouts/flux": "./dist/layouts/flux/index.js",
+    "./layouts/flux/page": "./dist/layouts/flux/page/index.js",
+    "./layouts/flux/page/slots/breadcrumb": "./dist/layouts/flux/page/slots/breadcrumb.js",
+    "./layouts/flux/page/slots/container": "./dist/layouts/flux/page/slots/container.js",
+    "./layouts/flux/page/slots/footer": "./dist/layouts/flux/page/slots/footer.js",
+    "./layouts/flux/page/slots/toc": "./dist/layouts/flux/page/slots/toc.js",
+    "./layouts/flux/slots/container": "./dist/layouts/flux/slots/container.js",
+    "./layouts/flux/slots/sidebar": "./dist/layouts/flux/slots/sidebar.js",
+    "./layouts/flux/slots/tab-dropdown": "./dist/layouts/flux/slots/tab-dropdown.js",
+    "./layouts/home": "./dist/layouts/home/index.js",
+    "./layouts/home/navbar": "./dist/layouts/home/navbar.js",
+    "./layouts/home/not-found": "./dist/layouts/home/not-found.js",
+    "./layouts/home/slots/container": "./dist/layouts/home/slots/container.js",
+    "./layouts/home/slots/header": "./dist/layouts/home/slots/header.js",
+    "./layouts/notebook": "./dist/layouts/notebook/index.js",
+    "./layouts/notebook/page": "./dist/layouts/notebook/page/index.js",
+    "./layouts/notebook/page/slots/breadcrumb": "./dist/layouts/notebook/page/slots/breadcrumb.js",
+    "./layouts/notebook/page/slots/container": "./dist/layouts/notebook/page/slots/container.js",
+    "./layouts/notebook/page/slots/footer": "./dist/layouts/notebook/page/slots/footer.js",
+    "./layouts/notebook/page/slots/toc": "./dist/layouts/notebook/page/slots/toc.js",
+    "./layouts/notebook/slots/container": "./dist/layouts/notebook/slots/container.js",
+    "./layouts/notebook/slots/header": "./dist/layouts/notebook/slots/header.js",
+    "./layouts/notebook/slots/sidebar": "./dist/layouts/notebook/slots/sidebar.js",
+    "./layouts/shared": "./dist/layouts/shared/index.js",
+    "./layouts/shared/slots/language-select": "./dist/layouts/shared/slots/language-select.js",
+    "./layouts/shared/slots/search-trigger": "./dist/layouts/shared/slots/search-trigger.js",
+    "./layouts/shared/slots/theme-switch": "./dist/layouts/shared/slots/theme-switch.js",
+    "./legacy/layout": "./dist/legacy/layout.js",
+    "./legacy/sidebar": "./dist/legacy/sidebar.js",
+    "./mdx": {
+      "types": "./dist/mdx.d.ts",
+      "node": "./dist/mdx.server.js",
+      "import": "./dist/mdx.js"
+    },
+    "./og": "./dist/og.js",
+    "./og/takumi": "./dist/og/takumi.js",
+    "./page": "./dist/page.js",
+    "./provider/base": "./dist/provider/base.js",
+    "./provider/next": "./dist/provider/next.js",
+    "./provider/react-router": "./dist/provider/react-router.js",
+    "./provider/tanstack": "./dist/provider/tanstack.js",
+    "./provider/waku": "./dist/provider/waku.js",
+    "./utils/use-copy-button": "./dist/utils/use-copy-button.js",
+    "./utils/use-footer-items": "./dist/utils/use-footer-items.js",
+    "./utils/use-is-scroll-top": "./dist/utils/use-is-scroll-top.js",
+    "./package.json": "./package.json",
+    "./components/image-zoom2.css": "./dist/components/image-zoom2.css",
+    "./style.css": "./dist/style.css",
+    "./css/*": "./css/*",
+    "./utils/get-sidebar-tabs": "./dist/components/sidebar/tabs/index.js",
+    "./components/tabs.unstyled": "./dist/components/ui/tabs.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "bun run build:layout && bun run build:tailwind",
+    "build:layout": "tsdown",
+    "build:tailwind": "tailwindcss -i css/style.css -o ./dist/style.css",
+    "clean": "rimraf dist",
+    "dev": "concurrently \"tsdown --watch --clean false\" \"tailwindcss -i css/style.css -o ./dist/style.css -w\"",
+    "lint": "oxlint .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@fuma-translate/react": "^1.0.2",
+    "@fumadocs/tailwind": "latest",
+    "@radix-ui/react-accordion": "^1.2.13",
+    "@radix-ui/react-collapsible": "^1.1.13",
+    "@radix-ui/react-dialog": "^1.1.16",
+    "@radix-ui/react-direction": "^1.1.2",
+    "@radix-ui/react-navigation-menu": "^1.2.15",
+    "@radix-ui/react-popover": "^1.1.16",
+    "@radix-ui/react-presence": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.11",
+    "@radix-ui/react-slot": "^1.2.5",
+    "@radix-ui/react-tabs": "^1.1.14",
+    "class-variance-authority": "^0.7.1",
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
+    "next-themes": "^0.4.6",
+    "react-remove-scroll": "^2.7.2",
+    "rehype-raw": "^7.0.0",
+    "scroll-into-view-if-needed": "^3.1.0",
+    "shiki": "^4.2.0",
+    "tailwind-merge": "^3.6.0",
+    "unist-util-visit": "^5.1.0"
+  },
+  "devDependencies": {
+    "@fumadocs/cli": "latest",
+    "@tailwindcss/cli": "^4.3.0",
+    "@tailwindcss/oxide": "^4.3.0",
+    "@tsdown/css": "^0.22.2",
+    "@types/hast": "^3.0.4",
+    "@types/mdx": "^2.0.14",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "fuma-cli": "^0.1.1",
+    "fuma-translate": "latest",
+    "fumadocs-core": "16.10.7",
+    "react-medium-image-zoom": "^5.4.7",
+    "tailwindcss": "^4.3.0",
+    "tsconfig": "workspace:*",
+    "tsdown": "0.22.2",
+    "unified": "^11.0.5"
+  },
+  "peerDependencies": {
+    "@takumi-rs/image-response": "*",
+    "@types/mdx": "*",
+    "@types/react": "*",
+    "fumadocs-core": "16.10.7",
+    "next": "16.x.x",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "@takumi-rs/image-response": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "@types/mdx": {
+      "optional": true
+    }
+  },
+  "inlinedDependencies": {
+    "react-medium-image-zoom": "5.4.8"
+  }
+}