@k8ordo/ui 1.0.0

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

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

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,59 @@
+"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/components/layout/separator/index.d.mts

@@ -0,0 +1,2 @@
+import { Separator } from "./separator.mjs";
+export { Separator };

package/dist/components/layout/separator/index.mjs

@@ -0,0 +1,2 @@
+import { Separator } from "./separator.mjs";
+export { Separator };

package/dist/components/layout/separator/separator.d.mts

@@ -0,0 +1,9 @@
+import { FC, HTMLAttributes } from "react";
+//#region src/components/layout/separator/separator.d.ts
+type Props = {
+  orientation?: 'horizontal' | 'vertical';
+  color?: 'base' | 'mute' | 'subtle';
+} & Omit<HTMLAttributes<HTMLSpanElement>, 'children' | 'role' | 'aria-orientation' | 'className' | 'style'>;
+declare const Separator: FC<Props>;
+//#endregion
+export { Separator };

package/dist/components/layout/separator/separator.mjs

@@ -0,0 +1,14 @@
+import { cn } from "../../../helpers/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout/separator/separator.tsx
+const Separator = ({ orientation = "horizontal", color = "base", ...rest }) => {
+	const isVertical = orientation === "vertical";
+	return /* @__PURE__ */ jsx("span", {
+		...rest,
+		"aria-orientation": orientation,
+		className: cn("block", isVertical ? "block-full inline-px" : "block-px inline-full", color === "base" && "bg-border-base", color === "mute" && "bg-border-mute", color === "subtle" && "bg-border-subtle"),
+		role: "separator"
+	});
+};
+//#endregion
+export { Separator };

package/dist/components/layout/stack/index.d.mts

@@ -0,0 +1,2 @@
+import { Stack, StackProps } from "./stack.mjs";
+export { Stack, type StackProps };

package/dist/components/layout/stack/index.mjs

@@ -0,0 +1,2 @@
+import { Stack } from "./stack.mjs";
+export { Stack };

package/dist/components/layout/stack/stack.d.mts

@@ -0,0 +1,15 @@
+import { GapSize } from "../_shared/gap.mjs";
+import { PaddingSize } from "../_shared/padding.mjs";
+import { FC, HTMLAttributes, PropsWithChildren } from "react";
+//#region src/components/layout/stack/stack.d.ts
+type StackProps = PropsWithChildren<{
+  direction?: 'row' | 'column';
+  gap?: GapSize;
+  /** Inner padding on all sides. Stack has no padding by default. */
+  padding?: PaddingSize;
+  align?: 'start' | 'center' | 'end' | 'stretch';
+  justify?: 'start' | 'center' | 'end' | 'between';
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>>;
+declare const Stack: FC<StackProps>;
+//#endregion
+export { Stack, StackProps };

package/dist/components/layout/stack/stack.mjs

@@ -0,0 +1,24 @@
+import { cn } from "../../../helpers/cn.mjs";
+import { GAP_CLASS } from "../_shared/gap.mjs";
+import { PADDING_CLASS } from "../_shared/padding.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout/stack/stack.tsx
+const ALIGN_CLASS = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch"
+};
+const JUSTIFY_CLASS = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between"
+};
+const Stack = ({ direction = "column", gap = "md", padding, align, justify, children, ...rest }) => /* @__PURE__ */ jsx("div", {
+	...rest,
+	className: cn("flex", direction === "row" ? "flex-row" : "flex-col", GAP_CLASS[gap], padding && PADDING_CLASS[padding], align && ALIGN_CLASS[align], justify && JUSTIFY_CLASS[justify]),
+	children
+});
+//#endregion
+export { Stack };

package/dist/components/navigation/anchor/anchor.d.mts

