@k8o/arte-odyssey 8.0.2 → 9.0.0

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

@@ -1,21 +1,33 @@
 "use client";
 import { usePlacement, usePopoverContext } from "../popover/hooks.mjs";
 import { Popover } from "../popover/popover.mjs";
-import { useMemo } from "react";
+import { useCallback, useMemo, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/overlays/tooltip/tooltip.tsx
+const HOVER_QUERY = "(hover: hover)";
+const useCanHover = () => {
+	return useSyncExternalStore(useCallback((cb) => {
+		const mql = window.matchMedia(HOVER_QUERY);
+		mql.addEventListener("change", cb);
+		return () => {
+			mql.removeEventListener("change", cb);
+		};
+	}, []), () => window.matchMedia(HOVER_QUERY).matches, () => true);
+};
+const noop = () => {};
 const useTooltipTriggerProps = () => {
 	const popover = usePopoverContext();
+	const canHover = useCanHover();
 	return useMemo(() => ({
 		ref: popover.setTriggerRef,
-		onMouseEnter: popover.onOpen,
-		onMouseLeave: popover.onClose,
+		onMouseEnter: canHover ? popover.onOpen : noop,
+		onMouseLeave: canHover ? popover.onClose : noop,
 		onFocus: (e) => {
 			if (e.target.matches(":focus-visible")) popover.onOpen();
 		},
 		onBlur: popover.onClose,
 		"aria-describedby": popover.isOpen ? `${popover.rootId}_list` : void 0
-	}), [popover]);
+	}), [popover, canHover]);
 };
 const Root = ({ children, placement = "bottom" }) => /* @__PURE__ */ jsx(Popover.Root, {
 	closeOnClickAway: false,
@@ -28,6 +40,7 @@ const Trigger = ({ renderItem }) => renderItem(useTooltipTriggerProps());
 const Content = ({ children }) => {
 	const placement = usePlacement();
 	const popover = usePopoverContext();
+	const canHover = useCanHover();
 	const translate = {
 		top: { translateY: 5 },
 		bottom: { translateY: -5 },
@@ -55,8 +68,8 @@ const Content = ({ children }) => {
 			id,
 			onBlur: popover.onClose,
 			onFocus: popover.onOpen,
-			onMouseEnter: popover.onOpen,
-			onMouseLeave: popover.onClose,
+			onMouseEnter: canHover ? popover.onOpen : noop,
+			onMouseLeave: canHover ? popover.onClose : noop,
 			ref,
 			role: "tooltip",
 			children

package/dist/helpers/chain.d.mts

@@ -0,0 +1,5 @@
+//#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 };

package/dist/helpers/chain.mjs

@@ -0,0 +1,29 @@
+//#region src/helpers/chain.ts
+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

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

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

@@ -0,0 +1,13 @@
+import { createContext, use } from "react";
+//#region src/helpers/create-safe-context.ts
+const createSafeContext = (errorMessage) => {
+	const Context = createContext(null);
+	const useSafeContext = () => {
+		const value = use(Context);
+		if (value === null) throw new Error(errorMessage);
+		return value;
+	};
+	return [Context, useSafeContext];
+};
+//#endregion
+export { createSafeContext };

package/dist/helpers/index.d.mts

@@ -1,9 +1,6 @@
+import { chain } from "./chain.mjs";
 import { cn } from "./cn.mjs";
-import { findAllColors } from "./color/find-all-colors.mjs";
-import { isInternalRoute } from "./is-internal-route.mjs";
-import { between } from "./number/between.mjs";
-import { cast } from "./number/cast.mjs";
-import { commalize } from "./number/commalize.mjs";
-import { toPrecision } from "./number/to-precision.mjs";
-import { uuidV4 } from "./uuid-v4.mjs";
-export { between, cast, cn, commalize, findAllColors, isInternalRoute, toPrecision, uuidV4 };
+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 };

package/dist/helpers/index.mjs

@@ -1,9 +1,6 @@
 import { cn } from "./cn.mjs";
-import { uuidV4 } from "./uuid-v4.mjs";
-import { findAllColors } from "./color/find-all-colors.mjs";
-import { between } from "./number/between.mjs";
-import { toPrecision } from "./number/to-precision.mjs";
-import { cast } from "./number/cast.mjs";
-import { commalize } from "./number/commalize.mjs";
-import { isInternalRoute } from "./is-internal-route.mjs";
-export { between, cast, cn, commalize, findAllColors, isInternalRoute, toPrecision, uuidV4 };
+import { createSafeContext } from "./create-safe-context.mjs";
+import { chain } from "./chain.mjs";
+import { mergeRefs } from "./merge-refs.mjs";
+import { mergeProps } from "./merge-props.mjs";
+export { chain, cn, createSafeContext, mergeProps, mergeRefs };

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

@@ -0,0 +1,6 @@
+//#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 };

package/dist/helpers/merge-props.mjs

@@ -0,0 +1,56 @@
+import { cn } from "./cn.mjs";
+import { chain } from "./chain.mjs";
+//#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) => {
+	const result = { ...base };
+	for (const key of Object.keys(override)) {
+		const baseValue = base[key];
+		const overrideValue = override[key];
+		if (key === "className") result[key] = cn(baseValue, overrideValue);
+		else if (key === "style") result[key] = {
+			...baseValue,
+			...overrideValue
+		};
+		else if (isEventHandler(key, baseValue) && isEventHandler(key, overrideValue)) result[key] = chain(baseValue, overrideValue);
+		else if (overrideValue !== void 0) result[key] = overrideValue;
+	}
+	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/hooks/click-away/index.mjs

@@ -9,7 +9,7 @@ const useClickAway = (ref, callback, enabled = true) => {
 			if (element && e.target instanceof Node && !element.contains(e.target)) callback(e);
 		};
 		document.addEventListener("mousedown", handler);
-		document.addEventListener("touchstart", handler);
+		document.addEventListener("touchstart", handler, { passive: true });
 		return () => {
 			document.removeEventListener("mousedown", handler);
 			document.removeEventListener("touchstart", handler);

package/dist/index.d.mts

@@ -36,9 +36,10 @@ import { Textarea } from "./components/form/textarea/textarea.mjs";
 import { ArteOdyssey } from "./components/icons/arte-odyssey.mjs";
 import { GitHubIcon } from "./components/icons/github-mark.mjs";
 import { Logo, LogoIcon } from "./components/icons/logo.mjs";
-import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FormIcon, GoodIcon, HistoryIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FormIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
 import { QiitaIcon } from "./components/icons/qiita.mjs";
 import { TwitterIcon } from "./components/icons/twitter.mjs";
+import { VerticalWritingIcon } from "./components/icons/vertical-writing.mjs";
 import { ScrollLinked } from "./components/layout/scroll-linked/scroll-linked.mjs";
 import { Separator } from "./components/layout/separator/separator.mjs";
 import { Anchor } from "./components/navigation/anchor/anchor.mjs";
@@ -54,14 +55,11 @@ import { useOpenContext } from "./components/overlays/popover/hooks.mjs";
 import { Popover } from "./components/overlays/popover/popover.mjs";
 import { ArteOdysseyProvider } from "./components/providers/arte-odyssey-provider.mjs";
 import { PortalRootProvider, usePortalRoot } from "./components/providers/portal-root.mjs";
+import { chain } from "./helpers/chain.mjs";
 import { cn } from "./helpers/cn.mjs";
-import { findAllColors } from "./helpers/color/find-all-colors.mjs";
-import { isInternalRoute } from "./helpers/is-internal-route.mjs";
-import { between } from "./helpers/number/between.mjs";
-import { cast } from "./helpers/number/cast.mjs";
-import { commalize } from "./helpers/number/commalize.mjs";
-import { toPrecision } from "./helpers/number/to-precision.mjs";
-import { uuidV4 } from "./helpers/uuid-v4.mjs";
+import { createSafeContext } from "./helpers/create-safe-context.mjs";
+import { mergeProps } from "./helpers/merge-props.mjs";
+import { mergeRefs } from "./helpers/merge-refs.mjs";
 import { useBreakpoint } from "./hooks/breakpoint/index.mjs";
 import { useClickAway } from "./hooks/click-away/index.mjs";
 import { useClient } from "./hooks/client/index.mjs";
@@ -84,4 +82,4 @@ import { useStep } from "./hooks/step/index.mjs";
 import { useTimeout } from "./hooks/timeout/index.mjs";
 import { useWindowResize } from "./hooks/window-resize/index.mjs";
 import { useWindowSize } from "./hooks/window-size/index.mjs";
-export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Direction, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, Form, FormControl, FormIcon, GitHubIcon, GoodIcon, Heading, HistoryIcon, IconButton, InformativeIcon, InteractiveCard, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, Option, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, Status, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, ViewIcon, ViewOffIcon, between, cast, cn, commalize, findAllColors, isInternalRoute, toPrecision, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useOpenContext, usePortalRoot, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useToast, useWindowResize, useWindowSize, uuidV4 };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Direction, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, Form, FormControl, FormIcon, GitHubIcon, GoodIcon, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InteractiveCard, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, Option, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, Status, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, chain, cn, createSafeContext, mergeProps, mergeRefs, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useOpenContext, usePortalRoot, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useToast, useWindowResize, useWindowSize };

package/dist/index.mjs

@@ -2,14 +2,15 @@ import { cn } from "./helpers/cn.mjs";
 import { Spinner } from "./components/feedback/spinner/spinner.mjs";
 import { Button } from "./components/buttons/button/button.mjs";
 import { useDisclosure } from "./hooks/disclosure/index.mjs";
-import { uuidV4 } from "./helpers/uuid-v4.mjs";
+import { createSafeContext } from "./helpers/create-safe-context.mjs";
 import { useToast } from "./components/feedback/toast/context.mjs";
 import { ArteOdyssey } from "./components/icons/arte-odyssey.mjs";
 import { GitHubIcon } from "./components/icons/github-mark.mjs";
 import { Logo, LogoIcon } from "./components/icons/logo.mjs";
-import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FormIcon, GoodIcon, HistoryIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FormIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
 import { QiitaIcon } from "./components/icons/qiita.mjs";
 import { TwitterIcon } from "./components/icons/twitter.mjs";
+import { VerticalWritingIcon } from "./components/icons/vertical-writing.mjs";
 import { Alert } from "./components/feedback/alert/alert.mjs";
 import { useTimeout } from "./hooks/timeout/index.mjs";
 import { ToastProvider } from "./components/feedback/toast/provider.mjs";
@@ -19,6 +20,8 @@ import { useClickAway } from "./hooks/click-away/index.mjs";
 import { useOpenContext } from "./components/overlays/popover/hooks.mjs";
 import { Popover } from "./components/overlays/popover/popover.mjs";
 import { Tooltip } from "./components/overlays/tooltip/tooltip.mjs";
+import { chain } from "./helpers/chain.mjs";
+import { mergeRefs } from "./helpers/merge-refs.mjs";
 import { IconButton } from "./components/buttons/icon-button/icon-button.mjs";
 import { Accordion } from "./components/data-display/accordion/index.mjs";
 import { Avatar } from "./components/data-display/avatar/avatar.mjs";
@@ -27,14 +30,9 @@ import { useClient } from "./hooks/client/index.mjs";
 import { BaselineStatus } from "./components/data-display/baseline-status/baseline-status.mjs";
 import { Card } from "./components/data-display/card/card.mjs";
 import { InteractiveCard } from "./components/data-display/card/interactive-card.mjs";
-import { findAllColors } from "./helpers/color/find-all-colors.mjs";
 import { Code } from "./components/data-display/code/code.mjs";
 import { Heading } from "./components/data-display/heading/heading.mjs";
 import { Table } from "./components/data-display/table/table.mjs";
-import { between } from "./helpers/number/between.mjs";
-import { toPrecision } from "./helpers/number/to-precision.mjs";
-import { cast } from "./helpers/number/cast.mjs";
-import { commalize } from "./helpers/number/commalize.mjs";
 import { Progress } from "./components/feedback/progress/progress.mjs";
 import { Skeleton } from "./components/feedback/skeleton/skeleton.mjs";
 import { useControllableState } from "./hooks/controllable-state/index.mjs";
@@ -57,7 +55,6 @@ import { TextField } from "./components/form/text-field/text-field.mjs";
 import { Textarea } from "./components/form/textarea/textarea.mjs";
 import { ScrollLinked } from "./components/layout/scroll-linked/scroll-linked.mjs";
 import { Separator } from "./components/layout/separator/separator.mjs";
-import { isInternalRoute } from "./helpers/is-internal-route.mjs";
 import { Anchor } from "./components/navigation/anchor/anchor.mjs";
 import { Breadcrumb } from "./components/navigation/breadcrumb/breadcrumb.mjs";
 import { Pagination } from "./components/navigation/pagination/pagination.mjs";
@@ -67,6 +64,7 @@ import { Modal } from "./components/overlays/modal/modal.mjs";
 import { Drawer } from "./components/overlays/drawer/drawer.mjs";
 import { DropdownMenu } from "./components/overlays/dropdown-menu/dropdown-menu.mjs";
 import { ListBox } from "./components/overlays/list-box/list-box.mjs";
+import { mergeProps } from "./helpers/merge-props.mjs";
 import { useClipboard } from "./hooks/clipboard/index.mjs";
 import { useDebouncedTransition } from "./hooks/debounced-transition/index.mjs";
 import { useHash } from "./hooks/hash/index.mjs";
@@ -83,4 +81,4 @@ import { useSessionStorage } from "./hooks/session-storage/index.mjs";
 import { useStep } from "./hooks/step/index.mjs";
 import { useWindowResize } from "./hooks/window-resize/index.mjs";
 import { useWindowSize } from "./hooks/window-size/index.mjs";
-export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, Form, FormControl, FormIcon, GitHubIcon, GoodIcon, Heading, HistoryIcon, IconButton, InformativeIcon, InteractiveCard, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, ViewIcon, ViewOffIcon, between, cast, cn, commalize, findAllColors, isInternalRoute, toPrecision, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useOpenContext, usePortalRoot, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useToast, useWindowResize, useWindowSize, uuidV4 };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, Form, FormControl, FormIcon, GitHubIcon, GoodIcon, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InteractiveCard, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, chain, cn, createSafeContext, mergeProps, mergeRefs, useBreakpoint, useClickAway, useClient, useClipboard, useControllableState, useDebouncedTransition, useDeferredDebounce, useDisclosure, useHash, useHover, useInView, useIntersectionObserver, useInterval, useLocalStorage, useOpenContext, usePortalRoot, useResize, useScrollDirection, useScrollLock, useSessionStorage, useStep, useTimeout, useToast, useWindowResize, useWindowSize };

package/dist/internal/clamp.d.mts

@@ -0,0 +1,4 @@
+//#region src/internal/clamp.d.ts
+declare const clamp: (value: number, min: number, max: number) => number;
+//#endregion
+export { clamp };

package/dist/internal/clamp.mjs

@@ -0,0 +1,15 @@
+//#region src/internal/clamp.ts
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+if (import.meta.vitest) describe("clamp", () => {
+	it("minとmaxの間の値の場合はそのまま返す", () => {
+		expect(clamp(5, 0, 10)).toBe(5);
+	});
+	it("minより小さい場合はminを返す", () => {
+		expect(clamp(-5, 0, 10)).toBe(0);
+	});
+	it("maxより大きい場合はmaxを返す", () => {
+		expect(clamp(15, 0, 10)).toBe(10);
+	});
+});
+//#endregion
+export { clamp };

package/dist/{helpers/number → internal}/to-precision.d.mts

@@ -1,4 +1,4 @@
-//#region src/helpers/number/to-precision.d.ts
+//#region src/internal/to-precision.d.ts
 declare const toPrecision: (value: number, precision?: number) => number;
 //#endregion
 export { toPrecision };

package/dist/{helpers/number → internal}/to-precision.mjs

@@ -1,4 +1,4 @@
-//#region src/helpers/number/to-precision.ts
+//#region src/internal/to-precision.ts
 const toPrecision = (value, precision) => {
 	const scaleFactor = 10 ** (precision ?? 10);
 	return Math.round(value * scaleFactor) / scaleFactor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "8.0.2",
+  "version": "9.0.0",
   "description": "k8o's react ui library",
   "keywords": [
     "components",
@@ -11,13 +11,13 @@
     "ui"
   ],
   "bugs": {
-    "url": "https://github.com/k35o/ArteOdyssey/issues"
+    "url": "https://github.com/k35o/arte-odyssey/issues"
   },
   "license": "MIT",
   "author": "k8o <kosakanoki@gmail.com>",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/k35o/ArteOdyssey.git"
+    "url": "git+https://github.com/k35o/arte-odyssey.git"
   },
   "files": [
     "dist/**",
@@ -69,8 +69,8 @@
     "@vitest/coverage-v8": "4.1.5",
     "@vitest/ui": "4.1.5",
     "postcss": "8.5.13",
-    "react": "19.2.5",
-    "react-dom": "19.2.5",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
     "storybook": "10.3.6",
     "storybook-addon-mock-date": "2.0.0",
     "tailwindcss": "4.2.4",

package/dist/helpers/is-internal-route.d.mts

@@ -1,4 +0,0 @@
-//#region src/helpers/is-internal-route.d.ts
-declare const isInternalRoute: (href: string) => boolean;
-//#endregion
-export { isInternalRoute };

package/dist/helpers/is-internal-route.mjs

@@ -1,12 +0,0 @@
-//#region src/helpers/is-internal-route.ts
-const isInternalRoute = (href) => !href.startsWith("http");
-if (import.meta.vitest) {
-	it("httpから始まるhrefはexternalなものとして判定する", () => {
-		expect(isInternalRoute("https://k8o.me/dummy")).toBe(false);
-	});
-	it("httpから始まらないhrefはexternalなものとして判定する", () => {
-		expect(isInternalRoute("/dummy")).toBe(true);
-	});
-}
-//#endregion
-export { isInternalRoute };

package/dist/helpers/number/between.d.mts

@@ -1,4 +0,0 @@
-//#region src/helpers/number/between.d.ts
-declare const between: (value: number, min: number, max: number) => number;
-//#endregion
-export { between };

package/dist/helpers/number/between.mjs

@@ -1,15 +0,0 @@
-//#region src/helpers/number/between.ts
-const between = (value, min, max) => Math.min(Math.max(value, min), max);
-if (import.meta.vitest) describe("between", () => {
-	it("minとmaxの間の値の場合はそのまま返す", () => {
-		expect(between(5, 0, 10)).toBe(5);
-	});
-	it("minより小さい場合はminを返す", () => {
-		expect(between(-5, 0, 10)).toBe(0);
-	});
-	it("maxより大きい場合はmaxを返す", () => {
-		expect(between(15, 0, 10)).toBe(10);
-	});
-});
-//#endregion
-export { between };

package/dist/helpers/number/commalize.d.mts

@@ -1,4 +0,0 @@
-//#region src/helpers/number/commalize.d.ts
-declare const commalize: (num: number) => string;
-//#endregion
-export { commalize };

package/dist/helpers/number/commalize.mjs

@@ -1,20 +0,0 @@
-//#region src/helpers/number/commalize.ts
-const commalize = (num) => {
-	return Math.round(num).toString().replaceAll(/\B(?=(\d{3})+(?!\d))/g, ",");
-};
-if (import.meta.vitest) {
-	it("3桁未満の場合はそのまま返す", () => {
-		expect(commalize(100)).toBe("100");
-	});
-	it("4桁の場合はカンマ区切りにする", () => {
-		expect(commalize(1e3)).toBe("1,000");
-	});
-	it("3桁毎にカンマ区切りにする", () => {
-		expect(commalize(1e6)).toBe("1,000,000");
-	});
-	it("少数の場合は四捨五入して整数にする", () => {
-		expect(commalize(1000.5)).toBe("1,001");
-	});
-}
-//#endregion
-export { commalize };

package/dist/helpers/number/index.d.mts

@@ -1,5 +0,0 @@
-import { between } from "./between.mjs";
-import { cast } from "./cast.mjs";
-import { commalize } from "./commalize.mjs";
-import { toPrecision } from "./to-precision.mjs";
-export { between, cast, commalize, toPrecision };

package/dist/helpers/number/index.mjs

@@ -1,5 +0,0 @@
-import { between } from "./between.mjs";
-import { toPrecision } from "./to-precision.mjs";
-import { cast } from "./cast.mjs";
-import { commalize } from "./commalize.mjs";
-export { between, cast, commalize, toPrecision };

package/dist/helpers/uuid-v4.d.mts

@@ -1,4 +0,0 @@
-//#region src/helpers/uuid-v4.d.ts
-declare const uuidV4: () => string;
-//#endregion
-export { uuidV4 };

package/dist/helpers/uuid-v4.mjs

@@ -1,28 +0,0 @@
-//#region src/helpers/uuid-v4.ts
-const HEX_BASE = 16;
-const uuidV4 = () => {
-	if (typeof window !== "undefined" && isSecureContext) return crypto.randomUUID();
-	return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g, (c) => {
-		const randHex = Math.floor(Math.random() * HEX_BASE);
-		if (c === "y") return (randHex & 3 | 8).toString(HEX_BASE);
-		return randHex.toString(HEX_BASE);
-	});
-};
-if (import.meta.vitest) {
-	const testRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
-	beforeEach(() => {
-		vi.unstubAllGlobals();
-	});
-	it("安全なコンテキストではrandUUIDからuuidv4を返す", () => {
-		vi.stubGlobal("isSecureContext", true);
-		const result = uuidV4();
-		expect(result).toMatch(testRegex);
-	});
-	it("安全なコンテキスト外では自作のuuidv4を返す", () => {
-		vi.stubGlobal("isSecureContext", false);
-		const result = uuidV4();
-		expect(result).toMatch(testRegex);
-	});
-}
-//#endregion
-export { uuidV4 };