@k8o/arte-odyssey 10.2.0 → 10.3.0

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

@@ -42,14 +42,12 @@ declare const iconName: z.ZodEnum<{
   form: "form";
   list: "list";
   link: "link";
-  table: "table";
-  send: "send";
-  location: "location";
-  copy: "copy";
   check: "check";
   plus: "plus";
   minus: "minus";
   close: "close";
+  copy: "copy";
+  send: "send";
   mail: "mail";
   subscribe: "subscribe";
   rss: "rss";
@@ -57,7 +55,9 @@ declare const iconName: z.ZodEnum<{
   "update-date": "update-date";
   "publish-date": "publish-date";
   "external-link": "external-link";
+  location: "location";
   "navigation-menu": "navigation-menu";
+  table: "table";
   view: "view";
   "view-off": "view-off";
   "light-mode": "light-mode";
@@ -97,14 +97,12 @@ declare const iconProps: z.ZodObject<{
     form: "form";
     list: "list";
     link: "link";
-    table: "table";
-    send: "send";
-    location: "location";
-    copy: "copy";
     check: "check";
     plus: "plus";
     minus: "minus";
     close: "close";
+    copy: "copy";
+    send: "send";
     mail: "mail";
     subscribe: "subscribe";
     rss: "rss";
@@ -112,7 +110,9 @@ declare const iconProps: z.ZodObject<{
     "update-date": "update-date";
     "publish-date": "publish-date";
     "external-link": "external-link";
+    location: "location";
     "navigation-menu": "navigation-menu";
+    table: "table";
     view: "view";
     "view-off": "view-off";
     "light-mode": "light-mode";
@@ -158,14 +158,12 @@ declare const iconButtonProps: z.ZodObject<{
     form: "form";
     list: "list";
     link: "link";
-    table: "table";
-    send: "send";
-    location: "location";
-    copy: "copy";
     check: "check";
     plus: "plus";
     minus: "minus";
     close: "close";
+    copy: "copy";
+    send: "send";
     mail: "mail";
     subscribe: "subscribe";
     rss: "rss";
@@ -173,7 +171,9 @@ declare const iconButtonProps: z.ZodObject<{
     "update-date": "update-date";
     "publish-date": "publish-date";
     "external-link": "external-link";
+    location: "location";
     "navigation-menu": "navigation-menu";
+    table: "table";
     view: "view";
     "view-off": "view-off";
     "light-mode": "light-mode";
@@ -215,16 +215,16 @@ 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<{
-    right: "right";
     left: "left";
+    right: "right";
     up: "up";
     down: "down";
   }>;
@@ -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,10 +251,10 @@ declare const badgeProps: z.ZodObject<{
   text: z.ZodString;
   tone: z.ZodOptional<z.ZodEnum<{
     success: "success";
-    info: "info";
-    warning: "warning";
     error: "error";
     neutral: "neutral";
+    info: "info";
+    warning: "warning";
   }>>;
   variant: z.ZodOptional<z.ZodEnum<{
     solid: "solid";
@@ -304,9 +304,9 @@ declare const tableProps: z.ZodObject<{
   columns: z.ZodArray<z.ZodObject<{
     label: z.ZodString;
     align: z.ZodOptional<z.ZodEnum<{
-      right: "right";
-      left: "left";
       center: "center";
+      left: "left";
+      right: "right";
     }>>;
   }, z.core.$strip>>;
   rows: z.ZodArray<z.ZodArray<z.ZodString>>;
@@ -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>;
@@ -352,8 +352,8 @@ declare const progressProps: z.ZodObject<{
 }, z.core.$strip>;
 declare const skeletonProps: z.ZodObject<{
   shape: z.ZodOptional<z.ZodEnum<{
-    circle: "circle";
     rect: "rect";
+    circle: "circle";
   }>>;
   size: z.ZodOptional<z.ZodEnum<{
     sm: "sm";
@@ -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>;
@@ -389,29 +389,29 @@ 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";
+    center: "center";
     end: "end";
     stretch: "stretch";
-    center: "center";
   }>>;
   justify: z.ZodOptional<z.ZodEnum<{
     start: "start";
-    end: "end";
     center: "center";
+    end: "end";
     between: "between";
   }>>;
 }, z.core.$strip>;
@@ -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>;
@@ -616,10 +616,10 @@ declare const modalProps: z.ZodObject<{
   triggerLabel: z.ZodString;
   title: z.ZodString;
   type: z.ZodOptional<z.ZodEnum<{
+    center: "center";
+    left: "left";
     right: "right";
     bottom: "bottom";
-    left: "left";
-    center: "center";
   }>>;
 }, 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<{
-    right: "right";
     left: "left";
+    right: "right";
   }>>;
 }, z.core.$strip>;
 declare const popoverProps: z.ZodObject<{

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

@@ -42,29 +42,29 @@ 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";
+          center: "center";
           end: "end";
           stretch: "stretch";
-          center: "center";
         }>>;
         justify: z.ZodOptional<z.ZodEnum<{
           start: "start";
-          end: "end";
           center: "center";
+          end: "end";
           between: "between";
         }>>;
       }, z.core.$strip>;
@@ -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[];
@@ -134,10 +134,10 @@ declare const catalog: import("@json-render/core").Catalog<{
         text: z.ZodString;
         tone: z.ZodOptional<z.ZodEnum<{
           success: "success";
-          info: "info";
-          warning: "warning";
           error: "error";
           neutral: "neutral";
+          info: "info";
+          warning: "warning";
         }>>;
         variant: z.ZodOptional<z.ZodEnum<{
           solid: "solid";
@@ -170,9 +170,9 @@ declare const catalog: import("@json-render/core").Catalog<{
       props: 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>;
@@ -288,9 +288,9 @@ declare const catalog: import("@json-render/core").Catalog<{
         columns: z.ZodArray<z.ZodObject<{
           label: z.ZodString;
           align: z.ZodOptional<z.ZodEnum<{
-            right: "right";
-            left: "left";
             center: "center";
+            left: "left";
+            right: "right";
           }>>;
         }, z.core.$strip>>;
         rows: z.ZodArray<z.ZodArray<z.ZodString>>;
@@ -337,8 +337,8 @@ declare const catalog: import("@json-render/core").Catalog<{
     Skeleton: {
       props: z.ZodObject<{
         shape: z.ZodOptional<z.ZodEnum<{
-          circle: "circle";
           rect: "rect";
+          circle: "circle";
         }>>;
         size: z.ZodOptional<z.ZodEnum<{
           sm: "sm";
@@ -355,14 +355,12 @@ declare const catalog: import("@json-render/core").Catalog<{
           form: "form";
           list: "list";
           link: "link";
-          table: "table";
-          send: "send";
-          location: "location";
-          copy: "copy";
           check: "check";
           plus: "plus";
           minus: "minus";
           close: "close";
+          copy: "copy";
+          send: "send";
           mail: "mail";
           subscribe: "subscribe";
           rss: "rss";
@@ -370,7 +368,9 @@ declare const catalog: import("@json-render/core").Catalog<{
           "update-date": "update-date";
           "publish-date": "publish-date";
           "external-link": "external-link";
+          location: "location";
           "navigation-menu": "navigation-menu";
+          table: "table";
           view: "view";
           "view-off": "view-off";
           "light-mode": "light-mode";
@@ -416,8 +416,8 @@ declare const catalog: import("@json-render/core").Catalog<{
     ChevronIcon: {
       props: z.ZodObject<{
         direction: z.ZodEnum<{
-          right: "right";
           left: "left";
+          right: "right";
           up: "up";
           down: "down";
         }>;
@@ -433,9 +433,9 @@ declare const catalog: import("@json-render/core").Catalog<{
       props: z.ZodObject<{
         status: z.ZodEnum<{
           success: "success";
+          error: "error";
           info: "info";
           warning: "warning";
-          error: "error";
         }>;
         size: z.ZodOptional<z.ZodEnum<{
           sm: "sm";
@@ -451,14 +451,12 @@ declare const catalog: import("@json-render/core").Catalog<{
           form: "form";
           list: "list";
           link: "link";
-          table: "table";
-          send: "send";
-          location: "location";
-          copy: "copy";
           check: "check";
           plus: "plus";
           minus: "minus";
           close: "close";
+          copy: "copy";
+          send: "send";
           mail: "mail";
           subscribe: "subscribe";
           rss: "rss";
@@ -466,7 +464,9 @@ declare const catalog: import("@json-render/core").Catalog<{
           "update-date": "update-date";
           "publish-date": "publish-date";
           "external-link": "external-link";
+          location: "location";
           "navigation-menu": "navigation-menu";
+          table: "table";
           view: "view";
           "view-off": "view-off";
           "light-mode": "light-mode";
@@ -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>;
@@ -628,10 +628,10 @@ declare const catalog: import("@json-render/core").Catalog<{
         triggerLabel: z.ZodString;
         title: z.ZodString;
         type: z.ZodOptional<z.ZodEnum<{
+          center: "center";
+          left: "left";
           right: "right";
           bottom: "bottom";
-          left: "left";
-          center: "center";
         }>>;
       }, z.core.$strip>;
       slots: string[];
@@ -650,8 +650,8 @@ declare const catalog: import("@json-render/core").Catalog<{
         triggerLabel: z.ZodString;
         title: z.ZodString;
         side: z.ZodOptional<z.ZodEnum<{
-          right: "right";
           left: "left";
+          right: "right";
         }>>;
       }, z.core.$strip>;
       slots: string[];
@@ -685,9 +685,9 @@ declare const catalog: import("@json-render/core").Catalog<{
         triggerLabel: z.ZodString;
         tone: z.ZodEnum<{
           success: "success";
+          error: "error";
           info: "info";
           warning: "warning";
-          error: "error";
         }>;
         message: z.ZodString;
       }, z.core.$strip>;
@@ -776,11 +776,8 @@ declare const catalog: import("@json-render/core").Catalog<{
  * const systemPrompt = catalog.prompt({ customRules: [...arteOdysseyRules] });
  */
 declare const arteOdysseyRules: readonly string[];
-/** catalog に登録されたコンポーネント定義のマップ（型レベル）。 */
 type ComponentSchemas = (typeof catalog)['data']['components'];
-/** catalog に登録されたコンポーネント名のユニオン。 */
 type ComponentName = keyof ComponentSchemas;
-/** 指定したコンポーネントの props 型（Zod スキーマから推論）。 */
 type ComponentProps<K extends ComponentName> = z.infer<ComponentSchemas[K]['props']>;
 /**
  * arte-odyssey のコンポーネントだけで構成された型付き spec の要素。
@@ -809,12 +806,10 @@ type ArteSpec = {
   elements: Record<string, ArteSpecElement>;
   state?: Spec['state'];
 };
-/** 検証で見つかった 1 件の問題。 */
 type GeneratedSpecIssue = {
   /** 問題のあった要素キー（spec 全体の問題なら未指定）。 */elementKey?: string; /** 人間（および LLM）向けの説明。 */
   message: string;
 };
-/** {@link validateGeneratedSpec} の結果。 */
 type ValidateGeneratedSpecResult = {
   ok: true;
   spec: ArteSpec;

package/dist/integrations/openui/form-views.d.mts

@@ -3,15 +3,6 @@ import { FC } from "react";
 import { ComponentRenderProps } from "@openuidev/react-lang";
 
 //#region src/integrations/openui/form-views.d.ts
-/**
- * OpenUI のフォーム状態（`useStateField`）に接続する関数コンポーネント群。
- *
- * `defineComponent` の `component` フィールドにそのまま渡せる FC として実装する。
- * フックを使うので React の rules-of-hooks を満たす大文字始まり関数として
- * 定義する必要があり、`library.tsx` の宣言的な `defineComponent` 並びから
- * 切り出してここに集約した。値域と setter の解決だけを担当し、見た目の組み立て
- * は `_shared/renderers` の `renderXxx` に委譲する。
- */
 declare const TextFieldView: FC<ComponentRenderProps<TextFieldProps>>;
 declare const CheckboxView: FC<ComponentRenderProps<CheckboxProps>>;
 declare const SwitchView: FC<ComponentRenderProps<SwitchProps>>;

package/dist/integrations/openui/form-views.mjs

@@ -2,15 +2,6 @@
 import { renderAutocomplete, renderCheckbox, renderCheckboxCard, renderCheckboxGroup, renderListBox, renderNumberField, renderPagination, renderPasswordInput, renderRadio, renderRadioCard, renderSelect, renderSlider, renderSwitch, renderTextField, renderTextarea } from "../_shared/renderers.mjs";
 import { useStateField } from "@openuidev/react-lang";
 //#region src/integrations/openui/form-views.tsx
-/**
-* OpenUI のフォーム状態（`useStateField`）に接続する関数コンポーネント群。
-*
-* `defineComponent` の `component` フィールドにそのまま渡せる FC として実装する。
-* フックを使うので React の rules-of-hooks を満たす大文字始まり関数として
-* 定義する必要があり、`library.tsx` の宣言的な `defineComponent` 並びから
-* 切り出してここに集約した。値域と setter の解決だけを担当し、見た目の組み立て
-* は `_shared/renderers` の `renderXxx` に委譲する。
-*/
 const TextFieldView = ({ props }) => {
 	const field = useStateField(props.name, props.defaultValue ?? "");
 	return renderTextField(props, field.value, field.setValue);

package/dist/styles/base.css

@@ -65,7 +65,6 @@
   }
 }
 
-/* dark・light themeの値を使うための宣言 */
 @custom-variant dark (&:where(.dark, .dark *));
 @custom-variant light (&:where(.light, .light *));
 
@@ -73,3 +72,42 @@
 @custom-variant vertical (
   &:where(.writing-v, .writing-v *):not(.writing-h, .writing-h *)
 );
+
+/*
+ * Popover（top-layer）の開く時のアニメーション。
+ * :popover-open になった瞬間に keyframe を再生する。安静時の値は上書きしない
+ * （natural=opacity:1）ため固着しない。閉じる時は display:none で即時（Modal/Drawer 同様）。
+ * scale は transform ではなく `scale` プロパティを使い、CSS Anchor Positioning
+ * （inset で配置）と干渉させない。
+ */
+.ao-anim-scale:popover-open {
+  animation: ao-pop-in 0.18s ease;
+}
+.ao-anim-fade:popover-open {
+  animation: ao-fade-in 0.15s ease;
+}
+
+@keyframes ao-pop-in {
+  from {
+    scale: 0.92;
+  }
+  to {
+    scale: 1;
+  }
+}
+
+@keyframes ao-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ao-anim-scale:popover-open,
+  .ao-anim-fade:popover-open {
+    animation: none;
+  }
+}

package/dist/styles/tokens.css

@@ -299,7 +299,6 @@
   --color-transparent: transparent;
   --color-back-drop: var(--back-drop);
 
-  /* group */
   --color-group-primary: var(--group-primary);
   --color-group-secondary: var(--group-secondary);
   --color-group-tertiary: var(--group-tertiary);

package/dist/types/variables.d.mts

@@ -1,9 +1,14 @@
 //#region src/types/variables.d.ts
 type Status = 'success' | 'info' | 'warning' | 'error';
 type Direction = 'up' | 'down' | 'right' | 'left';
+/**
+ * オーバーレイの配置。物理方向（side）と整列（alignment）の組み合わせ。
+ * 旧 `@floating-ui/react` の `Placement` 互換のローカル定義。
+ */
+type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 type Option = Readonly<{
   value: string;
   label: string;
 }>;
 //#endregion
-export { Direction, Option, Status };
+export { Direction, Option, Placement, Status };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8o/arte-odyssey",
-  "version": "10.2.0",
+  "version": "10.3.0",
   "description": "k8o's React UI library with built-in generative UI adapters (json-render & OpenUI) for LLM-driven, on-brand interfaces",
   "keywords": [
     "ai",
@@ -76,7 +76,6 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
-    "@floating-ui/react": "0.27.19",
     "baseline-status": "1.1.1",
     "clsx": "2.1.1",
     "lucide-react": "1.17.0",
@@ -105,12 +104,13 @@
     "react": "19.2.6",
     "react-dom": "19.2.6",
     "storybook": "10.4.1",
+    "storybook-addon-determinism": "0.1.1",
     "storybook-addon-mock-date": "3.0.2",
     "storybook-addon-vrt": "0.1.0",
     "tailwind-token-extractor": "0.2.0",
     "tailwindcss": "4.3.0",
-    "vite": "8.0.14",
-    "vite-plus": "0.1.23",
+    "vite": "8.0.16",
+    "vite-plus": "0.1.24",
     "vitest": "4.1.7",
     "vitest-browser-react": "2.2.0",
     "zod": "4.4.3"