@k8o/arte-odyssey 10.1.1 → 10.1.2

package/README.md

@@ -241,13 +241,15 @@ These integrations are exposed as optional subpath exports. Install the framewor
 pnpm add @json-render/core @json-render/react zod
 # OpenUI
 pnpm add @openuidev/react-lang zod
+# OpenUI server-safe prompt entry (@k8o/arte-odyssey/openui/prompt) additionally needs:
+pnpm add @openuidev/lang-core
 ```
 
-Supported components (**all 46**, both frameworks):
+Supported components (**all 49**, both frameworks):
 
-- **Layout / containers**: `Stack`, `Card`, `Form`
+- **Layout / containers**: `Stack`, `Grid`, `Card`, `Form`
 - **Buttons / nav**: `Button`, `IconButton`, `Anchor`, `Breadcrumb`, `Pagination`
-- **Display**: `Badge`, `Heading`, `Avatar`, `Code`, `Icon`, `Alert`, `Spinner`, `Progress`, `Skeleton`, `Separator`, `Tabs`, `Accordion`, `Table`, `BaselineStatus`, `ScrollLinked`
+- **Display**: `Badge`, `Heading`, `Avatar`, `Code`, `Icon`, `ChevronIcon`, `StatusIcon`, `Alert`, `Spinner`, `Progress`, `Skeleton`, `Separator`, `Tabs`, `Accordion`, `Table`, `BaselineStatus`, `ScrollLinked`
 - **Overlays (self-contained widgets)**: `Modal`, `Dialog`, `Drawer`, `Popover`, `Tooltip`, `DropdownMenu`, `Toast`
 - **Form**: `TextField`, `Textarea`, `PasswordInput`, `NumberField`, `Slider`, `Checkbox`, `Switch`, `Select`, `Radio`, `RadioCard`, `CheckboxCard`, `ListBox`, `CheckboxGroup`, `Autocomplete`, `FileField`, `FormControl`
 
@@ -255,34 +257,61 @@ Overlays are exposed as **self-contained widgets**: a `Modal`/`Dialog`/`Drawer`/
 
 ### json-render (RSC-ready)
 
-The catalog (schemas / prompt) and the registry (rendering) are split so the catalog is **server-safe** — you can generate the system prompt in a React Server Component, and render on the client.
+The catalog (schemas / prompt) and the registry (rendering) are split so the catalog is **server-safe** — generate the system prompt in a React Server Component, and render on the client.
 
 ```tsx
 // Server Component: prompt generation
-import { catalog } from '@k8o/arte-odyssey/json-render';
+import { catalog, arteOdysseyRules } from '@k8o/arte-odyssey/json-render';
 
-const systemPrompt = catalog.prompt(); // safe on the server
+// `customRules` injects cross-cutting constraints the model tends to break
+// (Table cell counts match columns, href format, text-only Tabs/Accordion content).
+const systemPrompt = catalog.prompt({ customRules: [...arteOdysseyRules] });
 ```
 
 ```tsx
-// Client Component: rendering
+// Client Component: rendering.
+// `JsonRenderUI` wires JSONUIProvider + Renderer and the registry for you —
+// just pass a spec. Pass `onStateChange` to collect form values.
 'use client';
-import { registry } from '@k8o/arte-odyssey/json-render/registry';
-import { JSONUIProvider, Renderer } from '@json-render/react';
+import { JsonRenderUI } from '@k8o/arte-odyssey/json-render/registry';
 
 export function GenUi({ spec }: { spec: unknown }) {
-  return (
-    <JSONUIProvider registry={registry}>
-      <Renderer registry={registry} spec={spec} />
-    </JSONUIProvider>
-  );
+  return <JsonRenderUI spec={spec} />;
+}
+```
+
+Validate (and repair) LLM output before rendering. `validateGeneratedSpec` runs auto-fixes, structural checks, and per-component prop validation, returning a ready-to-resend repair prompt on failure:
+
+```tsx
+import { validateGeneratedSpec } from '@k8o/arte-odyssey/json-render';
+
+const result = validateGeneratedSpec(JSON.parse(llmOutput));
+if (result.ok) {
+  return <JsonRenderUI spec={result.spec} />; // result.fixes lists auto-applied fixes
 }