@@ -0,0 +1,20 @@
+import { AnchorHTMLAttributes, ReactNode } from "react";
+//#region src/components/navigation/anchor/anchor.d.ts
+type RestProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'children' | 'target' | 'rel' | 'className' | 'style'>;
+type RenderAnchorProps<T extends string> = {
+  kind: 'internal' | 'external';
+  href: NoInfer<T>;
+  className: string;
+  target?: string;
+  rel?: string;
+  children: ReactNode;
+} & RestProps;
+type Props<T extends string> = {
+  href: T;
+  children: ReactNode;
+  openInNewTab?: boolean;
+  renderAnchor?: (props: RenderAnchorProps<T>) => ReactNode;
+} & RestProps;
+declare const Anchor: <T extends string>({ href, children, openInNewTab, renderAnchor, ...rest }: Props<T>) => ReactNode;
+//#endregion
+export { Anchor };

package/dist/components/navigation/anchor/anchor.mjs

@@ -0,0 +1,28 @@
+import { ExternalLinkIcon } from "../../icons/lucide.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/navigation/anchor/anchor.tsx
+const defaultRenderAnchor = ({ children: anchorChildren, ...rest }) => /* @__PURE__ */ jsx("a", {
+	...rest,
+	children: anchorChildren
+});
+const Anchor = ({ href, children, openInNewTab = false, renderAnchor = defaultRenderAnchor, ...rest }) => {
+	const kind = !href.startsWith("http") && !openInNewTab ? "internal" : "external";
+	const baseClassName = "text-fg-info underline transition-colors hover:text-fg-info/80 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-border-info focus-visible:rounded-sm";
+	const props = kind === "internal" ? {
+		className: baseClassName,
+		children
+	} : {
+		className: `${baseClassName} inline-flex items-center gap-0.5`,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [children, /* @__PURE__ */ jsx(ExternalLinkIcon, { size: "sm" })] })
+	};
+	return renderAnchor({
+		...rest,
+		kind,
+		href,
+		...props
+	});
+};
+//#endregion
+export { Anchor };

package/dist/components/navigation/anchor/index.d.mts

@@ -0,0 +1,2 @@
+import { Anchor } from "./anchor.mjs";
+export { Anchor };

package/dist/components/navigation/anchor/index.mjs

@@ -0,0 +1,2 @@
+import { Anchor } from "./anchor.mjs";
+export { Anchor };

package/dist/components/navigation/breadcrumb/breadcrumb.d.mts

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren, ReactNode } from "react";
+//#region src/components/navigation/breadcrumb/breadcrumb.d.ts
+declare const List: FC<PropsWithChildren<{
+  size?: 'sm' | 'md' | 'lg';
+}>>;
+declare const Item: FC<PropsWithChildren>;
+declare const Separator: FC;
+type RenderBreadcrumbAnchorProps<T extends string> = {
+  href: NoInfer<T>;
+  className: string;
+  children: ReactNode;
+};
+declare const Link: <T extends string>({ href, current, children, renderAnchor }: PropsWithChildren<{
+  href: T;
+  current?: boolean;
+  renderAnchor?: (props: RenderBreadcrumbAnchorProps<T>) => ReactNode;
+}>) => string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+//#endregion
+export { Item, Link, List, Separator };

