@k8ordo/ui 1.0.0 → 2.1.0

package/dist/components/overlays/tooltip/tooltip.d.mts

@@ -1,7 +1,7 @@
 import { Placement } from "../../../types/variables.mjs";
 import { FC, FocusEventHandler, MouseEventHandler, PropsWithChildren, ReactElement, RefCallback } from "react";
 //#region src/components/overlays/tooltip/tooltip.d.ts
-type TooltipTriggerProps = {
+export type TooltipTriggerProps = {
   ref: RefCallback<HTMLElement>;
   onMouseEnter: MouseEventHandler<HTMLElement>;
   onMouseLeave: MouseEventHandler<HTMLElement>;
@@ -9,26 +9,21 @@ type TooltipTriggerProps = {
   onBlur: FocusEventHandler<HTMLElement>;
   'aria-describedby'?: string;
 };
-declare const Tooltip: {
-  readonly Root: FC<PropsWithChildren<{
-    placement?: Placement;
-    isOpen?: boolean;
-    defaultOpen?: boolean;
-    onChange?: (isOpen: boolean) => void;
-    /** hover で開くまでの猶予(ms)。ポインタが通過しただけの誤表示を防ぐ。 */
-    openDelay?: number;
-    /**
-     * hover が外れてから閉じるまでの猶予(ms)。ブリッジ（隙間の当たり判定）が
-     * 守れない「content の中央へ斜めに向かう軌跡」を時間側でカバーする。
-     */
-    closeDelay?: number;
-  }>>;
-  readonly Trigger: FC<{
-    renderItem: (props: TooltipTriggerProps) => ReactElement;
-  }>;
-  readonly Content: FC<{
-    children?: import("react").ReactNode | undefined;
-  }>;
-};
-//#endregion
-export { Tooltip, TooltipTriggerProps };
+export declare const Root: FC<PropsWithChildren<{
+  placement?: Placement;
+  isOpen?: boolean;
+  defaultOpen?: boolean;
+  onChange?: (isOpen: boolean) => void;
+  /** hover で開くまでの猶予(ms)。ポインタが通過しただけの誤表示を防ぐ。 */
+  openDelay?: number;
+  /**
+   * hover が外れてから閉じるまでの猶予(ms)。ブリッジ（隙間の当たり判定）が
+   * 守れない「content の中央へ斜めに向かう軌跡」を時間側でカバーする。
+   */
+  closeDelay?: number;
+}>>;
+export declare const Trigger: FC<{
+  renderItem: (props: TooltipTriggerProps) => ReactElement;
+}>;
+export declare const Content: FC<PropsWithChildren>;
+//#endregion

package/dist/components/overlays/tooltip/tooltip.mjs

@@ -1,11 +1,12 @@
 "use client";
-import { cn } from "../../../helpers/cn.mjs";
 import { createSafeContext } from "../../../helpers/create-safe-context.mjs";
 import { useCanHover } from "../_internal/use-can-hover.mjs";
 import { useHoverIntent } from "../_internal/use-hover-intent.mjs";
 import { usePopoverContext } from "../popover/hooks.mjs";
-import { Popover } from "../popover/popover.mjs";
+import { Popover } from "../popover/index.mjs";
 import { bridgeClass } from "./bridge.mjs";
+import tooltip_module_default from "./tooltip.module.mjs";
+import { clsx } from "clsx";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/overlays/tooltip/tooltip.tsx
@@ -66,7 +67,7 @@ const Content = ({ children }) => {
 	return /* @__PURE__ */ jsx(Popover.Content, {
 		animation: "fade",
 		renderItem: ({ id, ref }) => /* @__PURE__ */ jsx("div", {
-			className: cn("bg-bg-inverse text-fg-inverse relative rounded-lg px-4 py-2 shadow-md", bridgeClass(popover.placement)),
+			className: clsx(tooltip_module_default.content, bridgeClass(popover.placement)),
 			id,
 			onBlur: popover.onClose,
 			onFocus: popover.onOpen,
@@ -78,10 +79,5 @@ const Content = ({ children }) => {
 		})
 	});
 };
-const Tooltip = {
-	Root,
-	Trigger,
-	Content
-};
 //#endregion
-export { Tooltip };
+export { Content, Root, Trigger };

package/dist/components/overlays/tooltip/tooltip.module.mjs

@@ -0,0 +1,5 @@
+import './tooltip.css';
+//#region src/components/overlays/tooltip/tooltip.module.css
+var tooltip_module_default = { "content": "_4CBCqq_content" };
+//#endregion
+export { tooltip_module_default as default };

package/dist/components/providers/index.d.mts

@@ -1,4 +1,3 @@
-import { Messages } from "../../i18n/messages.mjs";
 import { UIProvider } from "./ui-provider.mjs";
 import { PortalRootProvider, usePortalRoot } from "./portal-root.mjs";
-export { type Messages, PortalRootProvider, UIProvider, usePortalRoot };
+export { PortalRootProvider, UIProvider, usePortalRoot };

package/dist/components/providers/portal-root.d.mts

@@ -1,8 +1,10 @@
-import { FC, PropsWithChildren, RefObject } from "react";
+import { RefObject } from "react";
 //#region src/components/providers/portal-root.d.ts
-declare const usePortalRoot: () => RefObject<HTMLElement | null> | undefined;
-declare const PortalRootProvider: FC<PropsWithChildren<{
-  value?: RefObject<HTMLElement | null> | undefined;
-}>>;
-//#endregion
-export { PortalRootProvider, usePortalRoot };
+/**
+ * Where floating UI portals to. The Context is the provider — React 19's
+ * spelling, `<PortalRootProvider value={ref}>` — so there is no wrapper
+ * component to keep in step with it.
+ */
+export declare const PortalRootProvider: import("react").Context<RefObject<HTMLElement | null> | undefined>;
+export declare const usePortalRoot: () => RefObject<HTMLElement | null> | undefined;
+//#endregion

package/dist/components/providers/portal-root.mjs

@@ -1,12 +1,12 @@
 "use client";
 import { createContext, use } from "react";
-import { jsx } from "react/jsx-runtime";
 //#region src/components/providers/portal-root.tsx
-const PortalRootContext = createContext(void 0);
-const usePortalRoot = () => use(PortalRootContext);
-const PortalRootProvider = ({ value, children }) => /* @__PURE__ */ jsx(PortalRootContext, {
-	value,
-	children
-});
+/**
+* Where floating UI portals to. The Context is the provider — React 19's
+* spelling, `<PortalRootProvider value={ref}>` — so there is no wrapper
+* component to keep in step with it.
+*/
+const PortalRootProvider = createContext(void 0);
+const usePortalRoot = () => use(PortalRootProvider);
 //#endregion
 export { PortalRootProvider, usePortalRoot };

package/dist/components/providers/ui-provider.d.mts

@@ -1,8 +1,4 @@
-import { Messages } from "../../i18n/messages.mjs";
 import { FC, PropsWithChildren } from "react";
 //#region src/components/providers/ui-provider.d.ts
-declare const UIProvider: FC<PropsWithChildren<{
-  messages?: Partial<Messages> | undefined;
-}>>;
-//#endregion
-export { UIProvider };
+export declare const UIProvider: FC<PropsWithChildren>;
+//#endregion

package/dist/components/providers/ui-provider.mjs

@@ -1,11 +1,7 @@
 "use client";
-import { MessagesProvider } from "../../i18n/context.mjs";
 import { ToastProvider } from "../feedback/toast/provider.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/providers/ui-provider.tsx
-const UIProvider = ({ messages, children }) => /* @__PURE__ */ jsx(MessagesProvider, {
-	messages,
-	children: /* @__PURE__ */ jsx(ToastProvider, { children })
-});
+const UIProvider = ({ children }) => /* @__PURE__ */ jsx(ToastProvider, { children });
 //#endregion
 export { UIProvider };

package/dist/helpers/chain.d.mts

@@ -1,5 +1,4 @@
 //#region src/helpers/chain.d.ts
 type AnyFunction = (...args: never[]) => unknown;
-declare const chain: <T extends AnyFunction>(...callbacks: Array<T | undefined>) => (...args: Parameters<T>) => void;
-//#endregion
-export { chain };
+export declare const chain: <T extends AnyFunction>(...callbacks: Array<T | undefined>) => (...args: Parameters<T>) => void;
+//#endregion

package/dist/helpers/chain.mjs

@@ -2,28 +2,5 @@
 const chain = (...callbacks) => (...args) => {
 	for (const callback of callbacks) callback?.(...args);
 };
-if (import.meta.vitest) describe("chain", () => {
-	it("渡されたコールバックを順番に呼び出す", () => {
-		const calls = [];
-		chain(() => calls.push(1), () => calls.push(2), () => calls.push(3))();
-		expect(calls).toEqual([
-			1,
-			2,
-			3
-		]);
-	});
-	it("引数を全てのコールバックに渡す", () => {
-		const fn1 = vi.fn();
-		const fn2 = vi.fn();
-		chain(fn1, fn2)("a", 1);
-		expect(fn1).toHaveBeenCalledWith("a", 1);
-		expect(fn2).toHaveBeenCalledWith("a", 1);
-	});
-	it("undefinedのコールバックはスキップする", () => {
-		const fn = vi.fn();
-		chain(void 0, fn, void 0)();
-		expect(fn).toHaveBeenCalledOnce();
-	});
-});
 //#endregion
 export { chain };

package/dist/helpers/create-safe-context.d.mts

@@ -1,6 +1,5 @@
 import { Context } from "react";
 //#region src/helpers/create-safe-context.d.ts
 type CreateSafeContextReturn<T> = readonly [Context<T | null>, () => T];
-declare const createSafeContext: <T>(errorMessage: string) => CreateSafeContextReturn<T>;
-//#endregion
-export { createSafeContext };
+export declare const createSafeContext: <T>(errorMessage: string) => CreateSafeContextReturn<T>;
+//#endregion

package/dist/helpers/create-safe-context.mjs

@@ -9,22 +9,5 @@ const createSafeContext = (errorMessage) => {
 	};
 	return [Context, useSafeContext];
 };
-if (import.meta.vitest) describe("createSafeContext", () => {
-	it("Provider配下ではコンテキストの値を返す", async () => {
-		const { createElement } = await import("react");
-		const { renderToString } = await import("react-dom/server");
-		const [Context, useValue] = createSafeContext("missing provider");
-		const Consumer = () => createElement("span", null, useValue());
-		const html = renderToString(createElement(Context, { value: "hello" }, createElement(Consumer)));
-		expect(html).toContain("hello");
-	});
-	it("Provider外では指定したエラーメッセージでthrowする", async () => {
-		const { createElement } = await import("react");
-		const { renderToString } = await import("react-dom/server");
-		const [, useValue] = createSafeContext("useValue must be used within a Provider");
-		const Consumer = () => createElement("span", null, useValue());
-		expect(() => renderToString(createElement(Consumer))).toThrow("useValue must be used within a Provider");
-	});
-});
 //#endregion
 export { createSafeContext };

package/dist/helpers/index.d.mts

@@ -1,6 +1,5 @@
 import { chain } from "./chain.mjs";
-import { cn } from "./cn.mjs";
 import { createSafeContext } from "./create-safe-context.mjs";
 import { mergeProps } from "./merge-props.mjs";
 import { mergeRefs } from "./merge-refs.mjs";
-export { chain, cn, createSafeContext, mergeProps, mergeRefs };
+export { chain, createSafeContext, mergeProps, mergeRefs };

package/dist/helpers/index.mjs

@@ -1,6 +1,5 @@
-import { cn } from "./cn.mjs";
+import { mergeRefs } from "./merge-refs.mjs";
 import { chain } from "./chain.mjs";
 import { createSafeContext } from "./create-safe-context.mjs";
 import { mergeProps } from "./merge-props.mjs";
-import { mergeRefs } from "./merge-refs.mjs";
-export { chain, cn, createSafeContext, mergeProps, mergeRefs };
+export { chain, createSafeContext, mergeProps, mergeRefs };

package/dist/helpers/merge-props.d.mts

@@ -1,6 +1,5 @@
 //#region src/helpers/merge-props.d.ts
 type Props = Record<string, unknown>;
 type MergedProps<A, B> = Omit<A, keyof B> & B;
-declare const mergeProps: <A extends Props, B extends Props>(base: A, override: B) => MergedProps<A, B>;
-//#endregion
-export { mergeProps };
+export declare const mergeProps: <A extends Props, B extends Props>(base: A, override: B) => MergedProps<A, B>;
+//#endregion

package/dist/helpers/merge-props.mjs

@@ -1,5 +1,5 @@
-import { cn } from "./cn.mjs";
 import { chain } from "./chain.mjs";
+import { clsx } from "clsx";
 //#region src/helpers/merge-props.ts
 const isEventHandler = (key, value) => typeof value === "function" && key.startsWith("on") && key.length > 2 && key[2] === (key[2]?.toUpperCase() ?? "");
 const mergeProps = (base, override) => {
@@ -7,7 +7,7 @@ const mergeProps = (base, override) => {
 	for (const key of Object.keys(override)) {
 		const baseValue = base[key];
 		const overrideValue = override[key];
-		if (key === "className") result[key] = cn(baseValue, overrideValue);
+		if (key === "className") result[key] = clsx(baseValue, overrideValue);
 		else if (key === "style") result[key] = {
 			...baseValue,
 			...overrideValue
@@ -17,40 +17,5 @@ const mergeProps = (base, override) => {
 	}
 	return result;
 };
-if (import.meta.vitest) describe("mergeProps", () => {
-	it("classNameをcnでマージする", () => {
-		const merged = mergeProps({ className: "p-2 text-fg-base" }, { className: "text-fg-mute" });
-		expect(merged.className).toBe("p-2 text-fg-mute");
-	});
-	it("styleを浅くマージする", () => {
-		const merged = mergeProps({ style: {
-			color: "red",
-			fontSize: 12
-		} }, { style: { color: "blue" } });
-		expect(merged.style).toEqual({
-			color: "blue",
-			fontSize: 12
-		});
-	});
-	it("onClickなどのイベントハンドラを連結する", () => {
-		const calls = [];
-		mergeProps({ onClick: () => calls.push("a") }, { onClick: () => calls.push("b") }).onClick();
-		expect(calls).toEqual(["a", "b"]);
-	});
-	it("それ以外のpropsは後勝ちで上書きする", () => {
-		const merged = mergeProps({
-			id: "a",
-			disabled: true
-		}, { id: "b" });
-		expect(merged).toEqual({
-			id: "b",
-			disabled: true
-		});
-	});
-	it("overrideがundefinedの場合はbaseの値を保持する", () => {
-		const merged = mergeProps({ id: "a" }, { id: void 0 });
-		expect(merged.id).toBe("a");
-	});
-});
 //#endregion
 export { mergeProps };

package/dist/helpers/merge-refs.d.mts

@@ -1,5 +1,4 @@
 import { Ref, RefCallback } from "react";
 //#region src/helpers/merge-refs.d.ts
-declare const mergeRefs: <T>(...refs: ReadonlyArray<Ref<T> | undefined>) => RefCallback<T>;
-//#endregion
-export { mergeRefs };
+export declare const mergeRefs: <T>(...refs: ReadonlyArray<Ref<T> | undefined>) => RefCallback<T>;
+//#endregion

package/dist/helpers/merge-refs.mjs

@@ -19,37 +19,5 @@ const mergeRefs = (...refs) => (value) => {
 		for (const cleanup of cleanups) cleanup();
 	};
 };
-if (import.meta.vitest) describe("mergeRefs", () => {
-	it("オブジェクトrefと関数refの両方に値を設定する", () => {
-		const objectRef = { current: null };
-		const functionRef = vi.fn();
-		const element = {};
-		mergeRefs(objectRef, functionRef)(element);
-		expect(objectRef.current).toBe(element);
-		expect(functionRef).toHaveBeenCalledWith(element);
-	});
-	it("nullとundefinedのrefをスキップする", () => {
-		const objectRef = { current: null };
-		const element = {};
-		const cleanup = mergeRefs(null, void 0, objectRef)(element);
-		expect(objectRef.current).toBe(element);
-		expect(cleanup).toBeTypeOf("function");
-	});
-	it("クリーンアップでオブジェクトrefをnullに戻し、関数refをnullで呼ぶ", () => {
-		const objectRef = { current: null };
-		const functionRef = vi.fn();
-		mergeRefs(objectRef, functionRef)({})?.();
-		expect(objectRef.current).toBeNull();
-		expect(functionRef).toHaveBeenLastCalledWith(null);
-	});
-	it("クリーンアップ関数を返す関数refは、nullで再呼び出しせずそのクリーンアップを実行する", () => {
-		const refCleanup = vi.fn();
-		const functionRef = vi.fn(() => refCleanup);
-		mergeRefs(functionRef)({})?.();
-		expect(refCleanup).toHaveBeenCalledOnce();
-		expect(functionRef).toHaveBeenCalledOnce();
-		expect(functionRef).not.toHaveBeenCalledWith(null);
-	});
-});
 //#endregion
 export { mergeRefs };

package/dist/hooks/click-away/index.d.mts

@@ -1,5 +1,4 @@
 import { RefObject } from "react";
 //#region src/hooks/click-away/index.d.ts
-declare const useClickAway: <T extends Element = HTMLElement>(ref: RefObject<T | null>, callback: (e: Event) => void, enabled?: boolean) => void;
-//#endregion
-export { useClickAway };
+export declare const useClickAway: <T extends Element = HTMLElement>(ref: RefObject<T | null>, callback: (e: Event) => void, enabled?: boolean) => void;
+//#endregion

package/dist/hooks/controllable-state/index.d.mts

@@ -4,6 +4,5 @@ type UseControllableStateProps<T> = {
   defaultValue: T;
   onChange?: (value: T) => void;
 };
-declare const useControllableState: <T>({ value, defaultValue, onChange }: UseControllableStateProps<T>) => [T, (next: T | ((prev: T) => T)) => void];
-//#endregion
-export { useControllableState };
+export declare const useControllableState: <T>({ value, defaultValue, onChange }: UseControllableStateProps<T>) => [T, (next: T | ((prev: T) => T)) => void];
+//#endregion

package/dist/hooks/controllable-state/index.mjs

@@ -1,21 +1,19 @@
 "use client";
-import { useCallback, useRef, useState } from "react";
+import { useCallback, useState } from "react";
 //#region src/hooks/controllable-state/index.ts
 const useControllableState = ({ value, defaultValue, onChange }) => {
 	const isControlled = value !== void 0;
 	const [internalValue, setInternalValue] = useState(defaultValue);
 	const currentValue = isControlled ? value : internalValue;
-	const currentValueRef = useRef(currentValue);
-	currentValueRef.current = currentValue;
-	const onChangeRef = useRef(onChange);
-	onChangeRef.current = onChange;
-	const isControlledRef = useRef(isControlled);
-	isControlledRef.current = isControlled;
 	return [currentValue, useCallback((next) => {
-		const nextValue = typeof next === "function" ? next(currentValueRef.current) : next;
-		if (!isControlledRef.current) setInternalValue(nextValue);
-		onChangeRef.current?.(nextValue);
-	}, [])];
+		const nextValue = typeof next === "function" ? next(currentValue) : next;
+		if (!isControlled) setInternalValue(nextValue);
+		onChange?.(nextValue);
+	}, [
+		currentValue,
+		isControlled,
+		onChange
+	])];
 };
 //#endregion
 export { useControllableState };

package/dist/hooks/index.d.mts

@@ -1,25 +1,4 @@
-import { useBreakpoint } from "./breakpoint/index.mjs";
 import { useClickAway } from "./click-away/index.mjs";
-import { useClient } from "./client/index.mjs";
-import { useClipboard } from "./clipboard/index.mjs";
 import { useControllableState } from "./controllable-state/index.mjs";
-import { DebouncedAction, useDebouncedTransition } from "./debounced-transition/index.mjs";
-import { useDeferredDebounce } from "./deferred-debounce/index.mjs";
-import { useDisclosure } from "./disclosure/index.mjs";
-import { useHash } from "./hash/index.mjs";
-import { useHover } from "./hover/index.mjs";
-import { useIntersectionObserver } from "./intersection-observer/use-intersection-observer.mjs";
-import { useInView } from "./intersection-observer/use-in-view.mjs";
-import "./intersection-observer/index.mjs";
-import { useInterval } from "./interval/index.mjs";
-import { useLocalStorage } from "./local-storage/index.mjs";
-import { useResize } from "./resize/index.mjs";
-import { useScrollDirection } from "./scroll-direction/index.mjs";
-import { useScrollLock } from "./scroll-lock/index.mjs";
-import { useSessionStorage } from "./session-storage/index.mjs";
-import { useStep } from "./step/index.mjs";
-import { useTimeout } from "./timeout/index.mjs";
-import { useWindowResize } from "./window-resize/index.mjs";
-import { useWindowSize } from "./window-size/index.mjs";
-import { WritingMode, useWritingMode } from "./writing-mode/index.mjs";
-export { type DebouncedAction, type WritingMode, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useWindowResize, useWindowSize, useWritingMode };
+import { WritingMode, readWritingMode, useWritingMode } from "./writing-mode/index.mjs";
+export { type WritingMode, readWritingMode, useClickAway, useControllableState, useWritingMode };

package/dist/hooks/index.mjs

@@ -1,24 +1,4 @@
 import { useClickAway } from "./click-away/index.mjs";
-import { useClient } from "./client/index.mjs";
-import { useClipboard } from "./clipboard/index.mjs";
 import { useControllableState } from "./controllable-state/index.mjs";
-import { useDebouncedTransition } from "./debounced-transition/index.mjs";
-import { useDeferredDebounce } from "./deferred-debounce/index.mjs";
-import { useDisclosure } from "./disclosure/index.mjs";
-import { useHash } from "./hash/index.mjs";
-import { useHover } from "./hover/index.mjs";
-import { useIntersectionObserver } from "./intersection-observer/use-intersection-observer.mjs";
-import { useInView } from "./intersection-observer/use-in-view.mjs";
-import { useInterval } from "./interval/index.mjs";
-import { useBreakpoint } from "./breakpoint/index.mjs";
-import { useLocalStorage } from "./local-storage/index.mjs";
-import { useResize } from "./resize/index.mjs";
-import { useScrollDirection } from "./scroll-direction/index.mjs";
-import { useScrollLock } from "./scroll-lock/index.mjs";
-import { useSessionStorage } from "./session-storage/index.mjs";
-import { useStep } from "./step/index.mjs";
-import { useTimeout } from "./timeout/index.mjs";
-import { useWindowResize } from "./window-resize/index.mjs";
-import { useWindowSize } from "./window-size/index.mjs";
-import { useWritingMode } from "./writing-mode/index.mjs";
-export { useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useWindowResize, useWindowSize, useWritingMode };
+import { readWritingMode, useWritingMode } from "./writing-mode/index.mjs";
+export { readWritingMode, useClickAway, useControllableState, useWritingMode };

package/dist/hooks/writing-mode/index.d.mts

@@ -1,6 +1,16 @@
-import { RefObject } from "react";
 //#region src/hooks/writing-mode/index.d.ts
-type WritingMode = 'horizontal' | 'vertical';
-declare const useWritingMode: (ref: RefObject<Element | null>) => WritingMode;
-//#endregion
-export { WritingMode, useWritingMode };
+export type WritingMode = 'horizontal' | 'vertical';
+export declare const readWritingMode: (element: Element) => WritingMode;
+/**
+ * 要素の書字方向を返し、切り替わったら追従する。
+ *
+ * 描くたびに算出スタイルから読むので、最初の描画から今の向きを返す
+ * （ResizeObserver の最初の通知を待つと、それまでの描画は横書きになる）。
+ * 描き直すきっかけには、writing-mode の変化を知らせるイベントが無いので、
+ * ResizeObserver で要素の論理サイズの変化を使う。これが効くのは inline 軸
+ * いっぱいに広がる要素だけで、ボタンのように中身に合わせて縮む要素は縦横が
+ * 入れ替わっても論理サイズが変わらず、切り替えを見逃す。そういう要素は
+ * 使う瞬間に readWritingMode で読む。
+ */
+export declare const useWritingMode: (element: Element | null) => WritingMode;
+//#endregion

package/dist/hooks/writing-mode/index.mjs

@@ -1,24 +1,31 @@
 "use client";
 import { useCallback, useSyncExternalStore } from "react";
 //#region src/hooks/writing-mode/index.ts
-const getServerSnapshot = () => "horizontal";
-const resolve = (value) => value.startsWith("vertical") || value.startsWith("sideways") ? "vertical" : "horizontal";
-const useWritingMode = (ref) => {
+const readWritingMode = (element) => {
+	const value = getComputedStyle(element).writingMode;
+	return value.startsWith("vertical") || value.startsWith("sideways") ? "vertical" : "horizontal";
+};
+/**
+* 要素の書字方向を返し、切り替わったら追従する。
+*
+* 描くたびに算出スタイルから読むので、最初の描画から今の向きを返す
+* （ResizeObserver の最初の通知を待つと、それまでの描画は横書きになる）。
+* 描き直すきっかけには、writing-mode の変化を知らせるイベントが無いので、
+* ResizeObserver で要素の論理サイズの変化を使う。これが効くのは inline 軸
+* いっぱいに広がる要素だけで、ボタンのように中身に合わせて縮む要素は縦横が
+* 入れ替わっても論理サイズが変わらず、切り替えを見逃す。そういう要素は
+* 使う瞬間に readWritingMode で読む。
+*/
+const useWritingMode = (element) => {
 	const subscribe = useCallback((onChange) => {
-		const el = ref.current;
-		if (!el) return () => {};
+		if (!element) return () => void 0;
 		const observer = new ResizeObserver(onChange);
-		observer.observe(el);
+		observer.observe(element);
 		return () => {
 			observer.disconnect();
 		};
-	}, [ref]);
-	const getSnapshot = useCallback(() => {
-		const el = ref.current;
-		if (!el) return "horizontal";
-		return resolve(getComputedStyle(el).writingMode);
-	}, [ref]);
-	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+	}, [element]);
+	return useSyncExternalStore(subscribe, () => element ? readWritingMode(element) : "horizontal", () => "horizontal");
 };
 //#endregion