+const retried = await llm(result.repairPrompt); // ask the model to fix, then retry
 ```
 
-| Export                                   | Side           | Contents                         |
-| ---------------------------------------- | -------------- | -------------------------------- |
-| `@k8o/arte-odyssey/json-render`          | server-safe    | `catalog` (schemas + `prompt()`) |
-| `@k8o/arte-odyssey/json-render/registry` | `'use client'` | `registry` (rendering)           |
+Hand-written or LLM specs can be typed with `satisfies ArteSpec` so component names and props are checked at compile time (no `as unknown as Spec`):
+
+```tsx
+import type { ArteSpec } from '@k8o/arte-odyssey/json-render';
+
+const spec = {
+  root: 'root',
+  elements: {
+    root: { type: 'Stack', props: { direction: 'column' }, children: ['ok'] },
+    ok: { type: 'Button', props: { label: 'OK' } }, // typo in `type`/props → compile error
+  },
+} satisfies ArteSpec;
+```
+
+For advanced setups (custom `navigate` / `handlers` / `validationFunctions`), pass the lower-level `registry` to `JSONUIProvider` and `Renderer` from `@json-render/react` directly.
+
+| Export                                   | Side           | Contents                                                                                                                             |
+| ---------------------------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| `@k8o/arte-odyssey/json-render`          | server-safe    | `catalog` (schemas + `prompt()`), `validateGeneratedSpec`, `arteOdysseyRules`, types (`ArteSpec`, `ComponentName`, `ComponentProps`) |
+| `@k8o/arte-odyssey/json-render/registry` | `'use client'` | `JsonRenderUI` (pre-wired), `registry` (low-level)                                                                                   |
 
 ### OpenUI
 
@@ -296,13 +325,27 @@ export function GenUi({ response }: { response: string }) {
 }
 ```
 
