@k8o/arte-odyssey 10.6.0 → 10.6.1

package/dist/components/feedback/alert/alert.d.mts

@@ -12,6 +12,8 @@ type Props = {
   tone: Status;
   message: string | string[];
   action?: AlertAction;
+  onClose?: () => void;
+  closeLabel?: string;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'className' | 'style'>;
 declare const Alert: FC<Props>;
 //#endregion

package/dist/components/feedback/alert/alert.mjs

@@ -1,5 +1,6 @@
 import { cn } from "../../../helpers/cn.mjs";
-import { AlertIcon } from "../../icons/lucide.mjs";
+import { IconButton } from "../../buttons/icon-button/icon-button.mjs";
+import { AlertIcon, CloseIcon } from "../../icons/lucide.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/feedback/alert/alert.tsx
 const STATUS_LABEL = {
@@ -8,7 +9,7 @@ const STATUS_LABEL = {
 	warning: "警告",
 	error: "エラー"
 };
-const Alert = ({ tone, message, action, ...rest }) => {
+const Alert = ({ tone, message, action, onClose, closeLabel = "閉じる", ...rest }) => {
 	const actionNode = action ? action.renderItem({ children: action.label }) : null;
 	const inlineAction = action ? /* @__PURE__ */ jsx("span", {
 		className: "ml-1",
@@ -32,16 +33,32 @@ const Alert = ({ tone, message, action, ...rest }) => {
 		...rest,
 		className: cn("flex items-center gap-3 rounded-lg p-4", tone === "success" && "bg-bg-success", tone === "info" && "bg-bg-info", tone === "warning" && "bg-bg-warning", tone === "error" && "bg-bg-error"),
 		role: tone === "error" || tone === "warning" ? "alert" : "status",
-		children: [/* @__PURE__ */ jsxs("span", {
-			className: cn(tone === "success" && "text-fg-success", tone === "info" && "text-fg-info", tone === "warning" && "text-fg-warning", tone === "error" && "text-fg-error"),
-			children: [/* @__PURE__ */ jsx(AlertIcon, {
-				size: "md",
-				status: tone
-			}), /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: STATUS_LABEL[tone]
-			})]
-		}), messageContent]
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				className: cn("shrink-0", tone === "success" && "text-fg-success", tone === "info" && "text-fg-info", tone === "warning" && "text-fg-warning", tone === "error" && "text-fg-error"),
+				children: [/* @__PURE__ */ jsx(AlertIcon, {
+					size: "md",
+					status: tone
+				}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: STATUS_LABEL[tone]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "min-w-0 flex-1",
+				children: messageContent
+			}),
+			onClose ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: /* @__PURE__ */ jsx(IconButton, {
+					label: closeLabel,
+					onClick: onClose,
+					size: "sm",
+					tooltipDisabled: true,
+					children: /* @__PURE__ */ jsx(CloseIcon, { size: "sm" })
+				})
+			}) : null
+		]
 	});
 };
 //#endregion

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

@@ -215,9 +215,9 @@ 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>;
@@ -374,8 +374,8 @@ declare const toastProps: z.ZodObject<{
 }, z.core.$strip>;
 declare const separatorProps: z.ZodObject<{
   orientation: z.ZodOptional<z.ZodEnum<{
-    vertical: "vertical";
     horizontal: "horizontal";
+    vertical: "vertical";
   }>>;
   color: z.ZodOptional<z.ZodEnum<{
     base: "base";
@@ -389,18 +389,18 @@ declare const stackProps: z.ZodObject<{
     column: "column";
   }>>;
   gap: z.ZodOptional<z.ZodEnum<{
-    none: "none";
     sm: "sm";
     md: "md";
     lg: "lg";
     xl: "xl";
+    none: "none";
   }>>;
   padding: z.ZodOptional<z.ZodEnum<{
-    none: "none";
     sm: "sm";
     md: "md";
     lg: "lg";
     xl: "xl";
+    none: "none";
   }>>;
   align: z.ZodOptional<z.ZodEnum<{
     start: "start";
@@ -419,11 +419,11 @@ declare const gridProps: z.ZodObject<{
   cols: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>, z.ZodLiteral<"auto-fill">, z.ZodLiteral<"auto-fit">]>>;
   minItemSize: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<24>, z.ZodLiteral<32>, z.ZodLiteral<40>, z.ZodLiteral<48>, z.ZodLiteral<64>, z.ZodLiteral<80>]>>;
   gap: z.ZodOptional<z.ZodEnum<{
-    none: "none";
     sm: "sm";
     md: "md";
     lg: "lg";
     xl: "xl";
+    none: "none";
   }>>;
 }, z.core.$strip>;
 declare const scrollLinkedProps: z.ZodObject<{}, z.core.$strip>;

package/dist/integrations/json-render/catalog.d.mts

@@ -42,18 +42,18 @@ declare const catalog: import("@json-render/core").Catalog<{
           column: "column";
         }>>;
         gap: z.ZodOptional<z.ZodEnum<{
-          none: "none";
           sm: "sm";
           md: "md";
           lg: "lg";
           xl: "xl";
+          none: "none";
         }>>;
         padding: z.ZodOptional<z.ZodEnum<{
-          none: "none";
           sm: "sm";
           md: "md";
           lg: "lg";
           xl: "xl";
+          none: "none";
         }>>;
         align: z.ZodOptional<z.ZodEnum<{
           start: "start";
@@ -76,11 +76,11 @@ declare const catalog: import("@json-render/core").Catalog<{
         cols: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>, z.ZodLiteral<"auto-fill">, z.ZodLiteral<"auto-fit">]>>;
         minItemSize: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<24>, z.ZodLiteral<32>, z.ZodLiteral<40>, z.ZodLiteral<48>, z.ZodLiteral<64>, z.ZodLiteral<80>]>>;
         gap: z.ZodOptional<z.ZodEnum<{
-          none: "none";
           sm: "sm";
           md: "md";
           lg: "lg";
           xl: "xl";
+          none: "none";
         }>>;
       }, z.core.$strip>;
       slots: string[];
@@ -192,8 +192,8 @@ declare const catalog: import("@json-render/core").Catalog<{
     Separator: {
       props: z.ZodObject<{
         orientation: z.ZodOptional<z.ZodEnum<{
-          vertical: "vertical";
           horizontal: "horizontal";
+          vertical: "vertical";
         }>>;
         color: z.ZodOptional<z.ZodEnum<{
           base: "base";
@@ -508,9 +508,9 @@ declare const catalog: import("@json-render/core").Catalog<{
           lg: "lg";
         }>>;
         color: z.ZodOptional<z.ZodEnum<{
+          transparent: "transparent";
           primary: "primary";
           secondary: "secondary";
-          transparent: "transparent";
           base: "base";
         }>>;
       }, z.core.$strip>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "10.6.0",
+  "version": "10.6.1",
   "description": "k8o's React UI library with built-in generative UI adapters (json-render & OpenUI) for LLM-driven, on-brand interfaces",
   "keywords": [
     "ai",