@k8o/arte-odyssey 10.6.4 → 10.8.0

package/dist/components/ai/tool-invocation/tool-invocation.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { Spinner } from "../../feedback/spinner/spinner.mjs";
+import { AlertIcon, CheckIcon } from "../../icons/lucide.mjs";
+import { Collapsible } from "../_internal/collapsible.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai/tool-invocation/tool-invocation.tsx
+const stateIcon = (state) => {
+	if (state === "output-available") return /* @__PURE__ */ jsx("span", {
+		className: "text-fg-success",
+		children: /* @__PURE__ */ jsx(CheckIcon, { size: "sm" })
+	});
+	if (state === "output-error") return /* @__PURE__ */ jsx("span", {
+		className: "text-fg-error",
+		children: /* @__PURE__ */ jsx(AlertIcon, {
+			size: "sm",
+			status: "error"
+		})
+	});
+	return /* @__PURE__ */ jsx(Spinner, { size: "sm" });
+};
+const stringify = (value) => {
+	if (typeof value === "string") return value;
+	try {
+		return JSON.stringify(value, null, 2);
+	} catch {
+		return String(value);
+	}
+};
+const ToolInvocation = ({ name, state, input, output, errorText, isOpen, defaultOpen = false, onChange }) => /* @__PURE__ */ jsx(Collapsible, {
+	defaultOpen,
+	icon: stateIcon(state),
+	isOpen,
+	label: /* @__PURE__ */ jsx("span", {
+		className: "text-fg-base font-medium",
+		children: name
+	}),
+	onChange,
+	children: /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-3",
+		children: [input !== void 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+			className: "text-fg-mute mb-1 text-xs font-medium",
+			children: "入力"
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "bg-bg-mute text-fg-base overflow-x-auto rounded-lg p-2 text-xs",
+			children: stringify(input)
+		})] }), state === "output-error" ? /* @__PURE__ */ jsx("p", {
+			className: "text-fg-error text-sm",
+			children: errorText ?? "ツールの実行でエラーが発生しました。"
+		}) : output === void 0 ? null : /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+			className: "text-fg-mute mb-1 text-xs font-medium",
+			children: "出力"
+		}), typeof output === "string" ? /* @__PURE__ */ jsx("pre", {
+			className: "bg-bg-mute text-fg-base overflow-x-auto rounded-lg p-2 text-xs",
+			children: output
+		}) : output] })]
+	})
+});
+//#endregion
+export { ToolInvocation };

package/dist/components/ai/types.d.mts

@@ -0,0 +1,5 @@
+//#region src/components/ai/types.d.ts
+type ChatStatus = 'ready' | 'submitted' | 'streaming' | 'error';
+type ToolState = 'input-streaming' | 'input-available' | 'output-available' | 'output-error';
+//#endregion
+export { ChatStatus, ToolState };

package/dist/components/ai/types.mjs

@@ -0,0 +1 @@
+export {};

package/dist/components/data-display/avatar/avatar.d.mts

