@k8ordo/ui 2.0.0 → 2.1.0

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

@@ -10,14 +10,28 @@ import { Spec, UIElement } from "@json-render/core";
  *
  * 実際の描画は `@k8ordo/ui/json-render/registry`（'use client'）。
  */
-declare const catalog: import("@json-render/core").Catalog<{
+export declare const catalog: import("@json-render/core").Catalog<{
   spec: import("@json-render/core").SchemaType<"object", {
     root: import("@json-render/core").SchemaType<"string", unknown>;
     elements: import("@json-render/core").SchemaType<"record", import("@json-render/core").SchemaType<"object", {
       type: import("@json-render/core").SchemaType<"ref", string>;
       props: import("@json-render/core").SchemaType<"propsOf", string>;
       children: import("@json-render/core").SchemaType<"array", import("@json-render/core").SchemaType<"string", unknown>>;
-      visible: import("@json-render/core").SchemaType<"any", unknown>;
+      slots: {
+        optional: true;
+        kind: "record";
+        inner?: import("@json-render/core").SchemaType<"array", import("@json-render/core").SchemaType<"string", unknown>> | undefined;
+      };
+      visible: {
+        optional: true;
+        kind: "any";
+        inner?: unknown;
+      };
+      repeat: {
+        optional: true;
+        kind: "any";
+        inner?: unknown;
+      };
     }>>;
   }>;
   catalog: import("@json-render/core").SchemaType<"object", {
@@ -177,6 +191,19 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    Callout: {
+      props: z.ZodObject<{
+        tone: z.ZodEnum<{
+          error: "error";
+          info: "info";
+          success: "success";
+          warning: "warning";
+        }>;
+        label: z.ZodOptional<z.ZodString>;
+        content: z.ZodString;
+      }, z.core.$strip>;
+      description: string;
+    };
     Spinner: {
       props: z.ZodObject<{
         label: z.ZodOptional<z.ZodString>;
@@ -266,6 +293,21 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    Stepper: {
+      props: z.ZodObject<{
+        label: z.ZodString;
+        steps: z.ZodArray<z.ZodObject<{
+          label: z.ZodString;
+          description: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>;
+        current: z.ZodInt;
+        orientation: z.ZodOptional<z.ZodEnum<{
+          horizontal: "horizontal";
+          vertical: "vertical";
+        }>>;
+      }, z.core.$strip>;
+      description: string;
+    };
     Breadcrumb: {
       props: z.ZodObject<{
         size: z.ZodOptional<z.ZodEnum<{
@@ -281,6 +323,49 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    DataTable: {
+      props: z.ZodObject<{
+        label: z.ZodString;
+        columns: z.ZodArray<z.ZodObject<{
+          label: z.ZodString;
+          align: z.ZodOptional<z.ZodEnum<{
+            center: "center";
+            left: "left";
+            right: "right";
+          }>>;
+          sortable: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>>;
+        rows: z.ZodArray<z.ZodArray<z.ZodString>>;
+        selectable: z.ZodOptional<z.ZodBoolean>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    Tree: {
+      props: z.ZodObject<{
+        label: z.ZodString;
+        items: z.ZodArray<z.ZodObject<{
+          id: z.ZodString;
+          label: z.ZodString;
+          parentId: z.ZodOptional<z.ZodString>;
+          expanded: z.ZodOptional<z.ZodBoolean>;
+        }, z.core.$strip>>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    SideNav: {
+      props: z.ZodObject<{
+        label: z.ZodString;
+        groups: z.ZodArray<z.ZodObject<{
+          title: z.ZodString;
+          links: z.ZodArray<z.ZodObject<{
+            label: z.ZodString;
+            href: z.ZodString;
+            current: z.ZodOptional<z.ZodBoolean>;
+          }, z.core.$strip>>;
+        }, z.core.$strip>>;
+      }, z.core.$strip>;
+      description: string;
+    };
     Table: {
       props: z.ZodObject<{
         caption: z.ZodOptional<z.ZodString>;
@@ -324,10 +409,89 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    Kbd: {
+      props: z.ZodObject<{
+        keys: z.ZodArray<z.ZodString>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    EmptyState: {
+      props: z.ZodObject<{
+        title: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        icon: z.ZodOptional<z.ZodEnum<{
+          accessibility: "accessibility";
+          ai: "ai";
+          atom: "atom";
+          bad: "bad";
+          blog: "blog";
+          boring: "boring";
+          check: "check";
+          close: "close";
+          "color-contrast": "color-contrast";
+          "color-info": "color-info";
+          copy: "copy";
+          "dark-mode": "dark-mode";
+          difficult: "difficult";
+          easy: "easy";
+          "external-link": "external-link";
+          form: "form";
+          github: "github";
+          good: "good";
+          history: "history";
+          "horizontal-writing": "horizontal-writing";
+          informative: "informative";
+          interesting: "interesting";
+          "light-mode": "light-mode";
+          link: "link";
+          list: "list";
+          location: "location";
+          logo: "logo";
+          mail: "mail";
+          minus: "minus";
+          "mixed-color": "mixed-color";
+          "navigation-menu": "navigation-menu";
+          news: "news";
+          palette: "palette";
+          plus: "plus";
+          prepare: "prepare";
+          "publish-date": "publish-date";
+          qiita: "qiita";
+          rss: "rss";
+          send: "send";
+          shallow: "shallow";
+          "shield-check": "shield-check";
+          slide: "slide";
+          sparkles: "sparkles";
+          subscribe: "subscribe";
+          table: "table";
+          tag: "tag";
+          twitter: "twitter";
+          "update-date": "update-date";
+          "vertical-writing": "vertical-writing";
+          view: "view";
+          "view-off": "view-off";
+        }>>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    Carousel: {
+      props: z.ZodObject<{
+        label: z.ZodString;
+        slideSize: z.ZodOptional<z.ZodEnum<{
+          full: "full";
+          lg: "lg";
+          md: "md";
+          sm: "sm";
+        }>>;
+      }, z.core.$strip>;
+      slots: string[];
+      description: string;
+    };
     Progress: {
       props: z.ZodObject<{
-        value: z.ZodNumber;
-        max: z.ZodNumber;
+        value: z.ZodOptional<z.ZodNumber>;
+        max: z.ZodOptional<z.ZodNumber>;
         min: z.ZodOptional<z.ZodNumber>;
         label: z.ZodOptional<z.ZodString>;
       }, z.core.$strip>;
@@ -513,6 +677,19 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    CopyButton: {
+      props: z.ZodObject<{
+        value: z.ZodString;
+        label: z.ZodOptional<z.ZodString>;
+        iconOnly: z.ZodOptional<z.ZodBoolean>;
+        size: z.ZodOptional<z.ZodEnum<{
+          lg: "lg";
+          md: "md";
+          sm: "sm";
+        }>>;
+      }, z.core.$strip>;
+      description: string;
+    };
     Textarea: {
       props: z.ZodObject<{
         name: z.ZodString;
@@ -560,6 +737,69 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    RangeSlider: {
+      props: z.ZodObject<{
+        name: z.ZodString;
+        label: z.ZodString;
+        defaultValue: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>>;
+        min: z.ZodOptional<z.ZodNumber>;
+        max: z.ZodOptional<z.ZodNumber>;
+        step: z.ZodOptional<z.ZodNumber>;
+        invalid: z.ZodOptional<z.ZodBoolean>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    DateField: {
+      props: z.ZodObject<{
+        name: z.ZodString;
+        label: z.ZodString;
+        defaultValue: z.ZodOptional<z.ZodISODate>;
+        min: z.ZodOptional<z.ZodISODate>;
+        max: z.ZodOptional<z.ZodISODate>;
+        invalid: z.ZodOptional<z.ZodBoolean>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        required: z.ZodOptional<z.ZodBoolean>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    DatePicker: {
+      props: z.ZodObject<{
+        name: z.ZodString;
+        label: z.ZodString;
+        defaultValue: z.ZodOptional<z.ZodISODate>;
+        min: z.ZodOptional<z.ZodISODate>;
+        max: z.ZodOptional<z.ZodISODate>;
+        invalid: z.ZodOptional<z.ZodBoolean>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        required: z.ZodOptional<z.ZodBoolean>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    Calendar: {
+      props: z.ZodObject<{
+        name: z.ZodString;
+        defaultValue: z.ZodOptional<z.ZodISODate>;
+        min: z.ZodOptional<z.ZodISODate>;
+        max: z.ZodOptional<z.ZodISODate>;
+      }, z.core.$strip>;
+      description: string;
+    };
+    ColorPicker: {
+      props: z.ZodObject<{
+        name: z.ZodString;
+        label: z.ZodString;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        swatches: z.ZodOptional<z.ZodArray<z.ZodObject<{
+          value: z.ZodString;
+          label: z.ZodString;
+        }, z.core.$strip>>>;
+        invalid: z.ZodOptional<z.ZodBoolean>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        required: z.ZodOptional<z.ZodBoolean>;
+      }, z.core.$strip>;
+      description: string;
+    };
     Radio: {
       props: z.ZodObject<{
         name: z.ZodString;
@@ -671,6 +911,72 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    Toolbar: {
+      props: z.ZodObject<{
+        label: z.ZodString;
+        items: z.ZodArray<z.ZodObject<{
+          label: z.ZodString;
+          icon: z.ZodOptional<z.ZodEnum<{
+            accessibility: "accessibility";
+            ai: "ai";
+            atom: "atom";
+            bad: "bad";
+            blog: "blog";
+            boring: "boring";
+            check: "check";
+            close: "close";
+            "color-contrast": "color-contrast";
+            "color-info": "color-info";
+            copy: "copy";
+            "dark-mode": "dark-mode";
+            difficult: "difficult";
+            easy: "easy";
+            "external-link": "external-link";
+            form: "form";
+            github: "github";
+            good: "good";
+            history: "history";
+            "horizontal-writing": "horizontal-writing";
+            informative: "informative";
+            interesting: "interesting";
+            "light-mode": "light-mode";
+            link: "link";
+            list: "list";
+            location: "location";
+            logo: "logo";
+            mail: "mail";
+            minus: "minus";
+            "mixed-color": "mixed-color";
+            "navigation-menu": "navigation-menu";
+            news: "news";
+            palette: "palette";
+            plus: "plus";
+            prepare: "prepare";
+            "publish-date": "publish-date";
+            qiita: "qiita";
+            rss: "rss";
+            send: "send";
+            shallow: "shallow";
+            "shield-check": "shield-check";
+            slide: "slide";
+            sparkles: "sparkles";
+            subscribe: "subscribe";
+            table: "table";
+            tag: "tag";
+            twitter: "twitter";
+            "update-date": "update-date";
+            "vertical-writing": "vertical-writing";
+            view: "view";
+            "view-off": "view-off";
+          }>>;
+        }, z.core.$strip>>;
+        orientation: z.ZodOptional<z.ZodEnum<{
+          horizontal: "horizontal";
+          vertical: "vertical";
+        }>>;
+      }, z.core.$strip>;
+      description: string;
+    };
     DropdownMenu: {
       props: z.ZodObject<{
         triggerLabel: z.ZodString;
@@ -693,10 +999,6 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
-    ScrollLinked: {
-      props: z.ZodObject<{}, z.core.$strip>;
-      description: string;
-    };
     ListBox: {
       props: z.ZodObject<{
         name: z.ZodString;
@@ -721,6 +1023,22 @@ declare const catalog: import("@json-render/core").Catalog<{
       }, z.core.$strip>;
       description: string;
     };
+    Combobox: {
+      props: z.ZodObject<{
+        name: z.ZodString;
+        label: z.ZodString;
+        options: z.ZodArray<z.ZodObject<{
+          value: z.ZodString;
+          label: z.ZodString;
+        }, z.core.$strip>>;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        placeholder: z.ZodOptional<z.ZodString>;
+        invalid: z.ZodOptional<z.ZodBoolean>;
+        disabled: z.ZodOptional<z.ZodBoolean>;
+        required: z.ZodOptional<z.ZodBoolean>;
+      }, z.core.$strip>;
+      description: string;
+    };
     Autocomplete: {
       props: z.ZodObject<{
         name: z.ZodString;
@@ -740,6 +1058,7 @@ declare const catalog: import("@json-render/core").Catalog<{
         multiple: z.ZodOptional<z.ZodBoolean>;
         maxFiles: z.ZodOptional<z.ZodNumber>;
         clearable: z.ZodOptional<z.ZodBoolean>;
+        dropzone: z.ZodOptional<z.ZodBoolean>;
       }, z.core.$strip>;
       description: string;
     };
@@ -771,15 +1090,15 @@ declare const catalog: import("@json-render/core").Catalog<{
  * @example
  * const systemPrompt = catalog.prompt({ customRules: [...uiRules] });
  */
-declare const uiRules: readonly string[];
+export declare const uiRules: readonly string[];
 type ComponentSchemas = (typeof catalog)['data']['components'];
-type ComponentName = keyof ComponentSchemas;
-type ComponentProps<K extends ComponentName> = z.infer<ComponentSchemas[K]['props']>;
+export type ComponentName = keyof ComponentSchemas;
+export type ComponentProps<K extends ComponentName> = z.infer<ComponentSchemas[K]['props']>;
 /**
  * @k8ordo/ui のコンポーネントだけで構成された型付き spec の要素。
  * `type` と `props` がコンポーネントごとに検査される。
  */
-type UISpecElement = { [K in ComponentName]: Omit<UIElement, 'type' | 'props'> & {
+export type UISpecElement = { [K in ComponentName]: Omit<UIElement, 'type' | 'props'> & {
   type: K;
   props: ComponentProps<K>;
 }; }[ComponentName];
@@ -797,18 +1116,18 @@ type UISpecElement = { [K in ComponentName]: Omit<UIElement, 'type' | 'props'> &
  *   },
  * } satisfies UISpec;
  */
-type UISpec = {
+export type UISpec = {
   root: string;
   elements: Record<string, UISpecElement>;
   state?: Spec['state'];
 };
-type GeneratedSpecIssue = {
+export type GeneratedSpecIssue = {
   /** 問題のあった要素キー（spec 全体の問題なら未指定）。 */
   elementKey?: string;
   /** 人間（および LLM）向けの説明。 */
   message: string;
 };
-type ValidateGeneratedSpecResult = {
+export type ValidateGeneratedSpecResult = {
   ok: true;
   spec: UISpec;
   fixes: string[];
@@ -833,6 +1152,5 @@ type ValidateGeneratedSpecResult = {
  * }
  * const retried = await llm(result.repairPrompt);
  */
-declare const validateGeneratedSpec: (input: unknown) => ValidateGeneratedSpecResult;
-//#endregion
-export { ComponentName, ComponentProps, GeneratedSpecIssue, UISpec, UISpecElement, ValidateGeneratedSpecResult, catalog, uiRules, validateGeneratedSpec };
+export declare const validateGeneratedSpec: (input: unknown) => ValidateGeneratedSpecResult;
+//#endregion