@godxjp/ui 20.2.1 → 21.0.0

package/dist/props/registry.d.ts

@@ -2212,10 +2212,114 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "Block click handler carrying the event; its presence turns every block into a real button.";
         }];
     };
-    readonly TreeListProp: {
+    readonly ChatBubblePlacementProp: {
         readonly group: "data-display";
-        readonly file: "components/data-display/tree-list.tsx";
-        readonly vocabulary: readonly ["ClassNameProp"];
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "placement";
+            readonly local: true;
+            readonly reason: 'Side of the conversation a message sits on ("start" | "end"), spelled on the LOGICAL inline axis so a feed flips under dir="rtl" with no per-locale branch.';
+        }];
+    };
+    readonly ChatBubbleVariantProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "variant";
+            readonly local: true;
+            readonly reason: "Structural treatment of the message body (filled | borderless | outlined). Status colour stays on `tone`; Ant Design X's `shadow` is absent because this system has no drop shadows.";
+        }];
+    };
+    readonly ChatBubbleToneProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["ToneProp"];
+    };
+    readonly ChatBubbleTypingProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "typing";
+            readonly local: true;
+            readonly reason: "Stream-in animation: `true` or `{ step, interval }`. Dropped entirely under prefers-reduced-motion, which renders the full text at once (WCAG 2.3.3).";
+        }];
+    };
+    readonly ChatBubbleProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["ChildrenProp", "SizeProp", "ToneProp", "PendingProp", "ClassNameProp", "IdProp", {
+            readonly field: "placement";
+            readonly local: true;
+            readonly reason: "See ChatBubblePlacementProp, the conversation-side vocabulary.";
+        }, {
+            readonly field: "variant";
+            readonly local: true;
+            readonly reason: "See ChatBubbleVariantProp, the message-body treatment vocabulary.";
+        }, {
+            readonly field: "avatar";
+            readonly local: true;
+            readonly reason: "The author's mark — a real <Avatar> node. A slot, not a label: the accessible name comes from `header`, so a decorative avatar is aria-hidden at the call site.";
+        }, {
+            readonly field: "header";
+            readonly local: true;
+            readonly reason: "Line above the body naming the turn's author. Distinct from TitleProp: it is the bubble's ACCESSIBLE NAME, not a heading in the document outline.";
+        }, {
+            readonly field: "footer";
+            readonly local: true;
+            readonly reason: "Line below the body (timestamp, per-message actions). Not FooterProp, which is a page-level action bar.";
+        }, {
+            readonly field: "typing";
+            readonly local: true;
+            readonly reason: "See ChatBubbleTypingProp, the stream-in animation vocabulary.";
+        }];
+    };
+    readonly ChatMessageProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["IdProp", "ChildrenProp", {
+            readonly field: "role";
+            readonly local: true;
+            readonly reason: 'Key into ChatBubbleList\'s `roles` map ("user" | "assistant" | "system" | a product\'s own). A data field, not the ARIA `role` attribute.';
+        }, {
+            readonly field: "content";
+            readonly local: true;
+            readonly reason: "The message body. Spelled `content` rather than `children` because a data item in an array is not a JSX child.";
+        }];
+    };
+    readonly ChatBubbleListProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["LabelProp", "ClassNameProp", "IdProp", {
+            readonly field: "items";
+            readonly local: true;
+            readonly reason: "Consumer-supplied messages in conversation order (see ChatMessageProp).";
+        }, {
+            readonly field: "roles";
+            readonly local: true;
+            readonly reason: "Per-role bubble defaults merged UNDER each message's own props, so a feed's shape is declared once instead of on every message.";
+        }, {
+            readonly field: "autoScroll";
+            readonly local: true;
+            readonly reason: 'Stick-to-bottom while the reader is already at the bottom. Not a generic boolean flag: revoking the pin the moment they scroll up is the behaviour, and it drives the "jump to latest" affordance.';
+        }];
+    };
+    readonly TreeNodeProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "icon";
+            readonly local: true;
+            readonly reason: "Per-node glyph drawn when Tree's showIcon is on.";
+        }, {
+            readonly field: "children";
+            readonly local: true;
+            readonly reason: "The node's own child nodes — the hierarchy itself, not a slot.";
+        }];
+    };
+    readonly TreeProp: {
+        readonly group: "data-display";
+        readonly file: "components/data-display.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "DisabledProp", "SizeProp", "ClassNameProp", "IdProp"];
     };
     readonly CardProp: {
         readonly group: "data-display";
@@ -2562,6 +2666,39 @@ export declare const COMPONENT_PROP_REGISTRY: {
             readonly reason: "Forwarded MasterDetail stacking threshold override.";
         }];
     };
+    readonly ChatComposerSubmitTypeProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly [];
+    };
+    readonly ChatComposerProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "PendingProp", "SizeProp", "ControlStatusProp", "NameProp", "IdProp", "ClassNameProp"];
+    };
+    readonly ChatSuggestionItemProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["ValueProp", "LabelProp", "DisabledProp"];
+    };
+    readonly ChatSuggestionRenderProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "onTrigger";
+            readonly local: true;
+            readonly reason: "Render-prop callback the composer calls to re-read the caret; not a value change.";
+        }, {
+            readonly field: "onKeyDown";
+            readonly local: true;
+            readonly reason: "Render-prop keydown forwarder — the composer's own DOM handler, not a state axis.";
+        }];
+    };
+    readonly ChatSuggestionProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["OnValueChangeProp", "OpenProp", "DefaultOpenProp", "OnOpenChangeProp", "ChildrenProp", "EmptyMessageProp", "IdProp", "ClassNameProp"];
+    };
 };
 export type ComponentPropName = keyof typeof COMPONENT_PROP_REGISTRY;
 /** Forbidden duplicate concepts — use the canonical name on the left. */

package/dist/props/registry.js

@@ -2570,10 +2570,152 @@ const COMPONENT_PROP_REGISTRY = {
       }
     ]
   },
