@k8ordo/ui 1.0.0 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8ordo/ui",
-  "version": "1.0.0",
+  "version": "2.1.0",
   "description": "k8o's React UI library with built-in generative UI adapters (json-render & OpenUI) for LLM-driven, on-brand interfaces",
   "keywords": [
     "ai",
@@ -26,7 +26,6 @@
     "url": "git+https://github.com/k35o/k8ordo.git"
   },
   "files": [
-    "CHANGELOG.md",
     "dist/**",
     "docs/**"
   ],
@@ -68,6 +67,10 @@
       "types": "./dist/components/ai/response/index.d.mts",
       "default": "./dist/components/ai/response/index.mjs"
     },
+    "./code-block": {
+      "types": "./dist/components/data-display/code-block/index.d.mts",
+      "default": "./dist/components/data-display/code-block/index.mjs"
+    },
     "./ai-sdk": {
       "types": "./dist/integrations/ai-sdk/index.d.mts",
       "default": "./dist/integrations/ai-sdk/index.mjs"
@@ -83,81 +86,66 @@
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
-  "scripts": {
-    "build": "vp pack && pnpm build:css",
-    "build:css": "node scripts/build-css.ts",
-    "generate:tokens": "tailwind-token-extractor src/styles/index.css -o src/styles/tokens.generated.ts",
-    "check:tokens": "tailwind-token-extractor check src/styles/index.css -o src/styles/tokens.generated.ts",
-    "generate:props": "node scripts/extract-props.ts && node scripts/generate-components-md.ts",
-    "check:props": "node scripts/extract-props.ts --check && node scripts/generate-components-md.ts --check",
-    "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css ./tailwind.css",
-    "storybook": "storybook dev -p 6006 --no-open",
-    "build-storybook": "storybook build",
-    "test:vrt": "VRT=1 vitest run --project=components",
-    "test": "vitest run",
-    "test:ui": "vitest --ui --coverage",
-    "test:coverage": "vitest run --coverage",
-    "typecheck": "tsc --noEmit",
-    "check": "vp check",
-    "check:write": "vp check --fix"
-  },
   "dependencies": {
     "clsx": "2.1.1",
-    "lucide-react": "1.31.0",
-    "tailwind-merge": "3.6.0"
+    "lucide-react": "1.52.0",
+    "server-only": "0.0.1",
+    "shiki": "4.5.0"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.5",
-    "@chromatic-com/storybook": "5.3.0",
-    "@json-render/core": "0.19.0",
-    "@json-render/react": "0.19.0",
-    "@openuidev/lang-core": "0.2.12",
-    "@openuidev/react-lang": "0.2.11",
-    "@storybook/addon-a11y": "10.5.8",
-    "@storybook/addon-docs": "10.5.8",
-    "@storybook/addon-mcp": "0.7.0",
-    "@storybook/addon-vitest": "10.5.8",
-    "@storybook/react-vite": "10.5.8",
-    "@tailwindcss/postcss": "catalog:",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
-    "@vitejs/plugin-react": "catalog:",
-    "@vitest/browser-playwright": "4.1.10",
-    "@vitest/coverage-v8": "4.1.10",
-    "@vitest/ui": "4.1.10",
-    "ai": "7.0.65",
-    "postcss": "catalog:",
-    "publint": "0.3.23",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "storybook": "10.5.8",
-    "storybook-addon-determinism": "0.1.2",
-    "storybook-addon-mock-date": "3.1.1",
+    "@better-css-modules/cli": "0.4.0",
+    "@better-css-modules/core": "0.4.0",
+    "@better-css-modules/vite": "0.4.0",
+    "@chromatic-com/storybook": "5.4.0",
+    "@json-render/core": "0.21.0",
+    "@json-render/react": "0.21.0",
+    "@k8ordo/form": "^1.0.0",
+    "@k8ordo/i18n": "^1.0.0",
+    "@openuidev/lang-core": "0.3.1",
+    "@openuidev/react-lang": "0.3.1",
+    "@storybook/addon-a11y": "10.6.1",
+    "@storybook/addon-docs": "10.6.1",
+    "@storybook/addon-mcp": "10.6.1",
+    "@storybook/addon-vitest": "10.6.1",
+    "@storybook/react-vite": "10.6.1",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vitejs/plugin-react": "6.1.2",
+    "@vitest/browser-playwright": "5.0.3",
+    "@vitest/coverage-v8": "5.0.3",
+    "@vitest/ui": "5.0.3",
+    "ai": "7.0.130",
+    "postcss": "8.5.29",
+    "publint": "0.3.25",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "storybook": "10.6.1",
+    "storybook-addon-determinism": "0.2.1",
+    "storybook-addon-mock-date": "3.2.1",
     "storybook-addon-vrt": "0.4.0",
-    "streamdown": "2.5.0",
-    "tailwind-token-extractor": "0.2.1",
-    "tailwindcss": "catalog:",
+    "streamdown": "2.7.0",
     "typescript": "7.0.2",
-    "vite": "catalog:",
-    "vite-plus": "catalog:",
-    "vitest": "catalog:",
-    "vitest-browser-react": "2.2.0",
-    "zod": "4.4.3"
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.1.0",
+    "vite-plus": "1.1.0",
+    "vitest": "5.0.3",
+    "vitest-browser-react": "2.3.0",
+    "zod": "4.6.5"
   },
   "peerDependencies": {
-    "@json-render/core": ">=0.19.0",
-    "@json-render/react": ">=0.19.0",
-    "@openuidev/lang-core": ">=0.2.10",
-    "@openuidev/react-lang": ">=0.2.9",
-    "@types/react": ">=19.2.18",
-    "@types/react-dom": ">=19.2.4",
+    "@json-render/core": ">=0.21.0 <0.22.0",
+    "@json-render/react": ">=0.21.0 <0.22.0",
+    "@k8ordo/i18n": "^1.0.0",
+    "@openuidev/lang-core": ">=0.3.0 <0.4.0",
+    "@openuidev/react-lang": ">=0.3.0 <0.4.0",
+    "@types/react": ">=19.3.0",
+    "@types/react-dom": ">=19.3.0",
     "ai": ">=7.0.51",
-    "react": ">=19.2.6",
-    "react-dom": ">=19.2.6",
+    "react": ">=19.3.0",
+    "react-dom": ">=19.3.0",
     "streamdown": ">=2.5.0",
-    "tailwindcss": ">=4.3.3",
-    "typescript": ">=7.0.2",
-    "zod": ">=4.4.3"
+    "typescript": ">=7.0.0",
+    "zod": "^4.4.3"
   },
   "peerDependenciesMeta": {
     "@json-render/core": {
@@ -184,14 +172,27 @@
     "streamdown": {
       "optional": true
     },
-    "tailwindcss": {
-      "optional": true
-    },
     "typescript": {
       "optional": true
     },
     "zod": {
       "optional": true
     }
+  },
+  "scripts": {
+    "build": "vp pack && node scripts/build-tokens.ts",
+    "generate:props": "node scripts/extract-props.ts && node scripts/generate-component-docs.ts",
+    "check:props": "node scripts/extract-props.ts --check && node scripts/generate-component-docs.ts --check",
+    "check:dist": "node scripts/check-dist-tests.ts",
+    "check:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css ./tailwind.css && pnpm check:dist",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "test:vrt": "VRT=1 TEST_BROWSER=chromium vitest run --project=components",
+    "test": "vitest run",
+    "test:ui": "TEST_BROWSER=chromium vitest --ui --coverage",
+    "test:coverage": "TEST_BROWSER=chromium vitest run --coverage",
+    "typecheck": "better-css-modules generate && tsc --noEmit",
+    "check": "better-css-modules generate && vp check && better-css-modules check",
+    "check:write": "better-css-modules generate && vp check --fix"
   }
-}
+}