@@ -1,9 +1,11 @@
-import { FC, HTMLAttributes } from "react";
+import { FC, HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/data-display/avatar/avatar.d.ts
 type Props = {
   alt?: string;
+  color?: 'base' | 'primary' | 'secondary';
   fallback?: string;
+  icon?: ReactNode;
   name?: string;
   size?: 'sm' | 'md' | 'lg';
   src?: string;

package/dist/components/data-display/avatar/avatar.mjs

@@ -8,7 +8,7 @@ const getInitials = (name) => {
 	const initials = name.trim().split(/\s+/u).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
 	return initials === "" ? "?" : initials;
 };
-const Avatar = ({ alt, fallback, name, size = "md", src, ...rest }) => {
+const Avatar = ({ alt, color = "base", fallback, icon, name, size = "md", src, ...rest }) => {
 	const [failedSrc, setFailedSrc] = useState(null);
 	const showImage = Boolean(src) && failedSrc !== src;
 	const label = alt ?? name ?? "Avatar";
@@ -16,7 +16,7 @@ const Avatar = ({ alt, fallback, name, size = "md", src, ...rest }) => {
 	return /* @__PURE__ */ jsx("span", {
 		...rest,
 		"aria-label": label,
-		className: cn("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border-base bg-bg-mute font-medium text-fg-base", size === "sm" && "size-8 text-xs", size === "md" && "size-10 text-sm", size === "lg" && "size-14 text-lg"),
+		className: cn("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border font-medium", color === "base" && "border-border-base bg-bg-mute text-fg-base", color === "primary" && "border-transparent bg-primary-bg text-primary-fg", color === "secondary" && "border-transparent bg-secondary-bg text-secondary-fg", size === "sm" && "size-8 text-xs", size === "md" && "size-10 text-sm", size === "lg" && "size-14 text-lg"),
 		role: "img",
 		children: showImage ? /* @__PURE__ */ jsx("img", {
 			alt: alt ?? "",
@@ -27,9 +27,13 @@ const Avatar = ({ alt, fallback, name, size = "md", src, ...rest }) => {
 			},
 			src,
 			width: imageSize
-		}) : /* @__PURE__ */ jsx("span", {
+		}) : icon === void 0 ? /* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
 			children: fallback ?? getInitials(name)
+		}) : /* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: cn("flex items-center justify-center", size === "sm" && "[&_svg]:size-5", size === "md" && "[&_svg]:size-6", size === "lg" && "[&_svg]:size-8"),
+			children: icon
 		})
 	});
 };

package/dist/components/form/checkbox-group/index.d.mts

@@ -3,7 +3,7 @@ declare const CheckboxGroup: import("react").FC<{
   invalid?: boolean;
   required?: boolean;
   name: string;
-} & Omit<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style" | "onChange" | "name" | "defaultValue"> & {
+} & Omit<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style" | "name" | "defaultValue" | "onChange"> & {
   children?: import("react").ReactNode | undefined;
 } & ({
   value: string[];
@@ -18,7 +18,7 @@ declare const CheckboxGroup: import("react").FC<{
     invalid?: boolean;
     required?: boolean;
     name: string;
-  } & Omit<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style" | "onChange" | "name" | "defaultValue"> & {
+  } & Omit<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, "className" | "style" | "name" | "defaultValue" | "onChange"> & {
     children?: import("react").ReactNode | undefined;
   } & ({
     value: string[];
@@ -33,7 +33,7 @@ declare const CheckboxGroup: import("react").FC<{
   Item: import("react").FC<{
     itemValue?: string;
     label: string;
-  } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "type" | "className" | "style" | "value" | "onChange" | "defaultChecked" | "checked" | "children"> & ({
+  } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "className" | "style" | "checked" | "defaultChecked" | "children" | "onChange"> & ({
     value: boolean;
     onChange: (checked: boolean, event: import("react").ChangeEvent<HTMLInputElement>) => void;
     defaultChecked?: never;

package/dist/components/icons/color-scale.d.mts

@@ -0,0 +1,7 @@
+import { BaseIconProps } from "./base.mjs";
+import { FC } from "react";
+
+//#region src/components/icons/color-scale.d.ts
+declare const ColorScaleIcon: FC<Partial<BaseIconProps>>;
+//#endregion
+export { ColorScaleIcon };

package/dist/components/icons/color-scale.mjs

@@ -0,0 +1,43 @@
+import { BaseIcon } from "./base.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/icons/color-scale.tsx
+const ColorScale = ({ className }) => /* @__PURE__ */ jsxs("svg", {
+	className,
+	fill: "none",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "2",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ jsx("rect", {
+			height: "6",
+			rx: "1.5",
+			width: "7",
+			x: "3",
+			y: "3"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			height: "6",
+			rx: "1.5",
+			width: "7",
+			x: "8.5",
+			y: "9"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			fill: "currentColor",
+			height: "6",
+			rx: "1.5",
+			width: "7",
+			x: "14",
+			y: "15"
+		})
+	]
+});
+const ColorScaleIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(ColorScale, { ...props }),
+	size
+});
+//#endregion
+export { ColorScaleIcon };

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

@@ -1,8 +1,9 @@
 import { ArteOdyssey } from "./arte-odyssey.mjs";
+import { ColorScaleIcon } from "./color-scale.mjs";
 import { GitHubIcon } from "./github-mark.mjs";
 import { Logo, LogoIcon } from "./logo.mjs";
-import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./lucide.mjs";
 import { QiitaIcon } from "./qiita.mjs";
 import { TwitterIcon } from "./twitter.mjs";
 import { VerticalWritingIcon } from "./vertical-writing.mjs";
-export { AIIcon, AccessibilityIcon, AlertIcon, ArteOdyssey, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, QiitaIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon };
+export { AIIcon, AccessibilityIcon, AlertIcon, ArteOdyssey, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, QiitaIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/index.mjs

@@ -1,8 +1,9 @@
 import { ArteOdyssey } from "./arte-odyssey.mjs";
+import { ColorScaleIcon } from "./color-scale.mjs";
 import { GitHubIcon } from "./github-mark.mjs";
 import { Logo, LogoIcon } from "./logo.mjs";
-import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./lucide.mjs";
 import { QiitaIcon } from "./qiita.mjs";
 import { TwitterIcon } from "./twitter.mjs";
 import { VerticalWritingIcon } from "./vertical-writing.mjs";
-export { AIIcon, AccessibilityIcon, AlertIcon, ArteOdyssey, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, QiitaIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon };
+export { AIIcon, AccessibilityIcon, AlertIcon, ArteOdyssey, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, QiitaIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/lucide-imports.d.mts

@@ -7,6 +7,7 @@ import Blend from "lucide-react/dist/esm/icons/blend.mjs";
 import BookOpenText from "lucide-react/dist/esm/icons/book-open-text.mjs";
 import BookText from "lucide-react/dist/esm/icons/book-text.mjs";
 import Bookmark from "lucide-react/dist/esm/icons/bookmark.mjs";
+import BotMessageSquare from "lucide-react/dist/esm/icons/bot-message-square.mjs";
 import Bot from "lucide-react/dist/esm/icons/bot.mjs";
 import Calendar from "lucide-react/dist/esm/icons/calendar.mjs";
 import Check from "lucide-react/dist/esm/icons/check.mjs";
@@ -60,4 +61,4 @@ import ThumbsDown from "lucide-react/dist/esm/icons/thumbs-down.mjs";
 import ThumbsUp from "lucide-react/dist/esm/icons/thumbs-up.mjs";
 import TriangleAlert from "lucide-react/dist/esm/icons/triangle-alert.mjs";
 import X from "lucide-react/dist/esm/icons/x.mjs";
-export { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X };
+export { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, BotMessageSquare, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X };

package/dist/components/icons/lucide-imports.mjs

@@ -7,6 +7,7 @@ import Blend from "lucide-react/dist/esm/icons/blend.mjs";
 import BookOpenText from "lucide-react/dist/esm/icons/book-open-text.mjs";
 import BookText from "lucide-react/dist/esm/icons/book-text.mjs";
 import Bookmark from "lucide-react/dist/esm/icons/bookmark.mjs";
+import BotMessageSquare from "lucide-react/dist/esm/icons/bot-message-square.mjs";
 import Bot from "lucide-react/dist/esm/icons/bot.mjs";
 import Calendar from "lucide-react/dist/esm/icons/calendar.mjs";
 import Check from "lucide-react/dist/esm/icons/check.mjs";
@@ -60,4 +61,4 @@ import ThumbsDown from "lucide-react/dist/esm/icons/thumbs-down.mjs";
 import ThumbsUp from "lucide-react/dist/esm/icons/thumbs-up.mjs";
 import TriangleAlert from "lucide-react/dist/esm/icons/triangle-alert.mjs";
 import X from "lucide-react/dist/esm/icons/x.mjs";
-export { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X };
+export { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, BotMessageSquare, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X };

package/dist/components/icons/lucide.d.mts

@@ -39,6 +39,7 @@ declare const LightModeIcon: FC<IconProps>;
 declare const ViewIcon: FC<IconProps>;
 declare const ViewOffIcon: FC<IconProps>;
 declare const AIIcon: FC<IconProps>;
+declare const AssistantIcon: FC<IconProps>;
 declare const RSSIcon: FC<IconProps>;
 declare const HistoryIcon: FC<IconProps>;
 declare const ListIcon: FC<IconProps>;
@@ -65,4 +66,4 @@ declare const FullscreenIcon: FC<IconProps>;
 declare const LockIcon: FC<IconProps>;
 declare const LockOpenIcon: FC<IconProps>;
 //#endregion
-export { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon };
+export { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/lucide.mjs

@@ -1,5 +1,5 @@
 import { BaseIcon } from "./base.mjs";
-import { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X } from "./lucide-imports.mjs";
+import { Accessibility, AlignRight, Angry, Annoyed, Atom, Bell, Blend, BookOpenText, BookText, Bookmark, Bot, BotMessageSquare, Calendar, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleAlert, CircleCheck, ClipboardPenLine, Clock, CodeXml, Contrast, Droplets, ExternalLink, Eye, EyeOff, FlaskConical, GitFork, History, Info, Laugh, Lightbulb, Link, List, ListMinus, Lock, LockOpen, Mail, MapPin, Maximize, Minus, MoonStar, Package, PaintBucket, Palette, Plus, Presentation, Rocket, Rss, Send, ShieldCheck, Smile, Sparkles, Squircle, Sun, Table2, Tag, ThumbsDown, ThumbsUp, TriangleAlert, X } from "./lucide-imports.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/icons/lucide.tsx
 const CHEVRON_BY_DIRECTION = {
@@ -144,6 +144,10 @@ const AIIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
 	renderItem: (props) => /* @__PURE__ */ jsx(Bot, { ...props }),
 	size
 });
+const AssistantIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
+	renderItem: (props) => /* @__PURE__ */ jsx(BotMessageSquare, { ...props }),
+	size
+});
 const RSSIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
 	renderItem: (props) => /* @__PURE__ */ jsx(Rss, { ...props }),
 	size
@@ -245,4 +249,4 @@ const LockOpenIcon = ({ size = "md" }) => /* @__PURE__ */ jsx(BaseIcon, {
 	size
 });
 //#endregion
-export { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon };
+export { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon };

package/dist/components/index.d.mts

@@ -32,9 +32,10 @@ import { Switch } from "./form/switch/switch.mjs";
 import { TextField } from "./form/text-field/text-field.mjs";
 import { Textarea } from "./form/textarea/textarea.mjs";
 import { ArteOdyssey } from "./icons/arte-odyssey.mjs";
+import { ColorScaleIcon } from "./icons/color-scale.mjs";
 import { GitHubIcon } from "./icons/github-mark.mjs";
 import { Logo, LogoIcon } from "./icons/logo.mjs";
-import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./icons/lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./icons/lucide.mjs";
 import { QiitaIcon } from "./icons/qiita.mjs";
 import { TwitterIcon } from "./icons/twitter.mjs";
 import { VerticalWritingIcon } from "./icons/vertical-writing.mjs";
@@ -55,4 +56,4 @@ import { useOpenContext } from "./overlays/popover/hooks.mjs";
 import { Popover } from "./overlays/popover/popover.mjs";
 import { ArteOdysseyProvider } from "./providers/arte-odyssey-provider.mjs";
 import { PortalRootProvider, usePortalRoot } from "./providers/portal-root.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, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, useOpenContext, usePortalRoot, useToast };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, useOpenContext, usePortalRoot, useToast };

package/dist/components/index.mjs

@@ -5,9 +5,10 @@ import { Popover } from "./overlays/popover/popover.mjs";
 import { Tooltip } from "./overlays/tooltip/tooltip.mjs";
 import { IconButton } from "./buttons/icon-button/icon-button.mjs";
 import { ArteOdyssey } from "./icons/arte-odyssey.mjs";
+import { ColorScaleIcon } from "./icons/color-scale.mjs";
 import { GitHubIcon } from "./icons/github-mark.mjs";
 import { Logo, LogoIcon } from "./icons/logo.mjs";
-import { AIIcon, AccessibilityIcon, AlertIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./icons/lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./icons/lucide.mjs";
 import { QiitaIcon } from "./icons/qiita.mjs";
 import { TwitterIcon } from "./icons/twitter.mjs";
 import { VerticalWritingIcon } from "./icons/vertical-writing.mjs";
@@ -55,4 +56,4 @@ import { Modal } from "./overlays/modal/modal.mjs";
 import { Drawer } from "./overlays/drawer/drawer.mjs";
 import { DropdownMenu } from "./overlays/dropdown-menu/dropdown-menu.mjs";
 import { ListBox } from "./overlays/list-box/list-box.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, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, useOpenContext, usePortalRoot, useToast };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, useOpenContext, usePortalRoot, useToast };

package/dist/index.d.mts

@@ -33,9 +33,10 @@ import { Switch } from "./components/form/switch/switch.mjs";
 import { TextField } from "./components/form/text-field/text-field.mjs";
 import { Textarea } from "./components/form/textarea/textarea.mjs";
 import { ArteOdyssey } from "./components/icons/arte-odyssey.mjs";
+import { ColorScaleIcon } from "./components/icons/color-scale.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, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, 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";
@@ -84,4 +85,4 @@ import { useTimeout } from "./hooks/timeout/index.mjs";
 import { useWindowResize } from "./hooks/window-resize/index.mjs";
 import { useWindowSize } from "./hooks/window-size/index.mjs";
 import { WritingMode, useWritingMode } from "./hooks/writing-mode/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, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, type DebouncedAction, Dialog, DifficultIcon, type Direction, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, type Option, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, type Status, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, type WritingMode, 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, useWritingMode };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, type DebouncedAction, Dialog, DifficultIcon, type Direction, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, type GridProps, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, type Option, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, type StackProps, type Status, SubscribeIcon, Switch, Table, TableIcon, Tabs, TagIcon, TextField, Textarea, ToastProvider, Tooltip, TwitterIcon, UpdateDateIcon, VerticalWritingIcon, ViewIcon, ViewOffIcon, type WritingMode, 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, useWritingMode };

package/dist/index.mjs

@@ -33,9 +33,10 @@ import { Popover } from "./components/overlays/popover/popover.mjs";
 import { Tooltip } from "./components/overlays/tooltip/tooltip.mjs";
 import { IconButton } from "./components/buttons/icon-button/icon-button.mjs";
 import { ArteOdyssey } from "./components/icons/arte-odyssey.mjs";
+import { ColorScaleIcon } from "./components/icons/color-scale.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, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, SubscribeIcon, TableIcon, TagIcon, UpdateDateIcon, ViewIcon, ViewOffIcon } from "./components/icons/lucide.mjs";
+import { AIIcon, AccessibilityIcon, AlertIcon, AssistantIcon, AtomIcon, BadIcon, BlogIcon, BoringIcon, CheckIcon, ChevronIcon, CloseIcon, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, DifficultIcon, EasyIcon, ExternalLinkIcon, FlaskIcon, ForkIcon, FormIcon, FullscreenIcon, GoodIcon, HistoryIcon, HorizontalWritingIcon, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LockOpenIcon, MailIcon, MinusIcon, MixedColorIcon, NavigationMenuIcon, NewsIcon, PackageIcon, PaletteIcon, PlusIcon, PrepareIcon, PublishDateIcon, RSSIcon, SendIcon, ShallowIcon, ShieldCheckIcon, SlideIcon, SparklesIcon, SquircleIcon, 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";
@@ -83,4 +84,4 @@ 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";
-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, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, 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, useWritingMode };
+export { AIIcon, AccessibilityIcon, Accordion, Alert, AlertIcon, Anchor, ArteOdyssey, ArteOdysseyProvider, AssistantIcon, AtomIcon, Autocomplete, Avatar, BadIcon, Badge, BaselineStatus, BlogIcon, BoringIcon, Breadcrumb, Button, Card, CheckIcon, Checkbox, CheckboxCard, CheckboxGroup, ChevronIcon, CloseIcon, Code, CodeXmlIcon, ColorContrastIcon, ColorInfoIcon, ColorScaleIcon, CopyIcon, DarkModeIcon, Dialog, DifficultIcon, Drawer, DropdownMenu, EasyIcon, ExternalLinkIcon, FileField, FlaskIcon, ForkIcon, Form, FormControl, FormIcon, FullscreenIcon, GitHubIcon, GoodIcon, Grid, Heading, HistoryIcon, HorizontalWritingIcon, IconButton, InformativeIcon, InterestingIcon, LightModeIcon, LinkIcon, ListBox, ListIcon, LocationIcon, LockIcon, LockOpenIcon, Logo, LogoIcon, MailIcon, MinusIcon, MixedColorIcon, Modal, NavigationMenuIcon, NewsIcon, NumberField, PackageIcon, Pagination, PaletteIcon, PasswordInput, PlusIcon, Popover, PortalRootProvider, PrepareIcon, Progress, PublishDateIcon, QiitaIcon, RSSIcon, Radio, RadioCard, ScrollLinked, Select, SendIcon, Separator, ShallowIcon, ShieldCheckIcon, Skeleton, SlideIcon, Slider, SparklesIcon, Spinner, SquircleIcon, Stack, 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, useWritingMode };

package/dist/integrations/_shared/openui-defs.mjs

@@ -1,6 +1,6 @@
 import { accordionProps, alertProps, anchorProps, autocompleteProps, avatarProps, badgeProps, baselineStatusProps, breadcrumbProps, buttonProps, cardProps, checkboxCardProps, checkboxGroupProps, checkboxProps, chevronIconProps, codeProps, dialogProps, drawerProps, dropdownMenuProps, fileFieldProps, formControlProps, formProps, gridProps, headingProps, iconButtonProps, iconProps, listBoxProps, modalProps, numberFieldProps, paginationProps, passwordInputProps, popoverProps, progressProps, radioCardProps, radioProps, scrollLinkedProps, selectProps, separatorProps, skeletonProps, sliderProps, spinnerProps, stackProps, statusIconProps, switchProps, tableProps, tabsProps, textFieldProps, textareaProps, toastProps, tooltipProps } from "./schemas.mjs";
-import { z } from "zod";
 import { createLibrary, defineComponent } from "@openuidev/lang-core";
+import { z } from "zod";
 //#region src/integrations/_shared/openui-defs.ts
 const buildArteOdysseyLibrary = (render) => {
 	const def = (name, description, props) => defineComponent({

package/dist/integrations/_shared/schemas.d.mts

@@ -39,10 +39,10 @@ declare const buttonProps: z.ZodObject<{
   href: z.ZodOptional<z.ZodString>;
 }, z.core.$strip>;
 declare const iconName: z.ZodEnum<{
-  form: "form";
-  list: "list";
   link: "link";
   check: "check";
+  form: "form";
+  list: "list";
   plus: "plus";
   minus: "minus";
   close: "close";
@@ -94,10 +94,10 @@ declare const iconName: z.ZodEnum<{
 }>;
 declare const iconProps: z.ZodObject<{
   name: z.ZodEnum<{
-    form: "form";
-    list: "list";
     link: "link";
     check: "check";
+    form: "form";
+    list: "list";
     plus: "plus";
     minus: "minus";
     close: "close";
@@ -155,10 +155,10 @@ declare const iconProps: z.ZodObject<{
 }, z.core.$strip>;
 declare const iconButtonProps: z.ZodObject<{
   icon: z.ZodEnum<{
-    form: "form";
-    list: "list";
     link: "link";
     check: "check";
+    form: "form";
+    list: "list";
     plus: "plus";
     minus: "minus";
     close: "close";
@@ -215,18 +215,18 @@ declare const iconButtonProps: z.ZodObject<{
     lg: "lg";
   }>>;
   color: z.ZodOptional<z.ZodEnum<{
-    transparent: "transparent";
     primary: "primary";
     secondary: "secondary";
+    transparent: "transparent";
     base: "base";
   }>>;
 }, z.core.$strip>;
 declare const chevronIconProps: z.ZodObject<{
   direction: z.ZodEnum<{
-    left: "left";
-    right: "right";
     up: "up";
     down: "down";
+    right: "right";
+    left: "left";
   }>;
   size: z.ZodOptional<z.ZodEnum<{
     sm: "sm";
@@ -237,9 +237,9 @@ declare const chevronIconProps: z.ZodObject<{
 declare const statusIconProps: z.ZodObject<{
   status: z.ZodEnum<{
     success: "success";
+    error: "error";
     info: "info";
     warning: "warning";
-    error: "error";
   }>;
   size: z.ZodOptional<z.ZodEnum<{
     sm: "sm";
@@ -251,9 +251,9 @@ declare const badgeProps: z.ZodObject<{
   text: z.ZodString;
   tone: z.ZodOptional<z.ZodEnum<{
     success: "success";
+    error: "error";
     info: "info";
     warning: "warning";
-    error: "error";
     neutral: "neutral";
   }>>;
   variant: z.ZodOptional<z.ZodEnum<{
@@ -304,8 +304,8 @@ declare const tableProps: z.ZodObject<{
   columns: z.ZodArray<z.ZodObject<{
     label: z.ZodString;
     align: z.ZodOptional<z.ZodEnum<{
-      left: "left";
       right: "right";
+      left: "left";
       center: "center";
     }>>;
   }, z.core.$strip>>;
@@ -330,9 +330,9 @@ declare const cardProps: z.ZodObject<{
 declare const alertProps: z.ZodObject<{
   tone: z.ZodEnum<{
     success: "success";
+    error: "error";
     info: "info";
     warning: "warning";
-    error: "error";
   }>;
   message: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
 }, z.core.$strip>;
@@ -366,9 +366,9 @@ declare const toastProps: z.ZodObject<{
   triggerLabel: z.ZodString;
   tone: z.ZodEnum<{
     success: "success";
+    error: "error";
     info: "info";
     warning: "warning";
-    error: "error";
   }>;
   message: z.ZodString;
 }, z.core.$strip>;
@@ -616,10 +616,10 @@ declare const modalProps: z.ZodObject<{
   triggerLabel: z.ZodString;
   title: z.ZodString;
   type: z.ZodOptional<z.ZodEnum<{
-    bottom: "bottom";
-    left: "left";
     right: "right";
+    left: "left";
     center: "center";
+    bottom: "bottom";
   }>>;
 }, z.core.$strip>;
 declare const dialogProps: z.ZodObject<{
@@ -630,8 +630,8 @@ declare const drawerProps: z.ZodObject<{
   triggerLabel: z.ZodString;
   title: z.ZodString;
   side: z.ZodOptional<z.ZodEnum<{
-    left: "left";
     right: "right";
+    left: "left";
   }>>;
 }, z.core.$strip>;
 declare const popoverProps: z.ZodObject<{

package/dist/integrations/ai-sdk/index.d.mts

@@ -0,0 +1,3 @@
+import { ChatStatus, ToolState } from "../../components/ai/types.mjs";
+import { MappedPart, mapMessageParts } from "./map-parts.mjs";
+export { type ChatStatus, type MappedPart, type ToolState, mapMessageParts };

package/dist/integrations/ai-sdk/index.mjs

@@ -0,0 +1,2 @@
+import { mapMessageParts } from "./map-parts.mjs";
+export { mapMessageParts };

package/dist/integrations/ai-sdk/map-parts.d.mts

@@ -0,0 +1,28 @@
+import { ToolState } from "../../components/ai/types.mjs";
+import { UIMessage } from "ai";
+
+//#region src/integrations/ai-sdk/map-parts.d.ts
+type MappedPart = {
+  kind: 'text';
+  text: string;
+} | {
+  kind: 'reasoning';
+  text: string;
+} | {
+  kind: 'tool';
+  name: string;
+  toolCallId: string;
+  state: ToolState;
+  input?: unknown;
+  output?: unknown;
+  errorText?: string;
+};
+/**
+ * AI SDK の `UIMessage.parts` を ArteOdyssey の AI チャットコンポーネントに
+ * 対応付けやすい素朴な配列へ変換する。React には依存せず、利用側が
+ * `mapMessageParts(message).map(...)` で `Response` / `Reasoning` /
+ * `ToolInvocation` を自分で描画する。
+ */
+declare const mapMessageParts: (message: UIMessage) => MappedPart[];
+//#endregion
+export { MappedPart, mapMessageParts };