-export { useWritingMode };
+export { readWritingMode, useWritingMode };

package/dist/i18n/current.d.mts

@@ -0,0 +1,23 @@
+import { Messages } from "./messages.mjs";
+import { RegisteredLocale } from "@k8ordo/i18n";
+//#region src/i18n/current.d.ts
+/**
+ * Registers the built-in text for one locale — a locale `ja` and `en` do not
+ * cover, or one of them with some keys replaced (`{ ...en, close: 'Dismiss' }`).
+ * Call it next to `defineLocales`, in the module both the server and the
+ * browser import; the last registration for a locale wins.
+ */
+export declare const registerMessages: (locale: RegisteredLocale, messages: Messages) => void;
+/**
+ * The locale the components speak: `@k8ordo/i18n`'s current locale, or `en`
+ * when the application has defined no locale set. Not a hook.
+ */
+export declare const getLocale: () => string;
+/**
+ * The built-in text in the locale the components speak. A registered
+ * dictionary wins over a built-in one; a regional tag without one of its own
+ * (`en-US`) reads its language's (`en`). Not a hook: a Server Component
+ * calls it as readily as a Client Component.
+ */
+export declare const getMessages: () => Messages;
+//#endregion

package/dist/i18n/current.mjs

@@ -0,0 +1,43 @@
+import { en } from "./en.mjs";
+import { ja } from "./ja.mjs";
+import { currentLocale } from "@k8ordo/i18n";
+//#region src/i18n/current.ts
+const BUILT_IN = {
+	ja,
+	en
+};
+const REGISTRY_KEY = Symbol.for("@k8ordo/ui/messages");
+const registry = () => {
+	const global = globalThis;
+	global[REGISTRY_KEY] ??= /* @__PURE__ */ new Map();
+	return global[REGISTRY_KEY];
+};
+/**
+* Registers the built-in text for one locale — a locale `ja` and `en` do not
+* cover, or one of them with some keys replaced (`{ ...en, close: 'Dismiss' }`).
+* Call it next to `defineLocales`, in the module both the server and the
+* browser import; the last registration for a locale wins.
+*/
+const registerMessages = (locale, messages) => {
+	registry().set(locale, messages);
+};
+/**
+* The locale the components speak: `@k8ordo/i18n`'s current locale, or `en`
+* when the application has defined no locale set. Not a hook.
+*/
+const getLocale = () => currentLocale() ?? "en";
+const find = (tag) => registry().get(tag) ?? BUILT_IN[tag];
+/**
+* The built-in text in the locale the components speak. A registered
+* dictionary wins over a built-in one; a regional tag without one of its own
+* (`en-US`) reads its language's (`en`). Not a hook: a Server Component
+* calls it as readily as a Client Component.
+*/
+const getMessages = () => {
+	const locale = getLocale();
+	const messages = find(locale) ?? find(new Intl.Locale(locale).language);
+	if (messages === void 0) throw new TypeError(`@k8ordo/ui: no built-in text for ${JSON.stringify(locale)} — register it with registerMessages(${JSON.stringify(locale)}, …) from '@k8ordo/ui/i18n'`);
+	return messages;
+};
+//#endregion
+export { getLocale, getMessages, registerMessages };

package/dist/i18n/en.d.mts

@@ -1,5 +1,4 @@
 import { Messages } from "./messages.mjs";
 //#region src/i18n/en.d.ts
-declare const en: Messages;
-//#endregion
-export { en };
+export declare const en: Messages;
+//#endregion