package/dist/components/navigation/breadcrumb/breadcrumb.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { cn } from "../../../helpers/cn.mjs";
+import { useMessages } from "../../../i18n/context.mjs";
+import { ChevronIcon } from "../../icons/lucide.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/navigation/breadcrumb/breadcrumb.tsx
+const List = ({ children, size = "md" }) => {
+	const messages = useMessages();
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": messages.breadcrumb,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: cn("flex list-none items-center gap-1 text-fg-mute", size === "sm" && "text-xs", size === "md" && "text-xs md:text-md", size === "lg" && "text-xl md:text-2xl"),
+			children
+		})
+	});
+};
+const Item = ({ children }) => /* @__PURE__ */ jsx("li", {
+	className: "inline-flex items-center",
+	children
+});
+const Separator = () => /* @__PURE__ */ jsx("li", {
+	"aria-hidden": "true",
+	className: "text-fg-mute vertical:rotate-90",
+	children: /* @__PURE__ */ jsx(ChevronIcon, {
+		direction: "right",
+		size: "sm"
+	})
+});
+const defaultRenderBreadcrumbAnchor = ({ children, ...rest }) => /* @__PURE__ */ jsx("a", {
+	...rest,
+	children
+});
+const Link = ({ href, current = false, children, renderAnchor = defaultRenderBreadcrumbAnchor }) => current ? /* @__PURE__ */ jsx("span", {
+	"aria-current": "page",
+	className: "text-fg-base",
+	children
+}) : renderAnchor({
+	href,
+	className: "hover:text-fg-base focus-visible:ring-border-info underline transition-colors focus-visible:rounded-sm focus-visible:ring-2 focus-visible:outline-hidden",
+	children
+});
+//#endregion
+export { Item, Link, List, Separator };

package/dist/components/navigation/breadcrumb/index.d.mts

@@ -0,0 +1,14 @@
+import { Link } from "./breadcrumb.mjs";
+//#region src/components/navigation/breadcrumb/index.d.ts
+declare const Breadcrumb: {
+  readonly List: import("react").FC<import("react").PropsWithChildren<{
+    size?: 'sm' | 'md' | 'lg';
+  }>>;
+  readonly Item: import("react").FC<{
+    children?: import("react").ReactNode | undefined;
+  }>;
+  readonly Separator: import("react").FC;
+  readonly Link: typeof Link;
+};
+//#endregion
+export { Breadcrumb };

package/dist/components/navigation/breadcrumb/index.mjs

@@ -0,0 +1,10 @@
+import { Item, Link, List, Separator } from "./breadcrumb.mjs";
+//#region src/components/navigation/breadcrumb/index.ts
+const Breadcrumb = {
+	List,
+	Item,
+	Separator,
+	Link
+};
+//#endregion
+export { Breadcrumb };

package/dist/components/navigation/pagination/index.d.mts

@@ -0,0 +1,2 @@
+import { Pagination } from "./pagination.mjs";
+export { Pagination };

package/dist/components/navigation/pagination/index.mjs

@@ -0,0 +1,2 @@
+import { Pagination } from "./pagination.mjs";
+export { Pagination };

package/dist/components/navigation/pagination/pagination.d.mts

@@ -0,0 +1,15 @@
+import { FC, HTMLAttributes, Ref } from "react";
+//#region src/components/navigation/pagination/pagination.d.ts
+type Props = {
+  totalPages: number;
+  currentPage: number;
+  onChange: (page: number) => void;
+  disabled?: boolean;
+  prevLabel?: string;
+  nextLabel?: string;
+  'aria-label'?: string;
+  ref?: Ref<HTMLElement>;
+} & Omit<HTMLAttributes<HTMLElement>, 'className' | 'style' | 'onChange' | 'children'>;
+declare const Pagination: FC<Props>;
+//#endregion
+export { Pagination };