package/dist/components/_internal/focus-ring.d.mts

@@ -1,8 +0,0 @@
-//#region src/components/_internal/focus-ring.d.ts
-declare const FOCUS_RING = "focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info";
-declare const FOCUS_RING_NO_BORDER = "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info";
-declare const FOCUS_RING_WITHIN = "focus-within:border-transparent focus-within:outline-hidden focus-within:ring-2 focus-within:ring-border-info";
-declare const FOCUS_RING_PEER = "peer-focus-visible:border-transparent peer-focus-visible:outline-hidden peer-focus-visible:ring-2 peer-focus-visible:ring-border-info";
-declare const FOCUS_RING_PEER_NO_BORDER = "peer-focus-visible:outline-hidden peer-focus-visible:ring-2 peer-focus-visible:ring-border-info";
-//#endregion
-export { FOCUS_RING, FOCUS_RING_NO_BORDER, FOCUS_RING_PEER, FOCUS_RING_PEER_NO_BORDER, FOCUS_RING_WITHIN };

package/dist/components/_internal/focus-ring.mjs

@@ -1,8 +0,0 @@
-//#region src/components/_internal/focus-ring.ts
-const FOCUS_RING = "focus-visible:border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info";
-const FOCUS_RING_NO_BORDER = "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info";
-const FOCUS_RING_WITHIN = "focus-within:border-transparent focus-within:outline-hidden focus-within:ring-2 focus-within:ring-border-info";
-const FOCUS_RING_PEER = "peer-focus-visible:border-transparent peer-focus-visible:outline-hidden peer-focus-visible:ring-2 peer-focus-visible:ring-border-info";
-const FOCUS_RING_PEER_NO_BORDER = "peer-focus-visible:outline-hidden peer-focus-visible:ring-2 peer-focus-visible:ring-border-info";
-//#endregion
-export { FOCUS_RING, FOCUS_RING_NO_BORDER, FOCUS_RING_PEER, FOCUS_RING_PEER_NO_BORDER, FOCUS_RING_WITHIN };

