@k8o/arte-odyssey 10.1.2 → 10.3.0

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

@@ -57,14 +57,14 @@ declare const catalog: import("@json-render/core").Catalog<{
         }>>;
         align: z.ZodOptional<z.ZodEnum<{
           start: "start";
-          end: "end";
           center: "center";
+          end: "end";
           stretch: "stretch";
         }>>;
         justify: z.ZodOptional<z.ZodEnum<{
           start: "start";
-          end: "end";
           center: "center";
+          end: "end";
           between: "between";
         }>>;
       }, 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>>;
@@ -353,9 +353,9 @@ declare const catalog: import("@json-render/core").Catalog<{
       props: z.ZodObject<{
         name: z.ZodEnum<{
           form: "form";
+          list: "list";
           link: "link";
           check: "check";
-          list: "list";
           plus: "plus";
           minus: "minus";
           close: "close";
@@ -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";
         }>;
@@ -449,9 +449,9 @@ declare const catalog: import("@json-render/core").Catalog<{
       props: z.ZodObject<{
         icon: z.ZodEnum<{
           form: "form";
+          list: "list";
           link: "link";
           check: "check";
-          list: "list";
           plus: "plus";
           minus: "minus";
           close: "close";
@@ -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[];
@@ -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.1.2",
+  "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"