package/dist/components/navigation/pagination/pagination.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { useMessages } from "../../../i18n/context.mjs";
+import { Button } from "../../buttons/button/button.mjs";
+import { ChevronIcon } from "../../icons/lucide.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/navigation/pagination/pagination.tsx
+const Pagination = ({ totalPages, currentPage, onChange, disabled = false, prevLabel, nextLabel, "aria-label": ariaLabel, ref, ...rest }) => {
+	const messages = useMessages();
+	const safeTotal = Math.max(1, totalPages);
+	const safeCurrent = Math.min(Math.max(1, currentPage), safeTotal);
+	const isFirst = safeCurrent <= 1;
+	const isLast = safeCurrent >= safeTotal;
+	return /* @__PURE__ */ jsx("nav", {
+		...rest,
+		"aria-label": ariaLabel ?? messages.paginationLabel,
+		ref,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-center gap-2",
+			children: [
+				/* @__PURE__ */ jsx(Button, {
+					color: "base",
+					disabled: disabled || isFirst,
+					onClick: () => {
+						onChange(safeCurrent - 1);
+					},
+					size: "sm",
+					startIcon: /* @__PURE__ */ jsx("span", {
+						className: "vertical:rotate-90 inline-flex",
+						children: /* @__PURE__ */ jsx(ChevronIcon, {
+							direction: "left",
+							size: "sm"
+						})
+					}),
+					variant: "skeleton",
+					children: prevLabel ?? messages.paginationPrevious
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					"aria-live": "polite",
+					className: "text-fg-mute px-3 text-sm tabular-nums",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-fg-base",
+							children: safeCurrent
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "mx-1",
+							children: "/"
+						}),
+						/* @__PURE__ */ jsx("span", { children: safeTotal })
+					]
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					color: "base",
+					disabled: disabled || isLast,
+					endIcon: /* @__PURE__ */ jsx("span", {
+						className: "vertical:rotate-90 inline-flex",
+						children: /* @__PURE__ */ jsx(ChevronIcon, {
+							direction: "right",
+							size: "sm"
+						})
+					}),
+					onClick: () => {
+						onChange(safeCurrent + 1);
+					},
+					size: "sm",
+					variant: "skeleton",
+					children: nextLabel ?? messages.paginationNext
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { Pagination };

package/dist/components/navigation/tabs/index.d.mts

@@ -0,0 +1,2 @@
+import { Tabs } from "./tabs.mjs";
+export { Tabs };

package/dist/components/navigation/tabs/index.mjs

@@ -0,0 +1,2 @@
+import { Tabs } from "./tabs.mjs";
+export { Tabs };

package/dist/components/navigation/tabs/tabs.d.mts

@@ -0,0 +1,21 @@
+import { FC, PropsWithChildren } from "react";
+//#region src/components/navigation/tabs/tabs.d.ts
+declare const Tabs: {
+  readonly Root: FC<PropsWithChildren<{
+    defaultSelectedId?: string | null;
+    selectedId?: string;
+    onChange?: (id: string) => void;
+    ids: [string, ...string[]];
+  }>>;
+  readonly List: FC<PropsWithChildren<{
+    label: string;
+  }>>;
+  readonly Tab: FC<PropsWithChildren<{
+    id: string;
+  }>>;
+  readonly Panel: FC<PropsWithChildren<{
+    id: string;
+  }>>;
+};
+//#endregion
+export { Tabs };

package/dist/components/navigation/tabs/tabs.mjs

@@ -0,0 +1,130 @@
+"use client";
+import { FOCUS_RING } from "../../_internal/focus-ring.mjs";
+import { cn } from "../../../helpers/cn.mjs";
+import { createSafeContext } from "../../../helpers/create-safe-context.mjs";
+import { useControllableState } from "../../../hooks/controllable-state/index.mjs";
+import { useWritingMode } from "../../../hooks/writing-mode/index.mjs";
+import { useEffect, useId, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/navigation/tabs/tabs.tsx
+const toAnchorName = (rootId) => `--ao-tab-${rootId.replaceAll(/[^a-zA-Z0-9_-]/gu, "")}`;
+const [TabsProvider, useTabsState] = createSafeContext("useTabsState must be used within a TabsProvider");
+const Root = ({ defaultSelectedId = null, selectedId, onChange, ids, children }) => {
+	const defaultIndex = defaultSelectedId !== null && defaultSelectedId !== "" ? ids.indexOf(defaultSelectedId) : 0;
+	const [currentId, setSelectedId] = useControllableState({
+		value: selectedId,
+		defaultValue: defaultSelectedId ?? ids[defaultIndex] ?? ids[0],
+		onChange
+	});
+	const rootId = useId();
+	const contextValue = useMemo(() => ({
+		rootId,
+		ids,
+		selectedId: currentId,
+		setSelectedId
+	}), [
+		rootId,
+		ids,
+		currentId,
+		setSelectedId
+	]);
+	return /* @__PURE__ */ jsx(TabsProvider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-1 overflow-x-auto p-0.5",
+			children
+		})
+	});
+};
+const [TabsListProvider, useTabsListState] = createSafeContext("useTabListState must be used within a TabListProvider");
+const List = ({ label, children }) => {
+	const { rootId } = useTabsState();
+	const setFocusRef = useRef(false);
+	const listRef = useRef(null);
+	const writingMode = useWritingMode(listRef);
+	const listContextValue = useMemo(() => ({
+		setFocusRef,
+		writingMode
+	}), [writingMode]);
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-label": label,
+		"aria-orientation": writingMode === "vertical" ? "vertical" : "horizontal",
+		className: "border-border-base vertical:border-b-0 vertical:border-l vertical:overflow-x-hidden vertical:overflow-y-auto relative flex overflow-x-auto overflow-y-hidden border-b p-0.5 wrap-normal",
+		id: `${rootId}-tablist`,
+		ref: listRef,
+		role: "tablist",
+		style: { anchorScope: toAnchorName(rootId) },
+		children: [/* @__PURE__ */ jsx(TabsListProvider, {
+			value: listContextValue,
+			children
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "ao-tab-indicator bg-primary-border",
+			style: { positionAnchor: toAnchorName(rootId) }
+		})]
+	});
+};
+const Tab = ({ id, children }) => {
+	const { rootId, ids, selectedId, setSelectedId } = useTabsState();
+	const { setFocusRef, writingMode } = useTabsListState();
+	const ref = useRef(null);
+	const activeIndex = ids.indexOf(selectedId);
+	const index = ids.indexOf(id);
+	useEffect(() => {
+		if (activeIndex === index && setFocusRef.current) {
+			ref.current?.focus();
+			setFocusRef.current = false;
+		}
+	}, [
+		activeIndex,
+		index,
+		setFocusRef
+	]);
+	const moveTo = (direction) => {
+		const nextActiveIndex = direction === 1 ? index === ids.length - 1 ? 0 : index + 1 : index === 0 ? ids.length - 1 : index - 1;
+		setSelectedId(ids[nextActiveIndex] ?? ids[0]);
+		setFocusRef.current = true;
+	};
+	return /* @__PURE__ */ jsx("div", {
+		"aria-controls": selectedId === id ? `${rootId}-panel-${id}` : void 0,
+		"aria-selected": selectedId === id,
+		className: cn("ao-tab relative cursor-pointer rounded-lg p-2 transition-colors", selectedId !== id && "hover:bg-primary-bg-subtle hover:text-primary-fg", FOCUS_RING),
+		id: `${rootId}-tab-${id}`,
+		onClick: () => {
+			setSelectedId(id);
+		},
+		onKeyDown: (e) => {
+			const prevKey = writingMode === "vertical" ? "ArrowUp" : "ArrowLeft";
+			const nextKey = writingMode === "vertical" ? "ArrowDown" : "ArrowRight";
+			if (e.key === prevKey) {
+				moveTo(-1);
+				return;
+			}
+			if (e.key === nextKey) moveTo(1);
+		},
+		ref,
+		role: "tab",
+		style: selectedId === id ? { anchorName: toAnchorName(rootId) } : void 0,
+		tabIndex: activeIndex === index ? 0 : -1,
+		children
+	});
+};
+const Panel = ({ id, children }) => {
+	const { rootId, selectedId } = useTabsState();
+	if (selectedId !== id) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"aria-labelledby": `${rootId}-tab-${id}`,
+		className: cn("grow rounded-lg p-2", FOCUS_RING),
+		id: `${rootId}-panel-${id}`,
+		role: "tabpanel",
+		children
+	});
+};
+const Tabs = {
+	Root,
+	List,
+	Tab,
+	Panel
+};
+//#endregion
+export { Tabs };