package/dist/components/layout/scroll-linked/index.d.mts

@@ -1,2 +0,0 @@
-import { ScrollLinked } from "./scroll-linked.mjs";
-export { ScrollLinked };

package/dist/components/layout/scroll-linked/index.mjs

@@ -1,2 +0,0 @@
-import { ScrollLinked } from "./scroll-linked.mjs";
-export { ScrollLinked };

package/dist/components/layout/scroll-linked/scroll-linked.d.mts

@@ -1,14 +0,0 @@
-import { FC, RefObject } from "react";
-//#region src/components/layout/scroll-linked/scroll-linked.d.ts
-/**
- * ページ（または container）のスクロール進捗バー。
- * CSS scroll-driven animations（animation-timeline: scroll()）で描画し、
- * 未対応ブラウザ（Firefox）と container 指定時は同じ見た目を
- * scroll リスナー + ResizeObserver で再現する（named timeline +
- * timeline-scope を任意の外部要素へ配線するより単純で確実なため）。
- */
-declare const ScrollLinked: FC<{
-  container?: RefObject<HTMLElement | null>;
-}>;
-//#endregion
-export { ScrollLinked };

package/dist/components/layout/scroll-linked/scroll-linked.mjs

@@ -1,59 +0,0 @@
-"use client";
-import { cn } from "../../../helpers/cn.mjs";
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/layout/scroll-linked/scroll-linked.tsx
-/**
-* ページ（または container）のスクロール進捗バー。
-* CSS scroll-driven animations（animation-timeline: scroll()）で描画し、
-* 未対応ブラウザ（Firefox）と container 指定時は同じ見た目を
-* scroll リスナー + ResizeObserver で再現する（named timeline +
-* timeline-scope を任意の外部要素へ配線するより単純で確実なため）。
-*/
-const ScrollLinked = ({ container }) => {
-	const barRef = useRef(null);
-	useEffect(() => {
-		const bar = barRef.current;
-		if (!bar) return;
-		if (container === void 0 && CSS.supports("animation-timeline", "scroll()")) return;
-		let cleanup;
-		let retryId;
-		const attach = () => {
-			if (container?.current === null) {
-				retryId = window.setTimeout(attach, 50);
-				return;
-			}
-			const target = container?.current ?? null;
-			const scroller = target ?? window;
-			const update = () => {
-				const scrollTop = target ? target.scrollTop : window.scrollY;
-				const scrollable = target ? target.scrollHeight - target.clientHeight : document.documentElement.scrollHeight - window.innerHeight;
-				const progress = scrollable > 0 ? scrollTop / scrollable : 0;
-				bar.style.scale = `${Math.min(1, Math.max(0, progress)).toString()} 1`;
-			};
-			update();
-			scroller.addEventListener("scroll", update, { passive: true });
-			const observer = new ResizeObserver(update);
-			observer.observe(target ?? document.documentElement);
-			if (target) for (const child of target.children) observer.observe(child);
-			window.addEventListener("resize", update);
-			cleanup = () => {
-				scroller.removeEventListener("scroll", update);
-				observer.disconnect();
-				window.removeEventListener("resize", update);
-			};
-		};
-		attach();
-		return () => {
-			if (retryId !== void 0) window.clearTimeout(retryId);
-			cleanup?.();
-		};
-	}, [container]);
-	return /* @__PURE__ */ jsx("div", {
-		"aria-hidden": "true",
-		className: cn("bg-primary-bg fixed top-0 h-2 origin-left scale-[0_1] inset-x-0", container === void 0 && "ao-scroll-progress"),
-		ref: barRef
-	});
-};
-//#endregion
-export { ScrollLinked };