-Generate the system prompt at build time with the OpenUI CLI, or call `library.prompt()` in the same client bundle.
+Generate the system prompt on the **server** with the dedicated server-safe entry (symmetric with json-render's `catalog.prompt()`):
+
+```tsx
+import { prompt } from '@k8o/arte-odyssey/openui/prompt';
+
+const systemPrompt = prompt(); // server-safe, no React — call it from an RSC or API route
+```
+
+To generate the prompt inside the client bundle instead, `library.prompt()` still works.
+
+| Export                            | Side           | Contents                              |
+| --------------------------------- | -------------- | ------------------------------------- |
+| `@k8o/arte-odyssey/openui`        | `'use client'` | `library` (rendering)                 |
+| `@k8o/arte-odyssey/openui/prompt` | server-safe    | `prompt()` (system prompt generation) |
 
 > **Notes**
 >
 > - Make sure `@k8o/arte-odyssey/styles.css` is loaded and the app is wrapped in `ArteOdysseyProvider`.
+> - `@k8o/arte-odyssey/openui/prompt` needs the optional peer `@openuidev/lang-core` (React-free).
 > - `Tabs` panels are text content (`tabs: [{ label, content }]`); rich-component panels are a future enhancement.
-> - In OpenUI, `Card` can contain a `Stack`, but `Stack` cannot nest another `Stack` (the framework does not support self-referential schemas). json-render nests freely (slots-based).
+> - In OpenUI, `Card` can contain a `Stack` or `Grid`, but `Stack`/`Grid` cannot directly nest a `Stack`/`Grid`/`Card` (no self-referential schemas) — put nested layout inside a `Card`. json-render nests freely (slots-based).
 
 ## Custom Hooks
 

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>, "defaultValue" | "onChange" | "className" | "style" | "name"> & {
   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>, "defaultValue" | "onChange" | "className" | "style" | "name"> & {
     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" | "onChange" | "className" | "style" | "defaultChecked" | "children" | "type" | "checked"> & ({
     value: boolean;
     onChange: (checked: boolean, event: import("react").ChangeEvent<HTMLInputElement>) => void;
     defaultChecked?: never;

package/dist/components/form/slider/slider.mjs

@@ -12,7 +12,7 @@ const Slider = ({ invalid = false, disabled = false, required = false, value, de
 	});
 	const { pending } = useFormStatus();
 	const disabledResolved = disabled || pending;
-	const range = Math.max(max - min, 1);
+	const range = max > min ? max - min : 1;
 	const progress = (currentValue - min) / range * 100;
 	const clampedProgress = `${Math.min(Math.max(progress, 0), 100)}%`;
 	return /* @__PURE__ */ jsxs("div", {

package/dist/integrations/_shared/openui-defs.d.mts

@@ -0,0 +1,19 @@
+import { Library } from "@openuidev/lang-core";
+
+//#region src/integrations/_shared/openui-defs.d.ts
+/**
+ * OpenUI ライブラリの「定義部分」（スキーマ・説明文・子要素の構成）を
+ * React 非依存で組み立てる共有ファクトリ。
+ *
+ * 描画関数（`component`）だけを外から差し込むことで、
+ * - クライアント（`openui/library.tsx`・'use client'）= 実 React 描画関数を渡す
+ * - サーバー安全（`openui/prompt.ts`）= 何も渡さず `prompt()` だけ使う
+ * の 2 つを **スキーマを二重管理せずに** 生成できる。
+ *
+ * OpenUI は schema と描画関数を `defineComponent` で同居させる設計なので、
+ * このファクトリ自体は描画関数を opaque な `C` として受け取り中身を見ない。
+ */
+type ArteOdysseyRenderers<C> = Partial<Record<string, C>>;
+declare const buildArteOdysseyLibrary: <C>(render: ArteOdysseyRenderers<C>) => Library<C>;
+//#endregion
+export { ArteOdysseyRenderers, buildArteOdysseyLibrary };

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

@@ -0,0 +1,159 @@
+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 { 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({
+		name,
+		description,
+		props,
+		component: render[name]
+	});
+	const Button = def("Button", "アクションボタン。href を指定するとリンク（<a>）になる。", buttonProps);
+	const IconButton = def("IconButton", "アイコンのみのボタン（label は必須）。", iconButtonProps);
+	const Badge = def("Badge", "ステータスやラベルのバッジ。", badgeProps);
+	const Heading = def("Heading", "見出し（h1〜h6）。", headingProps);
+	const Anchor = def("Anchor", "テキストリンク。", anchorProps);
+	const Avatar = def("Avatar", "アバター（画像 or イニシャル）。", avatarProps);
+	const Code = def("Code", "インラインのコード/値表示。", codeProps);
+	const Icon = def("Icon", "アイコン（name で指定）。", iconProps);
+	const ChevronIcon = def("ChevronIcon", "矢印アイコン。direction で向きを指定。", chevronIconProps);
+	const StatusIcon = def("StatusIcon", "ステータスを表すアイコン（success/info/warning/error）。装飾用途で、メッセージ表示なら Alert を使う。", statusIconProps);
+	const Alert = def("Alert", "状態を伝えるアラート。message は文字列または文字列配列。", alertProps);
+	const Spinner = def("Spinner", "ローディングスピナー。", spinnerProps);
+	const Progress = def("Progress", "進捗バー。", progressProps);
+	const Skeleton = def("Skeleton", "ローディングのプレースホルダ。", skeletonProps);
+	const Separator = def("Separator", "区切り線。", separatorProps);
+	const Tabs = def("Tabs", "タブ。各タブは label とテキスト content を持つ。content は文字列のみ。", tabsProps);
+	const Accordion = def("Accordion", "開閉できるアコーディオン。各項目は title とテキスト content。content は文字列のみ。", accordionProps);
+	const Breadcrumb = def("Breadcrumb", "パンくずリスト。", breadcrumbProps);
+	const Table = def("Table", "テーブル。columns と rows（行ごとのセル文字列）。各行のセル数は columns の数と一致させる。", tableProps);
+	const TextField = def("TextField", "1行テキスト入力。name でフォーム状態に束縛される。", textFieldProps);
+	const Textarea = def("Textarea", "複数行テキスト入力。name でフォーム状態に束縛される。", textareaProps);
+	const PasswordInput = def("PasswordInput", "パスワード入力。name でフォーム状態に束縛される。", passwordInputProps);
+	const NumberField = def("NumberField", "数値入力。name でフォーム状態に束縛される。", numberFieldProps);
+	const Slider = def("Slider", "スライダー。name でフォーム状態に束縛される。", sliderProps);
+	const Checkbox = def("Checkbox", "チェックボックス。name でフォーム状態に束縛される。", checkboxProps);
+	const Switch = def("Switch", "オン/オフスイッチ。name でフォーム状態に束縛される。", switchProps);
+	const Select = def("Select", "ドロップダウン選択。name でフォーム状態に束縛される。", selectProps);
+	const Radio = def("Radio", "単一選択ラジオ。name でフォーム状態に束縛される。", radioProps);
+	const RadioCard = def("RadioCard", "カード型の単一選択。name でフォーム状態に束縛される。", radioCardProps);
+	const CheckboxCard = def("CheckboxCard", "カード型の複数選択。name でフォーム状態に束縛される。", checkboxCardProps);
+	const Pagination = def("Pagination", "ページネーション。name でフォーム状態に束縛される。", paginationProps);
+	const Tooltip = def("Tooltip", "ツールチップ。ホバー/フォーカスで表示。", tooltipProps);
+	const DropdownMenu = def("DropdownMenu", "ドロップダウンメニュー。", dropdownMenuProps);
+	const Toast = def("Toast", "トースト通知。triggerLabel のボタンで発火。", toastProps);
+	const ScrollLinked = def("ScrollLinked", "ページスクロール進捗バー（fixed top）。", scrollLinkedProps);
+	const BaselineStatus = def("BaselineStatus", "Web feature の Baseline ステータス表示。", baselineStatusProps);
+	const ListBox = def("ListBox", "ポップアップ型の単一選択リスト。", listBoxProps);
+	const CheckboxGroup = def("CheckboxGroup", "チェックボックスグループ。name でフォーム状態に束縛。", checkboxGroupProps);
+	const Autocomplete = def("Autocomplete", "タグ風の複数選択オートコンプリート。", autocompleteProps);
+	const FileField = def("FileField", "ファイル選択フィールド（自己完結ウィジェット）。", fileFieldProps);
+	const FormControl = def("FormControl", "ラベル＋ヘルプ/エラー付きフィールド（text/textarea/password）。", formControlProps);
+	const childRefs = [
+		Button.ref,
+		IconButton.ref,
+		Badge.ref,
+		Heading.ref,
+		Anchor.ref,
+		Avatar.ref,
+		Code.ref,
+		Icon.ref,
+		ChevronIcon.ref,
+		StatusIcon.ref,
+		Alert.ref,
+		Spinner.ref,
+		Progress.ref,
+		Skeleton.ref,
+		Separator.ref,
+		Tabs.ref,
+		Accordion.ref,
+		Breadcrumb.ref,
+		Table.ref,
+		TextField.ref,
+		Textarea.ref,
+		PasswordInput.ref,
+		NumberField.ref,
+		Slider.ref,
+		Checkbox.ref,
+		Switch.ref,
+		Select.ref,
+		Radio.ref,
+		RadioCard.ref,
+		CheckboxCard.ref,
+		Pagination.ref,
+		Tooltip.ref,
+		DropdownMenu.ref,
+		Toast.ref,
+		ScrollLinked.ref,
+		BaselineStatus.ref,
+		ListBox.ref,
+		CheckboxGroup.ref,
+		Autocomplete.ref,
+		FileField.ref,
+		FormControl.ref
+	];
+	const Stack = def("Stack", "子要素を縦/横に等間隔で並べるレイアウトコンテナ。Stack の直下に Stack/Grid/Card は置けない。入れ子レイアウトが必要なら Card の中に Stack や Grid を入れる。", stackProps.extend({ children: z.array(z.union(childRefs)).describe("並べる子要素") }));
+	const Grid = def("Grid", "子要素をグリッド状に並べる。cols（1〜6 / auto-fill / auto-fit）と gap、auto-fill/fit 時は minItemSize で各セルの最小サイズを制御。Grid の直下に Stack/Grid/Card は置けない。", gridProps.extend({ children: z.array(z.union(childRefs)).describe("グリッド内の子要素") }));
+	const containerChildRefs = [
+		...childRefs,
+		Stack.ref,
+		Grid.ref
+	];
+	return createLibrary({
+		components: [
+			Stack,
+			Grid,
+			def("Card", "コンテンツをまとめるカード（コンテナ）。Stack や Grid も入れられる。interactive を付けるとホバー時にスケールする。", cardProps.extend({ children: z.array(z.union(containerChildRefs)).describe("カード内の子要素") })),
+			def("Form", "フォーム要素のラッパー（縦並びレイアウト）。", formProps.extend({ children: z.array(z.union(containerChildRefs)).describe("フォーム内の要素") })),
+			def("Modal", "モーダルダイアログ。triggerLabel のボタンで開く。", modalProps.extend({ children: z.array(z.union(containerChildRefs)).describe("モーダル内の要素") })),
+			def("Dialog", "センターダイアログ。triggerLabel のボタンで開く。", dialogProps.extend({ children: z.array(z.union(containerChildRefs)).describe("ダイアログ内の要素") })),
+			def("Drawer", "サイドドロワー。triggerLabel のボタンで開く。", drawerProps.extend({ children: z.array(z.union(containerChildRefs)).describe("ドロワー内の要素") })),
+			def("Popover", "ポップオーバー。triggerLabel のボタンで開閉。", popoverProps.extend({ children: z.array(z.union(containerChildRefs)).describe("ポップオーバー内の要素") })),
+			Tooltip,
+			DropdownMenu,
+			Toast,
+			Button,
+			IconButton,
+			Badge,
+			Heading,
+			Anchor,
+			Avatar,
+			Code,
+			Icon,
+			ChevronIcon,
+			StatusIcon,
+			Alert,
+			Spinner,
+			Progress,
+			Skeleton,
+			Separator,
+			ScrollLinked,
+			BaselineStatus,
+			Tabs,
+			Accordion,
+			Breadcrumb,
+			Table,
+			TextField,
+			Textarea,
+			PasswordInput,
+			NumberField,
+			Slider,
+			Checkbox,
+			Switch,
+			Select,
+			Radio,
+			RadioCard,
+			CheckboxCard,
+			Pagination,
+			ListBox,
+			CheckboxGroup,
+			Autocomplete,
+			FileField,
+			FormControl
+		],
+		root: "Stack"
+	});
+};
+//#endregion
+export { buildArteOdysseyLibrary };

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

@@ -40,16 +40,14 @@ declare const buttonProps: z.ZodObject<{
 }, z.core.$strip>;
 declare const iconName: z.ZodEnum<{
   form: "form";
-  list: "list";
   link: "link";
-  table: "table";
-  send: "send";
-  location: "location";
-  copy: "copy";
   check: "check";
+  list: "list";
   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";
@@ -95,16 +95,14 @@ declare const iconName: z.ZodEnum<{
 declare const iconProps: z.ZodObject<{
   name: z.ZodEnum<{
     form: "form";
-    list: "list";
     link: "link";
-    table: "table";
-    send: "send";
-    location: "location";
-    copy: "copy";
     check: "check";
+    list: "list";
     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";
@@ -156,16 +156,14 @@ declare const iconProps: z.ZodObject<{
 declare const iconButtonProps: z.ZodObject<{
   icon: z.ZodEnum<{
     form: "form";
-    list: "list";
     link: "link";
-    table: "table";
-    send: "send";
-    location: "location";
-    copy: "copy";
     check: "check";
+    list: "list";
     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,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>;
@@ -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";
@@ -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>;
@@ -392,21 +392,21 @@ declare const stackProps: z.ZodObject<{
     sm: "sm";
     md: "md";
     lg: "lg";
-    none: "none";
     xl: "xl";
+    none: "none";
   }>>;
   padding: z.ZodOptional<z.ZodEnum<{
     sm: "sm";
     md: "md";
     lg: "lg";
-    none: "none";
     xl: "xl";
+    none: "none";
   }>>;
   align: z.ZodOptional<z.ZodEnum<{
     start: "start";
     end: "end";
-    stretch: "stretch";
     center: "center";
+    stretch: "stretch";
   }>>;
   justify: z.ZodOptional<z.ZodEnum<{
     start: "start";
@@ -422,8 +422,8 @@ declare const gridProps: z.ZodObject<{
     sm: "sm";
     md: "md";
     lg: "lg";
-    none: "none";
     xl: "xl";
+    none: "none";
   }>>;
 }, z.core.$strip>;
 declare const scrollLinkedProps: z.ZodObject<{}, z.core.$strip>;