package/dist/components/overlays/_internal/index.d.mts

@@ -0,0 +1,4 @@
+import { useCanHover } from "./use-can-hover.mjs";
+import { HoverIntent, useHoverIntent } from "./use-hover-intent.mjs";
+import { ListItemProps, ListNavigation, useListNavigation } from "./use-list-navigation.mjs";
+export { type HoverIntent, type ListItemProps, type ListNavigation, useCanHover, useHoverIntent, useListNavigation };

package/dist/components/overlays/_internal/index.mjs

@@ -0,0 +1,4 @@
+import { useCanHover } from "./use-can-hover.mjs";
+import { useHoverIntent } from "./use-hover-intent.mjs";
+import { useListNavigation } from "./use-list-navigation.mjs";
+export { useCanHover, useHoverIntent, useListNavigation };

package/dist/components/overlays/_internal/modal-dialog-context.d.mts

@@ -0,0 +1,14 @@
+//#region src/components/overlays/_internal/modal-dialog-context.d.ts
+type ModalDialogContextValue = {
+  registerLabelledBy: (id: string | undefined) => void;
+  registerDescribedBy: (id: string | undefined) => void;
+};
+declare const ModalDialogProvider: import("react").Context<ModalDialogContextValue | null>;
+/**
+ * Modal（ネイティブ `<dialog>`）配下かどうか。配下なら値が返り、単体利用では null。
+ * createSafeContext を使わないのは、Popover 内・単体でも動く Dialog.Root から
+ * 「Modal 配下ではない」を例外なしで判定するため。
+ */
+declare const useModalDialogContext: () => ModalDialogContextValue | null;
+//#endregion
+export { ModalDialogContextValue, ModalDialogProvider, useModalDialogContext };