package/dist/helpers/cn.d.mts

@@ -1,5 +0,0 @@
-import { ClassValue } from "clsx";
-//#region src/helpers/cn.d.ts
-declare const cn: (...inputs: ClassValue[]) => string;
-//#endregion
-export { cn };

package/dist/helpers/cn.mjs

@@ -1,27 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-//#region src/helpers/cn.ts
-const cn = (...inputs) => twMerge(clsx(inputs));
-if (import.meta.vitest) describe("cn", () => {
-	it("複数のクラス名を空白区切りで結合する", () => {
-		expect(cn("flex", "items-center")).toBe("flex items-center");
-	});
-	it("falsyな値と条件付きクラスを除外する", () => {
-		expect(cn("flex", void 0, null, false, {
-			hidden: false,
-			grow: true
-		})).toBe("flex grow");
-	});
-	it("ネストした配列を展開する", () => {
-		expect(cn(["flex", ["items-center"]])).toBe("flex items-center");
-	});
-	it("競合するTailwindクラスは後勝ちで解決する", () => {
-		expect(cn("p-2", "p-4")).toBe("p-4");
-		expect(cn("text-sm", "text-lg")).toBe("text-lg");
-	});
-	it("競合しないクラスはどちらも残す", () => {
-		expect(cn("px-2", "py-4")).toBe("px-2 py-4");
-	});
-});
-//#endregion
-export { cn };

package/dist/hooks/breakpoint/index.d.mts

@@ -1,5 +0,0 @@
-//#region src/hooks/breakpoint/index.d.ts
-type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-declare const useBreakpoint: (breakpoint: Breakpoint) => boolean;
-//#endregion
-export { useBreakpoint };

package/dist/hooks/breakpoint/index.mjs

@@ -1,24 +0,0 @@
-"use client";
-import { useCallback, useSyncExternalStore } from "react";
-//#region src/hooks/breakpoint/index.ts
-const BREAKPOINTS = {
-	sm: "40rem",
-	md: "48rem",
-	lg: "64rem",
-	xl: "80rem",
-	"2xl": "96rem"
-};
-const useBreakpoint = (breakpoint) => {
-	const query = `(min-width: ${BREAKPOINTS[breakpoint]})`;
-	const subscribe = useCallback((cb) => {
-		const mediaQueryList = window.matchMedia(query);
-		mediaQueryList.addEventListener("change", cb);
-		return () => {
-			mediaQueryList.removeEventListener("change", cb);
-		};
-	}, [query]);
-	const getSnapshot = () => window.matchMedia(query).matches;
-	return useSyncExternalStore(subscribe, getSnapshot, () => false);
-};
-//#endregion
-export { useBreakpoint };

package/dist/hooks/client/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/client/index.d.ts
-declare const useClient: () => boolean;
-//#endregion
-export { useClient };

package/dist/hooks/client/index.mjs

@@ -1,6 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-//#region src/hooks/client/index.ts
-const useClient = () => useSyncExternalStore(() => () => {}, () => true, () => false);
-//#endregion
-export { useClient };

package/dist/hooks/clipboard/index.d.mts

@@ -1,7 +0,0 @@
-//#region src/hooks/clipboard/index.d.ts
-declare const useClipboard: () => {
-  writeClipboard: (text: string) => Promise<void>;
-  readClipboard: () => Promise<string>;
-};
-//#endregion
-export { useClipboard };

package/dist/hooks/clipboard/index.mjs

