@cloudraker/reki 2.6.1 → 2.7.1

package/ai/schemas.ts

@@ -110,6 +110,24 @@ export type Action = z.infer<typeof ActionSchema>;
 // Component Props Schemas
 // =============================================================================
 
+export const ActorDisplayPropsSchema = z.object({
+  name: z.string(), // Display name of the actor (workspace member, system, or API).
+  avatarUrl: z.unknown().optional(), // Avatar image URL. Falls back to the name's initial when absent.
+  avatarSize: z.enum(["xs", "sm", "base", "lg", "xl"]).optional(), // Avatar size.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const AddressInputPropsSchema = z.object({
+  value: z.unknown(), // Current address value.
+  disabled: z.boolean().optional(), // Disables all fields.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const ArrayDisplayPropsSchema = z.object({
+  values: z.array(z.string()), // String values to render as chips.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const AutocompletePropsSchema = z.object({
   items: z.array(z.unknown()), // Array of items to display in the dropdown
   value: z.array(z.unknown()).optional(), // The controlled input value
@@ -123,6 +141,19 @@ export const AutocompletePropsSchema = z.object({
   error: z.unknown().optional(), // Error message or validation error object
 });
 
+export const AvatarPropsSchema = z.object({
+  initials: z.string().optional(), // Up to ~2 characters shown when there is no image.
+  alt: z.string().optional(), // Accessible name / image alt text.
+  size: z.enum(["xs", "sm", "base", "lg", "xl"]).optional(), // Glyph scale.
+  shape: z.enum(["circle", "square"]).optional(), // Round (default) or rounded-square.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const AvatarGroupPropsSchema = z.object({
+  avatars: z.array(z.unknown()), // Avatar nodes to stack (typically reki `Avatar` elements).
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const BadgePropsSchema = z.object({
   variant: z.enum(["primary", "secondary", "error", "warning", "success", "destructive", "info", "beta", "outline", "red", "green", "neutral", "orange", "purple", "teal", "teal-subtle", "blue"]).optional(), // Color variant of the badge. Recommended semantic variants: - `"primary"` — Primary badge - `"secondary"` — Secondary badge - `"error"` — Error badge - `"warning"` — Warning badge - `"success"` — Success badge - `"info"` — Info badge Additional token variants: - `"red"`, `"orange"`, `"green"`, `"teal"`, `"blue"`, `"purple"`, `"neutral"` - `"teal-subtle"`, `"neutral-subtle"` - `"inverted"` - `"outline"` — Bordered badge with transparent background - `"beta"` — Dashed-border badge for beta/experimental features
   appearance: z.enum(["filled", "dot"]).optional(), // Visual appearance of the badge. - `"filled"` — Filled background using the variant color (default) - `"dot"` — Outlined badge with a colored circle dot. Only `success`,   `warning`, `error`, and `neutral` variants show a dot; other variants   render the badge without a dot.
@@ -179,6 +210,27 @@ export const CheckboxPropsSchema = z.object({
   className: z.string().optional(), // Additional class name
 });
 
+export const ChipPropsSchema = z.object({
+  label: z.string(), // Text label (truncated with a tooltip on overflow).
+  tooltipLabel: z.string().optional(), // Tooltip content shown when the label overflows. Defaults to `label`.
+  variant: z.enum(["regular", "highlighted", "transparent", "static"]).optional(), // Visual variant.
+  size: z.enum(["small", "large"]).optional(), // Size of the chip.
+  accent: z.enum(["primary", "secondary"]).optional(), // Text emphasis. `"secondary"` renders muted, medium-weight text.
+  isBold: z.boolean().optional(), // Renders the label in a medium font weight.
+  leftComponent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Node rendered before the label (e.g. an avatar or icon).
+  rightComponent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Node rendered after the label (e.g. a remove button or count).
+  disabled: z.boolean().optional(), // Disables the chip and dims it.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const CircularProgressBarPropsSchema = z.object({
+  value: z.number(), // Progress as a percentage (0–100).
+  size: z.number().optional(), // Diameter in pixels.
+  barWidth: z.number().optional(), // Stroke width in pixels.
+  label: z.string().optional(), // Accessible label.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const ClipboardTextPropsSchema = z.object({
   size: z.enum(["sm", "base", "lg"]).optional(), // Size of the clipboard text field. - `"sm"` — Small clipboard text for compact UIs - `"base"` — Default clipboard text size - `"lg"` — Large clipboard text for prominent display
   text: z.string(), // The text to display and copy to clipboard.
@@ -457,6 +509,12 @@ export const CollapsiblePropsSchema = z.object({
   onOpenChange: z.unknown().optional(), // Callback when collapsed state changes
 });
 
+export const ColorSamplePropsSchema = z.object({
+  colorName: z.enum(["gray", "red", "orange", "yellow", "green", "turquoise", "sky", "blue", "purple", "pink", "transparent"]), // Named CRM tag color to display.
+  variant: z.enum(["default", "circle", "pipeline"]).optional(), // Swatch shape. - `"default"` — small rounded square (default) - `"circle"` — full circle - `"pipeline"` — wider rounded bar (for pipeline/stage pickers)
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const ComboboxPropsSchema = z.object({
   size: z.enum(["xs", "sm", "base", "lg"]).optional(), // Size of the combobox trigger. Matches Input component sizes. - `"xs"` — Extra small for compact UIs (h-5 / 20px) - `"sm"` — Small for secondary fields (h-6.5 / 26px) - `"base"` — Default size (h-9 / 36px) - `"lg"` — Large for prominent fields (h-10 / 40px)
   inputSide: z.enum(["right", "top"]).optional(), // Position of the text input relative to chips in multi-select mode. - `"right"` — Input inline to the right of chips - `"top"` — Input above chips
@@ -480,6 +538,13 @@ export const CommandPalettePropsSchema = z.object({
   container: z.unknown().optional(), // Container element for the portal. Use this to render the command palette inside a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.
 });
 
+export const DataGridPropsSchema = z.object({
+  kind: z.enum(["text", "number"]),
+  initialValue: z.unknown(),
+  initialKey: z.string().optional(),
+  align: z.enum(["left", "right", "center"]),
+});
+
 export const DatePickerPropsSchema = z.object({
   className: z.string().optional(), // Additional CSS classes
   children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Child elements
@@ -501,10 +566,23 @@ export const DialogPropsSchema = z.object({
   size: z.enum(["base", "sm", "lg", "xl"]).optional(), // Dialog width. - `"sm"` — Small (min 288px) for simple confirmations - `"base"` — Default (min 384px) - `"lg"` — Large (min 512px) for complex content - `"xl"` — Extra large (min 768px) for detailed views
 });
 
+export const DoubleTextInputPropsSchema = z.object({
+  value: z.unknown(), // Current paired value.
+  firstPlaceholder: z.string().optional(), // Placeholder for the first input.
+  secondPlaceholder: z.string().optional(), // Placeholder for the second input.
+  disabled: z.boolean().optional(), // Disables both inputs.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const DropdownMenuPropsSchema = z.object({
   variant: z.enum(["default", "danger"]).optional(), // Visual style of the dropdown item. - `"default"` — Standard item appearance - `"danger"` — Destructive action with red text
 });
 
+export const EmailsDisplayPropsSchema = z.object({
+  emails: z.array(z.string()), // Email addresses, primary first.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const EmptyPropsSchema = z.object({
   size: z.enum(["sm", "base", "lg"]).optional(), // Size of the empty state container. - `"sm"` — Compact empty state for smaller containers - `"base"` — Default empty state size - `"lg"` — Large empty state for prominent placement
   icon: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Decorative icon displayed above the title (e.g. from `@phosphor-icons/react`).
@@ -515,6 +593,11 @@ export const EmptyPropsSchema = z.object({
   className: z.string().optional(), // Additional CSS classes merged via `cn()`.
 });
 
+export const ExpandableListPropsSchema = z.object({
+  children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Items to render. The first `max` are shown inline; the rest collapse into a `+N` chip.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const FieldPropsSchema = z.object({
   controlFirst: z.boolean().optional(), // When `true`, places the control before the label (for checkbox/switch layouts).
   children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // The form control element(s) to wrap (Input, Select, Checkbox, etc.).
@@ -564,6 +647,11 @@ export const InputGroupPropsSchema = z.object({
   disabled: z.boolean().optional(),
 });
 
+export const JsonDisplayPropsSchema = z.object({
+  value: z.unknown(), // Value to render. Objects/arrays are stringified; strings are shown as-is.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const LabelPropsSchema = z.object({
   children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // The label content — can be a string or any React node.
   showOptional: z.boolean().optional(), // When `true`, shows gray "(optional)" text after the label.
@@ -601,6 +689,24 @@ export const LinkPropsSchema = z.object({
   render: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
 });
 
+export const LinkChipPropsSchema = z.object({
+  label: z.string(), // Text label (truncated with a tooltip on overflow).
+  href: z.string(), // Destination href. Resolved through the configured `LinkProvider`.
+  tooltipLabel: z.string().optional(), // Tooltip content shown when the label overflows. Defaults to `label`.
+  size: z.enum(["small", "large"]).optional(), // Size of the chip.
+  accent: z.enum(["primary", "secondary"]).optional(), // Text emphasis.
+  isBold: z.boolean().optional(), // Renders the label in a medium font weight.
+  leftComponent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Node rendered before the label (e.g. an avatar or icon).
+  rightComponent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Node rendered after the label.
+  target: z.string().optional(), // Opens the link in a new tab.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const LinksDisplayPropsSchema = z.object({
+  links: z.array(z.unknown()), // Links to render, primary first.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const LoaderPropsSchema = z.object({
   className: z.string().optional(), // Additional CSS classes merged via `cn()`.
   size: z.enum(["sm", "base", "lg"]).optional(), // Size of the spinner. Use a preset name or a custom pixel number. - `"sm"` — 16px, for inline use - `"base"` — 24px, default size - `"lg"` — 32px, for prominent loading states
@@ -613,6 +719,17 @@ export const MenuBarPropsSchema = z.object({
   optionIds: z.boolean().optional(), // When true, each option's `id` field is used for matching instead of its array index.
 });
 
+export const MenuItemPropsSchema = z.object({
+  text: z.string(), // Row label.
+  LeftIcon: z.unknown().optional(), // Optional leading icon.
+  leftComponent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Optional leading element (avatar, color sample, …) shown before the text.
+  rightComponent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Optional trailing element shown after the text.
+  selected: z.boolean().optional(), // Shows a trailing check mark when true.
+  focused: z.boolean().optional(), // Keyboard-focused / active styling.
+  disabled: z.boolean().optional(), // Disables the row.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const MeterPropsSchema = z.object({
   customValue: z.string().optional(), // Custom formatted value text (e.g. "750 / 1,000") displayed instead of percentage.
   label: z.string(), // Label text displayed above the meter track.
@@ -624,6 +741,20 @@ export const MeterPropsSchema = z.object({
   min: z.number().optional(), // Minimum value of the meter (default: 0)
 });
 
+export const NotificationCounterPropsSchema = z.object({
+  count: z.number(), // Number to display. Values above `max` render as `{max}+`.
+  variant: z.enum(["primary", "secondary"]).optional(), // Visual variant. - `"primary"` — brand background (default) - `"secondary"` — neutral fill
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const OverflowingTextPropsSchema = z.object({
+  text: z.string(), // Text to render, truncated when it overflows its container.
+  tooltipContent: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Tooltip content shown when the text overflows. Defaults to `text`. Provide a custom node to show richer content than the raw string.
+  lines: z.number().optional(), // Maximum number of lines before clamping. `1` (default) truncates to a single line with an ellipsis; higher values clamp to that many lines.
+  alwaysShowTooltip: z.boolean().optional(), // Always show the tooltip on hover, even when the text is not overflowing.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const PaginationPropsSchema = z.object({
   setPage: z.unknown(), // Callback when page changes
   page: z.number().optional(), // Current page number (1-indexed).
@@ -636,6 +767,17 @@ export const PaginationPropsSchema = z.object({
   text: z.unknown().optional(),
 });
 
+export const PhonesDisplayPropsSchema = z.object({
+  phones: z.array(z.string()), // Pre-formatted phone numbers, primary first.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const PillPropsSchema = z.object({
+  label: z.string(), // Text label.
+  icon: z.unknown().optional(), // Optional leading icon (phosphor or any SVG component).
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const PopoverPropsSchema = z.object({
   side: z.enum(["top", "bottom", "left", "right"]).optional(), // Which side of the trigger the popover appears on. - `"top"` — Above the trigger - `"bottom"` — Below the trigger - `"left"` — Left of the trigger - `"right"` — Right of the trigger
 });
@@ -650,6 +792,17 @@ export const RadioPropsSchema = z.object({
   onValueChange: z.unknown().optional(), // Callback fired when the selected value changes. The second argument carries native event details about the interaction.
 });
 
+export const RatingPropsSchema = z.object({
+  value: z.unknown(), // Current rating (1..max), or `null` for unrated.
+  readonly: z.boolean().optional(), // Renders as read-only (no hover/click).
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
+export const RecordBoardPropsSchema = z.object({
+  className: z.string().optional(), // Additional CSS classes
+  children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Child elements
+});
+
 export const SelectPropsSchema = z.object({
   className: z.string().optional(), // Additional CSS classes merged via `cn()`.
   size: z.enum(["xs", "sm", "base", "lg"]).optional(), // Size of the select trigger. Matches Input component sizes.
@@ -715,6 +868,13 @@ export const SidebarPropsSchema = z.object({
   className: z.string().optional(), // Additional CSS classes for the wrapper div.
 });
 
+export const StatusPropsSchema = z.object({
+  text: z.string(), // Status label text.
+  isLoaderVisible: z.boolean().optional(), // Shows an inline loader after the text (e.g. while a transition runs).
+  weight: z.enum(["regular", "medium"]).optional(), // Font weight of the label.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const SurfacePropsSchema = z.object({
   as: z.unknown().optional(),
   render: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.
@@ -774,6 +934,15 @@ export const TabsPropsSchema = z.object({
   onValueChange: z.unknown().optional(), // Callback when active tab changes
 });
 
+export const TagPropsSchema = z.object({
+  text: z.string(), // Text label rendered inside the tag (truncated with a tooltip on overflow).
+  icon: z.unknown().optional(), // Optional leading icon (phosphor or any SVG component).
+  variant: z.enum(["solid", "outline", "border"]).optional(), // Visual style. - `"solid"` — subtle colored background (default) - `"outline"` — transparent background with a colored ring - `"border"` — subtle background with a matching colored ring
+  weight: z.enum(["regular", "medium"]).optional(), // Font weight of the label. - `"regular"` (default) - `"medium"`
+  preventShrink: z.boolean().optional(), // Prevents the tag from shrinking inside flex containers.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const TextPropsSchema = z.object({
   variant: z.enum(["heading1", "heading2", "heading3", "body", "secondary", "success", "error", "mono", "mono-secondary"]).optional(), // Text style variant. Determines color, font, and weight. - `"heading1"` — Large page title (30px, semibold) - `"heading2"` — Section title (24px, semibold) - `"heading3"` — Subsection title (18px, semibold) - `"body"` — Default body text - `"secondary"` — Muted text for secondary information - `"success"` — Success state text - `"error"` — Error state text - `"mono"` — Monospace text for code - `"mono-secondary"` — Muted monospace text
   size: z.enum(["xs", "sm", "base", "lg"]).optional(), // Text size (only applies to body/secondary/success/error variants). - `"xs"` — 12px - `"sm"` — 14px - `"base"` — 16px - `"lg"` — 18px
@@ -783,6 +952,11 @@ export const TextPropsSchema = z.object({
   children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // Text content.
 });
 
+export const TimelinePropsSchema = z.object({
+  children: z.union([z.string(), z.number(), z.boolean(), z.null(), DynamicValueSchema]).optional(), // `Timeline.Item` elements.
+  className: z.string().optional(), // Additional CSS classes merged via `cn()`. Use reki semantic tokens only.
+});
+
 export const ToastyPropsSchema = z.object({
   variant: z.enum(["default", "success", "error", "warning", "info"]).optional(),
   className: z.string().optional(), // Additional CSS classes
@@ -803,49 +977,74 @@ export const TooltipPropsSchema = z.object({
 /**
  * All valid component type names
  */
-export type RekiComponentType = "Autocomplete" | "Badge" | "Banner" | "Breadcrumbs" | "Button" | "Checkbox" | "ClipboardText" | "CloudflareLogo" | "Code" | "Collapsible" | "Combobox" | "CommandPalette" | "DatePicker" | "DateRangePicker" | "Dialog" | "DropdownMenu" | "Empty" | "Field" | "Grid" | "Input" | "InputArea" | "InputGroup" | "Label" | "LayerCard" | "Link" | "Loader" | "MenuBar" | "Meter" | "Pagination" | "Popover" | "Radio" | "Select" | "SensitiveInput" | "Sidebar" | "Surface" | "Switch" | "Table" | "TableOfContents" | "Tabs" | "Text" | "Toasty" | "Tooltip";
+export type RekiComponentType = "ActorDisplay" | "AddressInput" | "ArrayDisplay" | "Autocomplete" | "Avatar" | "AvatarGroup" | "Badge" | "Banner" | "Breadcrumbs" | "Button" | "Checkbox" | "Chip" | "CircularProgressBar" | "ClipboardText" | "CloudflareLogo" | "Code" | "Collapsible" | "ColorSample" | "Combobox" | "CommandPalette" | "DataGrid" | "DatePicker" | "DateRangePicker" | "Dialog" | "DoubleTextInput" | "DropdownMenu" | "EmailsDisplay" | "Empty" | "ExpandableList" | "Field" | "Grid" | "Input" | "InputArea" | "InputGroup" | "JsonDisplay" | "Label" | "LayerCard" | "Link" | "LinkChip" | "LinksDisplay" | "Loader" | "MenuBar" | "MenuItem" | "Meter" | "NotificationCounter" | "OverflowingText" | "Pagination" | "PhonesDisplay" | "Pill" | "Popover" | "Radio" | "Rating" | "RecordBoard" | "Select" | "SensitiveInput" | "Sidebar" | "Status" | "Surface" | "Switch" | "Table" | "TableOfContents" | "Tabs" | "Tag" | "Text" | "Timeline" | "Toasty" | "Tooltip";
 
 export const RekiComponentTypeSchema = z.enum([
+  "ActorDisplay",
+  "AddressInput",
+  "ArrayDisplay",
   "Autocomplete",
+  "Avatar",
+  "AvatarGroup",
   "Badge",
   "Banner",
   "Breadcrumbs",
   "Button",
   "Checkbox",
+  "Chip",
+  "CircularProgressBar",
   "ClipboardText",
   "CloudflareLogo",
   "Code",
   "Collapsible",
+  "ColorSample",
   "Combobox",
   "CommandPalette",
+  "DataGrid",
   "DatePicker",
   "DateRangePicker",
   "Dialog",
+  "DoubleTextInput",
   "DropdownMenu",
+  "EmailsDisplay",
   "Empty",
+  "ExpandableList",
   "Field",
   "Grid",
   "Input",
   "InputArea",
   "InputGroup",
+  "JsonDisplay",
   "Label",
   "LayerCard",
   "Link",
+  "LinkChip",
+  "LinksDisplay",
   "Loader",
   "MenuBar",
+  "MenuItem",
   "Meter",
+  "NotificationCounter",
+  "OverflowingText",
   "Pagination",
+  "PhonesDisplay",
+  "Pill",
   "Popover",
   "Radio",
+  "Rating",
+  "RecordBoard",
   "Select",
   "SensitiveInput",
   "Sidebar",
+  "Status",
   "Surface",
   "Switch",
   "Table",
   "TableOfContents",
   "Tabs",
+  "Tag",
   "Text",
+  "Timeline",
   "Toasty",
   "Tooltip",
 ]);
@@ -854,46 +1053,71 @@ export const RekiComponentTypeSchema = z.enum([
  * Map of component type to its props schema
  */
 export const ComponentPropsSchemas = {
+  ActorDisplay: ActorDisplayPropsSchema,
+  AddressInput: AddressInputPropsSchema,
+  ArrayDisplay: ArrayDisplayPropsSchema,
   Autocomplete: AutocompletePropsSchema,
+  Avatar: AvatarPropsSchema,
+  AvatarGroup: AvatarGroupPropsSchema,
   Badge: BadgePropsSchema,
   Banner: BannerPropsSchema,
   Breadcrumbs: BreadcrumbsPropsSchema,
   Button: ButtonPropsSchema,
   Checkbox: CheckboxPropsSchema,
+  Chip: ChipPropsSchema,
+  CircularProgressBar: CircularProgressBarPropsSchema,
   ClipboardText: ClipboardTextPropsSchema,
   CloudflareLogo: CloudflareLogoPropsSchema,
   Code: CodePropsSchema,
   Collapsible: CollapsiblePropsSchema,
+  ColorSample: ColorSamplePropsSchema,
   Combobox: ComboboxPropsSchema,
   CommandPalette: CommandPalettePropsSchema,
+  DataGrid: DataGridPropsSchema,
   DatePicker: DatePickerPropsSchema,
   DateRangePicker: DateRangePickerPropsSchema,
   Dialog: DialogPropsSchema,
+  DoubleTextInput: DoubleTextInputPropsSchema,
   DropdownMenu: DropdownMenuPropsSchema,
+  EmailsDisplay: EmailsDisplayPropsSchema,
   Empty: EmptyPropsSchema,
+  ExpandableList: ExpandableListPropsSchema,
   Field: FieldPropsSchema,
   Grid: GridPropsSchema,
   Input: InputPropsSchema,
   InputArea: InputAreaPropsSchema,
   InputGroup: InputGroupPropsSchema,
+  JsonDisplay: JsonDisplayPropsSchema,
   Label: LabelPropsSchema,
   LayerCard: LayerCardPropsSchema,
   Link: LinkPropsSchema,
+  LinkChip: LinkChipPropsSchema,
+  LinksDisplay: LinksDisplayPropsSchema,
   Loader: LoaderPropsSchema,
   MenuBar: MenuBarPropsSchema,
+  MenuItem: MenuItemPropsSchema,
   Meter: MeterPropsSchema,
+  NotificationCounter: NotificationCounterPropsSchema,
+  OverflowingText: OverflowingTextPropsSchema,
   Pagination: PaginationPropsSchema,
+  PhonesDisplay: PhonesDisplayPropsSchema,
+  Pill: PillPropsSchema,
   Popover: PopoverPropsSchema,
   Radio: RadioPropsSchema,
+  Rating: RatingPropsSchema,
+  RecordBoard: RecordBoardPropsSchema,
   Select: SelectPropsSchema,
   SensitiveInput: SensitiveInputPropsSchema,
   Sidebar: SidebarPropsSchema,
+  Status: StatusPropsSchema,
   Surface: SurfacePropsSchema,
   Switch: SwitchPropsSchema,
   Table: TablePropsSchema,
   TableOfContents: TableOfContentsPropsSchema,
   Tabs: TabsPropsSchema,
+  Tag: TagPropsSchema,
   Text: TextPropsSchema,
+  Timeline: TimelinePropsSchema,
   Toasty: ToastyPropsSchema,
   Tooltip: TooltipPropsSchema,
 } as const;
@@ -952,4 +1176,4 @@ export function validateUITree(tree: unknown): SafeParseResult<UITree> {
 /**
  * List of all component names (for catalog generation)
  */
-export const REKI_COMPONENT_NAMES = ["Autocomplete", "Badge", "Banner", "Breadcrumbs", "Button", "Checkbox", "ClipboardText", "CloudflareLogo", "Code", "Collapsible", "Combobox", "CommandPalette", "DatePicker", "DateRangePicker", "Dialog", "DropdownMenu", "Empty", "Field", "Grid", "Input", "InputArea", "InputGroup", "Label", "LayerCard", "Link", "Loader", "MenuBar", "Meter", "Pagination", "Popover", "Radio", "Select", "SensitiveInput", "Sidebar", "Surface", "Switch", "Table", "TableOfContents", "Tabs", "Text", "Toasty", "Tooltip"] as const;
+export const REKI_COMPONENT_NAMES = ["ActorDisplay", "AddressInput", "ArrayDisplay", "Autocomplete", "Avatar", "AvatarGroup", "Badge", "Banner", "Breadcrumbs", "Button", "Checkbox", "Chip", "CircularProgressBar", "ClipboardText", "CloudflareLogo", "Code", "Collapsible", "ColorSample", "Combobox", "CommandPalette", "DataGrid", "DatePicker", "DateRangePicker", "Dialog", "DoubleTextInput", "DropdownMenu", "EmailsDisplay", "Empty", "ExpandableList", "Field", "Grid", "Input", "InputArea", "InputGroup", "JsonDisplay", "Label", "LayerCard", "Link", "LinkChip", "LinksDisplay", "Loader", "MenuBar", "MenuItem", "Meter", "NotificationCounter", "OverflowingText", "Pagination", "PhonesDisplay", "Pill", "Popover", "Radio", "Rating", "RecordBoard", "Select", "SensitiveInput", "Sidebar", "Status", "Surface", "Switch", "Table", "TableOfContents", "Tabs", "Tag", "Text", "Timeline", "Toasty", "Tooltip"] as const;

package/dist/.build-complete

@@ -1 +1 @@
-1782502200873
+1782693141731