package/dist/components/overlays/_internal/modal-dialog-context.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/components/overlays/_internal/modal-dialog-context.ts
+const ModalDialogContext = createContext(null);
+const ModalDialogProvider = ModalDialogContext;
+/**
+* Modal（ネイティブ `<dialog>`）配下かどうか。配下なら値が返り、単体利用では null。
+* createSafeContext を使わないのは、Popover 内・単体でも動く Dialog.Root から
+* 「Modal 配下ではない」を例外なしで判定するため。
+*/
+const useModalDialogContext = () => use(ModalDialogContext);
+//#endregion
+export { ModalDialogProvider, useModalDialogContext };

package/dist/components/overlays/_internal/use-can-hover.d.mts

@@ -0,0 +1,9 @@
+//#region src/components/overlays/_internal/use-can-hover.d.ts
+/**
+ * hover 系メディアクエリの現在値を購読する。
+ * SSR ではサーバースナップショットとして true を返し、hover 前提の
+ * props を初期レンダーに含めてもハイドレーション差分にならないようにする。
+ */
+declare const useCanHover: (query?: string) => boolean;
+//#endregion
+export { useCanHover };

package/dist/components/overlays/_internal/use-can-hover.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { useCallback, useSyncExternalStore } from "react";
+//#region src/components/overlays/_internal/use-can-hover.ts
+/**
+* hover 系メディアクエリの現在値を購読する。
+* SSR ではサーバースナップショットとして true を返し、hover 前提の
+* props を初期レンダーに含めてもハイドレーション差分にならないようにする。
+*/
+const useCanHover = (query = "(hover: hover)") => {
+	const subscribe = useCallback((cb) => {
+		const mql = window.matchMedia(query);
+		mql.addEventListener("change", cb);
+		return () => {
+			mql.removeEventListener("change", cb);
+		};
+	}, [query]);
+	return useSyncExternalStore(subscribe, () => window.matchMedia(query).matches, () => true);
+};
+//#endregion
+export { useCanHover };