-  TreeListProp: {
+  ChatBubblePlacementProp: {
     group: "data-display",
-    file: "components/data-display/tree-list.tsx",
-    vocabulary: ["ClassNameProp"]
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "placement",
+        local: true,
+        reason: 'Side of the conversation a message sits on ("start" | "end"), spelled on the LOGICAL inline axis so a feed flips under dir="rtl" with no per-locale branch.'
+      }
+    ]
+  },
+  ChatBubbleVariantProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "variant",
+        local: true,
+        reason: "Structural treatment of the message body (filled | borderless | outlined). Status colour stays on `tone`; Ant Design X's `shadow` is absent because this system has no drop shadows."
+      }
+    ]
+  },
+  ChatBubbleToneProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: ["ToneProp"]
+  },
+  ChatBubbleTypingProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      {
+        field: "typing",
+        local: true,
+        reason: "Stream-in animation: `true` or `{ step, interval }`. Dropped entirely under prefers-reduced-motion, which renders the full text at once (WCAG 2.3.3)."
+      }
+    ]
+  },
+  ChatBubbleProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "ChildrenProp",
+      "SizeProp",
+      "ToneProp",
+      "PendingProp",
+      "ClassNameProp",
+      "IdProp",
+      {
+        field: "placement",
+        local: true,
+        reason: "See ChatBubblePlacementProp, the conversation-side vocabulary."
+      },
+      {
+        field: "variant",
+        local: true,
+        reason: "See ChatBubbleVariantProp, the message-body treatment vocabulary."
+      },
+      {
+        field: "avatar",
+        local: true,
+        reason: "The author's mark \u2014 a real <Avatar> node. A slot, not a label: the accessible name comes from `header`, so a decorative avatar is aria-hidden at the call site."
+      },
+      {
+        field: "header",
+        local: true,
+        reason: "Line above the body naming the turn's author. Distinct from TitleProp: it is the bubble's ACCESSIBLE NAME, not a heading in the document outline."
+      },
+      {
+        field: "footer",
+        local: true,
+        reason: "Line below the body (timestamp, per-message actions). Not FooterProp, which is a page-level action bar."
+      },
+      {
+        field: "typing",
+        local: true,
+        reason: "See ChatBubbleTypingProp, the stream-in animation vocabulary."
+      }
+    ]
+  },
+  ChatMessageProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "IdProp",
+      "ChildrenProp",
+      {
+        field: "role",
+        local: true,
+        reason: 'Key into ChatBubbleList\'s `roles` map ("user" | "assistant" | "system" | a product\'s own). A data field, not the ARIA `role` attribute.'
+      },
+      {
+        field: "content",
+        local: true,
+        reason: "The message body. Spelled `content` rather than `children` because a data item in an array is not a JSX child."
+      }
+    ]
+  },
+  ChatBubbleListProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "LabelProp",
+      "ClassNameProp",
+      "IdProp",
+      {
+        field: "items",
+        local: true,
+        reason: "Consumer-supplied messages in conversation order (see ChatMessageProp)."
+      },
+      {
+        field: "roles",
+        local: true,
+        reason: "Per-role bubble defaults merged UNDER each message's own props, so a feed's shape is declared once instead of on every message."
+      },
+      {
+        field: "autoScroll",
+        local: true,
+        reason: 'Stick-to-bottom while the reader is already at the bottom. Not a generic boolean flag: revoking the pin the moment they scroll up is the behaviour, and it drives the "jump to latest" affordance.'
+      }
+    ]
+  },
+  TreeNodeProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      { field: "icon", local: true, reason: "Per-node glyph drawn when Tree's showIcon is on." },
+      {
+        field: "children",
+        local: true,
+        reason: "The node's own child nodes \u2014 the hierarchy itself, not a slot."
+      }
+    ]
+  },
+  TreeProp: {
+    group: "data-display",
+    file: "components/data-display.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "DisabledProp",
+      "SizeProp",
+      "ClassNameProp",
+      "IdProp"
+    ]
   },
   CardProp: {
     group: "data-display",
@@ -3010,6 +3152,63 @@ const COMPONENT_PROP_REGISTRY = {
         reason: "Forwarded MasterDetail stacking threshold override."
       }
     ]
+  },
+  ChatComposerSubmitTypeProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: []
+  },
+  ChatComposerProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "PlaceholderProp",
+      "DisabledProp",
+      "PendingProp",
+      "SizeProp",
+      "ControlStatusProp",
+      "NameProp",
+      "IdProp",
+      "ClassNameProp"
+    ]
+  },
+  ChatSuggestionItemProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: ["ValueProp", "LabelProp", "DisabledProp"]
+  },
+  ChatSuggestionRenderProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      {
+        field: "onTrigger",
+        local: true,
+        reason: "Render-prop callback the composer calls to re-read the caret; not a value change."
+      },
+      {
+        field: "onKeyDown",
+        local: true,
+        reason: "Render-prop keydown forwarder \u2014 the composer's own DOM handler, not a state axis."
+      }
+    ]
+  },
+  ChatSuggestionProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "OnValueChangeProp",
+      "OpenProp",
+      "DefaultOpenProp",
+      "OnOpenChangeProp",
+      "ChildrenProp",
+      "EmptyMessageProp",
+      "IdProp",
+      "ClassNameProp"
+    ]
   }
 };
 const PROP_ALIASES_FORBIDDEN = {

package/dist/styles/control.css

@@ -1840,6 +1840,13 @@
   }
 }
 
+@layer components {
+
+  .ui-chat-suggestion-panel {
+    --popover-surface-inline-size: var(--radix-popover-trigger-width);
+  }
+}
+
 @layer components {
 
   .ui-tree-select-popover {