@@ -1,15 +0,0 @@
-"use client";
-import { useCallback } from "react";
-//#region src/hooks/clipboard/index.ts
-const useClipboard = () => {
-	return {
-		writeClipboard: useCallback(async (text) => {
-			await navigator.clipboard.writeText(text);
-		}, []),
-		readClipboard: useCallback(async () => {
-			return await navigator.clipboard.readText();
-		}, [])
-	};
-};
-//#endregion
-export { useClipboard };

package/dist/hooks/debounced-transition/index.d.mts

@@ -1,5 +0,0 @@
-//#region src/hooks/debounced-transition/index.d.ts
-type DebouncedAction = (signal: AbortSignal) => void | Promise<void>;
-declare const useDebouncedTransition: (delay: number) => readonly [boolean, (action: DebouncedAction) => void];
-//#endregion
-export { DebouncedAction, useDebouncedTransition };

package/dist/hooks/debounced-transition/index.mjs

@@ -1,49 +0,0 @@
-"use client";
-import { useCallback, useEffect, useRef, useTransition } from "react";
-//#region src/hooks/debounced-transition/index.ts
-const useDebouncedTransition = (delay) => {
-	const [isPending, startTransition] = useTransition();
-	const abortRef = useRef(null);
-	useEffect(() => () => {
-		abortRef.current?.abort();
-	}, []);
-	return [isPending, useCallback((action) => {
-		abortRef.current?.abort();
-		const controller = new AbortController();
-		abortRef.current = controller;
-		const { signal } = controller;
-		startTransition(async () => {
-			try {
-				await delayWithSignal(delay, signal);
-			} catch {
-				return;
-			}
-			if (signal.aborted) return;
-			try {
-				await action(signal);
-			} catch (error) {
-				if (isAbortError(error)) return;
-				throw error;
-			}
-		});
-	}, [delay])];
-};
-const toAbortError = (reason) => reason instanceof Error ? reason : new DOMException("aborted", "AbortError");
-const delayWithSignal = (ms, signal) => new Promise((resolve, reject) => {
-	if (signal.aborted) {
-		reject(toAbortError(signal.reason));
-		return;
-	}
-	const timer = setTimeout(resolve, ms);
-	signal.addEventListener("abort", () => {
-		clearTimeout(timer);
-		reject(toAbortError(signal.reason));
-	}, { once: true });
-});
-const isAbortError = (error) => {
-	if (error instanceof DOMException && error.name === "AbortError") return true;
-	if (error instanceof Error && error.name === "AbortError") return true;
-	return false;
-};
-//#endregion
-export { useDebouncedTransition };

package/dist/hooks/deferred-debounce/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/deferred-debounce/index.d.ts
-declare const useDeferredDebounce: <T>(value: T, initialValue?: T) => readonly [T, boolean];
-//#endregion
-export { useDeferredDebounce };

package/dist/hooks/deferred-debounce/index.mjs

@@ -1,9 +0,0 @@
-"use client";
-import { useDeferredValue } from "react";
-//#region src/hooks/deferred-debounce/index.ts
-const useDeferredDebounce = (value, initialValue) => {
-	const deferredValue = useDeferredValue(value, initialValue);
-	return [deferredValue, !Object.is(deferredValue, value)];
-};
-//#endregion
-export { useDeferredDebounce };

package/dist/hooks/disclosure/index.d.mts

@@ -1,10 +0,0 @@
-//#region src/hooks/disclosure/index.d.ts
-type UseDisclosureReturn = {
-  isOpen: boolean;
-  open: () => void;
-  close: () => void;
-  toggle: () => void;
-};
-declare const useDisclosure: (defaultOpen?: boolean) => UseDisclosureReturn;
-//#endregion
-export { useDisclosure };

package/dist/hooks/disclosure/index.mjs

@@ -1,20 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-//#region src/hooks/disclosure/index.ts
-const useDisclosure = (defaultOpen = false) => {
-	const [isOpen, setIsOpen] = useState(defaultOpen);
-	return {
-		isOpen,
-		open: useCallback(() => {
-			setIsOpen(true);
-		}, []),
-		close: useCallback(() => {
-			setIsOpen(false);
-		}, []),
-		toggle: useCallback(() => {
-			setIsOpen((prev) => !prev);
-		}, [])
-	};
-};
-//#endregion
-export { useDisclosure };

package/dist/hooks/hash/index.d.mts

@@ -1,4 +0,0 @@
-//#region src/hooks/hash/index.d.ts
-declare const useHash: () => string | null;
-//#endregion
-export { useHash };

package/dist/hooks/hash/index.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-//#region src/hooks/hash/index.ts
-const getHash = () => typeof window === "undefined" ? null : decodeURIComponent(window.location.hash.replace("#", ""));
-const subscribe = (callback) => {
-	const originalPushState = window.history.pushState.bind(window.history);
-	const originalReplaceState = window.history.replaceState.bind(window.history);
-	window.history.pushState = (...args) => {
-		originalPushState(...args);
-		setTimeout(callback);
-	};
-	window.history.replaceState = (...args) => {
-		originalReplaceState(...args);
-		setTimeout(callback);
-	};
-	window.addEventListener("hashchange", callback);
-	return () => {
-		window.removeEventListener("hashchange", callback);
-	};
-};
-const useHash = () => {
-	return useSyncExternalStore(subscribe, () => getHash(), () => null);
-};
-//#endregion
-export { useHash };

package/dist/hooks/hover/index.d.mts

@@ -1,12 +0,0 @@
-//#region src/hooks/hover/index.d.ts
-type HoverProps = {
-  onPointerEnter: () => void;
-  onPointerLeave: () => void;
-};
-type UseHoverReturn = {
-  isHovered: boolean;
-  hoverProps: HoverProps;
-};
-declare const useHover: () => UseHoverReturn;
-//#endregion
-export { useHover };

package/dist/hooks/hover/index.mjs

@@ -1,19 +0,0 @@
-"use client";
-import { useCallback, useState } from "react";
-//#region src/hooks/hover/index.ts
-const useHover = () => {
-	const [isHovered, setIsHovered] = useState(false);
-	return {
-		isHovered,
-		hoverProps: {
-			onPointerEnter: useCallback(() => {
-				setIsHovered(true);
-			}, []),
-			onPointerLeave: useCallback(() => {
-				setIsHovered(false);
-			}, [])
-		}
-	};
-};
-//#endregion
-export { useHover };

package/dist/hooks/intersection-observer/index.d.mts

@@ -1,3 +0,0 @@
-import { useIntersectionObserver } from "./use-intersection-observer.mjs";
-import { useInView } from "./use-in-view.mjs";
-export { useInView, useIntersectionObserver };

package/dist/hooks/intersection-observer/index.mjs

@@ -1,3 +0,0 @@
-import { useIntersectionObserver } from "./use-intersection-observer.mjs";
-import { useInView } from "./use-in-view.mjs";
-export { useInView, useIntersectionObserver };

package/dist/hooks/intersection-observer/use-in-view.d.mts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/intersection-observer/use-in-view.d.ts
-type UseInViewOptions = {
-  threshold?: number | number[];
-  root?: Element | null;
-  rootMargin?: string;
-  once?: boolean;
-};
-declare const useInView: <T extends Element = HTMLElement>(ref: RefObject<T | null>, options?: UseInViewOptions) => boolean;
-//#endregion
-export { useInView };

package/dist/hooks/intersection-observer/use-in-view.mjs

@@ -1,18 +0,0 @@
-"use client";
-import { useIntersectionObserver } from "./use-intersection-observer.mjs";
-import { useCallback, useState } from "react";
-//#region src/hooks/intersection-observer/use-in-view.ts
-const useInView = (ref, options = {}) => {
-	const { once = false, ...observerOptions } = options;
-	const [isInView, setIsInView] = useState(false);
-	const handleEntry = useCallback((entry) => {
-		setIsInView(entry.isIntersecting);
-	}, []);
-	useIntersectionObserver(ref, handleEntry, {
-		...observerOptions,
-		once
-	});
-	return isInView;
-};
-//#endregion
-export { useInView };

package/dist/hooks/intersection-observer/use-intersection-observer.d.mts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-//#region src/hooks/intersection-observer/use-intersection-observer.d.ts
-type UseIntersectionObserverOptions = {
-  threshold?: number | number[];
-  root?: Element | null;
-  rootMargin?: string;
-  once?: boolean;
-};
-declare const useIntersectionObserver: <T extends Element = HTMLElement>(ref: RefObject<T | null>, callback: (entry: IntersectionObserverEntry) => void, options?: UseIntersectionObserverOptions) => void;
-//#endregion
-export { useIntersectionObserver };